* {margin:0;padding:0;}
html,body {height:100%; color: white; background-image: url("../../images/dwu_background.png"); background-size: cover; font-family: 'Lato', sans-serif; }

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

.contentContainer p {margin:20px 0; font-family: 'Lato', sans-serif; }
.contentContainer p strong {font-weight: 600;}
.contentContainer ul {margin-left: 15px; list-style-image: url("../../images/squere.png");}

.wysiwygEditable:hover, .wysiwygEditableText:hover {outline:1px dashed #ff0500;}
.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;}

#content ul {}


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

.ofRow {display:none;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 30px 0 0;}
.width_2.rightColumn {padding:0 0 0 30px;}
.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 {position:relative;width:100%;height:900px;margin:0;padding:0px 0 0 0;box-sizing:border-box;z-index:5; margin-bottom: 40px;}
#header-content {position:relative;width:100%;max-width:1820px;height:650px;margin:0 auto;box-sizing:border-box; margin-top: 40px;}
#logocontainer #logo {position:relative;width:260px; height: auto;margin:5px 0 0 0;padding:0;}
#content {position:relative;width:100%;max-width:1200px;margin:0 auto;padding:40px 10px 100px 10px;box-sizing:border-box; font-family: 'Lato', sans-serif; line-height: 21px; font-weight: 300;}
#footer {position:relative;width:100%;height:240px; padding:0;z-index:5;}
#footer-content {position:relative;width:100%;max-width:1820px;height:350px;margin:0 auto;padding:0 10px;box-sizing:border-box; margin-bottom: 50px; background-color: rgba(255, 255, 255, 0.2);}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;left:15px;top:15px;height:30px;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {list-style:none;margin:0;padding:0; width: fit-content;width: -moz-fit-content; margin: 0 auto; padding-top: 14px;}
#navigation li {position:relative;float:left;margin:0 0 0 20px;padding:3px 0 3px 5px;box-sizing:border-box;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:300;font-size:16px;text-transform:uppercase;color:#fff;padding:0 3px 0 3px; font-family: 'Lato', sans-serif; letter-spacing: 2px;  }
#navigation li.active > a { border-bottom: solid 1px #fff;  padding-bottom: 3px;}
#navigation li:hover > a {text-decoration:none; border-bottom: solid 1px #fff; padding-bottom: 3px;}

/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;padding:0;background: #5c5c5c;width:180px;padding:10px 0 0; width: -moz-max-content;}
#navigation li ul li {float:none;margin:0;padding:0;width:auto;padding:5px 5px 5px 5px; }
#navigation li ul li a {font-size:13px;font-weight:normal;text-transform:uppercase;color:#fff; font-family: 'Lato', sans-serif; font-family: 'Lato', sans-serif; letter-spacing: 2px; }
#navigation li ul li ul {left:100%;top:0; }
#navigation li:hover > ul {display:block;}
#navigation li ul li:hover > a {border-bottom: solid 0px #fff; padding-bottom: 0px;  text-decoration: underline;}
#navigation li ul li:active > a {border-bottom: solid 0px #fff; padding-bottom: 0px;  }
#navigation li ul li.active:hover a {border-bottom: solid 1px #fff; padding-bottom: 3px; text-decoration: none;}

/* NEWS */
.newsContainer {position:relative;border-top:1px solid #fff;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:#fff;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#fff;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#fff;}

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




/*HEADER*/
#logoline {width: 100%; height: 10px; background: #fff;}
#logocontainer {width:300px; height: 175px; background: #fff;text-align: center; margin: 0 auto;}
#navigationline {width: 1820px; height: 50px; background: #5c5c5c;}
#headerimage {width: 100%; height: 600px; background-image: url("../../images/headerimage.png"); background-size: cover;}


/*FOOTER*/
#vita {width: 1820px; height: 325px; margin: 0 auto; margin-bottom: 100px;}
#left-vita {width: 830px; float: left; height: calc(100% - 40px); background: #eeeeee; text-transform: uppercase; font-size: 30px; padding-right: 55px; padding-top: 40px; text-align: right; line-height: 55px; font-weight: 600; font-family: 'Lato', sans-serif; color: #333333; letter-spacing: 2px;}
#boximage {float: left;}
#right-vita {width: 785px; float: right; height: calc(100% - 100px); background: #5c5c5c; padding: 50px;}
#box-content {float: left; margin-left: 30px; margin-top: 15px; font-weight: 300; line-height: 23px;}
#box-content .name {font-size: 20px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; font-weight: 600;}
#read-more {font-weight: 600; letter-spacing: 2px; text-transform: uppercase; padding: 15px 30px; border: solid 1px #fff; width: 140px; margin-top: 20px;}
#box-content a {color: #fff;}

#kompetenzen {height: 500px; width: 1200px;  margin: 0 auto; margin-bottom: 70px; text-align: center;}
#toprow {position: relative; margin-top: 60px;}
#botrow {position: relative; top: 30px;}
.box {width: 380px; height: 140px; background: #eeeeee; text-align: left; float: left; color: #333333; margin-right: 30px; position: relative;}
.last {margin-right: 0;}
.beratung {font-size: 30px; letter-spacing: 2px; text-transform: uppercase; font-weight: 300;}
.komp {font-size: 30px; letter-spacing: 2px; font-weight: 600; text-transform: uppercase; }
.boxtext {font-size: 20px; color: #333333; text-transform: uppercase; font-weight: 600; float: left; margin-right: 15px; position: absolute; bottom: 12px; right: 45px;}
.square {width: 30px; height: 30px; background: #c00000; float: left; position: absolute; bottom: 15px; right: 15px;}
.boxtitle {width: 600px; text-align: center; margin: 0 auto; top: 70px; position: relative;}

#botfooterline {width: 1200px; margin: 0 auto; margin-top: 120px; font-size: 20px; font-weight: 300;}
#footerblock1 {float: left; position: relative;}
#footerblock2 {float: left; position: relative; margin-left: 100px;}
#footerblock3 {float: left; position: relative; margin-left: 70px;}
#footerblock4 {float: left; position: relative; margin-left: 95px;}
#footerblock4 a {color: #fff;}
.icon {width: 22px; height: auto; position: absolute; margin-left: -30px;}
.icon2 {width: 30px; height: auto; position: absolute; margin-left: -30px; margin-top: -5px;}

#headertext {font-size: 50px; color: #c00000; letter-spacing: 2px; text-transform: uppercase; font-weight: 300; width: 985px; margin: 0 auto; padding-top: 50px;}


#contentFieldset h1 {color: #000!important;}
#tinymce h1 {color: #000!important;}
#tinymce a {color: #000!important;}
#mceu_89-text h1 {color: #000!important;}


/* COOKIE BANNER */
#cmsCookieChoiceBannerModal {position:fixed;left:0;bottom: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: #C00100;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #C00100;}
.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) {
    #cmsCookieChoiceBannerInner {width: 1250px!important;}
}


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