* {margin:0;padding:0;}

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

.contentContainer ul {margin-left:0;list-style:none;}
.contentContainer ul li::before {
    content: "\2022";
    color: #e95a0c;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    margin-bottom:5px;
}

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

.ofRow {position:fixed;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;}


.gitter {position:absolute;height:850px;transform:rotate(11deg); display: none;}
#footer-gitter-content {position:absolute;height:500px;transform:rotate(11deg);top: 100%;right: 85%; display: none;}


/* BODY-CONTAINERS */
#main {position:relative;width:100%;/*max-width:1460px;overflow-x:hidden;*/min-height:100%;margin:0 auto;padding:0;}
#header {position:relative;width:100%;height:auto;margin:0;padding:0;box-sizing:border-box;background:#ffffff;z-index:5;}
#header-content {position:relative;width:100%;height:137px;margin:0 auto;padding:0 10px;box-sizing:border-box;background: white;}
#header-placeholder {position:relative;width:100%;height:137px;margin:0 auto;padding:0 10px;box-sizing:border-box;}
#header-wrap{max-width: 1460px;margin: 0 auto;height: 100%;position: relative;}
.fixed{position: fixed!important;position: -ms-device-fixed!important;top: 0;z-index: 99999;left: 0;right: 0;transition: top .2s ease-in-out;}
#header-content #logo {position:absolute;margin:0;padding:0;height:60px;left:50%;top:50%;transform:translate(-50%,-50%);}
#content {position:relative;width:100%;max-width:1140px;margin:0 auto;padding:40px 10px 40px 10px;box-sizing:border-box;min-height: 50vh;}
#footer {position:relative;width:100%;margin:0;padding:80px 0 0;z-index:4;overflow:hidden;}
#footer-header {position:relative;width:100%;max-width:1140px;margin:0 auto;padding:0 10px 20px 10px;box-sizing:border-box;text-align:center;}
#footer-contact {position:relative;width:100%;max-width:1140px;margin:0 auto;padding:0 10px 80px 10px;box-sizing:border-box;}
#footer-contact-inner {position:relative;padding:0 10px 0 10px;box-sizing:border-box;}
#footer-contact .fbox {float:left;margin:0;padding:0;box-sizing:border-box;}
#footer-contact .fboxleft {padding-right:10px;width:40%;}
#footer-contact .fboxright {padding-left:10px;width:60%;}
#footer-contact .fbox p {margin:0;}
#footer-contact .fbox table {border-collapse:collapse;border:0;}
#footer-contact .fbox table td {padding:0;vertical-align:top;}
#footer-contact .fbox table td:nth-child(1) {width:12%;}
#footer-contactform {position:relative;width:100%;max-width:1140px;margin:0 auto;padding:0 10px 40px 10px;box-sizing:border-box;}
#footer-contactform-inner {position:relative;padding:0 10px 0 10px;box-sizing:border-box;}
#footer-contentnav {position:relative;width:100%;max-width:1140px;margin:0 auto 50px auto;padding:0 10px;box-sizing:border-box;}
#footer-gitter {right:84%;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;right:10px;top:55px;height:36px;background:#9b9b9b url('./../../images/menu.svg') no-repeat center right 10px;font-size:16px;color:#fff;line-height:36px;padding:0 42px 0 10px;text-transform:uppercase;}
#menuButton.opened {background-color:#e95a0c;}
#navigation {position:absolute;top:50px;left:6%;right:6%;z-index:100;}
#navigation1 {position:absolute;left:0;list-style:none;margin:0;padding:0;}
#navigation2 {position:absolute;right:0;list-style:none;margin:0;padding:0;}
#navigation > ul li .rightColNavi {display:none;}
#navigation > ul li .mobilenavigationitem {display:none;}
#navigation > ul li {position:relative;float:left;margin:0 28px;padding:0;box-sizing:border-box;}
#navigation > ul li.first {margin-left:0;}
#navigation > ul li.last {margin-right:0;}
#navigation > ul li a {position:relative;display:block;font-weight:bold;font-size:14px;text-transform:uppercase;color:#000000;padding:5px 12px;letter-spacing:1.2px;text-decoration:none;}
#navigation > ul li.active > a {color:#e95a0c;}
#navigation > ul li:hover > a {text-decoration:none;color:#e95a0c;}
#navigation > ul > li.active > a, #navigation > ul > li:hover > a {color:#000000;}
#navigation > ul > li.active, #navigation > ul > li:hover {background:no-repeat left bottom url('./../../images/button_bg.svg');}
/* SUBNAVIGATIONS */
#navigation > ul li ul {display:none;}
#navigation > ul li ul {position:absolute;list-style:none;margin:0;background:#fff;min-width:190px;padding:10px 0 0;box-shadow:1px 1px 6px rgba(0,0,0,0.2);}
#navigation > ul li ul li {float:none;margin:0;width:100%;padding:3px 0 3px 5px;}
#navigation > ul li ul li a {font-size:14px;font-weight:normal;text-transform:none;color:#000;}
#navigation > ul li ul li ul {left:100%;top:0;padding:0;}
#navigation > ul li:hover > ul {display:block;}

/* SLIDER */
#headerSliderContainer {position:relative;height:470px;width:100%;max-width:1440px;margin:0 auto;padding:0;overflow:hidden;}
#headerSlider {position:relative;height:100%;width:100%;margin:0;padding:0;overflow:hidden;z-index:3;}
.headerSliderSlide {position:absolute;width:100%;height:100%;background:#ffffff no-repeat center center;background-size:contain;outline:0;}
#headerSliderBottomDecor {display:none;position:absolute;background:#fff;transform:rotate(11deg);transform-origin:100% 0;height:300px;width:150%;top:115%;right:0;z-index:3;pointer-events:none;}
#headerSliderDecor {position:absolute;z-index:4;overflow:hidden;width:100%;height:1150px;pointer-events:none;}
#headerSliderDecorInner {position:relative;height:660px;width:100%;max-width:1440px;margin:0 auto;padding:0;overflow:visible;}

#headerSlider .slick-list {height:100%;}
#headerSlider .slick-track {height:100%;outline:0;}
#headerSlider .slick-dots {position:absolute;left:30px;top:10px;bottom:280px;}
#headerSlider .slick-dots li {display:block;margin:20px 0;padding:0;}
#headerSlider .slick-dots li button {display:block;width:10px;height:10px;border-radius:50%;background:#e95a0c;color:transparent;font-size:0;overflow:hidden;-webkit-appearance:none;border:0;opacity:0.5;transition:ease-in-out all 1s;outline:0;cursor:pointer;}
#headerSlider .slick-dots li.slick-active button {opacity:1;}

#header-gitter {left:95%;top:220px;background:#fff;border:20px solid #fff; display: none;}
#header-gitter-content {position:absolute;height:500px;transform:rotate(11deg);top: 70%;left: 97%; display: none;}

/*FOOTERNAVIGATION*/
#footer-navigation {position:relative;float:right;list-style:none;}
#footer-navigation li {position:relative;float:left;margin:0 20px;padding:0;box-sizing:border-box;}
#footer-navigation li a {position:relative;display:block;font-weight:bold;font-size:14px;text-transform:uppercase;color:#000000;padding:5px 12px;letter-spacing:1.2px;text-decoration:none;}
#footer-navigation li.active > a {color:#e95a0c;}
#footer-navigation li:hover a {text-decoration:none;color:#e95a0c;}

/* CONTENT DECOR */
#contentContainer-23 {position:relative;margin-top:100px;}
#contentDecor1 {position:absolute;left:-370px;top:-70px;transform:rotate(11deg);}
#contentDecor1 .contentDecor1A {position:absolute;background:#e95a0c;opacity:0.1;width:600px;height:600px;}
#contentDecor1 .contentDecor1B {position:absolute;background:#e95a0c;opacity:0.1;width:540px;height:540px;top:250px;left:-30px;}

#homeProductRow {position:relative;width:100%;padding:60px 10px 0 10px;box-sizing:border-box;overflow-x:hidden;}
#homeProductContainer {position:relative;margin:0 auto;width:100%;max-width:1140px;min-height:550px;padding:0;box-sizing:border-box;}
#homeProductDecor {position:absolute;width:500px;height:500px;left:66%;top:-10px;transform:rotate(11deg);overflow:hidden;}
#homeProductDecor img {position: absolute;width: 500px;right: 0;top: 0;transform: rotate(-11deg);}
#homeProductSlider {position:relative;width:calc(58% - 120px);height:350px;}
.homeProductSlide {position:relative;width:100%;background:#fff;outline:0;}

#homeProductSlider .slick-list {height:100%;}
#homeProductSlider .slick-track {height:100%;outline:0;}
#homeProductSlider .slick-arrow {border:0;background:transparent no-repeat center center;width:70px;height:45px;border-radius:0;-webkit-appearance:none;outline:0;font-size:0;color:transparent;overflow:hidden;position:absolute;right:-100px;cursor:pointer;}
#homeProductSlider .slick-arrow.slick-prev {background-image:url('./../../images/pfeil_oben.svg');top:50%;margin-top:-80px;}
#homeProductSlider .slick-arrow.slick-next {background-image:url('./../../images/pfeil_unten.svg');top:50%;margin-top:-20px;}



/* NEWS */
.newsContainer {position:relative;border-top:1px solid #9b9b9b;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;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#000;}
.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 {margin-top:20px;}


/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text], .formRow input[type=email] {position:relative;float:left;width:280px;color:#9b9b9b;background:#fff;border:1px solid #9b9b9b;margin:0 0 15px 0;padding:15px 15px;box-sizing:border-box;font-size:20px;font-family:'Lato',sans-serif;}
.formRow textarea {position:relative;float:left;width:280px;height:129px;color:#9b9b9b;background:#fff;border:1px solid #9b9b9b;resize:none;margin:0 0 15px 0;padding:15px 15px;box-sizing:border-box;font-size:20px;font-family:'Lato',sans-serif;}
::placeholder {color:#9b9b9b;}

/* BUTTONROW */
.buttonRow {margin-top:20px;}
.buttonRow input, .buttonRow a.button {position:relative;min-width:220px;float:right;font-size:20px;font-family:'Lato',sans-serif;font-weight:bold;cursor:pointer;text-align:center;color:#000;background:#fff;margin:0;padding:15px 20px;border:1px solid #e95a0c;box-sizing:border-box;text-transform:uppercase;letter-spacing:2px; margin-right: 20px;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#e95a0c;text-decoration:none;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}
.g-recaptcha-required-text {color:red;font-size:12px;width:280px;}

#cmsContactForm .formRow label {display:none;}
#cmsContactForm .formRow input[type=text], #cmsContactForm .formRow input[type=email] {width:100%;}
#cmsContactForm .formRow textarea {width:100%;}

/*BACKTOTOP*/
#backtotop {width: 90px; height: 90px; background: url("./../../images/pfeil_oben.svg") no-repeat center; position: fixed; right: 20px; bottom: 100px; z-index: 500; display: none; line-height: 90px; text-align: center; cursor: pointer; color: #fff;}


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


#cmsContactForm .width_2 {padding-right: 20px;}

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

    #navigation {left:1%;right:1%;}
    #navigation > ul li {margin:0 5px;}

}

.areferenzenP::before{content: '';background: url("./../../images/gitter_02.svg") no-repeat center;background-size:cover;transform: rotate(11deg);width: 100%;height: 100%;position: absolute;z-index: -9;}

.areferenzenP{position: relative;}

.referenzenSpacer{width: 100%;background: lightgrey;height: 2px;}

.fancyTable{width:100%;border-collapse: collapse;}
.fancyTable tr td{width:50%;vertical-align:top;border-bottom:1px solid black;padding: 0px 5px;}
@media screen and (max-width:550px) {
    .fancyTable tr td{width:100%;display:block;border-top:1px solid black;}
    .fancyTable tr td:last-child{border:none;}
}

.kontakformular .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
    float: right;
}

.kontakformular .btn {
    border: 1px solid #e95a0c;
    color: gray;
    background-color: white;
    padding: 15.5px 20px;
    font-size: 20px;
    font-weight: bold;
    width: 100%;
    transition: all .4s ease-in-out;
}

.kontakformular .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}