* {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;}

.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: 'Open Sans', sans-serif;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: 'Open Sans', sans-serif;font-weight:normal;font-size:14px;padding:3px;}

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

*::-moz-selection {background-color:#EDB671;color:#fff;}
*::selection {background-color:#EDB671;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: 'Open Sans', sans-serif;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;font-family: 'Open Sans', sans-serif;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;font-family: 'Open Sans', sans-serif;}
#errorContainer .error {color:#142F5D;font-family: 'Open Sans', sans-serif;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0;}
#header {position:relative;width:100%;height:775px;margin:0 auto;max-width:1440px;padding:0px 0 0 0;box-sizing:border-box;background:#fff;z-index:5;}
#header-content {position:relative;width:100%;max-width:1440px;height:110px;margin:0 auto;padding:0 10px;box-sizing:border-box;background:#fff;}
#header-content #logo {position:relative;max-height:280px;margin:10px 0 0 105px;padding:0;width: 60px;}
#content {position:relative;width:100%;max-width:1240px;margin:0 auto;padding:120px 10px 155px 10px;box-sizing:border-box;}
#footer {position:relative;width:100%;height:575px;background:#fff;margin:0px 0 0 0;padding:0;z-index:5;}
#footer-content {position:relative;width:100%;max-width:1440px;height:100%;margin:0 auto;padding:0 10px;box-sizing:border-box;background:#fff;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;right:10px;top:185px;height:30px;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position: relative;top: 40px;float: right;right: 90px;list-style: none;margin: 0;padding: 0;}
#navigation li {position:relative;float:left;margin:0 0 0 25px;padding:0;box-sizing:border-box;border-bottom: 2px solid transparent;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-size:13px;text-transform:uppercase;color:#646464;padding: 0 0 10px 0; letter-spacing: 1px; font-weight: 600;}
#navigation li.active > a {border-bottom: 2px solid #EDB671;}
#navigation li:hover > a {text-decoration:none;border-bottom: 2px solid #EDB671;}
/* 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;}

/*FOOTERNAVIGATION*/
#footer-navigation {position: absolute; left: 95px; bottom: 90px;}
#footer-navigation li {float: left; list-style-type: none; margin-left: 15px;}
#footer-navigation li a {color: black; text-transform: capitalize;}
#footer-navigation li.active > a {color:black;}
#footer-navigation li:hover a {text-decoration: none; color: black;}


/* FELX WRAPPER */
.flexwrapper {display: flex; flex-flow: row wrap;width: 100%; gap: 50px;}
.flexwrapper div {width: calc(50% - 25px);}
.flexwrapper div img {width: 100%; height: auto;}


/* AKTUELLES BOXEN */
.responsive-container {
    display: flex;
    align-items: flex-start; /* Align text at the top of the image */
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 50px;
}

.responsive-image {
    max-width: 300px; /* Limit the image width to 300px */
    height: auto;
    flex: 1 1 auto;
}

.responsive-text {
    flex: 1 1 auto;
}

@media (max-width: 768px) {
    .responsive-container {
        flex-direction: column; /* Stapelt Bild und Text untereinander auf kleinen Bildschirmen */
        text-align: center;
        flex-wrap: wrap;
    }

    .responsive-text {
        flex: 1 1 100%; /* Text nimmt die volle Breite ein */
    }
}


/*BACKTOTOP*/
#backtotop {display:none!important;opacity:0!important;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:#000; font-size: 30px;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#000;}
.newsDate {display:none;line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#646464;}
.newsLink {color:white!important;padding: 15px 10px;background: #EDB671;position: relative;top:20px;}

/* 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;-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;border:2px solid #000;margin:0 25px 25px;padding:0; 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.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 #EDB671;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 #EDB671;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:#EDB671;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:#EDB671;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#EDB671;background:#fff;text-decoration: none;border: 1px solid #EDB671;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}

/* HEADSLIDER */
.headerslider{height:640px;}
.headersliderimages{height: 640px;background-size: cover!important;}
.headerslider .slick-list{height: 640px;}
.headerslider .slick-track{height: 640px;}
.headerslider .slick-dots{bottom: 278px!important;}
.text{width: fit-content;width: -moz-fit-content;margin: 0 auto;position: absolute;bottom: 300px;left: 0;right: 0;color:white!important;}
.text h1 {color: #fff; font-size: 40px; text-transform: uppercase;}
.text h4 {color: #fff; font-size: 20px;  text-transform: uppercase; margin: 0 0 0px 0;}
.headerslider .slick-dots li button:before{color:white!important;opacity: 0.5!important;}
.headerslider .slick-dots li.slick-active button:before{color:white!important;opacity: 1!important;}

/* HEADER */
#fb {float: right; margin-top: 30px;}
#insta {float: right; margin-top: 28px; margin-right: 8px;}

/* CONTENT */
.mehr{border-bottom: 2px solid #EDB671;color:black!important;text-transform: uppercase;text-decoration: none!important;}
#startbg{margin-top: -500px;float: right;}

/* TANZSPEKTREN */
.tanzarten{height:280px;}
.tanzarten .slick-list{height: 100%;}
.tanzarten .slick-track{height: 100%;}
.tanzspektrum{height: 100%;position: relative;}
.tanztext{position: absolute;bottom: 0px;color:white;padding: 0 15px;}
.tanztext h1{color:white;}

/* STARTCONTENT */

#startcontent-img {background-repeat: no-repeat; background-position: 100% 0%; height: 470px;}


/* KURSE&PREISE */
#kursedummy{height: 760px; margin-top: 100px;}
#kurseundpreiseimg{float: left;}
#kurseundpreiseimg img {height: 800px!important; width: auto!important; position: absolute; margin-top: 50px;}
#kurseundpreisewrap{position: relative;float: right;margin-top: 50px;}
.kursbox{width: 695px;height: 100px;margin-bottom: 50px;position: relative;padding: 25px; padding-bottom: 30px;}
.kursbox h1 {font-size: 28px;}
.kursbox h2{width: fit-content;width: -moz-fit-content;position: absolute;background: white;bottom: -25px;right: 50px;padding: 0 10px;  font-size: 28px;}
.blackbox{border: 1px solid black;}
.orangebox{border: 1px solid #EDB671;text-align: right;}
.s1 {font-size: 14px;}

/* FOOTER */
#startimage{background: url("../../images/Parallax_Bild.png")no-repeat center center;background-size: cover;width: 100%;height: 355px;margin-bottom: 175px; background-attachment: fixed; background-repeat: no-repeat; background-size: cover;}


#footer iframe{margin-left: calc(50% - 610px);}
#footercontact{background:#F5F5F5;width: -moz-fit-content;width: fit-content;padding: 50px;position: absolute;right: 155px;top: -50px;height: 435px;-webkit-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.45);-moz-box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.45);box-shadow: 5px 5px 30px 0px rgba(0,0,0,0.45);}
#footercontact a {color: black!important;}
#footercontact table {line-height: 28px;}


/* CONTENT */
#pricetable td {padding: 10px;}
#pricetable tr:nth-child(even) {background: #ddd;}


/* 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.98);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: #edb671;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #edb671;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton {background: transparent;color:#000000;opacity:0.6;font-size:12px;padding:5px 5px;}
.cmsCookieChoiceBannerToolboxButtons button.transparentButton:hover {background: transparent;}

.cmsCookieChoiceBannerGroup {margin: 3px 20px 10px 0!important; width: 150px!important;}
#cmsCookieChoiceBannerTitle {position: absolute;}
#cmsCookieChoiceBannerText {max-width: 450px!important; position: relative; float: left; margin-right: 30px; margin-top: 25px;}
.cmsCookieChoiceBannerToolboxButtons {right: 70px!important; top: 25px!important; position: absolute; }


@media screen and (max-width: 1550px) {
    #cmsCookieChoiceBannerText {max-width: 250px!important;}
    #cmsCookieChoiceBannerInner {width: 1250px!important;}
}


@media screen and (max-width: 1280px) {
    .cmsCookieChoiceBannerToolboxButtons {width: 300px; top: 15px!important;}
    #cmsCookieChoiceBannerInner {width: 80%!important;}
    .cmsCookieChoiceBannerToolboxButtons {right: 0!important;}
}
@media screen and (max-width: 1105px) {
    #cmsCookieChoiceBannerInner {width: 90%!important;}
}
@media screen and (max-width: 975px) {
    .cmsCookieChoiceBannerToolboxButtons {right: unset; top: unset; position: unset; }
}