* {margin:0;padding:0;}
html,body {height:100%;scroll-behavior: smooth;}

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

.contentContainer p {margin:20px 0;}
.contentContainer ul {margin-left: 15px;}

.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:#AD0F10;color:#fff;}
*::selection {background-color:#AD0F10;color:#fff;}

.ofRow {position:absolute;left:0;top:0;width:100%;height:25px;text-align:center;background:transparent url('https://www.online-forum.net/of_bann_img/menuklei2.gif') repeat-x top;margin:0;padding:0;z-index:50;}

.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%;min-height:100%;margin:0;padding:0;}
#header{height: 600px;width: 100%;background:url("../../images/header/header_bild.png")no-repeat right;position: relative;background-size: cover;}
#header-content{height: 600px;width: 100%;overflow: hidden;position: relative;}
#content {position:relative;width:100%;max-width:1440px;margin:0 auto;padding: 160px 160px 100px;box-sizing:border-box;}
.content-startpage{position:relative;width:100%;max-width:1440px;margin:0 auto;padding: 160px 160px 100px;box-sizing:border-box;}
#footer{position: relative;overflow: hidden;min-height: 500px;background: url("../../images/kontakt_bild.png")no-repeat center;background-size: cover;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;right:10px;top:185px;height:30px;background:red;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:absolute;top:220px;right:10px;list-style:none;margin:0;padding:0;}
#navigation li {position:relative;float:left;margin:0 0 0 10px;padding:3px 0 3px 5px;box-sizing:border-box;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:bold;font-size:16px;text-transform:uppercase;color:#646464;padding:0 5px 0 0;}
#navigation li.active > a {color:#009900;}
#navigation li:hover > a {text-decoration:none;color:#ff0000;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background:#ddd;min-width:150px;padding:10px 0 0;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;padding:3px 0 3px 5px;}
#navigation li ul li a {font-size:14px;font-weight:normal;text-transform:none;color:#000;}
#navigation li ul li ul {left:100%;top:0;padding:0;}
#navigation li:hover > ul {display:block;}

#searchfor {width: 100%; color: #fff; height: 45px; line-height: 45px; text-align: center; background: #1e3c4b; font-weight: bold; font-size: 20px;}

/*FOOTERNAVIGATION*/
#footer-navigation {position: absolute; right: 0; top: 50px;}
#footer-navigation li {float: left; list-style-type: none; margin-left: 15px;}
#footer-navigation li a {color: #646464; text-transform: uppercase;}
#footer-navigation li.active > a {color:#009900;}
#footer-navigation li:hover a {text-decoration: none; color: #ff0000;}


/*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:196px;overflow:hidden;margin:0 30px 0 0;padding:0; text-align: center;}
.newsContentText {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.newsContentText h2 a {font-style:normal;text-decoration:none;color:#646464;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#646464;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}


/* 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;}
.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;-o-transition:all 0.3s ease-in-out;-ms-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;margin:0 25px 25px;padding:0; margin:0 8px 25px;padding:0;border:2px solid #c50000;}
.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.4s ease;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;top:0;right:0;bottom:0;background:rgba(0, 0, 0, 0.01);opacity:0.01;z-index:9999;}
#cmsCookieChoiceBanner {position:fixed;top: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: #2b5465; color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff; color: #2b5465;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}




#leftheader{position: relative;left: 0;}
#leftheader #whiteTRI{position: absolute;left: -6065px;background: white;width: 8000px;height: 8000px;transform: rotate(26deg);top: -8000px;z-index: 9;}
#leftheader #redTRI{position: absolute;left: -6380px;background: rgb(102,9,9);background: rgb(102,9,9);
    background: radial-gradient(circle, rgba(102,9,9,1) 0%, rgba(173,15,16,1) 100%);width: 8000px;height: 8000px;transform: rotate(63deg);top: -615px;z-index: 8;}
#leftheader #speaker{position: absolute;top:167px;left:380px;z-index: 9;}
#leftheader #speakerimg{position: absolute;max-width: unset;}
#leftheader #speakeroverlay{position: absolute;top: -168px;left: 94px;z-index: 9;max-width: unset;}
#leftheader #headerwaves{position: absolute;top: 225px;left: -136px;max-width: unset;}

#sociallinks{position: absolute;z-index: 10;bottom: 35px;left:60px;display: grid;grid-template-columns: 100%;grid-gap: 20px;}
#sociallinks img{width: 60px;height: auto;}
#header-logo{position: absolute;z-index: 10;top: 40px;left: 25px;}
#header-logo img{width: 290px;height: auto;}


#rightheader{position: relative;right: 0;height: 100%;}
#rightheader #lang{width: fit-content;width: -moz-fit-content;position: absolute;right: 59px;top: 25px;list-style:none;grid-template-columns: repeat(2,1fr);display: grid;grid-gap: 10px;z-index: 9;}
#rightheader #lang a{font-size: 20px;letter-spacing: 0;color: white;}
#rightheader hr{position: absolute;right: 0;top: 50px;z-index: 9; width: 750px;}
#rightheader #navi{position: absolute;top: 100px;right: 0;z-index: 99;list-style: none;display: flex;text-transform: uppercase;}
#rightheader #navi a{font-size: 20px;letter-spacing: 0;color: white;z-index: 99;margin-right: 60px;text-decoration:none;}
#rightheader #headertext{color: white;position: absolute;top: 200px;right: 50px;width:fit-content;width:-moz-fit-content;text-align: right;z-index: 9;}
#rightheader #headerdetails{color: white;position: absolute;bottom: 0;right: 0;width:100%;height: 80px;background-color: rgba(197, 0, 0, 0.6);}
#rightheader #headerdetailswrap{float: right;position: absolute;right:0;display: flex;top: 50%;transform: translate(0, -50%);}
#rightheader #headerdetailswrap div{margin-right: 25px;font-size: 18px;letter-spacing: 0.45px;}
#rightheader #headerdetailswrap div span{margin-right: 5px;font-size: 30px;font-weight: 600;}

#headerlowerbarwrap{width: 100%;position: absolute;top: 600px;height: 50px;overflow: hidden;}
#headerlowerbar{width: 8000px;background: rgb(18,38,48);background: radial-gradient(circle, rgba(18,38,48,1) 0%, rgba(33,66,82,1) 100%);height: 8000px;transform: rotate(-24deg);position: absolute;top: -5000px;left: -8134px;}

.content{padding: 160px 160px 100px;}
#content2{padding: 0 160px 100px;display: flex;}
.max_width{max-width: 1440px;margin: 0 auto;}


#wave{text-align: center;}

#leistungen {width: 100%;}
#leftSlider{left: 0; width: 150px; z-index: 1000; position: absolute;}
#rightSlider{right: 0; width: 150px; z-index: 1000;  position: absolute;}
.sliderBG{margin-top: 210px;}

#leistungen-Wrapper {width: 100%; height: auto; position: relative; text-align: center; height: 600px; margin-top: 80px;}
#leistungen-Wrapper .slick-list {width: 100%; margin-top: 70px;}
#leistungen-Wrapper .slidecontentcontainer img {width: 70%; margin: 0 auto;}
#leistungen-Wrapper .slick-slide {text-align: center;}
.slidecontentcontainer p {font-weight: 900;font-size: 100%;margin-top: 35px;color: #214252;text-transform: uppercase;}



#teamtitle {position: relative; z-index: 50;}
#team{position: relative;background: url("../../images/team_bild.png")no-repeat right;background-size:cover;overflow: hidden;}
#team #leftteam{left: 0;min-height: 500px;}
#team #leftteam h2{z-index: 10;position: absolute;left: 80px;top: 35px;}
#team #leftteam #whiteTRIteam{width: 8001px;height: 8000px;background: white;transform: rotate(110.5deg);position: absolute;left: -8550px;top: -2002px;z-index: 10;}
#team #leftteam #redTRIteam{width: 8001px;height: 8000px;background-color: rgba(197, 0, 0, 0.6);transform: rotate(154deg);position: absolute;left: -8550px;top: -5165px;z-index: 8;}

#team #rightteam #teamslider{max-width: 860px;max-width: 55%;width: 100%;position: absolute;right: 150px;top: 50%;transform: translate(0, -50%);z-index: 9;}
#team #rightteam #teamslider div{text-align: center;}
#team #rightteam #teamslider div img{margin: 0 auto 20px;}
#team #rightteam #teamslider div h2{color: white;font-size: 25px;font-weight: 900;}
#team #rightteam #teamslider div p{color: white;font-size: 20px;}

.slick-arrow{cursor: pointer;}
#team .slick-arrow{width: fit-content;width: -moz-fit-content;position: absolute;top: 13px;left: 80px;}
#team #next{left: 150px;}

#teambuttonrowwrap{height: 50px; width: 100%;overflow: hidden;position: absolute;bottom: 0;z-index: 9;background: white;}
#teambuttonrow{background: rgb(18,38,48);background: radial-gradient(circle, rgba(18,38,48,1) 0%, rgba(33,66,82,1) 100%);height: 8000px;width: 8000px;transform: rotate(-26deg);position: absolute;top: -1991px;left: -6782px;}

#marken{text-align: center;margin-top: 60px;}
#marken #markenslider{margin-top: 70px;height:50px;}
#marken #markenslider img{margin: 0 auto;height: 35px;}
#marken p{margin-top: 50px;margin-bottom: 65px;font-size: 12px;}

#footernav .rightColNavi{display: none;}

#footer{position: relative;overflow: hidden;min-height: 500px;background: url("../../images/kontakt_bild.png")no-repeat center;background-size: cover;}
#footer #footerleft #footerlogo{position: absolute;z-index: 9;left: 50px;}
#footer #footerleft #footerTRIwhite{width: 8001px;height: 8000px;background: white;transform: rotate(110.5deg);position: absolute;left: -8550px;top: -2002px;z-index: 9;}
#footer #footerleft #footerTRIred{width: 8001px;height: 8000px;background-color: rgba(197, 0, 0, 0.6);transform: rotate(154deg);position: absolute;left: -8550px;top: -5165px;z-index: 8;}

#footer #footerright{height: 100%;}
#footer #footerright #footernav{position: absolute;bottom: 12px;right: 0;z-index: 11;font-size: 18px;list-style: none;display: inline-flex;text-transform: uppercase;margin: 0;}
#footer #footerright #footernav a{color: #949494;margin-right: 25px;}

#footer #footerrowwrap{height: 50px; width: 100%;overflow: hidden;position: absolute;bottom: 0;z-index: 9;background: white;}
#footer #footerrow{background: rgb(18,38,48);background: radial-gradient(circle, rgba(18,38,48,1) 0%, rgba(33,66,82,1) 100%);height: 8000px;width: 8000px;transform: rotate(-26deg);position: absolute;top: -1991px;left: -6782px;}

#footer #kontakt table{background: none;}
#footer #kontakt table tbody{background-color: unset;border: none;}
#footer #kontakt table tbody tr:nth-child(even){background-color: unset;border: none;}
table tbody td, table tbody th{padding: 0!important;}

#footer #kontakt #kontaktwrap{display: flex;width: fit-content;width: -moz-fit-content;position: absolute;right: 50px;color: white;place-items: flex-end;font-size: 18px;top: 50%;transform: translate(0px, -80%); z-index: 10;}
#footer #kontakt #kontaktwrap p{font-size: 18px;}
#footer #kontakt #kontaktwrap a{color: white;}
#footer #kontakt #leftcontact{max-width: 370px;}
#footer #kontakt #rightcontact{max-width: 370px;height: 195px;}

#footer #kontakt h2{color: white;}

#footer #gmap{font-weight:700;line-height:50px;height:50px;position:absolute;bottom: -90px;right:0;cursor: pointer;width: 100%;text-align: center;clip-path: polygon(0 0, 100% 0, 100% 100%, 3% 100%);background: rgb(33,66,82);background: linear-gradient(90deg, rgba(33,66,82,1) 0%, rgba(18,38,48,1) 100%);}

#footer .innerdiv{margin-top: 25px;min-height: 140px;}
#rightcontact .innerdiv{margin-top: 0;}

#overlayPopUp{display: none;position: fixed;top: 0;background-color:rgba(0,0,0,0.6);height: 100vh;width: 100vw;z-index: 10000;}
#overlaycontentPopUp{padding: 20px;background: white;max-width: 900px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
#closeLightBox{text-align: right;margin-bottom: 15px;cursor: pointer;position: absolute;right: 25px;}

.hiddenContent{display: none;}

#monateglinkmobile {display: none;}
#agblinkmobile {display: none;}
#mobilenavblock {display: none;}
#navimobile {display: none;}
#mabilenavcontent {display: none;}
#wordspace {width: 0; display: none;}

/*
.noselect {
    -webkit-touch-callout: none; /* iOS Safari
    -webkit-user-select: none; /* Safari
    -khtml-user-select: none; /* Konqueror HTML
    -moz-user-select: none; /* Old versions of Firefox
    -ms-user-select: none; /* Internet Explorer/Edge
    user-select: none;
}
*/

/* responsive max_width=75% setzen
content2 padding:0 50px 100px;


*/

/* GALERIE */
.gallerieContent{overflow-y: hidden!important;}
.am-container {line-height: 0;
    -webkit-column-count: 3;
    -webkit-column-gap:   2px;
    -moz-column-count:    3;
    -moz-column-gap:      2px;
    column-count:         3;
    column-gap:           2px;
}

.am-container img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 2px;
}
@media (max-width: 1400px) {
    .am-container {
        -moz-column-count:    3;
        -webkit-column-count: 3;
        column-count:         3;
    }
}
@media (max-width: 1000px) {
    .am-container {
        -moz-column-count:    2;
        -webkit-column-count: 2;
        column-count:         2;
    }
}
@media (max-width: 800px) {
    .am-container {
        -moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;
    }
}
@media (max-width: 400px) {
    .am-container {
        -moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;
    }
}


@media screen and (max-width: 1445px) {
    #rightheader #headerdetails {z-index: 8; background-color: #7e1c16;}
    #leistungen-Wrapper {height: 550px;}

}


@media screen and (max-width: 1290px) {
    #team #rightteam #teamslider {right: 30px;}
    #footer {min-height: 750px;}
    #footer #kontakt #kontaktwrap {top: 66%; display: block; right: 90px;}
    #footer #footerleft #footerTRIred {left: -8825px; top: -5129px;}
    #footer #kontakt #rightcontact {margin-top: 100px;}
    #footer #gmap {bottom: 220px; clip-path: polygon(0 0, 95% 0, 100% 100%, 0% 100%);}
    #footer #footerrow {top: -2239px; left: -7072px;}
    #team #rightteam #teamslider {max-width: 65%;}
}

@media screen and (max-width: 1245px) {
    #team #rightteam #teamslider {max-width: 55%;}
    #leftSlider {width: 125px;}
    #rightSlider {width: 125px;}
}


@media screen and (max-width: 1210px) {
    #rightheader #navi a {margin-right: 25px;}
    #rightheader #headertext {margin-top: 30px;}
    #rightheader #headertext h1 {font-size: 35px;}
    #rightheader #lang {right: 30px;}
    #rightheader #navi {right: 5px;}
    #leistungen-Wrapper {height: 500px;}
}

@media screen and (max-width: 1080px) {
    #footer #footerleft #footerlogo img {width: 150px!important; height: auto;}
    #footer #footerleft #footerTRIwhite {left: -8755px;}

    #footer #footerleft #footerTRIred { left: -8716px; transform: rotate(157deg);}
    #footer #footerrow {left: -7183px;}

}

table tbody tr:nth-child(even){background-color: transparent!important;}
table{border-collapse: separate!important;}

#lang ul{margin: 0;list-style: none!important;line-height: 1;}

#caravanSlider{width: 45%;height: auto;}
#CaravanText{margin-left: 45px;}
#CaravanText h2{margin: 25px 0;}
#overlaycontentPopUp h2{margin: 25px 0;}

#leistungenslider{position: relative;top: 5%;}
@media screen and (max-width: 500px) {
    #leistungenslider{position: relative;top: 20px;}
}



#roomtour {width: 100%; margin-bottom: 50px;}


/* GALERIE */
.gallerieContent{overflow-y: hidden!important;}
.gallery {line-height: 0;
    -webkit-column-count: 4;
    -webkit-column-gap:   2px;
    -moz-column-count:    4;
    -moz-column-gap:      2px;
    column-count:         4;
    column-gap:           2px;
    width: 100%;
}

.gallery img {
    width: 100% !important;
    height: auto !important;
    margin-bottom: 2px;
}
@media (max-width: 1400px) {
    .gallery {
        -moz-column-count:    3;
        -webkit-column-count: 3;
        column-count:         3;
    }
}
@media (max-width: 1000px) {
    .gallery {
        -moz-column-count:    2;
        -webkit-column-count: 2;
        column-count:         2;
    }
}
@media (max-width: 800px) {
    .gallery {
        -moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;
    }

    #panoStudioViewerID {height: 350px!important;}
}
@media (max-width: 400px) {



    .gallery {
        -moz-column-count:    1;
        -webkit-column-count: 1;
        column-count:         1;
    }
}
#fancybox-thumbs.bottom{display: none;}


/* Footer braucht mehr Höhe für Formular */
#footer { min-height: 900px; }

/* kontaktwrap: Position nach oben verschieben damit Platz für Formular entsteht */
#footer #kontakt #kontaktwrap {
    transform: translate(0px, -95%);  /* war -80%, jetzt höher */
}

/* Formular: absolut unter kontaktwrap, über gmap */
#kontaktformular-wrap {
    position: absolute;
    right: 50px;
    bottom: 70px;   /* direkt über dem gmap-Button (50px hoch) */
    width: calc(100% - 430px); /* links Platz für footerleft lassen */
    max-width: 760px;
    z-index: 10;
    color: white;
    padding-top: 15px;
    border-top: 1px solid rgba(255,255,255,0.2);
}

#kf-success, #kf-error {
    padding: 12px 16px;
    border-radius: 2px;
    font-family: Barlow;
    font-size: 18px;
}
#kf-success {
    background: rgba(255,255,255,0.1);
    color: #fff;
    border-left: 3px solid #fff;
}
#kf-error {
    background: rgba(180,0,0,0.35);
    color: #fff;
    border-left: 3px solid #c00;
}

.kf-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}
.kf-field {
    flex: 1 1 180px;
    display: flex;
    flex-direction: column;
}
.kf-field--full { flex: 1 1 100%; }

.kf-field label {
    font-size: 11px;
    color: rgba(255,255,255,0.6);
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.kf-required { color: #cc2222; }

.kf-field input,
.kf-field textarea {
    background: rgba(255,255,255,0.2);
    border: 1px solid rgba(255,255,255,0.7);
    color: #fff;
    padding: 7px 10px;
    outline: none;
    transition: border-color 0.2s, background 0.2s;
    box-sizing: border-box;
    font-family: Barlow;
    font-size: 18px;
}
.kf-field input::placeholder,
.kf-field textarea::placeholder { color: rgba(255,255,255,0.7); }
.kf-field input:focus,
.kf-field textarea:focus {

}
.kf-field textarea {
    resize: vertical;
    min-height: 75px;
}
.kf-row--submit { margin-bottom: 0; }

#kf-submit {
    background: #8b1010;
    color: #fff;
    border: none;
    padding: 10px 28px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.2s;
    height: 50px;
}
#kf-submit:hover { background: #a81515; }


#footer #kontakt #kontaktwrap {

    top: 40%;

}

#kontaktformular-wrap {

    top: 490px;
    max-width: 740px;

}



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

    #footer { min-height: 1300px; }
    #kontaktformular-wrap {
        right: 90px;
        max-width: 365px;
        top: 750px;

    }

    #footer #kontakt #kontaktwrap {

        top: 50%;

    }


}


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

    #kontaktformular-wrap {

        max-width: 340px;
        width: 340px;


    }

}


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

    #kontaktformular-wrap {

        max-width: 100%;
        width: auto;
        right: 20px;
        left: 20px;


    }

}


.ev-flag {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #ffffff;
    color: #AD0F10;
    padding: 17px 20px;
    font-weight: bold;
}

.ev-flag::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 99.9%;
    width: 40px;
    background: #ffffff;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}

.hint {
    padding: 20px;
    color: #333;
}