/** ************************************* **
	@Author			HM
	@Website		Master
	@Last Update	31.07.2025
 ** ************************************* **/


/**	Variablen
*************************************************** **/
:root {
    --cecblau: #103664 ;
    --wvblau: #0492d4;
    --wvgrau: #5f5e5e;
    --falconrot: #c71e22;
    }
    /**	Eigene Farben
    *************************************************** **/
    .bg-cecblau {background-color: var(--cecblau) !important;}
    .bg-wvblau {background-color: var(--wvblau) !important;}
    .bg-wvgrau {background-color: var(--wvgrau)!important;}
    .bg-falconrot {background-color: var(--falconrot) !important;}
    
    .fc-cecblau {color: var(--cecblau) !important;}
    .fc-wvblau {color: var(--wvblau) !important;}
    .fc-wvgrau {color: var(--wvgrau) !important;}
    .fc-falconrot {color: var(--falconrot) !important;}
    
    /**	Farben
    *************************************************** **/
    .bg-white {background-color: #fff !important;}
    .bg-black {background-color: #000 !important;}
    .bg-grey {background-color: #adb5bd !important;}
    .bg-grey-0 {background-color: #fdfdfd !important;}
    .bg-grey-50 {background-color: #f7f7f7 !important;}
    .bg-grey-100 {background-color: #ededed !important;}
    .bg-grey-200 {background-color: #dadada !important;}
    .bg-grey-300 {background-color: #c6c6c6 !important;}
    .bg-grey-400 {background-color: #b2b2b2 !important;}
    .bg-grey-500 {background-color: #9d9d9c !important;}
    .bg-grey-600 {background-color: #878787 !important;}
    .bg-grey-700 {background-color: #706f6f !important;}
    .bg-grey-800 {background-color: #575756 !important;}
    .bg-grey-900 {background-color: #3c3c3b !important;}
    .bg-grey-950 {background-color: #2b2b2b !important;}
    .bg-grey-970 {background-color: #252525 !important;}
    .bg-blue {background-color: #0d6efd !important;}
    .bg-blue-0 {background-color: #eaf2fa !important;}
    .bg-blue-100 {background-color: #cfdfee !important;}
    .bg-blue-200 {background-color: #b7d3ed !important;}
    .bg-blue-300 {background-color: #6ea8fe !important;}
    .bg-blue-400 {background-color: #3d8bfd !important;}
    .bg-blue-500 {background-color: #0d6efd !important;}
    .bg-blue-600 {background-color: #0a58ca !important;}
    .bg-blue-700 {background-color: #84298 !important;}
    .bg-blue-800 {background-color: #052c65 !important;}
    .bg-blue-900 {background-color: #31633 !important;}
    .bg-indigo {background-color: #6610f2 !important;}
    .bg-indigo-0 {background-color: #eee5ff !important;}
    .bg-indigo-100 {background-color: #dfd0fb !important;}
    .bg-indigo-200 {background-color: #c0a0f8 !important;}
    .bg-indigo-300 {background-color: #a172f5 !important;}
    .bg-indigo-400 {background-color: #8345f2 !important;}
    .bg-indigo-500 {background-color: #661fef !important;}
    .bg-indigo-600 {background-color: #5218c0 !important;}
    .bg-indigo-700 {background-color: #3d118f !important;}
    .bg-indigo-800 {background-color: #290a60 !important;}
    .bg-indigo-900 {background-color: #14042f !important;}
    .bg-red {background-color: #dc3545 !important;}
    .bg-red-0 {background-color: #f8e8ea !important;}
    .bg-red-100 {background-color: #f5d7da !important;}
    .bg-red-200 {background-color: #ebaeb6 !important;}
    .bg-red-300 {background-color: #e18790 !important;}
    .bg-red-400 {background-color: #d95e6c !important;}
    .bg-red-500 {background-color: #d13848 !important;}
    .bg-red-600 {background-color: #a72c3a !important;}
    .bg-red-700 {background-color: #7d212b !important;}
    .bg-red-800 {background-color: #53161d !important;}
    .bg-red-900 {background-color: #2a0b0e !important;}
    .bg-orange {background-color: #fd7e14 !important;}
    .bg-orange-0 {background-color: #fcf0e5 !important;}
    .bg-orange-100 {background-color: #fce5d1 !important;}
    .bg-orange-200 {background-color: #f8cba3 !important;}
    .bg-orange-300 {background-color: #f6b276 !important;}
    .bg-orange-400 {background-color: #f4984b !important;}
    .bg-orange-500 {background-color: #f27f27 !important;}
    .bg-orange-600 {background-color: #c1651e !important;}
    .bg-orange-700 {background-color: #914c16 !important;}
    .bg-orange-800 {background-color: #61320e !important;}
    .bg-orange-900 {background-color: #311906 !important;}
    .bg-yellow {background-color: #ffc107 !important;}
    .bg-yellow-0 {background-color: #fff9e1 !important;}
    .bg-yellow-100 {background-color: #fdf3ce !important;}
    .bg-yellow-200 {background-color: #fbe69f !important;}
    .bg-yellow-300 {background-color: #fada70 !important;}
    .bg-yellow-400 {background-color: #f9cd46 !important;}
    .bg-yellow-500 {background-color: #f8c129 !important;}
    .bg-yellow-600 {background-color: #c69a1f !important;}
    .bg-yellow-700 {background-color: #957415 !important;}
    .bg-yellow-800 {background-color: #634d0c !important;}
    .bg-yellow-900 {background-color: #312703 !important;}
    .bg-green {background-color: #198754 !important;}
    .bg-green-0 {background-color: #e4f8d0 !important;}
    .bg-green-100 {background-color: #d2ebb8 !important;}
    .bg-green-200 {background-color: #c0e39b !important;}
    .bg-green-300 {background-color: #a8d678 !important;}
    .bg-green-400 {background-color: #569e77 !important;}
    .bg-green-500 {background-color: #348655 !important;}
    .bg-green-600 {background-color: #296b44 !important;}
    .bg-green-700 {background-color: #1e5133 !important;}
    .bg-green-800 {background-color: #133622 !important;}
    .bg-green-900 {background-color: #081b11 !important;}
    .bg-cyan {background-color: #0dcaf0 !important;}
    .bg-cyan-0 {background-color: #e9f9fd !important;}
    .bg-cyan-100 {background-color: #d4f4fb !important;}
    .bg-cyan-200 {background-color: #a9eaf8 !important;}
    .bg-cyan-300 {background-color: #83dff5 !important;}
    .bg-cyan-400 {background-color: #62d5f1 !important;}
    .bg-cyan-500 {background-color: #4ecaee !important;}
    .bg-cyan-600 {background-color: #3da2bf !important;}
    .bg-cyan-700 {background-color: #2c798f !important;}
    .bg-cyan-800 {background-color: #1c515f !important;}
    .bg-cyan-900 {background-color: #0b2830 !important;}
    
    
    
    /*ALTE Farben, nicht mehr verwenden, gibt es auch alle bei den neuen*/
    .bg-white {background-color: #fff !important;}
    .bg-light {background-color: #fdfdfd !important;}
    .bg-light-0 {background-color: #f7f7f7 !important;}
    .bg-light-1 {background-color: #ededed !important;}
    .bg-light-2 {background-color: #dadada !important;}
    .bg-light-3 {background-color: #c6c6c6 !important;}
    .bg-light-4 {background-color: #b2b2b2 !important;}
    .bg-light-5 {background-color: #9d9d9c !important;}
    .bg-light-6 {background-color: #878787 !important;}
    .bg-light-7 {background-color: #706f6f !important;}
    .bg-light-8 {background-color: #575756 !important;}
    .bg-light-9 {background-color: #3c3c3b !important;}
    .bg-light-9-5 {background-color: #2b2b2b !important; }
    .bg-light-9-7 {background-color: #252525 !important;}
    .bg-light-10 {background-color: #000 !important;}
    .bg-blue-10 {background-color: #eaf2fa !important;}
    .bg-blue-20 {background-color: #cfdfee !important;}
    .bg-blue-30 {background-color: #99bee1 !important;}
    .bg-green-0 {background-color: #e4f8d0 !important;}
    .bg-green-10 {background-color: #d2ebb8 !important;}
    .bg-green-20 {background-color: #c0e39b !important;}
    .bg-green-30 {background-color: #a8d678 !important;}
    
    
    /**	01. Farben FC = Font-Color
    *************************************************** **/
    /*Neue Farben*/
    
    .fc-white {color: #fff !important;}
    .fc-grey {color: #939393 !important;}
    .fc-grey-500 {color: #9d9d9c !important;}
    .fc-grey-600 {color: #878787 !important;}
    .fc-grey-700 {color: #706f6f !important;}
    .fc-grey-800 {color: #575756 !important;}
    .fc-grey-900 {color: #3c3c3b !important;}
    .fc-grey-950 {color: #2b2b2b !important;}
    .fc-grey-970 {color: #252525 !important;}
    .fc-black {color: #000 !important;}
    .fc-red {color: #e60000 !important;}
    .fc-red-800 {color: #c71e22 !important;}
    .fc-blue {color: #0492d4 !important;}
    .fc-blue-800 {color: #103664 !important;}
    .fc-green {color: #5cb85c !important;}
    .fc-green-800 {color: #3c763d !important;}
    .fc-brown {color: #9d8a1f !important;}
    .fc-orange {color: #ff7800 !important;}
    
    
    /*Alte Farben, nicht mehr verwenden, gibt es auch alle bei den neuen*/
    .fc-light-5 {color: #9d9d9c !important;}
    .fc-darkred {color: #d31c20 !important;}
    .fc-darkblue {color: #103664 !important;}
    .fc-darkgreen {color: #3c763d !important;}
    
    
    
    
    /**	SVG IMG
    *************************************************** **/
    
    .img-svg {width:100%;height:auto;}
    .img-svgz {width:100%;height:auto;}
    .img-fluid {display:inline-block;}
    
    /* IE & Mozilla fix */
    div.row>div img.img-fluid {width: 100%;}
    
    
    /**	Margin und Padding Negativ
    *************************************************** **/
    
    .mt--5 {margin-top: -5px !important;}
    .mt--10 {margin-top: -10px !important;}
    .mt--20 {margin-top: -20px !important;}
    .mt--30 {margin-top: -30px !important;}
    .mt--40 {margin-top: -40px !important;}
    .mt--50 {margin-top: -50px !important;}
    .mt--60 {margin-top: -60px !important;}
    
    .mb--40 {margin-bottom: -40px !important}
    .mb--50 {margin-bottom: -50px !important;}
    .mb--60 {margin-bottom: -60px !important;}
    .mr--10 {margin-right: -10px !important;}
    .mr--20 {margin-right: -20px !important;}
    .mr--25 {margin-right: -25px !important;}
    .mr--30 {margin-right: -30px !important;}
    
    .pr--5 {padding-right: -5px !important;}
    .pr--10 {padding-right: -10px !important;}
    
    .pl--5 {padding-left: -5px !important;}
    .pl--10 {padding-left: -10px !important;}
    
    /**	Borders 
    *************************************************** **/
    
    .b-0 {border:0px !important;}
    .b-1 {border:1px solid #ccc !important;}
    .bb-1 {border-bottom:1px solid #ccc !important;}
    .bt-1 {border-top:1px solid #ccc !important;}
    .bl-1 {border-left:1px solid #ccc !important;}
    .br-1 {border-right:1px solid #ccc !important;}
    
    .border-radius-1 {border-radius: 1px !important;}
    .border-radius-2 {border-radius: 2px !important;}
    .border-radius-3 {border-radius: 3px !important;}
    .border-radius-4 {border-radius: 4px !important;}
    .border-radius-5 {border-radius: 5px !important;}
    .border-radius-6 {border-radius: 6px !important;}
    .border-radius-7 {border-radius: 7px !important;}
    .border-radius-8 {border-radius: 8px !important;}
    .border-radius-9 {border-radius: 9px !important;}
    .border-radius-10 {border-radius: 10px !important;}
    
    /** Quick Positioning and Styling
     **************************************************************** **/
    /* font size */
    .fs-10 { font-size: 10px !important; }
    .fs-11 { font-size: 11px !important; }
    .fs-12 { font-size: 12px !important; }
    .fs-13 { font-size: 13px !important; }
    .fs-14 { font-size: 14px !important; }
    .fs-15 { font-size: 15px !important; }
    .fs-16 { font-size: 16px !important; }
    .fs-17 { font-size: 17px !important; }
    .fs-18 { font-size: 18px !important; }
    .fs-19 { font-size: 19px !important; }
    .fs-20 { font-size: 20px !important; }
    .fs-21 { font-size: 21px !important; }
    .fs-22 { font-size: 22px !important; }
    .fs-23 { font-size: 23px !important; }
    .fs-24 { font-size: 24px !important; }
    .fs-25 { font-size: 25px !important; }
    .fs-26 { font-size: 26px !important; }
    .fs-27 { font-size: 27px !important; }
    .fs-28 { font-size: 28px !important; }
    .fs-29 { font-size: 29px !important; }
    .fs-30 { font-size: 30px !important; }
    .fs-35 { font-size: 35px !important; }
    .fs-40 { font-size: 40px !important; }
    .fs-45 { font-size: 45px !important; }
    .fs-50 { font-size: 50px !important; }
    .fs-55 { font-size: 55px !important; }
    .fs-60 { font-size: 60px !important; }
    .fs-65 { font-size: 65px !important; }
    .fs-70 { font-size: 70px !important; }
    .fs-75 { font-size: 75px !important; }
    .fs-80 { font-size: 80px !important; }
    .fs-90 { font-size: 90px !important; }
    .fs-100 { font-size: 100px !important; }
    .fs-120 { font-size: 120px !important; }
    .fs-130 { font-size: 130px !important; }
    .fs-140 { font-size: 140px !important; }
    .fs-150 { font-size: 150px !important; }
    .fs-200 { font-size: 200px !important; }
    
    /* line height */
    .lh-5 {line-height: 5px !important;}
    .lh-10 {line-height: 10px !important;}
    .lh-11 {line-height: 11px !important;}
    .lh-12 {line-height: 12px !important;}
    .lh-13 {line-height: 13px !important;}
    .lh-14 {line-height: 14px !important;}
    .lh-15 {line-height: 15px !important;}
    .lh-16 {line-height: 16px !important;}
    .lh-17 {line-height: 17px !important;}
    .lh-18 {line-height: 18px !important;}
    .lh-19 {line-height: 19px !important;}
    .lh-20 {line-height: 20px !important;}
    .lh-21 {line-height: 21px !important;}
    .lh-22 {line-height: 22px !important;}
    .lh-23 {line-height: 23px !important;}
    .lh-24 {line-height: 24px !important;}
    .lh-25 {line-height: 25px !important;}
    .lh-30 {line-height: 30px !important;}
    
    /* font weight */
    .fw-100 { font-weight: 100 !important; }
    .fw-200 { font-weight: 200 !important; }
    .fw-300 { font-weight: 300 !important; }
    .fw-400 { font-weight: 400 !important; }
    .fw-500 { font-weight: 500 !important; }
    .fw-600 { font-weight: 600 !important; }
    .fw-700 { font-weight: 700 !important; }
    .fw-800 { font-weight: 800 !important; }
    
    /* margins */
    .mb-0   { margin-bottom:0px !important;   }
    .mb-1   { margin-bottom:1px !important;   }
    .mb-2   { margin-bottom:2px !important;   }
    .mb-3   { margin-bottom:3px !important;   }
    .mb-4   { margin-bottom:4px !important;   }
    .mb-5   { margin-bottom:5px !important;   }
    .mb-6   { margin-bottom:6px !important;   }
    .mb-7   { margin-bottom:7px !important;   }
    .mb-8   { margin-bottom:8px !important;   }
    .mb-9   { margin-bottom:9px !important;   }
    .mb-10  { margin-bottom:10px !important;  }
    .mb-12  { margin-bottom:12px !important;  }
    .mb-15  { margin-bottom:15px !important;  }
    .mb-18  { margin-bottom:18px !important;  }
    .mb-20  { margin-bottom:20px !important;  }
    .mb-25  { margin-bottom:20px !important;  }
    .mb-30  { margin-bottom:30px !important;  }
    .mb-35  { margin-bottom:35px !important;  }
    .mb-40  { margin-bottom:40px !important;  }
    .mb-45  { margin-bottom:45px !important;  }
    .mb-50  { margin-bottom:50px !important;  }
    .mb-60  { margin-bottom:60px !important;  }
    .mb-70  { margin-bottom:70px !important;  }
    .mb-80  { margin-bottom:80px !important;  }
    .mb-90  { margin-bottom:90px !important;  }
    .mb-100 { margin-bottom:100px !important; }
    .mb-110 { margin-bottom:110px !important; }
    .mb-120 { margin-bottom:120px !important; }
    .mb-130 { margin-bottom:130px !important; }
    .mb-140 { margin-bottom:140px !important; }
    .mb-150 { margin-bottom:150px !important; }
    .mb-200 { margin-bottom:200px !important; }
    
    .mt-0   { margin-top:0px !important;   }
    .mt-1   { margin-top:1px !important;   }
    .mt-2   { margin-top:2px !important;   }
    .mt-3   { margin-top:3px !important;   }
    .mt-4   { margin-top:4px !important;   }
    .mt-5   { margin-top:5px !important;   }
    .mt-6   { margin-top:6px !important;   }
    .mt-7   { margin-top:7px !important;   }
    .mt-8   { margin-top:8px !important;   }
    .mt-9   { margin-top:9px !important;   }
    .mt-10  { margin-top:10px !important;  }
    .mt-12  { margin-top:12px !important;  }
    .mt-15  { margin-top:15px !important;  }
    .mt-18  { margin-top:18px !important;  }
    .mt-20  { margin-top:20px !important;  }
    .mt-25  { margin-top:20px !important;  }
    .mt-30  { margin-top:30px !important;  }
    .mt-35  { margin-top:35px !important;  }
    .mt-40  { margin-top:40px !important;  }
    .mt-45  { margin-top:45px !important;  }
    .mt-50  { margin-top:50px !important;  }
    .mt-60  { margin-top:60px !important;  }
    .mt-70  { margin-top:70px !important;  }
    .mt-80  { margin-top:80px !important;  }
    .mt-90  { margin-top:90px !important;  }
    .mt-100 { margin-top:100px !important; }
    .mt-110 { margin-top:110px !important; }
    .mt-120 { margin-top:120px !important; }
    .mt-130 { margin-top:130px !important; }
    .mt-140 { margin-top:140px !important; }
    .mt-150 { margin-top:150px !important; }
    .mt-200 { margin-top:200px !important; }
    
    .ml-0   { margin-left:0px !important;   }
    .ml-1   { margin-left:1px !important;   }
    .ml-2   { margin-left:2px !important;   }
    .ml-3   { margin-left:3px !important;   }
    .ml-4   { margin-left:4px !important;   }
    .ml-5   { margin-left:5px !important;   }
    .ml-6   { margin-left:6px !important;   }
    .ml-7   { margin-left:7px !important;   }
    .ml-8   { margin-left:8px !important;   }
    .ml-9   { margin-left:9px !important;   }
    .ml-10  { margin-left:10px !important;  }
    .ml-12  { margin-left:12px !important;  }
    .ml-15  { margin-left:15px !important;  }
    .ml-18  { margin-left:18px !important;  }
    .ml-20  { margin-left:20px !important;  }
    .ml-25  { margin-left:20px !important;  }
    .ml-30  { margin-left:30px !important;  }
    .ml-35  { margin-left:35px !important;  }
    .ml-40  { margin-left:40px !important;  }
    .ml-45  { margin-left:45px !important;  }
    .ml-50  { margin-left:50px !important;  }
    .ml-60  { margin-left:60px !important;  }
    .ml-70  { margin-left:70px !important;  }
    .ml-80  { margin-left:80px !important;  }
    .ml-90  { margin-left:90px !important;  }
    .ml-100 { margin-left:100px !important; }
    .ml-110 { margin-left:110px !important; }
    .ml-120 { margin-left:120px !important; }
    .ml-130 { margin-left:130px !important; }
    .ml-140 { margin-left:140px !important; }
    .ml-150 { margin-left:150px !important; }
    .ml-200 { margin-left:200px !important; }
    
    .mr-0   { margin-right:0px !important;   }
    .mr-1   { margin-right:1px !important;   }
    .mr-2   { margin-right:2px !important;   }
    .mr-3   { margin-right:3px !important;   }
    .mr-4   { margin-right:4px !important;   }
    .mr-5   { margin-right:5px !important;   }
    .mr-6   { margin-right:6px !important;   }
    .mr-7   { margin-right:7px !important;   }
    .mr-8   { margin-right:8px !important;   }
    .mr-9   { margin-right:9px !important;   }
    .mr-10  { margin-right:10px !important;  }
    .mr-12  { margin-right:12px !important;  }
    .mr-15  { margin-right:15px !important;  }
    .mr-18  { margin-right:18px !important;  }
    .mr-20  { margin-right:20px !important;  }
    .mr-25  { margin-right:20px !important;  }
    .mr-30  { margin-right:30px !important;  }
    .mr-35  { margin-right:35px !important;  }
    .mr-40  { margin-right:40px !important;  }
    .mr-45  { margin-right:45px !important;  }
    .mr-50  { margin-right:50px !important;  }
    .mr-60  { margin-right:60px !important;  }
    .mr-70  { margin-right:70px !important;  }
    .mr-80  { margin-right:80px !important;  }
    .mr-90  { margin-right:90px !important;  }
    .mr-100 { margin-right:100px !important; }
    .mr-110 { margin-right:110px !important; }
    .mr-120 { margin-right:120px !important; }
    .mr-130 { margin-right:130px !important; }
    .mr-140 { margin-right:140px !important; }
    .mr-150 { margin-right:150px !important; }
    .mr-200 { margin-right:200px !important; }
    
    .m-0   { margin:0px !important;   }
    .m-1   { margin:1px !important;   }
    .m-2   { margin:2px !important;   }
    .m-3   { margin:3px !important;   }
    .m-4   { margin:4px !important;   }
    .m-5   { margin:5px !important;   }
    .m-6   { margin:6px !important;   }
    .m-7   { margin:7px !important;   }
    .m-8   { margin:8px !important;   }
    .m-9   { margin:9px !important;   }
    .m-10  { margin:10px !important;  }
    .m-12  { margin:12px !important;  }
    .m-15  { margin:15px !important;  }
    .m-18  { margin:18px !important;  }
    .m-20  { margin:20px !important;  }
    .m-25  { margin:20px !important;  }
    .m-30  { margin:30px !important;  }
    .m-35  { margin:35px !important;  }
    .m-40  { margin:40px !important;  }
    .m-45  { margin:45px !important;  }
    .m-50  { margin:50px !important;  }
    .m-60  { margin:60px !important;  }
    .m-70  { margin:70px !important;  }
    .m-80  { margin:80px !important;  }
    .m-90  { margin:90px !important;  }
    .m-100 { margin:100px !important; }
    .m-110 { margin:110px !important; }
    .m-120 { margin:120px !important; }
    .m-130 { margin:130px !important; }
    .m-140 { margin:140px !important; }
    .m-150 { margin:150px !important; }
    .m-200 { margin:200px !important; }
    
    /* paddings */
    .pb-0   { padding-bottom:0px !important;   }
    .pb-1   { padding-bottom:1px !important;   }
    .pb-2   { padding-bottom:2px !important;   }
    .pb-3   { padding-bottom:3px !important;   }
    .pb-4   { padding-bottom:4px !important;   }
    .pb-5   { padding-bottom:5px !important;   }
    .pb-6   { padding-bottom:6px !important;   }
    .pb-7   { padding-bottom:7px !important;   }
    .pb-8   { padding-bottom:8px !important;   }
    .pb-9   { padding-bottom:9px !important;   }
    .pb-10  { padding-bottom:10px !important;  }
    .pb-12  { padding-bottom:12px !important;  }
    .pb-15  { padding-bottom:15px !important;  }
    .pb-18  { padding-bottom:18px !important;  }
    .pb-20  { padding-bottom:20px !important;  }
    .pb-25  { padding-bottom:20px !important;  }
    .pb-30  { padding-bottom:30px !important;  }
    .pb-35  { padding-bottom:35px !important;  }
    .pb-40  { padding-bottom:40px !important;  }
    .pb-45  { padding-bottom:45px !important;  }
    .pb-50  { padding-bottom:50px !important;  }
    .pb-60  { padding-bottom:60px !important;  }
    .pb-70  { padding-bottom:70px !important;  }
    .pb-80  { padding-bottom:80px !important;  }
    .pb-90  { padding-bottom:90px !important;  }
    .pb-100 { padding-bottom:100px !important; }
    .pb-110 { padding-bottom:110px !important; }
    .pb-120 { padding-bottom:120px !important; }
    .pb-130 { padding-bottom:130px !important; }
    .pb-140 { padding-bottom:140px !important; }
    .pb-150 { padding-bottom:150px !important; }
    .pb-200 { padding-bottom:200px !important; }
    
    .pt-0   { padding-top:0px !important;   }
    .pt-1   { padding-top:1px !important;   }
    .pt-2   { padding-top:2px !important;   }
    .pt-3   { padding-top:3px !important;   }
    .pt-4   { padding-top:4px !important;   }
    .pt-5   { padding-top:5px !important;   }
    .pt-6   { padding-top:6px !important;   }
    .pt-7   { padding-top:7px !important;   }
    .pt-8   { padding-top:8px !important;   }
    .pt-9   { padding-top:9px !important;   }
    .pt-10  { padding-top:10px !important;  }
    .pt-12  { padding-top:12px !important;  }
    .pt-15  { padding-top:15px !important;  }
    .pt-18  { padding-top:18px !important;  }
    .pt-20  { padding-top:20px !important;  }
    .pt-25  { padding-top:20px !important;  }
    .pt-30  { padding-top:30px !important;  }
    .pt-35  { padding-top:35px !important;  }
    .pt-40  { padding-top:40px !important;  }
    .pt-45  { padding-top:45px !important;  }
    .pt-50  { padding-top:50px !important;  }
    .pt-60  { padding-top:60px !important;  }
    .pt-70  { padding-top:70px !important;  }
    .pt-80  { padding-top:80px !important;  }
    .pt-90  { padding-top:90px !important;  }
    .pt-100 { padding-top:100px !important; }
    .pt-110 { padding-top:110px !important; }
    .pt-120 { padding-top:120px !important; }
    .pt-130 { padding-top:130px !important; }
    .pt-140 { padding-top:140px !important; }
    .pt-150 { padding-top:150px !important; }
    .pt-200 { padding-top:200px !important; }
    
    .pl-0   { padding-left:0px !important;   }
    .pl-1   { padding-left:1px !important;   }
    .pl-2   { padding-left:2px !important;   }
    .pl-3   { padding-left:3px !important;   }
    .pl-4   { padding-left:4px !important;   }
    .pl-5   { padding-left:5px !important;   }
    .pl-6   { padding-left:6px !important;   }
    .pl-7   { padding-left:7px !important;   }
    .pl-8   { padding-left:8px !important;   }
    .pl-9   { padding-left:9px !important;   }
    .pl-10  { padding-left:10px !important;  }
    .pl-12  { padding-left:12px !important;  }
    .pl-15  { padding-left:15px !important;  }
    .pl-18  { padding-left:18px !important;  }
    .pl-20  { padding-left:20px !important;  }
    .pl-25  { padding-left:20px !important;  }
    .pl-30  { padding-left:30px !important;  }
    .pl-35  { padding-left:35px !important;  }
    .pl-40  { padding-left:40px !important;  }
    .pl-45  { padding-left:45px !important;  }
    .pl-50  { padding-left:50px !important;  }
    .pl-60  { padding-left:60px !important;  }
    .pl-70  { padding-left:70px !important;  }
    .pl-80  { padding-left:80px !important;  }
    .pl-90  { padding-left:90px !important;  }
    .pl-100 { padding-left:100px !important; }
    .pl-110 { padding-left:110px !important; }
    .pl-120 { padding-left:120px !important; }
    .pl-130 { padding-left:130px !important; }
    .pl-140 { padding-left:140px !important; }
    .pl-150 { padding-left:150px !important; }
    .pl-200 { padding-left:200px !important; }
    
    .pr-0   { padding-right:0px !important;   }
    .pr-1   { padding-right:1px !important;   }
    .pr-2   { padding-right:2px !important;   }
    .pr-3   { padding-right:3px !important;   }
    .pr-4   { padding-right:4px !important;   }
    .pr-5   { padding-right:5px !important;   }
    .pr-6   { padding-right:6px !important;   }
    .pr-7   { padding-right:7px !important;   }
    .pr-8   { padding-right:8px !important;   }
    .pr-9   { padding-right:9px !important;   }
    .pr-10  { padding-right:10px !important;  }
    .pr-12  { padding-right:12px !important;  }
    .pr-15  { padding-right:15px !important;  }
    .pr-18  { padding-right:18px !important;  }
    .pr-20  { padding-right:20px !important;  }
    .pr-25  { padding-right:20px !important;  }
    .pr-30  { padding-right:30px !important;  }
    .pr-35  { padding-right:35px !important;  }
    .pr-40  { padding-right:40px !important;  }
    .pr-45  { padding-right:45px !important;  }
    .pr-50  { padding-right:50px !important;  }
    .pr-60  { padding-right:60px !important;  }
    .pr-70  { padding-right:70px !important;  }
    .pr-80  { padding-right:80px !important;  }
    .pr-90  { padding-right:90px !important;  }
    .pr-100 { padding-right:100px !important; }
    .pr-110 { padding-right:110px !important; }
    .pr-120 { padding-right:120px !important; }
    .pr-130 { padding-right:130px !important; }
    .pr-140 { padding-right:140px !important; }
    .pr-150 { padding-right:150px !important; }
    .pr-200 { padding-right:200px !important; }
    
    .p-0   { padding:0px !important;   }
    .p-1   { padding:1px !important;   }
    .p-2   { padding:2px !important;   }
    .p-3   { padding:3px !important;   }
    .p-4   { padding:4px !important;   }
    .p-5   { padding:5px !important;   }
    .p-6   { padding:6px !important;   }
    .p-7   { padding:7px !important;   }
    .p-8   { padding:8px !important;   }
    .p-9   { padding:9px !important;   }
    .p-10  { padding:10px !important;  }
    .p-12  { padding:12px !important;  }
    .p-15  { padding:15px !important;  }
    .p-18  { padding:18px !important;  }
    .p-20  { padding:20px !important;  }
    .p-25  { padding:20px !important;  }
    .p-30  { padding:30px !important;  }
    .p-35  { padding:35px !important;  }
    .p-40  { padding:40px !important;  }
    .p-45  { padding:45px !important;  }
    .p-50  { padding:50px !important;  }
    .p-60  { padding:60px !important;  }
    .p-70  { padding:70px !important;  }
    .p-80  { padding:80px !important;  }
    .p-90  { padding:90px !important;  }
    .p-100 { padding:100px !important; }
    .p-110 { padding:110px !important; }
    .p-120 { padding:120px !important; }
    .p-130 { padding:130px !important; }
    .p-140 { padding:140px !important; }
    .p-150 { padding:150px !important; }
    .p-200 { padding:200px !important; }
    
    /** ****************** **/
    .box-shadow-1 {box-shadow:0px 0px 4px 2px rgba( 0, 0, 0, 0.2 ) !important; }
    .box-shadow-2 {box-shadow:0px 0px 8px 2px rgba( 0, 0, 0, 0.2 ) !important; }
    .box-shadow-3 {box-shadow:2px 2px 4px 2px rgba( 0, 0, 0, 0.2 ) !important; }
    .box-shadow-4 {box-shadow:2px 2px 8px 0px rgba( 0, 0, 0, 0.2 ) !important; }
    .box-shadow-5 {box-shadow:4px 4px 8px 0px rgba( 0, 0, 0, 0.2 ) !important; }
    .box-shadow-6 {box-shadow:0px 5px 5px 0px rgba( 0, 0, 0, 0.1 ) !important; }
    .box-shadow-7 {box-shadow:0px 5px 5px rgba(23 43 77 / 8%) !important; }
    
    
    
    /** ****************** **/
    
    /* width */
    .w-10px         { width:10px !important; }
    .w-20px         { width:20px !important; }
    .w-30px         { width:30px !important; }
    .w-40px         { width:40px !important; }
    .w-50px         { width:50px !important; }
    .w-60px         { width:60px !important; }
    .w-70px         { width:70px !important; }
    .w-80px         { width:80px !important; }
    .w-90px         { width:90px !important; }
    .w-100px        { width:100px !important; }
    .w-110px        { width:110px !important; }
    .w-120px        { width:120px !important; }
    .w-130px        { width:130px !important; }
    .w-140px        { width:140px !important; }
    .w-150px        { width:150px !important; }
    .w-160px        { width:160px !important; }
    .w-170px        { width:170px !important; }
    .w-180px        { width:180px !important; }
    .w-190px        { width:190px !important; }
    .w-200px        { width:200px !important; }
    .w-210px        { width:210px !important; }
    .w-220px        { width:220px !important; }
    .w-230px        { width:230px !important; }
    .w-240px        { width:240px !important; }
    .w-250px        { width:250px !important; }
    .w-300px        { width:300px !important; }
    .w-350px        { width:350px !important; }
    .w-400px        { width:400px !important; }
    .w-450px        { width:450px !important; }
    .w-500px        { width:500px !important; }
    .w-550px        { width:550px !important; }
    .w-600px        { width:600px !important; }
    .w-650px        { width:650px !important; }
    .w-700px        { width:700px !important; }
    .w-750px        { width:750px !important; }
    .w-800px        { width:800px !important; }

    
    
    /* height */
    .h-1px         { height:1px !important; }
    .h-2px         { height:2px !important; }
    .h-3px        { height:3px !important; }
    .h-4px         { height:4px !important; }
    .h-5px         { height:5px !important; }
    .h-6px         { height:6px !important; }
    .h-7px         { height:7px !important; }
    .h-8px         { height:8px !important; }
    .h-9px         { height:9px !important; }
    .h-10px         { height:10px !important; }
    .h-15px         { height:15px !important; }
    .h-20px         { height:20px !important; }
    .h-25px         { height:25px !important; }
    .h-30px         { height:30px !important; }
    .h-35px         { height:35px !important; }
    .h-40px         { height:40px !important; }
    .h-45px         { height:45px !important; }
    .h-50px         { height:50px !important; }
    .h-60px         { height:60px !important; }
    .h-70px         { height:70px !important; }
    .h-80px         { height:80px !important; }
    .h-90px         { height:90px !important; }
    .h-100px        { height:100px !important; }
    .h-110px       { height:110px !important; }
    .h-120px        { height:120px !important; }
    .h-130px        { height:130px !important; }
    .h-140px        { height:140px !important; }
    .h-150px        { height:150px !important; }
    .h-200px        { height:200px !important; }
    .h-250px        { height:250px !important; }
    .h-300px        { height:300px !important; }
    .h-350px        { height:350px !important; }
    .h-400px        { height:400px !important; }
    .h-450px        { height:450px !important; }
    .h-500px        { height:500px !important; }
    .h-550px        { height:550px !important; }
    .h-600px        { height:600px !important; }
    .h-650px        { height:650px !important; }
    .h-700px        { height:700px !important; }
    .h-750px        { height:750px !important; }
    .h-800px        { height:800px !important; }



    
    /** Callout
     **************************************************************** **/
    .callout {
        padding: 20px;
        margin: 20px 0;
        border: 1px solid #eee;
        border-left-width: 5px;
        border-radius: 3px;
    }
    
    .callout h1, h2, h3, h4, h5 {margin-top: 0px; margin-bottom: 5px;}
    .callout p {margin-bottom:5px;}
    .callout p:last-child {margin-bottom: 0px;}
    
    
    .callout-success h4 {color: #5cb85c !important;}
    .callout-default h4 {color: #777 !important;}
    .callout-primary h4 {color: #428bca !important;}
    .callout-danger h4 {color: #d9534f !important;}
    .callout-warning h4 {color: #f0ad4e !important;}
    .callout-info h4 {color: #5bc0de !important;}
    .callout-secondary h4 {color: #999 !important;}
    .callout-dark h4 {color: #333 !important;}
    .callout-light h4 {color: #999 !important;}
    
    .callout-success {border-left-color: #5cb85c;background-color:#e4faea;}
    .callout-default {border-left-color: #777;}
    .callout-primary {border-left-color: #428bca;background-color: #daecf9;}
    .callout-danger {border-left-color: #d9534f;;background-color: #fcf2f2;}
    .callout-warning {border-left-color: #f0ad4e;background-color: #fefbed;}
    .callout-info {border-left-color: #5bc0de;background-color: #f0f7fd;}
    .callout-secondary {border-left-color: #999;background-color: #eaeaea;}
    .callout-dark {border-left-color: #333;background-color: #ccc;}
    .callout-light {border-left-color: #999;background-color: #efefef;}
    
    
    .alert-success h4 {color: #5cb85c !important;}
    .alert-default h4 {color: #777 !important;}
    .alert-primary h4 {color: #428bca !important;}
    .alert-danger h4 {color: #d9534f !important;}
    .alert-warning h4 {color: #f0ad4e !important;}
    .alert-info h4 {color: #5bc0de !important;}
    .alert-secondary h4 {color: #999 !important;}
    .alert-dark h4 {color: #333 !important;}
    .alert-light h4 {color: #999 !important;}
    
    .alert-success {border-left-color: #5cb85c;}
    .alert-default {border-left-color: #777;}
    .alert-primary {border-left-color: #428bca;}
    .alert-danger {border-left-color: #d9534f;}
    .alert-warning {border-left-color: #f0ad4e;}
    .alert-info {border-left-color: #5bc0de;}
    .alert-secondary {border-left-color: #999;}
    .alert-dark {border-left-color: #333;}
    .alert-light {border-left-color: #999;}
    
    
    
    
    
    
    
    
    /** Inhaltsverzeichnis
     **************************************************************** **/
    .index {
        padding: 20px;
        margin-top: 20px;
        margin-bottom: 20px;
        border: 1px solid #eee;
        border-top-width: 5px;
        border-radius: 3px;
    }
    
    .index h1, h2, h3, h4, h5 {
            margin-top: 0px;
            margin-bottom: 5px;
        }
    .index p {margin-bottom: 5px;}
    .index p:last-child {margin-bottom: 0px}
    
    .index-success h4 {color: #5cb85c !important;}
    .index-default h4 {color: #777 !important;}
    .index-primary h4 {color: #428bca !important;}
    .index-danger h4 {color: #d9534f !important;}
    .index-warning h4 {color: #f0ad4e !important;}
    .index-info h4 {color: #5bc0de !important;}
    .index-secondary h4 {color: #999 !important;}
    .index-dark h4 {color: #333 !important;}
    .index-light h4 {color: #999 !important;}
    
    .index-success {border-top-color: #5cb85c;}
    .index-default {border-top-color: #777;}
    .index-primary {border-top-color: #428bca;}
    .index-danger {border-top-color: #d9534f;}
    .index-warning {border-top-color: #f0ad4e;}
    .index-info {border-top-color: #5bc0de;}
    .index-secondary {border-top-color: #999;}
    .index-dark {border-top-color: #333;}
    .index-light {border-top-color: #999;}
    
    
    
    
    /** Blockquote
     **************************************************************** **/
    blockquote {
        font-size: 1.4em;
        width: 100%;
        margin: 20px auto;
        font-family: Open Sans;
        font-style: italic;
        color: #555555;
        padding: 1.2em 30px 1.2em 75px;
        line-height: 1.6;
        position: relative;
    }
    
    blockquote::before {
        font-family: Arial;
        content: "\201C";
        color: #0492d4;
        font-size: 4em;
        position: absolute;
        left: 10px;
        top: -10px;
    }
    
    blockquote::after {
        content: '';
    }
    
    blockquote cite {
        display: block;
        color: #333333;
        font-style: normal;
        font-weight: bold;
        margin-top: 1em;
    }
    
    
    /** Scroll To Top
     **************************************************************** **/
    #toTop {
        font-size: 33px;
        line-height: 33px;
        background-color: rgba(0,0,0,0.3);
        color: #FFF;
        position: fixed;
        height: 35px;
        width: 40px;
        right: 6px;
        bottom: 6px;
        text-align: center;
        text-transform: uppercase;
        opacity: 0.9;
        filter: alpha(opacity=90);
        text-decoration: none;
        display: none;
        z-index: 1000;
        -webkit-border-radius: 2px !important;
        -moz-border-radius: 2px !important;
        border-radius: 2px !important;
    
    }
    
        #toTop:hover {
            background-color: rgba(0,0,0,0.7);
        }
    
    
    
    /**	Icons und HR Linie
    *************************************************** **/
    
    hr.hr20 {margin: 20px 0 20px 0;}
    hr.hr30 {margin: 30px 0 30px 0;}
    hr.hr40 {margin: 40px 0 40px 0;}
    hr.hr50 {margin: 50px 0 50px 0;}
    hr.hr60 {margin: 60px 0 60px 0;}
    
    .icon-round {
        padding:1.5rem;
        text-align: center;
        border: 1px solid #ccc;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
    }
    
    .icon-rectangle {
        padding: 1.5rem;
        text-align: center;
        border: 1px solid #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    /** Icon sets
     **************************************************************** **/
    
    .icon-set-secondary,
    .icon-set-primary,
    .icon-set-success,
    .icon-set-danger,
    .icon-set-warning,
    .icon-set-info,
    .icon-set-dark,
    .icon-set-light {
        font-size: 20px;
        padding: 20px;
        margin-bottom: 10px;
    }
    
    .icon-set-secondary {color: #999;border-color: #999}
    .icon-set-primary {color: #0492d4;border-color: #0492d4;}
    .icon-set-success {color: #5cb85c;border-color: #5cb85c;}
    .icon-set-danger {color: #d9534f;border-color: #d9534f;}
    .icon-set-warning {color: #f0ad4e;border-color: #f0ad4e;}
    .icon-set-info {color: #5bc0de;border-color: #5bc0de;}
    .icon-set-dark {color: #333;border-color: #333;}
    .icon-set-light {color: #ccc;border-color: #ccc;}
    
    
    /*************************************************** **/
    .nobg {background: transparent;}
    .lowercase {text-transform: lowercase;}
    .uppercase {text-transform: uppercase;}
    
    .noradius {
        -webkit-border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    
    .font-style-italic {font-style: italic;}
    .font-style-normal {font-style: normal;}
    
    .pointer {cursor: pointer;}
    .block {display: block !important;}
    .block-inline {display: inline-block !important;}
    .inline-block {display: inline-block !important;}
    .bold {font-weight: bold !important;}
    
    .fullwidth {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    .halfwidth {width: 50% !important;}
    .justify {text-align: justify;}
    .relative {position: relative;}
    
    .absolute {
        position: absolute !important;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    
    .text-left {text-align: left !important;}
    .text-right {text-align: right !important;}
    
    .noshadow {
        box-shadow: none !important;
        text-shadow: none !important;
    }
    
    .nofloat {float: none !important;}
    .hide {display: none;}
    img.float-left {margin: 0 20px 10px 0;}
    img.float-right {margin: 0 0 10px 20px;}
    .text-underline {text-decoration: underline !important;}
    .no-text-underline,
    .no-text-decoration {
        text-decoration: none;
    }
    
    .line-through {text-decoration: line-through;}
    
    
    /** Zoom fÞr images, nur PC
     **************************************************************** **/
    @media only screen and (min-width: 768px) {
        
        .zoom {      
        -webkit-transition: all 0.35s ease-in-out;    
        -moz-transition: all 0.35s ease-in-out;    
        transition: all 0.35s ease-in-out;     
        cursor: -webkit-zoom-in;      
        cursor: -moz-zoom-in;      
        cursor: zoom-in;  
        }     
        
        .zoom:hover,  
        .zoom:active,   
        .zoom:focus {
        /**adjust scale to desired size, 
        add browser prefixes**/
        -ms-transform: scale(2.5);    
        -moz-transform: scale(2.5);  
        -webkit-transform: scale(2.5);  
        -o-transform: scale(2.5);  
        transform: scale(2.5);    
        position:relative;      
        z-index:100;  
        }
        
    }