html {position: relative;
min-height: 100%;
-webkit-text-size-adjust: none;}
body {margin-bottom: 60px;
padding-top: 50px;
padding-bottom: 20px;}
a:hover img.imgbtn, a:hover img.mdb  {filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;}
.jumbotron img {display:block;
text-align:center !important;
width:100%;}
.jumbotron {background-color:#000;}
.mainimage {position:relative;
float:left;
clear:both;
background:url(src/bgmainimage.png) bottom center no-repeat #952323;
background-size:contain;
width:100%;
height: 400px;
overflow:hidden;
margin-bottom: 20px;
}

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

.mainimage {
height:280px
}

}

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

.mainimage {
height:160px
}}
.footer {position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;}
body > .container {padding: 60px 15px 0;}
.container .text-muted {margin: 20px 0;}
.footer > .container {padding-right: 15px;
padding-left: 15px;}
.code {font-size: 80%;}
.spacer {padding-bottom: 20px;
padding-top:20px;}
.top-space-5 {margin-top:5px;}
.box {padding:15px 5px 5px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color:#f5f5f5;}
.border {padding:0;
margin:0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: 1px solid #eee;}
.nav > li > a {padding-left: 10px;
padding-right:10px;}
.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;}
.langsel {color: #fff !important;
text-decoration:none;
font-size: 100%;
font-family: fira-l;
font-weight:normal; 
}
.date {font-family:m500;
font-weight:normal;
font-size: 80%;
padding: 0;
margin:0;}
.logo {position: absolute:
margin-top:100px;
z-index:9999;
width:250px;
height:250px;
}

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

.logo {
height:155px;
width:155px;
}
}

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

.logo {
height:120px;
width:120px;
}}
.logopos {padding-top:50px;
}

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

.logopos {
padding-top:5px;
}
}

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

.logopos {
padding-top:5px;
}
}
.datewhite {color:white !important;
font-family:m500;
font-weight:normal;
font-size: 90%;
padding: 0;
margin:0;}
.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
}}
.homekurse {min-height:360px !important;}
.gify {max-height:220px;
width:auto;}
.google-maps {       position: relative;
        padding-bottom: 45%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}


@media only screen and (max-width: 760px) {
.google-maps {
       position: relative;
        padding-bottom: 75%; // This is the aspect ratio
        height: 0;
        overflow: hidden;
}
}
    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;}
.footericon {width: 50px;
height:50px;
margin:10px 20px;}
.hover:hover {   filter: alpha(opacity=50);
        opacity: 0.5;
        -webkit-transition: opacity .15s ease-in-out;
        -moz-transition: opacity .15s ease-in-out;
        -ms-transition: opacity .15s ease-in-out;
        -o-transition: opacity .15s ease-in-out;
        transition: opacity .15s ease-in-out;}
.bottomspacer {padding-bottom: 20px;}