* {margin:0;padding:0;}
html,body {height:100%;}

.desktopOnly {display: block;}
.mobileOnly {display: none;}
.tabletOnly {display: none;}
.smartphoneOnly {display: none;}

.contentContainer p {margin:20px 0;}
.contentContainer ul {margin-left: 15px;}
.contentContainer a {color: #ECCB74;}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed red;}
.wysiwygImageUploadMsg {position:fixed;z-index:9999;top:50%;left:50%;width:300px;height:40px;background:rgba(255, 80, 80, 0.8);color:#000;border:2px solid #ff0000;text-align:center;line-height:1.3;font-family:Arial;font-weight:bold;margin-left:-150px;padding:5px;font-size:16px;}
#wysiwygTools {position:fixed;z-index:9999;bottom:0;right:0;background:#fff;border:1px solid #ff0000;color:#000;line-height:1.3;font-family:Arial;font-weight:normal;font-size:14px;padding:3px;}

.left{float:left;}
.right{float:right;}

*::-moz-selection {background-color:#FFFFFF;color:#000;}
*::selection {background-color:#FFFFFF;color:#000;}

.clearingItem {clear:both;float:none;}
.width_1 {margin:0;}
.width_2 {float:left;width:50%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:33.333%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 10px 0 0;}
.width_2.rightColumn {padding:0 0 0 10px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}


/* ERRORPAGE */
.Success, .success {color:green;}
.error, .Error, .errorText {color:red;}
#errorContainer {width:600px;margin:auto;margin-top:10px;border:0;text-align:center;font-family:Arial;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family:Arial;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family:Arial;}
#errorContainer .error {color:#142F5D;font-family:Arial;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;margin:0;padding:0; overflow:hidden;}
#header {position:sticky;width:100%;height:250px;margin:0;padding:0;box-sizing:border-box;background:#00365F;z-index:5;top: 0; transition: all 500ms; margin-top:-10px; z-index: 55;}
#header-content {position:relative;width:100%;max-width:1440px;height:100%;margin:0 auto;padding:0 10px;box-sizing:border-box;}
#header-content .logo {position:relative;max-height:280px;margin:5px 0 0 0;padding:0;  transition: all 500ms;}
#content {position:relative;width:100%;max-width:1440px;margin:0 auto;padding:140px 10px 140px 10px;box-sizing:border-box; }
#content.spacer {margin-top: 135px;}
#footer {position:relative;width:100%;height: auto; background:#ddd;margin: 0px 0 0 0;padding:0;z-index:5; }
#footer-content {position:relative;width:100%;min-height:250px;margin:0 auto;padding:0 10px;box-sizing:border-box;  background: transparent linear-gradient(90deg, #FFF0BA 0%, #ECCB74 100%) 0% 0% no-repeat padding-box; margin-top: -5px; padding: 30px 100px; box-sizing: border-box;}
#footer-content h2 {color: #00365F; font-size: 50px;text-shadow: 0px 0px 0px #000000; }
#footer-content a {color: #00365F}
#footer-content {color: #000; font-size: 16px;}

.footerbox {width: 33%; float: left; padding-right: 50px; box-sizing: border-box;}
.footerbox.third {position: relative;}


#header.smallheader {height: 153px; top: 0; position: fixed;}
#header.smallheader .logo {max-height: 130px;  margin: 5px 0 0 0!important;}
#header.smallheader .stickyFigureRight {height: 100px;}
#header.smallheader #navigation  {left: 240px;}
#header.smallheader #navigation li {margin: 0 0 0 45px;}
#header.smallheader #navigation li ul li {margin: 0 0 0 5px;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;top:185px;height:30px;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:absolute;bottom: 30px;left:450px;list-style:none;margin:0;padding:0; transition: all 500ms;}
#navigation li {position:relative;float:left;margin:0 25px 0 0px;padding:3px 0 3px 5px;box-sizing:border-box;  transition: all 500ms;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:normal;font-family: NewsGoth Cn BT;font-size:20px;text-transform:uppercase;color:#FFFFFF;padding:0 5px 0 0;letter-spacing: 2px;}
#navigation li.active > a {color:#ECCB74;}
#navigation li:hover > a {text-decoration:none;color:#ECCB74;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none; z-index: 50;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#00365F;min-width:150px;}
#navigation li ul li {float:none;margin:0;width:100%;padding: 10px;}
#navigation li ul li a {font-size:16px;font-weight:normal;text-transform:uppercase;color:#fff;}
#navigation li ul li ul {left:100%;top:0;padding:0;}
#navigation li:hover > ul {display:block;}


/*FOOTERNAVIGATION*/
#footer-navigation {position: absolute; left: 0; bottom: 0px;}
#footer-navigation li {float: left; list-style-type: none; margin-right: 15px;}
#footer-navigation li a {color: #00365F; text-transform: uppercase;}
#footer-navigation li.active > a {color: #00365F; font-weight:bold;}
#footer-navigation li:hover a {text-decoration: underline; color: #00365F;}


/*BACKTOTOP*/
#backtotop {width: 90px; height: 90px; background: #000; position: fixed; right: 20px; bottom: 150px; z-index: 500; display: none; line-height: 90px; text-align: center; cursor: pointer; color: #fff;}


/* NEWS */
.newsContainer {position:relative;border-top:1px solid #ddd;margin:0;padding:45px 0;}
.newsContainer.first {margin:30px 0 0 0;border-top:0;}
.newsContainer.detailpage {border-top:0;}
.newsContentThumbnail {position:relative;float:left;width:290px;height:auto;overflow:hidden;margin:0 30px 0 0;padding:0; text-align: center;}
.newsContentThumbnail img {margin-bottom: 15px;}
#content .newsContentText p {position:relative;float:left;width:calc(100% - 320px);font-size:20px;margin:0;padding:0; color: #000;}
#content .newsContentText {position:relative;float:left;width:calc(100% - 320px);font-size:20px;margin:0;padding:0; color: #000;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#ECCB74;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#ECCB74; font-size: 20px;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#000;}
.newsLink {top: 30px; position: relative;}



/* INSTAFEED */

a[data-caption]:hover::after {
    content: attr(data-caption);
    text-align: center;
    font-size: 16px;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    padding: 10px;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: rgba(0, 0, 0, 0.8);
}


.Postlink {display: block; position: relative; width: calc(33.33% - 2px);  overflow: hidden; border: solid 1px #808080;  background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; float: left; }
.Postlink:before {content: ""; float: left; padding-top: 100%;}
#instagram-feed-demo {width: 100%; margin: 0 auto; position: relative; }




/* GALLERIES */
.galleryCatAlbum {position:relative;display:block;float:left;width:240px;height:180px;text-align:center;border:2px solid #000;overflow:hidden;margin:0 8px 25px;padding:0;border-radius: 25px; }
.galleryCatAlbum .mask {position:absolute;top:0;left:0;width:240px;height:180px;overflow:hidden;margin:0;padding:0;}
.galleryCatAlbum .mask {background-color:rgba(255,255,255,0.75);-webkit-transform:translateY(-197px);-moz-transform:translateY(-197px);-o-transform:translateY(-197px);-ms-transform:translateY(-197px);transform:translateY(-197px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.galleryCatAlbum img {position:relative; display:block;}
.galleryCatAlbum .mask h2 {position:relative;font-size:14px; font-weight: 200;text-transform:uppercase;text-align:center;color:#fff;background:#000;margin:18px 0 0 0;padding:8px 0;}
.galleryCatAlbum .mask p {position:relative;font-size:14px;color:#fff;text-align:center;margin:18px 0;padding:0;}
.galleryCatAlbum .mask span {position:relative;display:block;width:135px;font-size:16px;font-style:normal;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;background:#000;margin:0 auto;padding:8px 0;}
.galleryCatAlbum:hover {border:2px solid #000;}
.galleryCatAlbum:hover .mask {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.galleryAlbumImage {position:relative;display:block;float:left;width:240px;height:180px;border:2px solid #000;margin:0 8px 25px;padding:0;border-radius: 25px;}
.galleryAlbumImage.first {margin:0 0 25px 0;}
.galleryAlbumImage:hover {border:2px solid #000;}

/*GALLERIES HOVER*/
.heading {text-align: center;font-size: 2.0em; letter-spacing: 1px;color: white;transition: transform 0.3s ease;}
.gallery-image {display: flex;flex-wrap: wrap;justify-content: center;transition: transform 0.3s ease;}
.gallery-image img {height: 180px; width: 240px;transform: scale(1.0);transition: transform 0.3s ease;}
.img-box {box-sizing: content-box;color:#fff;height: 180px; width: 240px;overflow: hidden; display: inline-block;position: relative;transition: transform 0.3s ease;}
.img-box-img {position:relative;display:inline-block;width:240px;height:180px;background:no-repeat center center;background-size:cover;transform: scale(1.0);transition: transform 0.4s ease;}
.transparent-box { height: 180px;width: 240px; background-color:rgba(0, 0, 0, 0);position: absolute;top: 0;left: 0;transition: background-color 0.3s ease;}
.img-box:hover .img-box-img { transform: scale(1.1);}
.img-box:hover .caption {transform: translateY(-20px);opacity: 1.0;}



/*RESSOURCES*/
.resource-thumbnail {padding: 20px;}
.resourcedetail-thumbnail {padding: 20px;}


/*PORDUTCS*/
.productImage {margin-bottom: 20px;}
.productDetailHeadLeft {margin-bottom: 20px;}
.productGroupImage {margin-bottom: 20px;}


/*EVENTS*/
.event-detail-thumbnail {margin-bottom: 20px;}


/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text] {position:relative;float:left;width:280px;color:#646464;background:#fff;border:1px solid #666;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow textarea {position:relative;float:left;width:280px;height:105px;color:#646464;background:#fff;border:1px solid #666;resize:none;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
/* BUTTONROW */
.buttonRow input   {position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow a.button{position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#666;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#000;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}
.g-recaptcha-required-text {color:red;}



/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;bottom:0;right:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;bottom:0;left:0;right:0;background:rgba(240,240,240,0.9);color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;z-index:10000;box-shadow:0 0 15px rgba(0,0,0,0.2);max-height:300px;overflow:auto;}
#cmsCookieChoiceBannerInner {position:relative;margin:0 auto;max-width:1500px;padding:20px 10px 10px 10px;box-sizing:border-box;text-align:left;}
#cmsCookieChoiceBannerTitle {font-size:18px;font-weight:bold;margin-bottom:3px;}
#cmsCookieChoiceBannerText {margin-bottom:5px;}
#cmsCookieChoiceBanner {-webkit-filter:unset;filter:unset;}

.cmsCookieChoiceBannerToolbox {color:#000;font-size:14px;font-family:Arial,sans-serif;line-height:1.2;}
.cmsCookieChoiceBannerGroup {float:left;margin:10px 20px 10px 0;width:220px;}
.cmsCookieChoiceBannerGroupTitle {font-weight:bold;margin-bottom:5px;}
.cmsCookieChoiceBannerChoice {margin:5px 0 0;}
.cmsCookieChoiceBannerChoice input[type=checkbox] {margin:0 5px 0 0;background:unset;padding:unset;vertical-align:middle;}
.cmsCookieChoiceBannerChoice label {vertical-align:middle;}
.cmsCookieChoiceBannerChoice label.marked {font-weight:bold;}
.cmsCookieChoiceBannerChoiceInfoIcon {display:inline-block;margin:0 0 0 5px;opacity:0.6;cursor:pointer;padding:0 2px;vertical-align:middle;}
.cmsCookieChoiceBannerChoiceInfo {margin:3px 0 0;font-size:12px;opacity:0.8;}
.cmsCookieChoiceBannerToolboxButtons {margin:10px 0 0;}
.cmsCookieChoiceBannerToolboxButtons button {border:0;background:#999;color:#fff;margin:0 5px 5px 0;padding:5px 10px;font-size:14px;line-height:1.2;border-radius:0;-webkit-appearance:none;cursor:pointer;outline:0;}
.cmsCookieChoiceBannerToolboxButtons button.default {background: #00365F; color: #ECCB74;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #ECCB74; color: #00365F;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}
.cmsCookieOpen #cmsCookieChoiceBannerText{max-width: 100%!important;}

/* STARTPAGEHEADER */
.WhiteLink{color: #FFFFFF!important;}
#StartPageHeader{max-height: 1100px;position: relative;}
#StartPageHeader .logo{background: #00365F;box-shadow: 0 0 25px #00000065;padding: 36px;position: absolute;left: 0;right: 0;margin: 0 auto;z-index: 1;}
#StartPageHeaderTop{height: 70px;background: transparent linear-gradient(90deg, #FFF0BA 0%, #ECCB74 100%) 0 0 no-repeat padding-box;box-shadow: 0 0 43px #000000;display: flex;justify-content: right;align-items: center;}
#StartPageHeaderContact{display: flex;grid-gap: 20px;padding-right: 100px;}
.StartPageHeaderContactItem{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;grid-gap: 10px;}
.StartPageHeaderContactItem img {width: 25px; height: auto;}

#StartPageHeader #HeaderSliderArrows{position: absolute;top: 50%;cursor: pointer;transform: translate(0,-50%);width: calc(100% - 60px);display: flex;justify-content: space-between;margin: 0 auto;left: 0;right: 0;}
.slick-dotted.slick-slider{margin-bottom: 0!important;}
#StartPageHeader .slick-dots{bottom: 110px;}
#StartPageHeader .slick-dots li button:before{color: #FFFFFF!important;font-size: 14px;line-height: 1.6;}
#StartPageHeader .slick-dots li.slick-active button:before{color: #ECCB74!important;border: 1px solid #ECCB74;border-radius: 50px;}
.StartPageSliderItem{max-height: 1030px;width: auto;}
#StartPageHeaderTitle{position: absolute;bottom: 220px;width: 750px;margin: 0 auto;left: 0;right: 0;text-align: center;}

/* HEADER */
.stickyFigureRight{position: absolute;right: 0;top: 50%;transform: translate(0px, -50%);  transition: all 500ms; height: 200px;}

/* CONTENT */
#content p {color: #FFFFFF;}
#ContentBackground.ContentBackgroundStartpage {background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.65)),  url("./../../images/Hintergrund.png");background-size: cover;background-position: center center;}
#ContentBackground {background-image: linear-gradient(rgba(255,255,255,0.8), rgba(255,255,255,0.85)),  url("./../../images/Hintergrund.png");background-size: cover;background-position: center center;}

.ContentBackgroundStartpage #content {color: #fff; font-size: 20px;}
.ContentBackgroundStartpage #content p {color: #fff; font-size: 20px;}
.ContentBackgroundStartpage #content a {color: #ECCB74; font-size: 20px; }

#content {color: #000; font-size: 20px;}
#content p {color: #000; font-size: 20px;}
#content a {color: #ECCB74; text-shadow: 1px 1px 1px #000000;}


/* FOOTER SLIDER */
#FooterSlider{max-height: 480px;}
.FooterSliderArrows{position: absolute;top: 50%;cursor: pointer;transform: translate(0,-50%);width: 55px;padding: 20px;background: rgba(51, 0, 0, 0.8);}
#PrevArrowFooter{left: 30px;}
#NextArrowFooter{right: 30px;}
#FooterSliderWrapper{position: relative;}
.FooterSliderItem{height: 480px!important;background-size: cover;}
.FooterSliderItem:hover > .FooterSliderTransparentBackground{opacity: 1;}
.FooterSliderItem_ContentWrapper{display: grid;justify-content: center;text-align: center;top: 50%;position: relative;transform: translate(0px, -50%);}
.FooterSliderItem_Title{font-family: SUBSCRIBER;color: #ECCB74;font-size: 50px;}
.FooterSliderItem_Content{color: #FFFFFF;}
.FooterSliderItem_Link a{text-transform: uppercase;color: #ECCB74;font-family: Gotham;letter-spacing: 1px;}
.FooterSliderTransparentBackground{opacity: 0;height: 100%;background: url("./../../images/Gradient_Overlay.svg") no-repeat center center;background-size: cover;transition: opacity .2s ease-in-out;}

#footerMap {width: 100%; height: auto; position: relative; }
#footerMap iframe { filter: saturate(0) sepia(10%) hue-rotate(330deg);}
#footerMap p {margin: 0;}
#MapsContent {position: absolute; top: -150px; z-index: 50; width: 1110px; margin-left: calc(50% - 555px);}
#MapsContent h1 {font-size: 50px;}
#MapsContent h2 {font-size: 90px; margin: 0;}
#addressescount {width:60%; float: left;  color: #fff; margin-top: -50px;}
#addresses {width:40%; float: left;  color: #fff; height: auto; padding: 30px; box-sizing: border-box; background-image: url(../../images/Gruppe59.png); background-size: cover;}

#parallaxoverlay {width: 100%; height: 100%; position: absolute; z-index: 50; background: rgba(0, 0, 0, 0.5);}
.parallax-section {
    position: relative;
    max-width: 100%;
    height:300px;
    margin: 0px auto;
}

.parallax-child-section {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height:300px;
    display: table;
}

#frontlashID{background-position: 50% 50%!important;}

.fw-main-row{
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0);
    will-change: transform;
    z-index: 1;
    background-attachment:scroll;
    background-repeat: no-repeat!important;
    background-size: unset!important;
}


@media only screen and (max-width: 1560px){

    #footer-content { padding: 30px 135px 30px 30px;}

    .footerbox.first {width: 250px;}
    .footerbox.second {width: calc(100% - 500px);}
    .footerbox.third {width: 250px;}

    .footerbox table td:nth-child(1) {width: 20%; display: block; float: left;}
    .footerbox table td:nth-child(2) {width: 80%; display: block; float: left;}
    .footerbox table td:nth-child(3) {width: 20%; display: block; float: left; padding-top: 25px;}
    .footerbox table td:nth-child(4) {width: 80%; display: block; float: left; padding-top: 25px;}

    .footerbox table tr:nth-child(2) td:nth-child(1) {display: none;}
    .footerbox table tr:nth-child(2) td:nth-child(2) {display: none;}
    .footerbox table tr:nth-child(2) td:nth-child(3) {padding-top: 0px;}
    .footerbox table tr:nth-child(2) td:nth-child(4) {padding-top: 0px;}



}


@media only screen and (max-width: 1460px) {

    #StartPageHeader .logo { width: 280px;}
    #StartPageHeaderContact {padding-right: 35px;}
    #navigation {left: 325px;}
    #header-content .logo {margin-top: 50px; width: 300px; }
    #navigation {right: 100px;}

}

#placeholderMaps{height: 720px;display: flex;justify-content: center;align-items: center;}
#placeholderMaps a {font-family: 'Dancing Script', cursive;color: #00365F!important;font-size: 40px;text-align: center;}



@media only screen and (max-width: 1240px) {

    #StartPageHeader .logo { width: 200px;}
    #StartPageHeaderContact {padding-right: 15px;}
    h1 {font-size: 85px;}
    #PrevArrowHeader, #NextArrowHeader {width: auto; height: 60px;}
    .contentContainer img {width: 100%; height: auto;}
    #MapsContent {top: -135px;width: 940px;margin-left: calc(50% - 420px);}
    #addressescount {margin-top: -85px;}
    #MapsContent h2 {line-height: 80px;}

}



@media only screen and (max-width: 1120px) {
    #placeholderMaps{position: relative;top: 100px;}

    #StartPageHeaderContact {display: none;}
    #StartPageHeaderContact {display: grid; grid-gap: 10px;grid-template-columns: repeat(1, 1fr);text-align: right;}
    #StartPageHeaderTitle {bottom: 100px;}
    #StartPageHeader #HeaderSliderArrows {top: 60%;}
    #StartPageHeader .slick-dots {bottom: 65px;}

    #MapsContent {width: 100%; margin: 0 auto; top: -230px; margin-left: unset;}

    #addressescount {width:100%; float: unset; margin: 0 auto;  position: absolute; left:0; right: 0;}
    #addresses {width:50%; float: unset;  margin: 0 auto; margin-top: 190px;  position: absolute; left:0; right: 0;}


}



#StartPageHeaderTitle h1{font-family: 'Dancing Script', cursive;}