* {margin:0;padding:0;}
html,body {height:100%; font-family: 'Open Sans', sans-serif;  }

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

/*


    font-family: 'Open Sans', sans-serif;

    font-family: 'Playfair Display', serif;


*/

.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: 'Open Sans', sans-serif;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: 'Open Sans', sans-serif;font-weight:normal;font-size:14px;padding:3px;}

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

*::-moz-selection {background-color:#2b4f8d;color:white;}
*::selection {background-color:#2b4f8d;color:white;}

.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: 'Open Sans', sans-serif;}
#errorContainer h1 {font-size:35px;color:#142F5D;text-align:center; font-family: 'Open Sans', sans-serif;}
#errorContainer #footerError {margin:15px;font-size:small;color:#fff; font-family: 'Open Sans', sans-serif;}
#errorContainer .error {color:#142F5D; font-family: 'Open Sans', sans-serif;}

/* BODY-CONTAINERS */
#main {position:relative;width:100%;min-height:100%;margin:0;padding:0;overflow:hidden;}
#header {position:relative;width:100%;height:1000px;margin:0;padding:0 0 0 0;box-sizing:border-box;background:url("../../images/HeaderHintergrund.png")no-repeat top;background-size:cover;z-index:5;background-position: bottom center;}
#header-content {position:relative;width:90%;max-width:1600px;height:900px;margin:0 auto;padding:0 0px;box-sizing:border-box;}
#header-content #logo {position:relative;width:350px; height: auto; margin:0 0 0 0;padding:0;position: relative;top:30px;}
#content {position:relative;width:100%;max-width:1780px;margin:0 auto;padding:70px 60px 280px 60px;box-sizing:border-box;}
#content a{color:#741324;text-decoration: none;}
#newcontent {position:relative;width:100%;max-width:1780px;margin:0 auto;padding:0px 60px 280px 60px;box-sizing:border-box; margin-top: -150px;}
#footer {position:relative;width:100%;height:345px;background:#03263e;margin:-240px 0 0 0;padding:0;z-index:5;overflow:hidden;}
#footer-content {position:relative;width:90%;max-width:1600px;height:345px;margin:0 auto;padding:0 10px;box-sizing:border-box;}

/* NAVIGATIONS */
#menuButton {display:none;position:absolute;right:10px;top:185px;height:30px;background:#2b4f8d;color:white;padding:16px 15px 7px 15px;}
#navigation li .rightColNavi {display:none;}
#navigation li .mobilenavigationitem {display:none;}
#navigation {position:absolute;top:205px;right:0px;list-style:none;margin:0;padding:0;z-index: 999;}
#navigation li {position:relative;float:left;margin:0 0 0 35px;padding:3px 0 3px 5px;box-sizing:border-box;}
#navigation li.first {margin-left:0;}
#navigation li a {position:relative;display:block;font-weight:600;font-size:18px;text-transform:uppercase;color:#2b4f8d;padding:0 0px 0 0;}
#navigation li.active > a {border-bottom: 5px solid #741324!important;padding-bottom:5px!important;color:#741324;}
#navigation li:hover > a {text-decoration:none;border-bottom: 5px solid #741324;padding-bottom:5px;color:#741324;}
/* SUBNAVIGATIONS */
#navigation li ul {display:none;}
#navigation li ul {position:absolute;list-style:none;margin:0;background:#ddd;width:auto;min-width:100%;padding:10px 0 0;}
#navigation li ul li {float:none;margin:0;width:98%;padding:0px 5px 15px 5px;}
#navigation li ul li:hover > a{padding: 0px 0 0px 0px;border:none;}
#navigation li ul li a {font-size:14px;font-weight:normal;text-transform:none;color:#2b4f8d;}
#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 #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;border-radius: 25px;}
.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;border-radius: 25px;}
/* BUTTONROW */
.buttonRow input   {position:relative;float:left;font-size: 16px;height: 35px;width:280px;cursor:pointer;text-align:center;color:#fff;background:#2b4f8d;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:#2b4f8d;border:none;margin:0;padding:7px 10px;box-sizing:border-box;}
.buttonRow input:hover, .buttonRow .button:hover {color:#fff;background:#741324;text-decoration: none;}
/* RECAPTCHA */
.formRow.reCaptchaRow label {display:none;}
.formRow.reCaptchaRow .formRecaptchaContainer {float:left;margin-bottom:15px;}

#headernav{list-style: none;float:right;position: absolute;right:0px;top:30px;}
#headernav ul{float: left;width: 200px;}
#headernav a{color:white;text-decoration: none; text-transform: uppercase; font-weight: 600;}
#headernav li:hover{transform: scale(1.1);}
#headernav li{float:left;background-color: #2b4f8d;padding:10px 20px;margin-left:5px;text-align: center;transition: all .2s ease-in-out;}
.rightColNavi{display: none;}

#headertext{position: absolute;top:50px;left:50px;z-index:99;}
#red{background: #741324;color:white;font-size:50px;padding:10px 20px;margin-top: 10px; width: max-content;}
#blue{background:#2b4f8d;color:white;font-size:50px;padding:10px 20px; width: max-content;}
#headcontent{z-index:99;position: absolute;left: 50px;top: 350px; width: 400px;}
#headcontent a{color:#741324;text-decoration: none;transition: all .2s ease-in-out;}
#headcontent a:hover{font-size: 22px;}

#bigbox{height:600px; width: 1240px;margin: 0 auto;border:5px solid #d7d7d7; background: rgba(255, 255, 255, 0.2);position: absolute;left:160px;top:385px;}
.headslide{position:absolute;top:-60px; width: 800px;height: 600px;left: 500px; }
.headslide div{height: 800px;background-size: cover;background-position: 50% 50%; }
#prev{width: 150px;position: absolute;left:-348px;top:150px;transition: all .2s ease-in-out;}
#prev img:hover{width: 200px;margin:-15px 0 0 0;left:-358px;}
#next{width: 150px; position: absolute; right: -90px; margin-top: -250px;transition: all .2s ease-in-out;}
#next img:hover{width: 200px;margin:-260px -25px 0 0;}

#dreibox{height: 500px; width:90%; font-weight: 300; letter-spacing: 2px; margin: 0 auto;}

.box p{float:left;font-size: 24px;}
.box{float:left;width: 33%;height:350px; box-sizing: border-box;}
.box table {width: 100%;}
.boxcontent{margin-top: -200px;height: 0px;}
#box1{background: url("../../images/ImpressionenHintergrund.png")no-repeat center bottom;background-size: contain; width: calc(50% - 25px); position: relative;  height: 500px;}
#box2{margin-left: 10px;background: url("../../images/EishockeyHintergrund.png")no-repeat right top;background-size: 75%; width: 600px; position: absolute; padding-left: 110px; height: 500px; left: calc(50% - 325px); z-index: 20;}
#box3{float: right;background: url("../../images/Hu%CC%88ttenzauberHintergrund.png")no-repeat right bottom;background-size: contain; position: relative; z-index: 50;  height: 450px; width: calc(50% - 25px);}
.border{border:4px solid lightgrey;width:250px;height:250px;position: relative;left:170px;top:225px; pointer-events: none;}

#berge{background: url("../../images/BergeHintergrund.png")no-repeat center;background-size: cover;height: 1450px;width:100%;position: absolute;margin-top: -650px;pointer-events: none;}
#content h1{color:#2b4f8d;}
#content h2{color:#741324;}
#öffnungszeiten{text-align: center;height:615px;}
#öffnungszeiten img{margin-top:-10px;}
.öffnungszeitentext {
    padding: 55px 5px 0 270px;
}
#leftside{width: 50%;float:left;text-align:left;background:#2b4f8d;color:white;height: 350px;}
#rightside{width: 50%;float:left;text-align:left;background:#741324;color:white;height: 350px;}

#sponsoren{text-align: center; margin-top: 125px; margin-bottom: 80px;}
.footslider{width:100%;height: 150px;}
.footslider div{height: 150px;background-size: contain!important;background-position: 50% 50%!important; }

#footer a{color:white;text-decoration: none;}
#footer a:hover{color:#BCBCBB;}
#footer span{font-size: 20px;color:white;}
#footer p{font-size: 16px;color:white;}
#kontakt{width: 100%;padding:25px 0;}
#kontakt span{font-size:24px;color:white;text-transform: uppercase;}
#adresse{width:20%;float:left;}
#ansprechpartner{width:20%;float:left;}
#eislaufbahn{width:20%;float:left;}
#glühwein{width:20%;float:left;margin-top: -45px;}
#glühwein img{transform: scale(0.8);margin-top: -10px;}
#footernavi{width: 20%;float: left;}
#footernav{list-style: none;float:right;text-align: right;}
#footernav a:hover > span{color:#BCBCBB!important;}

.headslide .slick-list{position: relative;top:-100px;}
.slick-dots {text-align: right!important; bottom: -37px!important; right: 75px!important;}
.slick-dots li button::before {border: solid 1px #000; border-radius: 20px; font-size: 9px!important; width: 15px!important; height: 15px!important; line-height: 15px!important;}
#openingbox {margin-top: 125px;}
#sponsoren h4{margin-bottom: 100px;}
.sponslogo{transition: all .2s ease-in-out}
.sponslogo:hover{transform: scale(1.1);}



/* GALLERIES */
.galleryCatAlbum {position:relative;display:block;float:left;width:240px;height:180px;text-align:center;border:2px solid #000;overflow:hidden;margin:0 8px 25px;padding:0;border-radius: 25px; }
.galleryCatAlbum .mask {position:absolute;top:0;left:0;width:240px;height:180px;overflow:hidden;margin:0;padding:0;}
.galleryCatAlbum .mask {background-color:rgba(255,255,255,0.75);-webkit-transform:translateY(-197px);-moz-transform:translateY(-197px);-o-transform:translateY(-197px);-ms-transform:translateY(-197px);transform:translateY(-197px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.galleryCatAlbum img {position:relative; display:block;}
.galleryCatAlbum .mask h2 {position:relative;font-size:14px; font-weight: 200;text-transform:uppercase;text-align:center;color:#fff;background:#000;margin:18px 0 0 0;padding:8px 0;}
.galleryCatAlbum .mask p {position:relative;font-size:14px;color:#fff;text-align:center;margin:18px 0;padding:0;}
.galleryCatAlbum .mask span {position:relative;display:block;width:135px;font-size:16px;font-style:normal;text-decoration:none;text-transform:uppercase;text-align:center;color:#fff;background:#000;margin:0 auto;padding:8px 0;}
.galleryCatAlbum:hover {border:2px solid #000;}
.galleryCatAlbum:hover .mask {-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-o-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);opacity:1;}
.galleryAlbumImage {background-size:cover;position:relative;display:block;float:left;width:240px;height:180px;border:2px solid #000;margin:0 25px 25px;padding:0; margin:0 8px 25px;padding:0;border-radius: 25px;}
.galleryAlbumImage.first {margin:0 0 25px 0;}
.galleryAlbumImage:hover {border:2px solid #000;}

/*GALLERIES HOVER*/
.heading {text-align: center;font-size: 2.0em; letter-spacing: 1px;color: white;transition: transform 0.3s ease;}
.gallery-image {display: flex;flex-wrap: wrap;justify-content: center;transition: transform 0.3s ease;}
.gallery-image img {height: 180px; width: 240px;transform: scale(1.0);transition: transform 0.4s ease;transition: transform 0.3s ease;}
.img-box {box-sizing: content-box;color:#fff;height: 180px; width: 240px;overflow: hidden; display: inline-block;position: relative;transition: transform 0.3s ease;}
.img-box-img {position:relative;display:inline-block;width:240px;height:180px;background:no-repeat center center;background-size:cover;transform: scale(1.0);transition: transform 0.4s ease;}
.transparent-box { height: 180px;width: 240px; background-color:rgba(0, 0, 0, 0);position: absolute;top: 0;left: 0;transition: background-color 0.3s ease;}
.img-box:hover .img-box-img { transform: scale(1.1);}
.img-box:hover .caption {transform: translateY(-20px);opacity: 1.0;}

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

   /*
    .box{width:440px!important;height:400px!important;}
    .boxcontent{transform: scale(0.8);}
    #box1{margin-left: -110px;}
    #box2{left:calc(50% - 300px);z-index:99;}
    #box3{right:0px;}
    */

    #bigbox{left:calc(50% - 500px);width:800px;}
    .headslide{width: 500px;height: 500px;}
    .slick-dots{bottom:-140px!important;right:210px!important;}
}
@media screen and (max-width: 1450px) {

    #navigation li{margin:0 0 0 15px;}
    #headernav{right:-30px;}
    #box2{left:calc(50% - 315px);}
}
@media screen and (max-width: 1350px) {
    #prev img{width:100px;left:-245px!important;}
    #prev img:hover{width: 150px;left: -280px!important;}
    #next img{width:100px;right: 0px!important;}
    #next img:hover{width: 150px;right: -15px!important;margin-top: -265px;}
    #red, #blue {font-size: 40px;}
}
@media screen and (max-width: 1325px) {
    #navigation li a {
        font-size: 16px;
    }
}
@media screen and (max-width: 1285px) {
    #headernav li{padding: 7px 20px 10px 20px;}
    #headernav a {font-size: 11px;}
    #öffnungszeiten{font-size: 14px;}
    .öffnungszeitentext{padding: 30px 5px 0 280px;}
}
@media screen and (max-width: 1230px) {
    #bigbox{height: 545px;width:725px;margin:0 auto;position: relative;left: -60px;}
    .headslide div{height: 500px;}
    .headslide .slick-list {width: 350px;top:10px;}
    .slick-dots{bottom: -90px!important;right: 290px!important;}
    #next{margin-top: -100px;}
    #next img{right: 155px!important;}
    #next img:hover{width: 150px;right: 140px!important;margin-top: -120px;}
    #footer-content p{font-size: 12px;}
    #glühwein{width:18%;}
    #eislaufbahn{padding-left: 20px;}
    #header-content #logo{margin:0 auto; position: absolute;left: 0;right: 0;}
    #navigation{right: 0px;left: 0px;margin: 0 auto; top:275px;width:770px;}
    #öffnungszeiten img{width: 210px;}
    .öffnungszeitentext{padding:20px 5px 0 240px;}
    #leftside{height:295px;}
    #rightside{height:295px;}
    #glühwein{position: absolute;right: 18%;bottom: 0px;width: 200px;}
    #footernavi{float: right;}
}
@media screen and (max-width: 1055px) {
    #rightside .öffnungszeitentext{width:200px;padding: 30px 5px 0 230px;}
    .öffnungszeitentext{padding:20px 5px 0 230px;}
}
@media screen and (max-width: 1055px) {
    #next img:hover {
        width: 115px;
        right: 170px !important;
        margin-top: -105px;
    }
    #prev img:hover{width: 115px;left: -255px!important;top:160px;}

    .boxcontent img {width: 95%!important; }
    .boxcontent .border { left: 135px;}

}


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