* {margin:0;padding:0;}


.contentContainer p {margin:20px 0;}
.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:#3468a2;color:#fff;}
*::selection {background-color:#3468a2;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 25px 0 0;}
.width_2.rightColumn {padding:0 0 0 25px;}
.width_3.leftColumn {padding:0 10px 0 0;}
.width_3.middleColumn {padding:0 5px;}
.width_3.rightColumn {padding:0 0 0 10px;}

.startpage .width_2.leftColumn {width:44%;padding-right:10px;}
.startpage .width_2.rightColumn {width:56%;padding-left: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;}
#headerContainer {position:relative;height:125px;}
#header {position:absolute;left:0;top:0;right:0;width:100%;height:100px;margin:0;padding:0px 0 0 0;box-sizing:border-box;background:rgba(14,24,38,0.9);z-index:5;}
.fixedHeader #header {position:fixed;top:-25px;}
#header-content {position:relative;width:100%;max-width:1920px;height:100px;margin:0 auto;padding:0 10px;box-sizing:border-box;text-align:center;}
#contentOuter {position:relative;padding-bottom:320px;}
#content {position:relative;width:100%;max-width:1310px;margin:0 auto;padding:40px 10px 100px 10px;box-sizing:border-box;}
#footer {position:relative;width:100%;background:#0e1826 no-repeat center center url('../../images/footer_mitte.svg');background-size:auto 100%;margin:0;padding:0;z-index:5;}
#footer-content {position:relative;width:100%;max-width:1920px;margin:0 auto;padding:120px 10px 60px 10px;box-sizing:border-box;font-size:20px;color:#fff;text-align:center;}

#topContainer {position:relative;background:#fff url('../../images/headerBild.jpg') no-repeat center center;background-size:cover;height:450px;text-align:center;}
.startpage #topContainer {height:850px;background-position:center bottom;}
#logo {width:840px;margin:130px 0 0;}

#topBackground {position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;}
#topBackground1, #topBackground2 {position:absolute;width:740px;height:740px;background:url('../../images/Stern_gross1.svg') no-repeat center center;background-size:contain;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;}
#topBackground1 {left:-370px;animation-name:flockeAnimation;animation-duration:15s;}
#topBackground2 {right:-370px;animation-name:flockeAnimation1;animation-duration:10s;animation-delay:1s;}


#headerBgLeft, #headerBgRight {position:absolute;top:0px;height:100px;width:340px;background:no-repeat right center url('../../images/navi_star.svg');background-size:auto 100%;transform:rotate(180deg);}
#headerBgRight {right:0;transform:rotate(0deg);}

#contentBg {position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
#contentBg1, #contentBg2 {position:absolute;background:url('../../images/Stern_gross.svg') no-repeat center center;background-size:contain;animation-name:flockeAnimation;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;}
#contentBg1 {width:650px;height:650px;bottom:-325px;left:0;}
#contentBg2 {width:650px;height:650px;top:-325px;right:0;animation-duration:12s;animation-delay:2s;}

.startpage #content .width_2.leftColumn img {max-width:100%;}
.startpage #content {margin-top:-370px;}
.startpage #contentBg {top:370px;}
#startpageTopSpacer {height:300px;background:#fff;}
.startpage #content img {box-shadow:0 0 25px rgba(0,0,0,0.4);}

#footerBoxes {position:relative;height:550px;background:#fff;}
#footerBoxesBg {position:absolute;left:10%;right:10%;top:0;bottom:0;overflow:hidden;}
#footerBoxesBg .bg {position:absolute;animation-name:flockeAnimation;animation-duration:10s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;animation-direction:alternate;}
#footerBoxesBg1 {left:0;top:130px;width:25%;height:240px;background:url('../../images/Stern_klein.svg') no-repeat center center;background-size:260px auto;animation-delay:0ms;}
#footerBoxesBg2 {left:25%;top:230px;width:25%;height:240px;background:url('../../images/Stern_klein.svg') no-repeat center center;background-size:260px auto;animation-delay:3500ms;}
#footerBoxesBg .bg#footerBoxesBg2 {animation-name:flockeAnimation1;animation-duration:9s;}
#footerBoxesBg3 {left:50%;top:110px;width:25%;height:240px;background:url('../../images/Stern_klein_dk.svg') no-repeat center center;background-size:260px auto;animation-delay:1s;}
#footerBoxesBg .bg#footerBoxesBg3 {animation-duration:9s;}
#footerBoxesBg4 {left:75%;top:130px;width:25%;height:240px;background:url('../../images/Stern_klein.svg') no-repeat center center;background-size:260px auto;animation-delay:3s;}

@keyframes flockeAnimation {
    from {transform:rotate(0deg);}
    to {transform:rotate(90deg);}
}
@keyframes flockeAnimation1 {
    from {transform:rotate(0deg);}
    to {transform:rotate(-90deg);}
}

#footerBoxesInner {position:relative;width:100%;max-width:1450px;margin:0 auto;font-size:20px;top:-250px;}
#footerBox1, #footerBox2, #footerBox3 {box-shadow:0 0 25px rgba(0,0,0,0.5);}
#footerBox1, #footerBox3 {background:#0e1826;width:calc(30% - 45px);min-height:520px;position:relative;float:left;margin:0 22.5px;color:#fff;padding:44px;box-sizing:border-box;}
#footerBox1 h3, #footerBox3 h3 {color:#fff;}
#footerBox1 img {width:100%;margin-bottom:20px;}
#footerBox3 iframe {width:100%;height:237px;margin-bottom:20px;}
#footerBox2 {display:block;background:#0e1826 no-repeat center center url('../../images/programm.jpg');background-size:cover;width:calc(40% - 45px);height:600px;position:relative;float:left;margin:0 22.5px;margin-top:-40px;color:#fff;text-decoration:none;}
#footerBox2Bottom {position:absolute;bottom:0;left:0;right:0;padding:50px 35px;box-sizing:border-box;background:rgba(14,24,38,0.9) url('../../images/arrow.svg') no-repeat center right 15px;background-size:auto 80px;}
#footerBox2Bottom h4 {color:#fff;margin:0;line-height:1;}

#footerBg1, #footerBg2 {position:absolute;left:0;top:0;background:no-repeat url('../../images/stern_footer.svg') left top;background-size:contain;height:80%;width:100%;}
#footerBg2 {transform:rotateY(180deg);}

#footer-content h4 {color:#fff;}
#footer-content p {line-height:1;}
#footer-content p .footer_nbr {white-space: nowrap;display:inline-block;margin:0 0 0 12px;padding:0 0 0 15px;border-left:1px solid #fff;}
#footer-content p .footer_nbr:first-child {border-left:0;}
#footer-content p .footer_nbr a {color:#fff;text-decoration:none;}

#footernavigation {list-style:none;margin:0;padding:0;display:inline-block;position:absolute;right:10px;bottom:20px;}
#footernavigation li {margin:0 0 0 10px;padding:0;display:inline-block;}
#footernavigation li a {color:#4c535e;text-transform:uppercase;font-size:20px;font-weight:bold;text-decoration:none;}
#footernavigation li .rightColNavi {display:none;}
#footernavigation li a:hover {color:#fff;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;left:50%;top:30px;height:40px;width:160px;margin-left:-80px;background:#3468a2 no-repeat 10px center url('../../images/menu.svg');text-align:left;color:#fff;line-height:40px;text-transform:uppercase;padding-left:45px;box-sizing:border-box;}
#menuButton.opened {background-color:#0e1826;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:relative;display:inline-block;list-style:none;margin:25px 0 0;padding:0;text-align:left;}
#navigation li {position:relative;float:left;margin:0 15px;padding:0;box-sizing:border-box;}
#navigation li a {position:relative;display:block;font-weight:bold;font-size:25px;text-transform:uppercase;color:#fff;padding:5px;}
#navigation li.active > a {color:#3468a2;}
#navigation li:hover > a {text-decoration:none;color:#3468a2;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;background:#0e1826;min-width:250px;padding:0;}
#navigation li ul li {float:none;margin:0;width:100%;padding:0;}
#navigation li ul li:hover {background:#000;}
#navigation li ul li a {font-size:18px;display:block;font-weight:normal;text-transform:none;color:#fff;padding:10px 15px;}
#navigation li ul li ul {left:100%;top:0;padding:0;}
#navigation li:hover > ul {display:block;}

/* 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;}
.newsContentThumbnail img {max-width:100%;}
.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:#282828;}
.newsContentText p a {font-style:normal;text-decoration:none;color:#282828;}
.newsDate {line-height:18px;font-size:18px;letter-spacing:1px;padding:0 0 10px 0;}
.newsDate a {font-style:normal;text-decoration:none;color:#282828;}

/* CONTACTFORM */
.formRow {clear:both;float:none;}
.formRow label, .buttonRow label {position:relative;float:left;width:220px;margin:0;padding:5px 0 0 0;}
.formRow input[type=text] {position:relative;float:left;width:100%;max-width:300px;color:#282828;background:#fff;border:0;margin:0 0 15px 0;padding:12px 10px;box-sizing:border-box;}
.formRow textarea {position:relative;float:left;width:100%;max-width:300px;height:105px;color:#282828;background:#fff;border:0;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: 37px;width:100%;max-width:300px;cursor:pointer;text-align:center;color:#fff;background:#3468a2;border:none;margin:0;padding:10px 10px;box-sizing:border-box;}
.buttonRow a.button{position:relative;float:left;font-size: 16px;height: 37px;width:100%;max-width:300px;cursor:pointer;text-align:center;color:#fff;background:#3468a2;border:none;margin:0;padding:10px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#0e1826;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}


.galleryAlbumImages {position:relative;margin:0 -20px;}
.galleryAlbumImageBox {float:left;width:33.33%;width:calc(100% / 3);padding:20px;box-sizing:border-box;}
.galleryAlbumImage {background:no-repeat center center;background-size:cover;display:block;}
.galleryAlbumImage img {width:100%;}


@media screen and (max-width: 1300px) {
    #footerBox1, #footerBox3 {padding:18px;}
    #footerBox1 h3, #footerBox3 h3 {letter-spacing:0;font-size:26px;}
}

@media screen and (max-width: 1200px) {
    #navigation li {margin:0 2px;}
    #footerBox2Bottom {padding:40px 15px;background-position:center right;font-size:19px;}
    #footerBox2Bottom h4 {font-size:40px;}
}

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