@import url('/fontawesome/fontawesome.min.css');

@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Quicksand/Quicksand-VariableFont_wght.ttf');
}

body {
	font-family: 'Quicksand';font-size: 16pt;}

.StandardFont {
	font-family: 'Quicksand';font-size: 16pt;}

a {
    color : #000000;
    text-decoration : none;
    font-weight : bold;
}

.titel1 {
	font-size: 18pt; 
	color: #000000; 
    font-weight : bold;; 
}

.MainPage {
    margin-top : 20px;
    margin-bottom : 20px;
}
.MainPageHidden {
    display : none;
}
@media (max-width:320px) {
    .MainPage { margin-left : 5px; margin-right : 5px; }
    .LogoImage { width : calc(100% - 10px); }
    .LogoExtraText { display : none; }
    .TopMenuSticky { width : calc(100% - 26px); }
}
@media (min-width:321px) and (max-width:640px) {
    .MainPage { margin-left : 10px; margin-right : 10px; }
    .LogoImage { width : calc(100% - 20px); }
    .LogoExtraText { display : none; }
    .TopMenuSticky { width : calc(100% - 36px); }
}
@media (min-width:641px) and (max-width:768px) {
    .MainPage { margin-left : 20px; margin-right : 20px; }
    .LogoImage { width : 520px; }
    .LogoExtraText { display : none; }
    .TopMenuSticky { width : calc(100% - 56px); }
}
@media (min-width:769px) and (max-width:1000px) {
    .MainPage { margin-left : 50px; margin-right : 50px; }
    .LogoImage { width : 520px; }
    .LogoExtraText { display : none; }
    .TopMenuSticky { width : calc(100% - 116px); }
}
/*  Normal screens */
@media (min-width:1001px) and (max-width:1700px) {
    .MainPage { margin-left : 100px; margin-right : 100px; }
    .LogoArea { left:100px; right:100px; }
    .TopMenu { left:108px; right:108px; }
    .LogoImage { width : 520px; }
    .LogoExtraText { padding-left : 20px; padding-top : 60px; font-weight : bold; font-size : 26pt; }
    .TopMenuSticky { width : calc(100% - 216px); }
}
/* Crazy UHD */
@media (min-width:1701px) {
    .MainPage { margin-left : auto; margin-right : auto; max-width : 1700px; }
    .LogoImage { width : 520px; }
    .LogoExtraText { padding-left : 20px; padding-top : 60px; font-weight : bold; font-size : 26pt; }
    .TopMenuSticky { width : 1700px; }
}

.cookienote {
    position:fixed;
    left : 0px;
    right : 0px;
    top : 0px;
    background-color : #F9B000;
    border : 1px solid #D79000;
    padding : 10px 20px 10px 20px;
    z-index : 999;
    text-align:center;
}
.cookieclose {
    float:left;
    height : 100%;
    padding-right : 20px;
    font-weight : bold;
}
.cookieclose a {
    text-decoration:none;
}
.LogoArea {
    background-color:#ffffff;
    <!-- break-after:always; -->
}
.Header {
    top : 0px;
    height : 180px;
}

.LogoAreaSticky {
    position: fixed;
    top:0px;
}
.TopMenuSticky {
    position: fixed;
    top:0;
}
.TopMenuSticky + .TheMainContentArea {
  padding-top: 175px;
}
.TopMenuStickyContent {
    padding-top : 50px;
}
.TopMenuStickyMenuBar {
    position:fixed;
    padding-top:50px;
}
.TopMenu {
    background-color : #FBBB10;
    height : 50px;
    overflow : hidden;
    border-bottom : 15px solid #FFFFFF;
}
.TopMenu .Left {
}
.TopMenu .Left a {
    float:left;
    display:flex;
    align-items: center;
    height:50px;
    padding-left : 15px;
    padding-right : 15px;
    font-size : 22px;
    color : #ffffff;
    font-weight : bold;
    text-decoration : none;
}
.TopMenu .Left a:link { color : #ffffff; }
.TopMenu .Left a:active { color : #ffffff; }
.TopMenu .Left a:hover { color : #FBBB10; background-color : #ffffff; }

.TopMenu .Right {
}
.TopMenu .Right a {
    float:right;
    display:flex;
    align-items: center;
    height:50px;
    padding-left : 20px;
    padding-right : 20px;
    font-size : 22px;
    color : #ffffff;
    font-weight : bold;
    text-decoration : none;
}
.TopMenu .Right a:link { color : #ffffff; }
.TopMenu .Right a:active { color : #ffffff; }
.TopMenu .Right a:hove r { color : #FBBB10; background-color : #ffffff; }

.TopMenuBarDropDown {
    position : absolute;
    background-color : #FBBB10;
    display : none;
    float:none;
    z-index:99;
}
.TopMenuBarDropDown div { text-align:left; float:none; border:1px solid #ff0000;}
.TopMenuBarDropDown a {
    display:flex;
    text-align:left;
    align-items:center;
    height:50px;
    padding-left : 10px;
    padding-right : 10px;
    font-size : 22px;
    color : #ffffff;
    font-weight : bold;
    text-decoration : none;
}
.TopMenuBarDropDown a:link { color : #ffffff; }
.TopMenuBarDropDown a:active { color : #ffffff; }
.TopMenuBarDropDown a:hover { color : #FBBB10; background-color : #ffffff; }

.TheMainContentArea {
}

.MainContentHeader {
    font-size : 1.2em;
    font-weight : bold;
    color : #CC541F;
}
.MainContent {
}

@media (min-width:0001px) and (max-width:0560px) { .StartSeite2Columns { display:    ; } .StartSeite3Columns { display:none; } .StartSeite3ColumnsTermine { display:none; } }
@media (min-width:0561px) and (max-width:1000px) { .StartSeite2Columns { display:none; } .StartSeite3Columns { display:    ; } .StartSeite3ColumnsTermine { display:none; } }
@media (min-width:1001px) and (max-width:9999px) { .StartSeite2Columns { display:none; } .StartSeite3Columns { display:none; } .StartSeite3ColumnsTermine { display:    ; } }

.Start {
    clear:both;
    display:flex;
}
.Start_PlatzplanImage {
    padding-top : 0px;
    padding-bottom : 10px;
}

.Start_LeftArea {
    flex-grow:1;
}
.Start_RightArea {
    flex-grow:0;
}

/***********************************************************/
/*                      Start Termine                      */
/***********************************************************/
.Start_TermineArea {
    background-color : #EDEDED;
    padding: 10px 0px 10px 10px;
    font-size : 0.8em;
}
@media (min-width:0001px) and (max-width:1000px) { .Start_TermineArea { display:none; }  .Start_TermineAreaInner { } }
@media (min-width:1001px) and (max-width:1300px) { .Start_TermineArea { } .Start_TermineAreaInner { } }
@media (min-width:1301px) and (max-width:9999px) { .Start_TermineArea { } .Start_TermineAreaInner { } }

.Start_TermineAreaHeader {
    font-weight : bold;
    color : #CC541F;
    font-size : 24px;
    text-align : left;
    margin-bottom : 10px;
}

.Start_TermineTitel {
    font-weight : bold;
    line-height : 1.5em;
}

.Start_TermineDetails {
    line-height : 1.5em;
}

/***********************************************************/
/*                     Start Aktuelles                     */
/***********************************************************/
.Start_AktuellesItem {
    background-color : #FBBB10;
    cursor : hand;
    cursor : pointer;
    width : 100%;
    height : 100%;
}
/* This is for Firefox */
@-moz-document url-prefix() {
    .Start_AktuellesItem {
        display: inline-table;
    }
}
.Start_AktuellesTitle {
    background-color : #CC541F;
    color : #ffffff;
    margin : 25px 0px 0px 10px;
    padding : 5px 5px 5px 5px;
    font-weight:bold;
    font-size : 0.9em;
}
.Start_AktuellesDatum {
    color : #000000;
    margin : 0px 0px 0px 10px;
    padding : 5px 5px 5px 5px;
    font-weight:normal;
    font-size : 0.7em;
    float:right;
}
.Start_AktuellesHeader {
    font-weight : bold;
    color : #CC541F;
    font-size : 23px;
    text-align : left;
    margin : 15px 15px 0px 15px;
}
.Start_AktuellesText {
    padding : 15px;
}

/***********************************************************/
/*                     Start Infobox                       */
/***********************************************************/
.Start_InfoItem {
    background-color : #DEFA99;
    background-color : #DB8718;
    background-color : #EC9829;
    color : #000000;
    width : 100%;
    height : 100%;    
}
/* This is for Firefox */
@-moz-document url-prefix() {
    .Start_InfoItem {
        display: inline-table;
    }
}
.Start_InfoTitle {
    background-color : #CC541F; 
    background-color : #FBBB10; 
    color : #ffffff;
    margin : 25px 0px 0px 10px;
    padding : 5px 5px 5px 5px;
    font-weight:bold;
    font-size : 0.9em;
}
.Start_InfoHeader {
    font-weight : bold;
    font-size : 23px;
    text-align : left;
    margin : 15px 15px 0px 15px;
}
.Start_InfoText {
    padding : 15px;
}

/***********************************************************/
/*                     Start Warningbox                       */
/***********************************************************/
.Start_WarningItem {
    background-color : #DEFA99;
    background-color : #DB8718;
    background-color : #EC9829;
    background-color : #CC541F;
    color : #000000;
    width : 100%;
    height : 100%;    
}
/* This is for Firefox */
@-moz-document url-prefix() {
    .Start_WarningItem {
        display: inline-table;
    }
}
.Start_WarningTitle {
    background-color : #CC541F; 
    background-color : #FBBB10; 
    color : #ffffff;
    color : #CC541F;
    margin : 25px 0px 0px 10px;
    padding : 5px 5px 5px 5px;
    font-weight:bold;
    font-size : 0.9em;
}
.Start_WarningHeader {
    font-weight : bold;
    font-size : 23px;
    text-align : left;
    margin : 15px 15px 0px 15px;
}
.Start_WarningText {
    padding : 15px;
	color: #ffffff;
	font-weight : bol d;
}

/***********************************************************/
/*                       Start Icons                       */
/***********************************************************/
.Start_IconArea {
}

.Start_Icon {
    font-size : 24px;
    font-weight : bold;
    cursor : pointer;
    height:100%;
    transition: all .2s ease-in-out;
}

.Start_Icon i {
    font-size : 3em;
}

.Start_Icon:hover {
    transform: scale(1.05);
    font-size:1.3em;
}

.Start_Icon1 {
    background-color:#CC541F;
    color : #FBBB10;
}
.Start_Icon1:hover {
    background-color:#DD652F;
}
.Start_Icon2 {
    background-color:#FBBB10;
    color : #CC541F;
}
.Start_Icon2:hover {
    background-color:#EAAA00;
}
.Start_Icon3 {
    background-color:#CC541F;
    color : #FBBB10;
}
.Start_Icon3:hover {
    background-color:#DD652F;
}
.Start_Icon4 {
    background-color:#FBBB10;
    color : #CC541F;
}
.Start_Icon2:hover {
    background-color:#EAAA00;
}

/***********************************************************/
/*                          Footer                         */
/***********************************************************/
.Footer {
    clear:both;
}
.Footer .Left {
    color : #ffffff;
    background-color:#FBBB10;
    padding-left : 10px;
    margin : 0px;
}
.Footer .Right {}
.Footer .Right a {
    float : right;
    height : 30px;
    color : #ffffff;
    background-color:#FBBB10;
    padding-left : 10px;
    padding-right : 10px;
    margin : 0px;
    color : #ffffff;
    text-decoration : none;
    font-weight : normal;
    font-size : 0.9em;
}
.Footer .Right a:link { color : #ffffff; }
.Footer .Right a:active { color : #ffffff; }
.Footer .Right a:hover { color : #FBBB10; background-color : #ffffff; }
.Footer .RightImg a:hover { color : #FBBB10; background-color : #ffffff; }
.Footer .RightImg a {
    float : right;
    height : 31px;
    color : #ffffff;
    background-color:#FBBB10;
    padding : 10px 10px 10px 10px;
    margin : 0px 0px 0px 0px;
    color : #ffffff;
    text-decoration : none;
}
.FooterMobile {
    clear:both;
    color : #ffffff;
    background-color:#FBBB10;
    height : 35px; 
    padding-top : 5px; padding-bottom : 5px
}
.FooterMobile .Left {
    color : #ffffff;
    background-color:#FBBB10;
    padding-right : 20px;
    margin : 0px;
    height : 24px; font-size : 14px; padding-top : 11px; padding-bottom : 4px;
}
.FooterMobile a {
    color : #ffffff;
    background-color:#FBBB10;
    padding-left : 5px;
    padding-right : 5px;
    margin : 0px;
    color : #ffffff;
    text-decoration : none;
    font-weight : normal;
    height : 30px; font-size : 16px;
}
.FooterMobile .Left a:link { color : #ffffff; }
.FooterMobile .Left a:active { color : #ffffff; }
.FooterMobile .Left a:hover { color : #FBBB10; background-color : #ffffff; }

.FooterMobile .Right {
}
.FooterMobile .Right a {
    float : right;
    color : #ffffff;
    background-color:#FBBB10;
    padding-left : 10px;
    padding-right : 10px;
    margin : 0px;
    color : #ffffff;
    text-decoration : none;
    font-weight : normal;
    height : 24px; font-size : 14px; padding-top : 11px; padding-bottom : 4px;
}
.FooterMobile .Right a:link { color : #ffffff; }
.FooterMobile .Right a:active { color : #ffffff; }
.FooterMobile .Right a:hover { color : #FBBB10; background-color : #ffffff; }
.FooterMobile .RightImg a {
    float : right;
    height : 15px;
    color : #ffffff;
    background-color:#FBBB10;
    padding : 0px 10px 0px 10px;
    margin : 10px 0px 10px 0px;
    color : #ffffff;
    text-decoration : none;
}

@media (min-width:0001px) and (max-width:0480px) { .Footer { display : none; } .FooterMobile {display :     ;} }
@media (min-width:0481px) and (max-width:9999px) { .Footer { display :     ; } .FooterMobile {display : none;} }

@media (min-width:0001px) and (max-width:0400px) { .Footer .Left { height : 30px; font-size :  8px; padding-top : 09px; padding-bottom : 2px; } .Footer .Right a { height : 30px; font-size : 8px; padding-top : 09px; padding-bottom : 2px; } }
@media (min-width:0401px) and (max-width:0440px) { .Footer .Left { height : 30px; font-size : 10px; padding-top : 10px; padding-bottom : 3px; } .Footer .Right a { height : 30px; font-size : 10px; padding-top : 10px; padding-bottom : 3px; } }
@media (min-width:0441px) and (max-width:0480px) { .Footer .Left { height : 30px; font-size : 12px; padding-top : 11px; padding-bottom : 4px; } .Footer .Right a { height : 30px; font-size : 12px; padding-top : 11px; padding-bottom : 4px; } }
@media (min-width:0481px) and (max-width:0540px) { .Footer .Left { height : 30px; font-size : 14px; padding-top : 12px; padding-bottom : 5px; } .Footer .Right a { height : 30px; font-size : 14px; padding-top : 12px; padding-bottom : 5px; } }
@media (min-width:0541px) and (max-width:0600px) { .Footer .Left { height : 30px; font-size : 14px; padding-top : 13px; padding-bottom : 6px; } .Footer .Right a { height : 30px; font-size : 14px; padding-top : 13px; padding-bottom : 6px; } }
@media (min-width:0601px) and (max-width:9999px) { .Footer .Left { height : 30px; font-size : 16px; padding-top : 14px; padding-bottom : 7px; } .Footer .Right a { height : 30px; font-size : 16px; padding-top : 14px; padding-bottom : 7px; } }


.TopNav {
    text-align : right;
}

.TopNav a {
    text-decoration:none;
}
.TopNav a:link { color : #888888; }
.TopNav a:active { color : #888888; }
.TopNav a:hover { color : #aaaaaa;  }

.BilderWocheTitel {
}
.BilderModusAuswahlMenu {
    background-color : #ff0000;
    position : absolute;
    display : none;
}

.BilderModusAuswahlOption {
    background-color : #ffffff;
    padding : 0px 20px 0px 20px;
}
.BilderModusAuswahlOption:hover {
    background-color : #FBBB10;
    color : #fffff;
}
.BilderModusAuswahlOption a {
    font-weight : normal;
}
.BilderModusAuswahlOption a:hover {
    color : #ffffff;
}
.BilderModusAuswahlGewaehlt {
    cursor : hand;
    cursor : pointer;
}
.BilderModusAuswahlGewaehlt {
    padding-right : 19px;
}