* {margin:0;padding:0;}
html,body {height:100%;}

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

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

.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: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%;margin:0;padding:0px 0 0 0;box-sizing:border-box;background:#D5F1FD;background:linear-gradient(180deg, #D5F1FD 0%, #BFDAE7 29%, #8BBCDD 52%, #004E90 91%);z-index:5;}
#header-content {position:relative;width:100%;height:460px;max-width:1440px;margin:0 auto;padding:0 10px;box-sizing:border-box;}
.startpage #header-content {height:600px;}
#header-content-bg {position:absolute;pointer-events:none;left:15px;right:15px;height:100%;background:no-repeat center center url('./../../images/clouds.svg');background-size:contain;transform:translateX(0);opacity:0;animation:ease-out 1000ms clouds1 forwards, ease-in-out 6s clouds2 infinite alternate;animation-delay:100ms, 1100ms;}
#header-content #logo {position:absolute;margin:0;padding:0;left:50%;bottom:-110px;transform:translateX(-50%);z-index:5;}
.startpage #header-content #logo {bottom:-90px;}
#header-sun {position:absolute;right:20px;top:30px;transform:rotate(-8deg) translate(80px, -270px);animation:ease-out 800ms sun1 forwards, ease-in-out 5s sun2 infinite alternate;animation-delay:200ms, 1000ms;}
#content {position:relative;width:100%;max-width:1100px;margin:0 auto;padding:40px 10px 40px 10px;box-sizing:border-box;}
#footer-head {position:relative;width:100%;max-width:1100px;margin:0 auto;padding:0 10px;box-sizing:border-box;}
#footer {position:relative;width:100%;background:#004E90;margin:0;padding:0;z-index:5;color:#fff;}
#footer a {color:#fff;}
#footer-content {position:relative;width:100%;max-width:1400px;margin:0 auto;}
#footer-content-inner {position:relative;width:100%;max-width:1100px;margin:0 auto;padding:0 10px;box-sizing:border-box;}
#footer-content-inner h4 {padding-top:20px;color:#fff;}

#footer-head {position:relative;margin:130px auto 100px auto;z-index:6;}
#footer-head h1 {line-height:0.65;}
#footer-logo {position:absolute;right:-110px;top:-130px;z-index:6;}

@keyframes sun1 {
    from {transform:translate(80px, -270px) rotate(-8deg);}
    to {transform:translate(0, 0) rotate(-8deg);}
}
@keyframes sun2 {
    from {transform:rotate(-8deg);}
    to {transform:rotate(8deg);}
}
@keyframes clouds1 {
    from {opacity:0;transform:translateX(0);}
    to {opacity:1;transform:translateX(15px);}
}
@keyframes clouds2 {
    from {opacity:1;transform:translateX(15px);}
    to {opacity:1;transform:translateX(-15px);}
}

#headerNews {position:absolute;right:20%;top:45%;width:660px;height:270px;padding:65px 34px 50px 110px;box-sizing:border-box;z-index:5;transform:translateY(-48%);}
.startpage #headerNews {top:50%;}
#headerNewsBg {position:absolute;width:100%;height:100%;top:0;left:0;}
#headerNewsContent {text-align:center;color:#fff;position:relative;}
#headerNewsContent h4 {color:#fff;}
#headerNewsContent a {color:#fff;text-decoration:underline;font-size:16px;font-weight:bold;letter-spacing:1px;}
#headerNewsMore {position:absolute;z-index:5;right:10px;bottom:-10px;background:url('./../../images/all_news.svg') no-repeat center center;width:106px;height:59px;box-sizing:border-box;padding:20px 0 0;text-align:center;}
#headerNewsMore a {color:#004E90;padding:5px;text-decoration:underline;font-size:14px;font-weight:bold;}


#header-waves {position:relative;overflow:hidden;height:89px;pointer-events:none;transform:translateY(2px);}
#header-wave1 {position:absolute;left:-15px;top:0;right:-15px;height:89px;animation:ease-in-out 3000ms footerwave1;animation-iteration-count:infinite;animation-direction:alternate;}
#header-wave2 {position:absolute;left:-60px;top:9px;width:calc(100% + 60px);height:80px;animation:ease-in-out 4100ms footerwave2;animation-iteration-count:infinite;animation-direction:alternate;}
#header-wave1 img, #header-wave2 img {width:100%;height:100%;border:0;}

#footer-waves {position:relative;overflow:hidden;height:90px;pointer-events:none;transform:translateY(2px);}
#footer-wave1 {position:absolute;left:-15px;top:0;right:-15px;height:90px;animation:ease-in-out 3133ms footerwave1;animation-iteration-count:infinite;animation-direction:alternate;}
#footer-wave2 {position:absolute;left:-60px;top:1px;width:calc(100% + 60px);height:90px;animation:ease-in-out 4384ms footerwave2;animation-iteration-count:infinite;animation-direction:alternate;}
#footer-wave1 img, #footer-wave2 img {width:100%;height:100%;border:0;}

@keyframes footerwave1 {
    from {transform:translateY(0);opacity:1;}
    to {transform:translateY(15px);opacity:0;}
}
@keyframes footerwave2 {
    from {transform:translateX(0);}
    to {transform:translateX(60px);}
}

#startBoxes {position:relative;padding:0 10px;margin-bottom:20px;display:table;}
#startBoxLeft {width:50%;background:#004E90;display:table-cell;position:relative;box-sizing:border-box;padding:30px 30px 0 30px;vertical-align:top;color:#fff;font-size:16px;}
#startBoxRight {width:50%;display:table-cell;position:relative;box-sizing:border-box;vertical-align:top;}
#startBoxLeft ul {list-style:none;margin-left:0;}
#startBoxLeft ul li {background:url('./../../images/dot.svg') no-repeat left top;padding-left:45px;margin-left:0;margin-bottom:12px;min-height:25px;}
#startBoxRight p {margin:0;}
#startBoxRight img {width:100%;height:auto;}

.footerBox {position:relative;float:left;margin:0 30px 10px 0;}
.footerInfoLeft {float:left;width:170px;}
.footerInfoRight {float:left;}


/* NAVIGATIONS */
#menuButton {display:none;position:absolute;left:40px;top:40px;width:55px;height:55px;background:url('./../../images/menu.svg') no-repeat center center;background-size:40px auto;}
#navigation li .rightColNavi {display:none;position:absolute;bottom:10px;height:2px;left:5px;right:5px;background:#004E90;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:absolute;top:25px;left:40px;list-style:none;margin:0;padding:0;line-height:1.2;z-index:10;}
.startpage #navigation {top:62px;}
#navigation li {position:relative;float:left;margin:0 0 0 31px;padding:0;box-sizing:border-box;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:bold;font-size:23px;color:#004E90;padding:0 5px 16px 5px;font-family:'willgraceregular',serif;line-height:1.2;letter-spacing:1px;}
#navigation li.active > a {color:#004E90;}
#navigation li:hover > a {text-decoration:none;color:#004E90;}
#navigation > li.active > a > .rightColNavi, #navigation > li:hover > a > .rightColNavi {display:block;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;left:5px;margin:0;padding:10px 20px;background:#bddcec;border-top-right-radius:30px;border-bottom-right-radius:30px;z-index:10;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;min-width:180px;border-top:1px solid #b0d3e5;}
#navigation li ul li.first {border-top:0;}
#navigation li ul li a {padding:6px 0;font-size:14px;font-weight:normal;text-transform:none;color:#004E90;font-family:Arial,sans-serif;line-height:1.2;letter-spacing:0;}
#navigation li ul li.active > a, #navigation li ul li a:hover {text-decoration:underline;}
#navigation li ul li ul {left:100%;top:-10px;}
#navigation li:hover > ul {display:block;}


/*FOOTERNAVIGATION*/
#footer-navigation {float:right;margin:20px 30px 50px 0;font-family:'willgraceregular',serif;line-height:1.2;letter-spacing:1px;font-size:23px;}
#footer-navigation li {float:left;list-style-type:none;margin-left:22px;}
#footer-navigation li a {color:#fff;font-weight:normal;}
#footer-navigation li.active > a {color:#fff;}
#footer-navigation li:hover a {text-decoration:none;color:#fff;}


/* NEWS */
.newsContainer {position:relative;border-top:2px solid #eaeaea;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;min-height:196px;overflow:hidden;margin:0 30px 0 0;padding:0; text-align: center;}
.newsContentThumbnail img {width:100%;}
.newsContentText {position:relative;float:left;width:calc(100% - 320px);font-size:16px;margin:0;padding:0;}
.newsContentText h3 a {font-style:normal;text-decoration:none;color:#004E90;}
.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;}


/* GALLERIES */
.galleryCatAlbum {position:relative;display:block;overflow:hidden;outline:2px solid #004E90;float:left;width:calc(25% - 15px);background:rgba(82,142,194,0.8) no-repeat center center;background-size:cover;margin:0 15px 15px 0;}
.galleryCatAlbum img {width:100%;height:auto;}
.galleryCatAlbum .mask {display:block;background:rgba(82,142,194,0.7);position:absolute;left:0;right:0;bottom:0;overflow:hidden;text-align:center;}
.galleryCatAlbum:hover .mask {background:#004E90;}
.galleryCatAlbum .mask span {display:block;color:#fff;margin:0;text-align:center;line-height:1.1;font-size:18px;padding:15px 5px;}

.galleryAlbumImage {position:relative;display:block;overflow:hidden;outline:2px solid #004E90;float:left;width:calc(25% - 15px);background:rgba(82,142,194,0.8) no-repeat center center;background-size:cover;margin:0 15px 15px 0;}
.galleryAlbumImage img {width:100%;height:auto;}
.galleryAlbumImage:hover {outline:2px solid #004E90;}




/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label, .buttonRow label {position:relative;float:left;width:220px;margin:0;padding:0;}
.formRow input[type=text], .formRow input[type=password], .formRow input[type=email] {position:relative;float:left;width:280px;color:#004E90;background:#fff;border:1px solid #004E90;margin:0 0 15px 0;padding:7px 10px;box-sizing:border-box;}
.formRow textarea {position:relative;float:left;width:280px;height:105px;color:#004E90;background:#fff;border:1px solid #004E90;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:#004E90;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow a.button, .buttonRow button, .buttonRow input[type=button], .buttonRow input[type=submit] {position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#004E90;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow button: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;}
.g-recaptcha-required-text {color:red;}



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


@media only screen and (max-width: 1400px) {
  
/* MOBILE NAVIGATION */
#menuButton {display:block;}
#navigation {left:30px;display:none;background:#bddcec;border-top-right-radius:20px;border-bottom-right-radius:20px;padding:10px 10px;}
.startpage #navigation {top:100px;}
#navigation.opened {display:block;}
#navigation li {float:none;display:block;margin:0;position:relative;width:100%;border-top:1px solid #b0d3e5;}
#navigation > li.first {border-top:0;}
#navigation > li.active > a > .rightColNavi, #navigation > li:hover > a > .rightColNavi {display:none;}
#navigation li a {padding:5px 0 5px 0;}
#navigation li:hover > ul {display:none;}
#navigation li.opened > ul {display:block;}
#navigation li.hasChilds > a {padding-right:36px;}
#navigation li.hasChilds > a > .mobilenavigationitem {display:block;position:absolute;top:0;bottom:0;right:0;width:34px;background:url('./../../images/expand_more.svg') no-repeat center center;}
#navigation li.hasChilds.opened > a > .mobilenavigationitem {background-image:url('./../../images/expand_less.svg');}
#navigation li ul {position:relative;top:0;left:0;padding:0 0 0 10px;}
#navigation li ul li.first {border-top:1px solid #b0d3e5;}
#navigation li ul li a {padding:10px 0 10px 0;}
#navigation li ul li a:hover {text-decoration:none;}
#navigation li.active > a {text-decoration:underline !important;}
#navigation li ul li ul {left:0;top:0;}

}