html {position: relative;
min-height: 100%;
-webkit-text-size-adjust: none;}
body {background: url(src/hoehenlinien_20.png) bottom right no-repeat #fff;}
.mainimage {position:relative;
float:left;
clear:both;
background-color: #c51927;
background-size:contain;
width:100%;
height: 500px;
overflow:hidden;
margin-bottom: 20px;
border-bottom: 5px solid #ccc;
}

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

.mainimage {
height:400px
}

}

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

.mainimage {
height:250px
}}
.mainimage {position:relative;
float:left;
clear:both;
background-color: #c51927;
background-size:contain;
width:100%;
height: 350px;
overflow:hidden;
margin-bottom: 20px;
border-bottom: 5px solid #ccc;
}

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

.mainimage {
height:250px
}

}

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

.mainimage {
height:200px
}}
.footer {position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height:10px;
border-top: 1px solid #e5e5e5;
background-color: #fff;}
body > .container {padding: 80px 15px 0 0;}
.container .text-muted {margin: 20px 0;}
.footer > .container {padding-right: 15px;
padding-left: 15px;}
.spacer {padding-bottom: 20px;
padding-top:20px;}
.subline {display:block;
border-bottom: 1px solid #ccc;
width: 100%;
padding: -15px 0 0 0;
margin: 0 0 15px 0;}
.centerlog {float:none;
clear:both;
display:block;
margin: 0 auto !important;}
.fieldnod {display:none;
visibility:hidden;}
.form-group {margin-bottom: 15px;}
.trenner {position:relative;
float:left;
clear:both;
background:url(src/bgmainimage.png) bottom center no-repeat #f1975c;
background-size:contain;
width:100%;
min-height: 400px;
overflow:hidden;
margin-bottom: 20px;
}

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

.trenner {
min-height:250px
}

}

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

.trenner {
min-height:200px
}}
#logo {position: relative;
top: 0;
left: 0;
width: 210px;
height: 60px;
z-index: 999;}
#logo img {width:100%;
height:auto;}
.bottomspacer {padding-bottom: 10px;}
nav {display:block;
}

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

nav {
display:none; }}
.slicknav_menu {display: none;
}

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

.slicknav_menu {
display:block;
text-align:left;
}}
#bokmenu {background-color: #fff;
height:60px;}
.full-width {width: 100% !important;
margin: 0;}
.topdown50 {margin: 50px auto 30px auto !important;}
.topdown30 {margin: 20px auto 30px auto !important;}
.viewport, .viewportfront, .collapse {float: left;
width: 100%;
margin: 0;
overflow: hidden;
position: relative;}
.viewport a {display: block;
position: relative;}
.viewport a img, .viewportfront a img {position: relative;
width:100%;
height:auto;}
.viewport a span, .viewportfront a span {display: none;
height: 100%;
padding: 5%;
position: absolute;
text-align: center;
text-decoration: none;
width: 100%;
z-index: 100;}
.viewport a span p, .viewportfront a span p {display: block;
font-weight: normal;
font-size: 120%;
line-height: 125%;
color:#000;
padding:0;
margin:0;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

viewport a span p,
.viewportfront a span p {
font-size: 90%;
line-height: 100%;
}}
.viewport a span h3, .viewportfront a span h3 {font-family: colab-medium, Arial, sans-serif;
color:#000;
padding:4% 0 0 0;
margin:0 0 0.3em 0;}
.dark-background {background: url(src/whiteopac.png) top repeat;
color: #f000;
}
white, .white p, .white h3, .white h2, .white h1 {color: #ffffff !important;}
.leftless {margin-left: -15px;}
.bottom {position:absolute;
bottom:0;
padding-bottom:3px;}
.orange {color: #cc3300 !important;}
.bg_orange {background: url(src/hoehenlinien_20.png) bottom right no-repeat #cc3300;}
.text-small {font-size: 70%;}
.main-space {width:100%;
height:20px;}
.main-space {width:100%;
height:0px;
margin:0;}
.bg-50s {background: url(src/black_50.png) repeat transparent;}
.container ul li {margin-left: -20px; }
.clear {float:none;
clear:both;}
.no-padding {padding-left: 0;
padding-right:0;}
img.bok {margin: 4px 15px 15px 0;
padding: 0 15px 0 0;}
.no-padding p {padding-right: 15px;}
.rightspace {padding-right: 15px;}
.bottomline {border-bottom: 1px solid #000;
padding-top: 2px;}
.no-padding {padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;}
.jubilogo {padding: 60px 25px 30px 15px;
}


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

.jubilogo {
padding: 0; 
width: 35%;
height:35%;
margin: 5px auto 30px auto;
}
}
.ptop {padding: 23px 0;}
