* {margin:0;padding:0;}
html,body {height:100%; background-color: #efefef; font-family: 'Open Sans', sans-serif;}

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

.contentContainer p {margin:20px 0; font-family: 'Open Sans', sans-serif;}

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

.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.leftColumn {padding:0 36px 0 0;}
.width_3.middleColumn {padding:0 18px;}
.width_3.rightColumn {padding:0 0 0 35px;}


ul {margin-left: 15px;}

h1 {font-size: 55px; font-weight: bold; color: #000; text-transform: uppercase; letter-spacing: 5px; padding-bottom: 15px; font-family: 'Open Sans', sans-serif;}
h2 {font-weight: 100; font-size: 40px; color:#F9B711; text-transform: uppercase; padding-bottom: 5px; font-family: 'Open Sans', sans-serif;}
h3 {font-weight: bold; color: #000; font-size: 21px; margin-top: 8px; text-transform: uppercase;font-family: 'Open Sans', sans-serif;}
h4 {font-weight: bold; color: #000; font-size: 20px; margin-top: 8px; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}



table#midcontent tr td {text-align: justify!important;font-size: 18px; line-height: 28px;}

table tr td a {text-decoration: none!important; color: #000!important;}


#content table {font-size: 15px;}
#content p {}

/* 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 {position:relative;width:100%;height:290px;margin:0;padding:25px 0 0 0;box-sizing:border-box;background:#efefef;z-index:5;}
#header-content {position:relative;width:100%;max-width:1300px;height:345px;margin:0 auto;padding:0 0px;box-sizing:border-box;background:#fff; border-bottom: solid 1px #efefef;}
#header-topline {background-color: #efefef; width:100%;max-width:1300px;height:35px; margin:0 auto;}
#header-content #logo {position: relative;max-height: 170px;top:40px;left: 35px;}
#header-content #footerimg {max-height:7px;margin:17px 0 0 0;padding:0; position: absolute; bottom: 0; left: 40px;}

#phoneline {margin-top: -2px; float: left;width: 100%; box-sizing: border-box;padding-left: 40px;}
#phoneline #number {margin-left: 30px; font-weight: bold; font-size: 14px; margin-top: 2px;float: left;}

#partner {height: 185px; width: 100%;}
#partnercontent {width: 1000px; margin: 0 auto; height: 185px; background-color: #fff; padding: 0 40px;}
#partnerwrapper {width: 1220px; margin: 0 auto; height: 185px; background-color: #fff; padding: 0 40px;}
.partner {width: 150px; height: 130px; background-size: contain; background-position: 50% 50%; float: left; background-repeat: no-repeat; margin-right: 250px;}
.last {margin-right: 0px!important;}

#pagetitle {width: 1260px; height: auto; background: #fff; margin: 0 auto; padding-top: 35px; padding-left: 40px; font-size: 30px; font-weight: bold; font-family: 'Open Sans', sans-serif; color: #000; text-transform: uppercase;}
#cmsContactForm {margin-top: 25px;}
#cmsContactForm select{font-size: 18px;margin-bottom: 15px;border-radius: 0;}

/*SLIDER*/
.sliderwrapper {width: 100%; height:435px; }
.slidercontent {width: 1220px; height: calc(100% - 30px); background-color: #fff; margin: 0 auto; padding: 0 40px; padding-top: 30px;}
.slider { height: 400px;}
.sliderlogos { height: 400px;}
.slide {height: 400px!important; width: 100%; background-size: cover; background-position: 50% 50%;}

.footertext {font-weight: bold; color: #000; font-size: 30px;  text-transform: uppercase;font-family: 'Open Sans', sans-serif; letter-spacing: 5px; margin-top: -20px;}
.icon {width: 20px; height: auto; position: absolute;}
.qrcode {position: absolute; height: 70px; width: auto; right: 40px; margin-top: 7px;}
.footerinfos {width: 1000px; margin: 0 auto; font-size: 18px; margin-top: 35px;}
.footerinfos span {margin-left: 30px;}
.leftfooterinfo {float: left; position: relative;}
.midfooterinfo {float: left; margin-left: 70px; position: relative;}
.rightfooterinfo {float: right; position: relative;}

.footerimg {float: right; margin-right: 40px;max-height: 7px;}
#footerlinks {position: absolute; right: 40px; margin-top: 35px;}
#footerlinks a {color: #fff; text-transform: uppercase; font-size: 14px; margin-left: 20px; font-weight: bold;}
#footerlinks a:hover {color: #F9B711; text-decoration: none;}

#content {position:relative;width:calc(100% - 80px);max-width:1300px;margin:0 auto;padding:40px 40px 40px 40px;box-sizing:border-box; background: #fff; line-height: 25px; min-height: 260px;}
#footer {position:relative;width:100%;height:240px;background: #efefef; margin: 0px 0 0 0;padding:0;z-index:5;}
#footer-content {position:relative;width:100%;max-width:1300px;height:320px;margin:0 auto;padding:0 30px;box-sizing:border-box;background: #fff;}
#footercontent-inner {width: 100%; height: 320px; }
#upperfooter {background-color: #efefef; height: 230px; width: 100%; position: relative;}
#lowerfooter {background-color: #000;  height: 90px; width: 100%; position: relative;}




/* 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;}
.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;}

/* 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;font-size: 18px;}
.formRow input[type=password] {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;font-size: 18px;font-family: Arial;}
/* 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;}



.newsItem {width: 370px; height: auto; background: #f2f2f2; float:left; margin: 0 55px 20px 0;}
.newsItem.second {margin-right:0;}
.newsItem_title {height:40px; width: 355px; background: #f2f2f2; vertical-align: middle;  line-height: 40px; color: #000!important; margin-left: 15px; margin-top: 20px;}
.newsItem_title h3{ color: #000!important; display: table-cell; width:355px;  height:40px; font-size: 21px!important; font-weight: bold!important; font-family: 'Open Sans', sans-serif;}
.newsItem_title h3 a {color: #000!important;text-decoration: none!important; }

.newsItem_image {height: 270px; width: 370px;overflow:hidden;}
.newsItem_image img{height: 270px; width: 370px;}
.newsItem_content {width: 100%; padding: 15px;box-sizing:border-box; color: #000; padding-bottom: 25px; padding-top: 0;}
.newsItem_content a {text-decoration:none !important; color: #000;}

.qrcodebottom {display: none;}
#partnercontentmobile {display: none;}


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

#headernav{list-style: none; text-decoration: none;float:right;}
#headernav li{float:left;}
#headernav li a{color: #000;font-weight: bold;margin-left: 20px;text-transform: uppercase;}
#headernav li:hover a{text-decoration: none;}

/* NAVIGATIONS */
.rightColNavi {display:none;}

#navigation {position:absolute;bottom:47px;left:0;list-style:none;width:100%;height:50px;margin:0;z-index:10;background:#F6F6F6;padding: 0 40px;box-sizing: border-box;}
#navigation li {float:left;height:50px;line-height:50px;margin:0;padding:0;z-index:10;}
#navigation li:hover {background:#fff;}
#navigation li.active {background:#fff;}
#navigation li a {font-size:16px;text-transform:uppercase;color:#000;margin:0;padding:10px 25px;z-index:10;font-weight: bold;}
#navigation li:hover a {color:#000;text-decoration: none;border-top: 5px solid #FAB718;}
#navigation li.active a {color:#000;text-decoration: none;border-top: 5px solid #FAB718;}

#navigation li ul li a {color:#000;text-decoration: none;border-top: none!important;font-weight: normal;}
#navigation li ul li:hover a {color:#000;text-decoration: none;}

#navigation li ul {position:absolute;top:50px;left:0;display:none;list-style:none;width:100%;height:50px;background:#fff;margin:0;padding:0;z-index:10;box-sizing: border-box;padding-left: 40px;}
#navigation li:hover ul {display:block;}
#navigation li.active ul {display:block;}
#navigation li:hover ul li {position:relative;height:50px;line-height:50px;margin:0;padding:0;z-index:10;z-index:10;}
#navigation li:hover ul li a {font-size:16px;text-transform:uppercase;color:#000;z-index:10;}
#navigation li:hover ul li:hover a {border-top: 5px solid #FAB718!important;}
#navigation li:hover ul li.active a {border-top: 5px solid #FAB718!important;}
#navigation li ul li.active a {border-top: 5px solid #FAB718!important;}
#navigation li:hover ul li a

#navigation li:hover ul li ul {display:none;}

#navigation li ul li.active {color: }

#sub-navigation {position:absolute;bottom:0;left:0;list-style:none;width:1000px;height:47px;margin:0;padding:0;}
#sub-navigation li {position:relative;float:left;height:47px;line-height:47px;margin:0;padding:0;}
#sub-navigation li a {font-size:15px;text-transform:uppercase;color:#fff;margin:0;padding:9px 10px;}
#sub-navigation li:hover a {color:#f08900;}
#sub-navigation li.active a {color:#f08900;}

#sub-navigation li ul {display:none;}

/* EBENE 3 */
#naviContainer-3 {position: relative; background: #94D5F3; width: 100%;height: 47px; margin: -11px 0 0 0;}
#sub-navigation-3 {position:absolute;left:50%; margin-left: -500px;list-style:none;width:1000px;height:47px;padding:0;}
#sub-navigation-3 li {position:relative;float:left;height:47px;line-height:47px;margin:0;padding:0;}
#sub-navigation-3 li a {font-size:12px;text-transform:uppercase;color:#195480;margin:0;padding:9px 4px;}
#sub-navigation-3 li:hover a {color:#f08900;}
#sub-navigation-3 li.active a {color:#f08900;}
#sub-navigation-3 li ul {display:none;}
#naviContainer-3.multi, #naviContainer-3.multi #sub-navigation-3 {height:94px;}
#naviContainer-3 .Depth1.anmeldung {background:#f08900;color:#195480;}
#naviContainer-3 .Depth1.anmeldung:hover > a {color:#195480;text-decoration:underline;}

/* EBENE 4 */
#naviContainer-4 {position: relative;background: #195480; width: 100%;height: 47px;}
#sub-navigation-4 {position:absolute;left:50%; margin-left: -500px;list-style:none;width:1000px;height:47px;padding:0;}
#sub-navigation-4 li {position:relative;float:left;height:47px;line-height:47px;margin:0;padding:0;}
#sub-navigation-4 li a {font-size:12px;text-transform:uppercase;color:#fff;margin:0;padding:9px 5px;}
#sub-navigation-4 li:hover a {color:#f08900;}
#sub-navigation-4 li.active a {color:#f08900;}
#sub-navigation-4 li ul {display:none;}

/* EBENE 5 */
#naviContainer-5 {position: relative; background: #94D5F3; width: 100%;height: 47px;}
#sub-navigation-5 {position:absolute;left:50%; margin-left: -500px;list-style:none;width:1000px;height:47px;padding:0;}
#sub-navigation-5 li {position:relative;float:left;height:47px;line-height:47px;margin:0;padding:0;}
#sub-navigation-5 li a {font-size:12px;text-transform:uppercase;color:#195480;margin:0;padding:9px 5px;}
#sub-navigation-5 li:hover a {color:#f08900;}
#sub-navigation-5 li.active a {color:#f08900;}
#sub-navigation-5 li ul {display:none;}



/* NAVIGATIONS */
#menuButton {display:none;position:absolute;left:40px;height:30px; font-size: 25px; font-weight: bold;}
#navigationTEST li .rightColNavi {display:none;}
#navigationTEST li .mobilenavigationitem {display:none;}
#navigationTEST {position:absolute;top:180px;left:37px;list-style:none;margin:0;padding:0;display: none;}
#navigationTEST li {position:relative;float:left;margin:0 0 0 10px;padding:3px 0 3px 5px;box-sizing:border-box;}
#navigationTEST li.first {margin-left:0;}
#navigationTEST li a {position:relative;display:block;font-weight:bold;font-size:16px;text-transform:uppercase;color:#000;padding:0 5px 0 0; font-family: 'Open Sans', sans-serif;}
#navigationTEST li.active > a {color:#F9B711;}
#navigationTEST li:hover > a {text-decoration:none;color:#F9B711;}
/* SUBNAVIGATIONS */
#navigationTEST li ul {display:none;}
#navigationTEST li ul {position:absolute;list-style:none;margin:0;padding:0;background:#000;min-width:150px;padding:5px 5px 5px 5px;}
#navigationTEST li ul li {float:none;margin:0;padding:0;width:100%;padding:3px 0 3px 5px;}
#navigationTEST li ul li a {font-size:14px;font-weight:normal;text-transform:none;color:#fff;}
#navigationTEST li ul li a:hover {font-size:14px;font-weight:normal;text-transform:none;color:#F9B711;}
#navigationTEST li ul li ul {left:100%;top:0;padding:0;}
#navigationTEST li:hover > ul {display:block;}


#headerlink{position: absolute;top: 255px;z-index: 99;right: 95px;}
#headerlink .icon{width: 30px;}
#headerlink :nth-child(1){margin-left: 15px;}
#headerlink :nth-child(2){margin-left: 50px;}
#headerlink :nth-child(3){margin-left: 50px;}
#headerlink :nth-child(4){margin-left: 50px;}
#headerlink :nth-child(5){margin-left: 50px;}

#Angebotsformular input, #Angebotsformular label{font-size: 18px;}
#Angebotsformular label{margin-right: 50px;}
#Angebotsformular .radioLabel img{width: 150px;}
#Angebotsformular .Dachform{float: left;position: relative;margin-right: 25px;  display: inline-flex;flex-direction: column;align-items: center;justify-content: center;}
#Angebotsformular .Dachform label{text-align: center;margin-bottom: 10px;margin-right: 0;}
#Angebotsformular .formRow input[type=text]{margin-right: 25px;}
#sub-navigation{display: none;}




.radioLabel img{width: 150px;}
label{margin-right: 50px;}
.radioLabel img{width: 150px;}
.Dachform{float: left;position: relative;margin-right: 25px;  display: inline-flex;flex-direction: column;align-items: center;justify-content: center;}
.Dachform label{text-align: center;margin-bottom: 10px;margin-right: 0;}
.formRow input[type=text]{margin-right: 25px;}


#enquiryform {display: grid; grid-template-columns: calc(50% - 25px) calc(50% - 25px); grid-gap: 50px;}
#enquiryform input {margin-bottom: 0; width: 100%; font-family: 'Open Sans', sans-serif;}
#enquiryform select {margin-bottom: 0; width: 100%; height: 40px; background: #fff; border: solid 1px #666666; padding-left: 10px;  box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px;}
#enquiryform input[type="number"] {margin-bottom: 0; width: 100%; height: 40px; background: #fff; border: solid 1px #666666; padding-left: 10px;   box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px;}
#enquiryform input[type="file"] {margin-bottom: 0; width: 100%; height: 40px; background: #fff; border: solid 1px #666666; padding-left: 10px;   box-sizing: border-box;}
#enquiryform input[type="submit"] {margin-bottom: 0; width: 100%; height: 40px; background: #F9B711; color: #fff; border: solid 1px #666666; padding-left: 10px;   box-sizing: border-box;  font-family: 'Open Sans', sans-serif; font-size: 18px;}
#enquiryform input[type="submit"]:hover {color: #F9B711; background: #fff; border: solid 1px #F9B711;}
#enquiryform input[type="checkbox"] {width: 20px;height: 20px;position: relative;top: 1px; margin-right: 5px;}
#enquiryform .formRow {margin-bottom: 20px; min-height: 40px; line-height: 40px;}
.fileupload label {background-color: #fff; color: #000; cursor: pointer; border: solid 1px #666666;height: 40px; line-height: 40px; padding-left: 10px; box-sizing: border-box; font-family: 'Open Sans', sans-serif; font-size: 18px;}
#enquiryform .fileupload .formRow {margin-top:20px;}
.file-chosen {margin-left: 15px; top: -1px; position: relative; font-family: 'Open Sans', sans-serif;}

.rightformside {}

#enquiryform input {color: #000;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #000;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #000;
}

#enquiryform option {color: red!important;}




#headerinfo-box {width: calc(100% - 380px); position: relative; float: right; right: 0; top: 0; padding: 20px; padding-left: 60px; box-sizing: border-box;}
#headerinfo-box a {color: #ff0000;}