@font-face {
    font-family: 'glacial_indifferenceregular';
    src: url('glacialindifference-regular-webfont.woff2') format('woff2'),
         url('glacialindifference-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html { 
    background-image: url(../img/bg.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}
body{margin:0;padding:0;}
#wrapper {
    font-family: 'glacial_indifferenceregular',sans-serif;
    background-color: transparent;
    width: 96%; min-height: 95vh;    
    margin: 0 auto 0 auto; 
    padding: 0 ;
    font-size: 18px;
}

#links {
    background-color: rgba(255,255,255,0.85);	
    width: 90%; max-width: 980px; min-width: 306px;
    margin: 1vh 5vh 0 auto;
    padding: 2% 2% .75% 2%;
    border: 1px solid #ffffff;
    border-radius: 20px;
}
table{
    width:100%;
    border-collapse:collapse;
}
#links .logo_wrap{
    margin: 0.8vh auto 4% auto;
    padding: 1%;
    background-color: rgba(255,255,255,0.85);	        
    border-radius: 20px;

}
.logo_wrap h1, .logo_wrap h2, .logo_wrap h3{
    font-family: 'glacial_indifferenceregular',sans-serif;
    font-weight: normal;
    font-size: 38px;
    margin: 10px 10px 10px 0px;
}
.logo_wrap h1 em{
    margin-top: -100px;
    color: rgb(0,128,196);    
}
.logo_wrap h2 {
    text-align: right;
    font-size: 31px;
    color: rgb(140,198,66);
}
.logo_wrap img {
    width:140px;
    border-radius: 20px;
    padding: 8%;
    margin 1%;
    background-color: rgba(255,255,255,0.85);	
}

.rechts{ text-align: right; }
.links{ text-align: left; }

hr{
    background-color: #aaaaaa;
    border:0;
    height:1px;
}
h1, h2, h3{
    font-family: 'glacial_indifferenceregular',sans-serif;
    font-size: 32px;
    font-style: italic;
    font-weight: normal;
    color: rgb(0,128,196);    
    margin: 10px 0px 10px 0px;
}
h2 {
    font-size: 28px;
    font-size: 30px;
    text-align: center;
    margin-bottom: 20px;
}
h3 {
    margin: 8px 4px 0px 0px;
    padding:0;
    font-size: 24px;
}

h1.imprint{
    font-weight:normal;
    font-size:28px;
    color: #000000;
}

li{
    color: #999999;
    padding: 2px;
    padding-left:10px;
    line-height: 32px;
}
.clear{ clear:both;}
.em, li.em{
     font-style: italic;
}
li.em{
    color: #000000;
}
.logo_r{
    max-width: 260px;
    margin-bottom: 10px;
}
p.small, ul.small{
    color: #000000;
    font-size: 12pt;
    line-height: 18pt;
}
p.small{
    padding: 0px;
}
p.small strong{
    font-size: 14pt;
}

#links .info_wrap_50,
#links .info_wrap_60,
#links .info_wrap {
    font-size: 20px;
    margin:0;
    float: left;
    width: 69.99%;
}
#links .img_wrap_50,
#links .img_wrap_40,
#links .img_wrap {
    float: left;
    width: 29%;
    padding:0;   
    margin: 20px 0 0 1%;
}

#links .info_wrap_50 { width: 49.9%;}
#links .img_wrap_50 { width: 49%;}

#links .info_wrap_60 { width: 59.9%;}
#links .img_wrap_40 { width: 39%;}



blockquote{
    margin: 3%;
    text-align: center;
    font-size: 22px;
    color: rgb(46,46,146);
    background-color: rgba(140,198,66,0.32);	        
    border-radius: 20px;
    border-left: 4px solid rgba(46,46,146,0.85);
    border-bottom: 4px solid rgba(46,46,146,0.85);
    padding: 4%;
    float: right;
    width:87%;
}
.zitat_von{
    margin-top:5%;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 12px;
    color: #000000;
}

img.rechts{
    width: 99.999%;
    border-radius: 5%;
}

#impressum, #navi_top{ margin: 0px; padding: 20px 10px 14px 0px;}
#impressum a, #navi_top a{
    text-decoration: none; 
    padding: 2px 10px 4px 10px; 
    border-radius: 4px; 	
    color:#dddddd; 
    background-color: rgb(0,128,196);	
    border: 1px solid #ffffff; 
}
#impressum a.active, #navi_top a.active,
#impressum a:hover, #navi_top a:hover{ 
    color:#ffffff; 
    background-color: rgb(0,128,196); 	
    border-right: 2px solid rgb(57,181,206); 
    border-bottom: 2px solid rgb(57,181,206);
}

#impressum {
    position: relative;
}
#impressum a{
    float: right;
    margin-bottom: 6px;
    margin-left: 6px;
}

#navi_top a.active{
    color: #ffffff;
}

.lnk{
    color: rgb(0,128,196);	
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
}

/* Mobile Sizes (devices and browser)
====================================================================== */
@media only screen and (max-width: 767px) {}
@media only screen and (max-width: 639px) {

    #wrapper {
        width: auto; 
    }
    #links {
        width: auto;
        margin:0;
        padding:4px;
        border-radius: 0px;
    }
    #links img, 
    #links .img_wrap, 
    #links .info_wrap,
    #links .img_wrap_50, 
    #links .info_wrap_50,
    #links .img_wrap_40, 
    #links .info_wrap_60,
    blockquote{
        border-radius: 4px;
        width:95%;
        padding: 1% auto 1% auto;
        margin: 1% auto 1% auto;
        font-size: 19px;
        padding: 0;
    }
    blockquote{
        margin: 1% auto 26px auto;
    }

}