
/*

font-family: 'Merriweather', serif;
font-family: 'Roboto', sans-serif;

gruen: #7BA02D

*/
/****************************************************************************************/

/* Elemente */

html,
body {
    margin: 0;
    padding: 0;
     -webkit-text-size-adjust: none;
     height: 100%;

}

body {
    font-family: 'Merriweather', serif; font-size:14px; color:#1d1d1d;
    background-image: url(hi_body2.png); background-repeat: no-repeat; background-position: center -50px;   overflow-x:hidden;

}


/****************************************************************************************/


.wrapper {
    width:960px; margin-left:auto; margin-right:auto;
}

#logo {
    width: 160px; display: block; padding-left:20px
}


h1 {
    font-family: 'Roboto', sans-serif;

    color: #7BA02D;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    margin-top:40px; margin-bottom:40px;
}


h2 {
    font-family: 'Roboto', sans-serif;

    color: #7BA02D;
    /* text-transform: uppercase;  */
    letter-spacing: 0.10em;
    margin-top:0; margin-bottom:15px;
}

a {
      color: #7BA02D; text-decoration: none;
}

.teaser {
    font-family: 'Roboto', sans-serif;

    color: #999999; text-transform: uppercase;
    letter-spacing: 0.10em;
}

/****************************************************************************************/

.col1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    float: left; box-sizing: border-box; padding-left:20px; padding-right:20px;
}


.content {
    padding-top:40px; padding-bottom:60px;  line-height: 175%; min-height: 960px;
}



.row:after {
    display: table;
    content: " ";
    clear: both;
}

.row img {  max-width:100%;

}


.row img.fullpic {  margin-left:-11%; margin-right: -11%; width:122%; max-width: 200%; vertical-align: bottom;

}



.col-12 { width:100%;}
.col-8 { width:66.6666%;}
.col-7 { width:58.3333%;}
.col-6 { width:50%;}
.col-4 { width:33.3333%;}
.col-3 { width:25%;}

.ab-1 {
    margin-left: 8.3333%;
}

.ver-1 {
    margin-top:20px;
}


.bilder .wrapper {
    width:100%; margin:0; padding:0;
}

.bilder p {
    margin:0; padding:0;
}

.bilder img {
    max-width:100%; vertical-align: bottom;
}

.bilder .col-12, .bilder .col-6, .bilder .col-4, .bilder .col-3 {
    padding:0; margin:0;
}

.bildklein {
     float:left; margin-right:15px; vertical-align: bottom; width:120px; margin-bottom:15px;
}

.newsteaser {
    font-size:14px; line-height:150%; display: block; color:#1d1d1d; text-decoration: none;
    margin-bottom:40px;
}


.vcenter{
                  display: flex;
                  align-items: center;
                }


.content_start {
    background-color: red;
}

/****************************************************************************************/




.center {
    text-align: center;
}

.rechts {
    text-align: right;
}



.clearer {
    clear: both;  height: 0px;
}

/****************************************************************************************/


.bildrechts {
    float: right; margin-left:20px; margin-bottom:20px;
}

.bild_links {
    float: left; margin-left:20px; margin-bottom:20px;
}



/****************************************************************************************/
        .spalte_team {
                display: inline-block;
                width: 230px;
                text-align: center;
                margin-left: 30px;
                margin-right: 30px;
                margin-top: 20px;
                margin-bottom: 30px;
                vertical-align: top;
            }


        .teampic {
            width:230px; height:230px; overflow:hidden;
             margin-bottom: 10px;
             border-radius: 50%;
            
        }

        .teampic img {

            width:100% !important;
            max-width: none !important;

        }




/****************************************************************************************/

/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/
/****************************************************************************************/

/****************************************************************************************/
    .tabelle {
        border: 1px solid #CD9A5D;
    }



    .tabelle td {
        padding:10px; min-width:180px;
    }

    .tabelle .odd {
        background-color: #F5EBDF;
    }

/****************************************************************************************/
#map {
    height: 680px;
}

/****************************************************************************************/
#footer {
    background-color: #D8D8D8;
    padding-top:70px;
    padding-bottom:80px;
    color:#7E7E7E;

}

#footer p {
           font-size: 14px;
}

#footer .wrapper {
    padding-left:20px; padding-right:20px; box-sizing: border-box;
}

#eu_flagge {
    width:70px; float: left; margin-right:20px;
}
/****************************************************************************************/

#menu1 {
    padding-top:40px;
}

#menu1 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;


}

hr {
 border-color: #7ba02d;
 border: 0px solid #7ba02d;  border-bottom-width :2px; width:100px; margin-top: 40px; margin-bottom:40px;
}



#menu1 li {
    margin: 0px;
    padding: 0px;

    display:inline-block;
    padding-left: 24px;
    padding-right: 24px;

}


#menu1 li a {
    display: block;

    text-decoration: none;

    /*height: 17px; */

    color:#7ba02d;

    text-transform: uppercase;
    letter-spacing: 0.10em;

    font-family: 'Roboto', sans-serif;
    font-weight: bold;



}

#menu2 {

     text-align: center;
}

#menu2 a {
        text-decoration: none;
    color:#7E7E7E;
    font-size:14px;
}

/****************************************************************************************/

.dbseite {
    float: left;
}

.db  {
    float: right;
}

.db a {
    display: inline-block; border: #7ba02d solid 1px; padding:6px; margin-left:6px; margin-right:6px;
    width:20px; text-align: center;
    text-decoration: none;  text-transform: uppercase;
    letter-spacing: 0.10em;

    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

.mehr {
    display: inline-block; border: #7ba02d solid 1px; padding:6px; margin-right:6px; margin-top:12px;
    text-align: center; padding-left:20px; padding-right:20px;
    text-decoration: none; text-transform: uppercase;
    letter-spacing: 0.10em;

    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}


/****************************************************************************************/



/****************************************************************************************/

.nurmobile {
    display: none;
}

/****************************************************************************************/

/****************************************************************************************/

/****************************************************************************************/

/****************************************************************************************/

