* {}

.width_2 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_3 {float:left;width:100%;margin:0;box-sizing:border-box;}
.width_2.leftColumn {padding:0 0 10px;}
.width_2.rightColumn {padding:0 0 10px;}
.width_3.leftColumn {padding:0 0 10px;}
.width_3.middleColumn {padding:0 0 10px;}
.width_3.rightColumn {padding:0 0 10px;}

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

#main {min-height:0;}
#footer {margin-top:0;}

/* MOBILE CONTENT FIX */
#content img {max-width:100%;height:auto !important;}
#content table {max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;}



/* MOBILE NAVIGATION */
#menuButton {display:block;right: 0px;}
#navigation {left:0px;display:none;width: 100%;top:304px;}
#navigation.opened {display:block;border:1px solid #2b4f8d;}
#navigation li {float:none;background:white;display:block;margin:0;position:relative;width:100%;padding:20px;}
#navigation li.active > a {border-bottom: none!important;padding-bottom:0px!important;color:#741324;}
#navigation li:hover > a {text-decoration:none;color:#741324;border:none;padding:0px;}
#navigation li:hover > ul {display:none;}
#navigation li.opened > ul {display:block;}
#navigation li.hasChilds > a {padding-right:24px;}
#navigation li.hasChilds > a > .mobilenavigationitem {display:block;position:absolute;top:0px;right:0;width:25px;height:30px;background:url("../../images/plus1.png")no-repeat center -2px;background-size:contain;}
#navigation li.hasChilds.opened > a > .mobilenavigationitem {background:url("../../images/dropdown-_wm.png")no-repeat center 8px;background-size:contain;}
#navigation li ul {position:relative;top:0;left:0;padding:0;width: 100%;}
#navigation li ul li{width: 100%;}
#navigation li ul li {float:none;margin:0;padding:0;width:100%;padding:20px 0 3px 5px;}
#navigation li ul li ul {left:0;}

/* NEWS */
.newsContentThumbnail {float:none;width:100%;height:auto;margin:0;}
.newsContentText {float:none;width:100%;}

.galleryAlbumImage{margin: 0 auto 25px;float: unset;}

#header-content #logo{width: 50%;margin-top: 100px;}
#menuButton{top:250px;}
#next{display: none;}
#prev{display:none;}
#dreibox{height: 800px; margin-top: 100px;}
#dreibox table td {width: 50%!important;}
#dreibox table td span {font-size: 35px!important;}
.box {height: 400px!important;width:100% !important;}
#box1{left: 0px;right: 0px;margin: 0 auto;padding-left: 0px; }
#box2{left: 0px;right: 0px;margin: 0 auto;padding-left: 0px;margin-top: 400px;background-size: contain;background-position: center;}
#box3{left: 0px;right: 0px;margin: 0 auto;padding-left: 0px; float: left;}
#öffnungszeiten{height:850px;}
#öffnungszeiten img{margin-top: 0px;}
#rightside{width: 100%;float: none;margin: 0 auto;position: relative;}
#leftside{width: 100%;float: none;margin: 0 auto;position: relative;}
#rightside .öffnungszeitentext{width:unset;padding: 20px 10px 0 230px;}
#footer{height:550px;}
#footer-content{height:550px;}
#footer-content p{font-size: 14px;}
#adresse{width:48%;padding-right: 5px;}
#ansprechpartner{width:50%;margin-bottom: 35px;}
#eislaufbahn{width:50%;padding-left: 0px;}
#glühwein{right: 0px;bottom: -45px;position: relative;width:50%;}
#glühwein img{transform: scale(0.7);margin-top: -20px;}
#footernavi{width: 100%;margin-top: 75px;}
#footernavi li{float:left;margin-left: 20px;}

#header{height: 1100px;}
#header-content{height: 1100px;}
.content-startpage{padding-top: 0px!important;}
#headcontent{width: 95.5%;top:520px;left:0px;padding: 10px;margin-top: -20px;height: 250px;}
#headcontent a{position: relative;top:-50px;}
#bigbox{height:735px;width: 90%;left:0px;}
#headertext{left:0px;}
#blue{font-size: 25px;}
#red{font-size: 25px; width: 100%;}
.headslide{position: absolute!important;left:10px;width: 95%;}
.headslide .slick-list{width: 100%;margin: 0 auto;}
.slick-dots{bottom: -50px!important;right:45%!important;}
#newcontent{padding:0px 60px 25px 60px;}


.contentContainer {

    .breakpoint {

        td {
            display: block!important;
            width: 100%!important;
        }

    }

}

@media screen and (max-width: 570px) {
    #rightside .öffnungszeitentext{padding:35px 10px 0 230px;}
    #main h1{font-size: 50px;}
    #main h4{font-size: 28px;}
}
@media screen and (max-width: 540px) {
    #footernavi span{font-size: 18px;}
    #öffnungszeiten img{display: none;}
    .öffnungszeitentext{width: 100%;padding:20px 10px 0 25px!important;}
    #red{font-size: 22px;}
    #blue{font-size: 22px;}
}
@media screen and (max-width: 526px) {
    #rightside .öffnungszeitentext{padding:20px 10px 0 230px;}
    .boxcontent{transform: scale(0.8) !important;margin: -125px auto;}
    .box{left: -50px!important;width:120%!important;}
    .headslide{width:93%;}
}
@media screen and (max-width: 490px) {
    #footernavi li{margin-left: 10px;}
}
@media screen and (max-width: 460px) {
    #bigbox{height:755px;}
}
@media screen and (max-width: 444px) {
    #footernavi span{font-size: 16px;}
    #main h1{font-size: 42px;}
    #main h4{font-size: 22px;}
}
@media screen and (max-width: 414px) {
    #footernav {float: unset;}
    #footer{height: auto;}
    #footer-content{height: auto;}
    #adresse{width: 180px;margin: 0; margin-bottom: 20px; float:none;}
    #ansprechpartner{width: 180px;margin-bottom: 20px;float:none;}
    #eislaufbahn{width: 180px;margin-bottom: 20px;float:none;}
    #glühwein{width: 180px;margin-bottom: 20px;float:none;bottom: -10px; margin-top: 40px;}
    #footernavi{margin: 0 0 25px 0;width:215px;float:left;}
}
@media screen and (max-width: 390px) {
    #headernav {left:0;right: 0;margin:0 auto;}
    #headernav ul{width: 295px;}
    #headernav li.first{float:left;}
    #headernav li.last{float:right;}
    #red{font-size: 18px;padding:10px;}
    #blue{font-size: 18px;padding:10px;}
    #openingbox{margin-top: 25px;}

    #main h1{font-size: 36px;}
    #main h4{font-size: 20px;}
    #newcontent{padding:0px 30px 25px 30px;}
    #content{padding: 70px 30px 280px 30px;text-align: center;}
    #content h2{font-size: 32px;}
    #öffnungszeiten{height: 707px;}
    #sponsoren h4{margin-bottom: 20px;}
}
@media screen and (max-width: 351px) {
    #bigbox{height:775px;}
}
@media screen and (max-width: 340px) {
    #header-content #logo{width: 250px;margin-top: 50px;}
    #headernav ul{width: 275px;}
    .boxcontent{transform: scale(0.7) !important;}
}
@media screen and (max-width: 315px) {
    #rightside .öffnungszeitentext{padding:40px 10px 0 25px!important;}
    #blue{padding: 10px 5px 10px 10px;}
    #red{padding: 10px 5px 10px 10px;}
}