/*
Autor: 0711 Kreativagentur GmbH, 71263 Weil der Stadt
Projekt: Sozialstation Grafenau gGmbH, 2016
*/

/* overpass-100 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/overpass-v12-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-100.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-200 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/overpass-v12-latin-200.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-200.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-300 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/overpass-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-300.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-regular - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/overpass-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-regular.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-500 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/overpass-v12-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-500.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-600 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/overpass-v12-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-600.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-700 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/overpass-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-700.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-800 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/overpass-v12-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-800.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-900 - latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/overpass-v12-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-900.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-100italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/overpass-v12-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-100italic.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-200italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/overpass-v12-latin-200italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-200italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-200italic.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-300italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/overpass-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-300italic.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/overpass-v12-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-italic.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-500italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/overpass-v12-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-500italic.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-600italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/overpass-v12-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-600italic.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-700italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/overpass-v12-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-700italic.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-800italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/overpass-v12-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-800italic.svg#Overpass') format('svg'); /* Legacy iOS */
}
/* overpass-900italic - latin */
@font-face {
  font-family: 'Overpass';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/overpass-v12-latin-900italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/overpass-v12-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/overpass-v12-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/overpass-v12-latin-900italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/overpass-v12-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/overpass-v12-latin-900italic.svg#Overpass') format('svg'); /* Legacy iOS */
}

@media screen {

    body{

        background-attachment: fixed;
        font-family: 'Overpass', sans-serif;
        font-size: 14px;
        overflow-x: hidden;
        font-weight: normal;
        background-color: #FFF;

    }
    
    .desktop{
        display: block;    
    }
    
    .mobil{
        display: none;
    }

    h1{
        color: #00305e;
        font-size: 40px;
        margin-bottom: 25px;
    }
    
    h2, h3 {
        font-weight: 600;
        margin: 0;
        padding: 0;
    }

    b{
        line-height: 1.5;
        margin-bottom: 10px;
    }

    p{
        margin-bottom: 10px;
    }
    
    form input, form textarea{
        font-family: "Raleway" !important;
        font-size: 14px;
    }

    /* Columns */

    .col-25-l{
        float: left;
        width: 22%;

    }

    .col-25-l-m{
        float: left;
        width: 22%;
        margin-left: 4%;
    }

    .col-25-r-m{
        float: left;
        width: 22%;
        margin-left: 4%;
    }

    .col-25-r{
        float: right;
        width: 24%;
    }

    /* 33er Cols */

    .col-33-l{
        float: left;
        width: 30%;
        text-align: left;
    }

    .col-33-m{
        float: left;
        width: 30%;
        margin-left: 5%;
        margin-right: 5%;
        text-align: left;
    }

    .col-33-r{
        float: right;
        width: 30%;
        text-align: left;
    }

    /* 50er Cols */

    .col-50-l{
        float: left;
        width: 48%;
    }

    .col-50-r{
        float: right;
        width: 48%;
    }

    /* 50er Cols */

    .col-50-m{
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }

    /* 70er Cols */

    .col-70-m{
        width: 70%;
        margin: auto;
        text-align: center;
    }

    .col-75-l{
        width: 73%;
        float: left;
        text-align: justify;
    }

    /* 100er Cols */

    .col-100-m{
        width: 50%;
        margin: 0 auto;
        text-align: center;
    }

    .col-100-c{
        width: 100%;
        float: left;
        text-align: center !important;
    }

    .col-100-l{
        width: 100%;
        float: left;
        text-align: left;
    }
    
    .col-ansprechpartner{
        float: left;
        width: 48%;
        margin-bottom: 4%;
    }
    
    .col-ansprechpartner .img{
        float: left;
        width: 45%;
    }
    
    .col-ansprechpartner .details{
        
    }
    
    .col-ansprechpartner .details h3{
        font-size: 15px;
    }
    
    .col-ansprechpartner .details h4{
        font-size: 12px;
    }

    /* Inputs */

    form .form_input{
        float: left;
        width: 96%;
        border: 0;
        background-color: #FFF;
        padding: 2%;
        margin-bottom: 1%;
        font-family: "Open Sans";
    }

    form .form_textarea{
        float: left;
        width: 96%;
        border: 0;
        background-color: #FFF;
        padding: 2%;
        margin-bottom: 3%;
        height: 120px;
        font-family: "Open Sans";
    }

    form .form_submit{
        float: right;
        width: 33%;
        border: 0;
        background-color: #d0592b;
        padding: 2%;
        margin-top: 3%;
        color: #FFF;
        font-family: "Open Sans";

    }

    /* Alignments */

    .text-center{
        text-align: center !important;
    }

    .text-justify{
        text-align: justify !important;
    }

    .text-left{
        text-align: left !important;
    }

    /* Margins */

    .no-marg-right{
        margin-right: 0;
    }

    .margb_10{
        margin-bottom: 10px;
    }

    .margb_20{
        margin-bottom: 20px;
    }

    .margb_25{
        margin-bottom: 25px;
    }

    .margb_50{
        margin-bottom: 50px;
    }

    .margt_10{
        margin-top: 10px;
    }

    .margt_15{
        margin-top: 15px;
    }

    .margt_20{
        margin-top: 20px !important;
    }

    .margt_25{
        margin-top: 25px !important;
    }

    .margt_50{
        margin-top: 50px;
    }

    .margt_75{
        margin-top: 75px;
    }

    
    .tueroffnung input[type="text"]{
        float: left;
        width: 45%;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-top: 10px;
    }
    
    .tueroffnung input[type="submit"]{
        float: left;
        width: 25%;
        padding-top: 7px;
        padding-bottom: 7px;
        margin-top: 10px;
        background-color: #d0592b;
        text-align: center;
        color: #FFF;
        border: 0;
    }
    
    /* Colors */

    .white{
        background-color: #FFF !important;
    }

    .justify{
        text-align: justify;
    }


    li{
        list-style-type: disc;
        margin-left: 0px;
        line-height: 15px;
    }

    p{
       line-height: 1.5; 
    }

    b,strong{
        font-weight: bold;
    }

    .clear{
        clear: both;
    }

    .no-pad{
        padding-right: 0 !important;
    }

     .flexible{
        max-width: 100%;
        height: auto;
        width: 100%;
        float: left;
    }


    .wrapper{
        max-width: 1140px;
        width: 100%;
        margin: 0 auto;
    }
    
    .topbar{
        float: left;
        width: 100%;
        background-color: #cecece;
        height: 33px;
        line-height: 33px;
        color: #FFF;
        font-size: 12px;
    }
    
    .topbar .right{
        float: right;
        width: 30%;
    }
    
    .header{
        float: left;
        width: 100%;
        background-color: #FFF;
        padding: 20px 0 20px 0;
        position: relative;
    }
    
    .logo{
        width: 22%;
        float: left;
    }
    
    .navigation{
        float: right;
        width: 74.7%;
        margin-top: 20px;
        text-align: left;
    }
    
    .navigation ul li{
        float: right;
        list-style: none;
        text-decoration: none;
        margin-left: 50px;
        position: relative;
    }
    
    .navigation ul li a{
        text-decoration: none;
        text-transform: uppercase;
        color: #000;
        font-size: 17px;
        letter-spacing: 0.25px;
    }
    
    .navigation ul li.last{
        margin-right: 0 !important;
    }
    
    .navigation ul li a.active{
        color: #db0000;
        font-weight: 600;
    }
    
    .navigation ul li a:hover{
        color: #db0000;
    }
    
    .navigation-sub{
        position: absolute;
        left: 0;
        z-index: 5000;
        top: 25px;
        text-align: center;
        width: 230px;
    }

    .navigation-sub ul{
        margin-left: 0 !important;
    }

    .navigation-sub ul li{
        margin-left: 0 !important;
        width: 100%;
        background-color: #db0000;
        width: 100% !important;
        text-align: left !important;
        margin-top: 0px;
        transition: background 300ms ease 0s;
        display: block;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .navigation-sub ul li a{
        color: #FFF;
    }
    
    
    .navigation-sub ul li a:hover{
        color: #FFF;
    }
    
    .slider{
        float: left;
        width: 100%;
    }
    
    
    /* Inhaltsbereich & Sidebar */
    
    .content{
        margin-top: 25px;
        float: left;
        width: 100%;
        color: #000;
    }
    
    .content .left{
        width: 67.5%;
        float: left;
        background-color: #f5f5f5;
        min-height: 300px;
    }
    
    .content .left-small{
        width: 48%;
        float: left;
        background-color: #f5f5f5;
        min-height: 300px;
    }
    
    .content .right-small{
        width: 48%;
        float: right;
        background-color: #f5f5f5;
        min-height: 300px;
    }
    
    .content .right{
        width: 30.5%;
        float: right;
        background-color: #f5f5f5;
        margin-bottom: 1%;
    }
    
    .content a{
        color: #db0000;
        text-decoration: none;
    }
    
    .content .sos{
        border-radius: 5px;
        border: 2px solid #7cc175;   
    }
    
    .content .sos img{
        margin-bottom: 15px;
    }
    
    .content .left .inner{
        padding: 15px 20px 15px 20px;
    }
    
    .content .right .inner{
        padding: 15px 20px 15px 20px;
    }
    
    .content .left-small .inner{
        padding: 15px 20px 15px 20px;
    }
    
    .content .map{
        width: 100%;
        float: left;
        height: 400px;
    }
    
    /* Schriften im Inhaltsbereich */
    
    .content p{
        color: #000;
        font-size: 14px;
    }
    
    .content .right h3{
        color: #000;
        border-bottom: 3px solid #FFF;
        padding: 15px 20px 15px 20px;
        text-transform: uppercase;
        font-size: 15px;
        margin-bottom: 15px;
    }
    
    .content .left h2{
        color: #000;
        font-size: 20px;
    }
    
    .content .border-line{
        float: left;
        width: 100%;
        border-bottom: 3px solid #FFF;
        margin-bottom: 15px;
    }
    
    .content .read-more{
        font-style: italic;
        color: #dcdcdc;
        padding-top: 6px;
    }
    
    /* Footer */
    
    .footer{
        float: left;
        width: 100%;
        background-color: #9c9c9c;
        padding: 15px 0 15px 0;
        margin: 50px 0 0 0;
        color: #FFF;
        font-size: 12px;
    }
    
    .footer .left{
        float: left;
        width: 100%;
    }
    
    .footer .right{
        float: right;
        width: 20%;
        text-align: right;
    }
    
    .footer a{
        color: #FFF;
        text-decoration: none;
    }
    
    .footer h3{
        color: #FFF;
        border-bottom: 1px solid #FFF;
        width: 90%;
        padding-bottom: 12px;
        text-transform: uppercase;
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .footer ul li{
        float: left;
        width: 100%;
        list-style: none;
        margin-bottom: 5px;
    }
    
    .footer ul li a{
        color: #FFF;
        text-decoration: none;
    }
    
    .footer ul li a:hover{
        color: #dcdcdc;
        text-decoration: none;
    }
    
    .footer .credits{
        float: left;
        width: 100%;
        text-align: center;
        font-size: 11px;
        color: #FFF;
        margin-top: 35px;
    }
    
    .bewertungen-system{
    display: block;
    position: fixed; 
    right: 0; 
    bottom: 0; 
    z-index: 10000; 
    border-left: 3px solid #db0000; 
    border-top: 3px solid #db0000; 
    width: 200px; 
    height: 400px; 
    background-color: rgba(255,255,255,0.9); 
    color: #000; 
    text-align: left; 
    overflow: scroll;
    font-size: 80%;
}

.new_bewertung{
    float: left; 
    width: 100%;
    background-color: #f0f0f0;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #db0000;
    font-weight: bold;
}

.bewertung-system-inner{
   
}

.bewertungen-system .title{
    background-color: #db0000;
    width: 100%;
    color: #000;
    position: fixed;
    bottom: 400px;
    width: 203px;
    right: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    z-index: 20000;
    padding-top: 5px;
    padding-bottom: 5px;
}

.bewertungen-system .item{
    float: left; 
    width: 100%; 
    padding-top: 10px; 
    padding-left: 10px; 
    margin-bottom: 10px;
    font-family: Overpass;
}

.bewertungen-system .item .img{
    float: left; width: 25%;
}

.bewertungen-system .item .kennzeichen{
    float: right; width: 60%;
}

.bewertungen-system .item .kennzeichen-text{
    font-weight: bold; 
    font-size: 20px; 
    margin-top: 6px; 
    text-transform: uppercase;
}

.bewertungen-system .item .stars{
    color: gold;
}

.bewertungen-system .item .bewertung{
    float: left; width: 100%; margin-top: 15px;
}
    
    


}

/*
@media only screen and (min-width: 737px) and (max-width: 1024px) {





}

*/




/*
##################################

MAC BOOK VIEW PORT / KLEINERE LAPTOPS

##################################
*/

@media only screen and (min-width: 1025px) and (max-width: 1550px) {


}

/*
##################################

MOBILE VIEWPORT / HANDYS / IPADS USW.

##################################
*/


@media only screen and (max-width: 1024px) {
    
    .bewertungen-system{
        display: none;
    }
    
    .desktop{
        display: none;    
    }
    
    .mobil{
        display: block;
    }
    
    h2{
        line-height: 1.3;
    }
    
    .topbar{
        
    }
    
    .topbar .right{
        float: left;
        width: 100%;
        text-align: center;
    }
    
    .header{
        height: auto;
        padding: 10px 0 10px 0;
        float: left;
    }
    
    .wrapper{
        width: 90%;
    }
    
    .logo{
        width: 40%;
        float: none;
        margin: 0 auto;
    }
    
    .logo img{
       
    }
    
    .content{
         margin-top: 0px;
    }
    
    .navigation-icon{
        display: block;
        float: left;
        width: 100%;
        margin-top: 20px;
        text-align: center;
        background-color: #7cc175;
        color: #FFF;
        padding: 8px 0 8px 0;
    }
    
    .navigation{
        float: left;
        width: 100%;
        margin-top: 20px;
        margin-left: 0 !important;
    }
    
    .navigation ul li{
        float: left;
        width: 100%;
        text-align: center;
        background-color: #db0000;
        color: #FFF;
        padding: 8px 0 8px 0;
        border-bottom: 1px solid #FFF;
        margin-left: 0;
    }
    
    .navigation ul li a{
        color: #FFF;   
    }
    
    .navigation ul li a.active{
        color: #FFF;
        font-weight: 600;
        border-bottom: 0;
        padding-bottom: 0;
    }
    
    .navigation ul li a:hover{
        color: #FFF;
        border-bottom: 0;
        padding-bottom: 0;
    }
    
    .navigation-sub{
        position: static;
        float: left;
        width: 100%;
    }

    .navigation-sub ul{
        margin-left: 0 !important;
    }

    .navigation-sub ul li{
        text-align: center !important;
        background-color: lightgray;
        padding: 4px 0 4px 0;
    }
    
    .navigation-sub ul li a{
        text-align: center;
    }
    
    .slider{
        height: 150px;
    }
    
    .slider .slogan{
        width: 80%;
        margin-top: 10px;
        font-size: 30px;
    }
    
    
    .content .left, .content .right{
        float: left;
        width: 100%;
    }
    
    /* Cols */
    
    .col-25-l, .col-25-r-m{
        float: left;
        width: 49%;
        margin-left: 0%;
        margin-bottom: 25px;
    }
    
    .col-25-l-m, .col-25-r{
        float: right;
        width: 49%;
        margin-left: 0%;
        margin-bottom: 25px;
    }
    
    .content .left-small{
        width: 100%;
        float: left;
    }
    
    .content .right-small{
        width: 100%;
        float: left;
    }

}