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

.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-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-weight:normal;font-size:14px;padding:3px;}

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

*::-moz-selection {background-color:#B2388D;color:#FFF;}
*::selection {background-color:#B2388D;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;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff;}
#errorContainer .error {color:#142F5D;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0;}

/* BACKTOTOP */
#backtotop.hidden {visibility: hidden;}
#backtotop {position:fixed;bottom:95px;left:50%;width:60px; display: block; background: #B2388D;text-align: center;height:60px;cursor:pointer;margin:0 0 0 610px;padding:0;z-index:70;}
#backtotop i {line-height: 60px; font-size: 50px; color: #fff;}
#backtotop:hover i {text-decoration: none;}

/* HEADER */
#header {position:relative;width:100%;height:220px;margin:0;padding:25px 0 0 0;box-sizing:border-box;background:#fff;z-index:5; border-bottom: 15px solid #B2388D;}
#header-content {position:relative;width:100%;max-width:1165px;height:220px;margin:0 auto;padding:0 10px;box-sizing:border-box;}
#header-content #logo {position:relative;max-height:220px;margin:5px 0 0 0;padding:0;}
#header-content-left {float:left;}
#header-content-right {float:right;}

#header-content-right-upper {margin: 40px 0 0 0;}
#header-content-right-upper .headerContactRow {float:right; }
#header-content-right-upper .headerContactRow p {float: right;margin: 0; }
#header-content-right-upper .headerContactRow p img {float:left;margin: 5px 5px 0 0;}
#header-content-right-upper .headerContactRow p span {}

/* CONTENT */
#contentWrapper {background: #fff; width: 100%;}
#content {position:relative;width:100%;max-width:1165px;margin:0 auto;padding:90px 10px 75px 10px;box-sizing:border-box;}
#content .contentContainer {margin: 0 0 50px 0;}

/* FOOTER */
#footer {position:relative;width:100%;height:75px;background:#B2388D;margin:-75px 0 0 0;padding:0;z-index:5;}
#footer-content {position:relative;width:100%;max-width:1165px;height:75px;margin:0 auto;box-sizing:border-box;}
#footer-content-left {float:left; color: #fff; line-height: 75px;}
#footer-content-right {float:right;}

/* FOOTER-CONTACT */
#footerContact {width: 100%;}
#footerContactLeft {width: 50%; float:left;}
#footerContactRight {width: 50%; float:left;}

#footer-navigation {list-style-type:none; margin-top: 25px;}
#footer-navigation li {float:left; margin: 0 0 0 8px;  }
#footer-navigation li a {color: #fff; margin: 0; padding: 0 0 0 8px;border-left: 1px solid #fff; text-transform: uppercase;}
#footer-navigation li.first a {border: none;}
#footer-navigation li:hover {}
#footer-navigation li:hover a {text-decoration: none;}
#footer-navigation li ul {display:none;}

/* SLIDESHOW */
#slideshowWrapper {position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%;}
#slideshowWrapper .slick-initialized .slick-slide{height: 100vh!important;}

    /* SLIDESHOWWINDOW */
#slideshowWindow {height: 560px; width: 100%; background: transparent;}
#slideshowWindowContent {width: 1165px; height: 560px; margin: 0 auto;}
#slideshowWindowContent #slideshowWindowContentInner {float:left;margin: 135px 0 0 0;}
#slideshowWindowContent #slideshowWindowContentInner h1 {color: #fff; margin: 0 0 35px 0; font-size: 50px;}
#slideshowWindowContent #slideshowWindowContentInner h2 {color: #fff; margin: 0 0 0 0;}

/* HEADERBOXES */
#headerBoxesWrapper {width: 1165px; margin: 0 auto;}
#headerBoxesWrapper .headerBox { margin: -150px 0 0 0; width: calc(33.33% - 10px); padding: 0 5px; height: 295px; float: left;}
#headerBoxesWrapper .headerBox a:hover {text-decoration: none;}
#headerBoxesWrapper .headerBox * {color: #fff;}
#headerBoxesWrapper #headerBox1 {background: #973278;}
#headerBoxesWrapper #headerBox2 {background: #C93D9E;}
#headerBoxesWrapper #headerBox3 {background: #E84FBB;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;right:10px;top:85px;height:30px;background:red;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}

#navigation {position:absolute;top:120px;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:200;font-size:24px;text-transform:uppercase;color:#000;padding:0 5px 8px 0;}
#navigation li.active > a {border-bottom: 4px solid #B2388D;}
#navigation li:hover > a {border-bottom: 4px solid #B2388D; text-decoration: none;}

/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;min-width:250px;padding:32px 0 0 0;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;padding:3px 0 3px 5px;background:#B2388D;}
#navigation li ul li a {font-size:14px;font-weight:normal;text-transform:none;color:#cecece;}
#navigation li ul li ul {left:100%;top:0;padding:0;}
#navigation li:hover > ul {display:block;}
#navigation li ul li.active >  a {border-bottom: none; color: #fff;}
#navigation li ul li:hover > a {border-bottom: none; text-decoration: none; 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;}
.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;}
.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;}
*/


/* FORM */
#content input, input[type="password"], textarea {position:relative;width:450px;background:#fff;color:#6e7476;border:1px solid #6e7476;padding:0 10px;margin:0 0 10px 0;line-height:26px;font-family: 'Fira Sans', sans-serif;font-weight:300;font-size:16px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
#content input[type="checkbox"], input[type="radio"] {position:relative;width:auto;background:none;border:0;}
input[type="submit"], input[type="reset"], #content button {position:relative;width:220px;margin:0 10px 0 0;line-height:30px;font-size:16px;background:#6e7476;color:#fff;cursor:pointer;border:0;}
input[type="submit"]:hover, input[type="reset"]:hover, button:hover {background:#bc2898;}
.buttonRow input[type="submit"], .buttonRow input[type="reset"], .buttonRow button {float:left;}
.buttonRow input:last-child, .buttonRow button:last-child {margin-right:0;}

#appointmentRequest div.formRow {margin-bottom:15px;}
#content #appointmentRequest label {min-width:100px;width:auto;display:inline-block;}
#content #appointmentRequest label.labelSize1 {min-width:50px;width:auto;padding-left:35px;}
#content #appointmentRequest label.labelSize2 {min-width:70px;width:auto;}
#appointmentRequest input[type="text"] {margin:7px 0 17px;}
#appointmentRequest .errorMessages {border:1px solid #ff0000;padding:15px;margin-bottom:25px;}
#appointmentRequest .errorMessages ul li {font-weight:400;color:#ff0000;}


#appointmentRequest {}
#appointmentRequest  .section1 {}
#appointmentRequest  .section1 .formRow {float:left;}

#appointmentRequest  .section2  {}
#appointmentRequest  .section2 .mobileRow {float:left;}

/* 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: #B2388D;color: #fff;}
.cmsCookieChoiceBannerToolboxButtons button:hover {background:#444;}
.cmsCookieChoiceBannerToolboxButtons button.default:hover {background: #fff;color: #B2388D;}
.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; }
}