/*Farben: Hintergrund Navigation und Überschriften:dkl-Grün: #aaad00
Hintergrund Bilder: hell-Grün: #e6e099
Normalschrift #000000 */

@font-face { font-family: 'Futura Heavy';
             src: url('../schrift/Futura Heavy BT V1.woff2') format('woff2'), url('../schrift/Futura Heavy BT V1.woff') format('woff'); }

@font-face { font-family: 'Futura Medium';
             src: url('../schrift/Futura Medium.woff2') format('woff2'), url('../schrift/Futura Medium.woff BT V2.woff') format('woff'); }

body {background: #f4f6eb;
    font-family: 'Futura Heavy';
    overflow-x: hidden;
    }

body.noscrowl {overflow-y: hidden;}

@media (max-width: 50em){body.noscrowl{
        overflow-y: visible;
    }
    content {
        overflow-x: hidden;
    }
}

content {
    max-width: 100%;
    width: 90em;
    background: #ffffff;
    position: absolute;
    top:0px;
    margin-left: 2em;
    }

@media (max-width: 50em) {content {background: #ffffff;
    width: auto;
    margin-left: 2em;
    }}

main { margin-left: 25em;
    }

main.willkommen {float:right;
    margin-left: 0em;
}

@media (min-width: 50em){main.willkommen { width: calc(100% - 23em);
    /*display: inline;*/
    }}

@media (max-width: 50em){main { width:100%;
    box-sizing:border-box;
    display: inline;
    }}

p.normal { font-size: 1em;
    font-family: 'Futura Medium';
    color: #000000;
     letter-spacing: 0.04em;
    }

p.gross {font-size: 2.1em;
    color: #aaad00;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    }

@media (max-width: 50em){p.gross {font-size: 1.5em;
    color: #aaad00;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    }}

navigation { width: 19em;
    background:#aaad00;
    float: left; 
    height:auto;
    padding-bottom: 10em;
    }


@media (max-width: 50em) {navigation { width: 100%;
    background:#aaad00;
    height:auto;
    padding-bottom: 1em;}
    }

navigation.datenschutz {height: 380em;
}

@media (max-width: 50em) {navigation.datenschutz { width: 100%;
    background:#aaad00;
    height:auto;
    padding-bottom: 1em;}
    }

.start {margin-top: 15em;
margin-left: 10em;}

@media (max-width: 50em) {.start {width:100%;
margin-top: 3em;
margin-left: 1em;}}

table {font-family: 'Futura Medium';
}

table.impressum {margin-top: 1em;}

tr {height: 0.4em;}
td.erste { width: 5em;}
td {text-decoration: none;
color: #000000;}




/* -------- startseiten ----------*/

.farbfeld {display: none;}

@media (max-width: 50em){.farbfeld { width: 100%;
    background:#aaad00;
    float: left; 
    height:10em;
    display: block;
    }}

.farbfeld_start {width: 19em;
    background:#aaad00;
    float: left; 
    height:60em;
}

@media (max-width: 50em){.farbfeld_start {width: 100%;
    background:#aaad00;
    height:10em;
    display: block;
}}


@media (max-width: 50em) {navigation_start { width: 100%;
    background:#aaad00;
      height: 8em;}
    }


#starticon_index {padding-top: 10em;
    margin-top: 0em;
    }

#starticon_willkommen {padding-top: 10em;
    margin-top: 0em;
    margin-left: 1.82em;
    }

@media (max-width: 50em) {#starticon1 {padding-top: 0em;
    margin-top: 2em;
    margin-left: 1em;
    }}
      
    
@media (max-width: 50em) {#starticon2  {margin-top: -5.5em;
    margin-left: 3em;
    }}


@media (max-width: 50em) {#starticon3  {margin-top: -3.8em;
    margin-left: 3.69em;
    }}

h1 {font-size: 3.2em;
    color: #aaad00;
    white-space:nowrap; 
    letter-spacing: 0.10em;
    display: inline;
    font-family: 'Futura Heavy';}

h1.gner {margin-left: 0.3em;}

@media (max-width: 50em) {h1 {font-size: 2.5em;
    color: #aaad00;
    white-space:nowrap; 
    letter-spacing: 0.10em;
    display: inline;
    font-family: 'Futura Heavy';}}

h1.start1 {
    visibility: hidden;
    }

a.schaltflaeche { text-decoration: none;
}


span.nachpunkt_main {color:#000000;
font-size: 1.2em;
font-family: 'Futura Heavy'; }
    

span.startring {font-size: 4.8em;
    color: #aaad00;
    font-family: 'Futura Medium';
    }


span.startpunkt {font-size: 2.5em;
    color: #000000;
    font-family: 'Futura Medium';
    margin-left: -1.43em;
    position: relative;
    top:-0.08em;
    }

#adresse_start1 {visibility: hidden;
    }

#adresse_start2 { transform: rotate(-8deg);
    margin-left: 2.5em;
    }


@media (max-width: 50em){#adresse_start2 { transform: rotate(-8deg);
    margin-left: 1em;
    margin-top: 4em;
    }}

p.name { font-family: 'Futura Medium'; 
    font-size: 1.35em;
    letter-spacing: 0.35em;
    line-height: 1.8em;
    }

@media (max-width: 50em){p.name { font-family: 'Futura Medium'; 
    font-size: 1.1em;
    letter-spacing: 0.35em;
    line-height: 1.8em;
}}

#orte { font-family: 'Futura Medium'; 
    margin-top: -1em;
    }

span.plz { font-size: 1.05em;
    color: #aaad00;
    font-family: 'Futura Heavy';
    letter-spacing: 0.18em;
    }

span.ort { letter-spacing: 0.18em;
}


#startzitat {transform: rotate(-8deg);   
    margin-top: -3em;
    margin-left: 3em; 
    margin-right: 1em;
    padding-bottom:2em;
    }
    
@media (max-width: 50em) {#startzitat {transform: rotate(-8deg);   
    margin-top: 1em;
    padding-bottom:10em;
    }}


.startspruch {transform: rotate(-8deg);
    margin-top: 9em;
    margin-left: 2.8em;
    padding-bottom: 2em;
    font-family: 'Futura Heavy'
    }
    
@media (max-width: 50em){  .startspruch {transform: rotate(-8deg);
    margin-top: 5em;
    margin-left: 2.8em;
    padding-bottom: 2em;
    font-family: 'Futura Heavy'
    }}
    
/*-------------------- startseiten ende -----------------*/

/* ----------- navigation --------------*/

ul.haupt {font-size: 1.35em;
    line-height: 1.2em;
    text-align: right;
    margin-right: 1em;
    margin-top: 10em;
    letter-spacing: 0.01em;
    }
    
@media (max-width: 50em) {ul.haupt {font-size: 1.35em;
    line-height: 1.2em;
    text-align: right;
    margin-right: 1em;
    margin-top: 5em;
    letter-spacing: 0.01em;
    }}


ul.haupt_willkommen {font-size: 1.35em;
    line-height: 1.2em;
    text-align: right;
    margin-right: 1em;
    margin-top: 10em;
    letter-spacing: 0.01em;
    }

@media (max-width: 50em) {ul.haupt_willkommen {font-size: 1.35em;
    line-height: 1.2em;
    text-align: right;
    margin-right: 1em;
    margin-top: 0em;
    letter-spacing: 0.01em;
    }}

ul.formales {font-size: 1.35em;
    line-height: 1.2em;
    text-align: right;
    margin-right: 1em;
    letter-spacing: 0.01em;
    }


li.haupt { list-style-type: none;
    }

ul.neben_start {line-height: 1.6em;
    text-align: right;
    margin-right: 1.4em;
    margin-top: -1em;
    }

li.neben { list-style-type: none;
     letter-spacing: 0.03em;
    }

span.nav_punkt {font-weight: bold; 
    font-size:1.5em;
    margin-top: 0.17em;
    margin-right: 0.2em;
    vertical-align: middle;
    }

span.nav_nebenpunkt {font-weight: bold; 
    font-size:2em;
    margin-right: 0.2em;
    vertical-align: middle;
    }

a:link  {
	text-decoration: none;
	color:#e6e099;
    font-family: 'Futura Heavy'
}

a:visited  {
	text-decoration: none;
	color:#e6e099;
}

a:hover  {
	text-decoration: none;
	color:#000000;
}

a:active {text-decoration: none;
	color:#000000;
    }

a.an {text-decoration: none;
	color:#000000;
    }

/* --------- navigation ende --------*/



/* -------- logo -----------------*/


#logo_start {visibility: hidden;
    }

    
#logoicon1 {padding-top: 3em;
    text-align: right;
    margin-right: 1.43em;
    }

h1.logo {font-size: 1.55em;
    color:#e6e099;
    white-space:nowrap; 
    letter-spacing: 0.2em;
    font-family: 'Futura Heavy';
    }

#logoicon2  {margin-top: -3.3em;
    text-align: right;
    margin-right: 12.1em;
    }

span.logoring {font-family: 'Futura Medium'; 
    font-size: 1.9em;
    color: #e6e099;
    font-weight: lighter;
    }


#logoicon3  {margin-top: -2.1em;
    text-align: right;
    margin-right: 12.52em;
    }

span.logopunkt {font-size: 0.8em;
    color: #e6e099;
    font-family: 'Futura Medium'; 
    margin-left: -2.22em;
    position: relative;
    top:-0.13em;
    }

span.nachpunkt {font-size: 2em;
    font-family: 'Futura Heavy'; 
    color: #e6e099;
    }


#name_logo { 
    font-family: 'Futura Medium'; 
    transform: rotate(-7deg);
    margin-top: 2em;
    text-align: right;
    margin-left: 3.5em;
    }

p.name_logo { font-size: 0.75em;
    color:#e6e099;
    text-align: left;
    letter-spacing: 0.3em;
    line-height: 1.8em;
    }

/* -------- logo ende -----------------*/



/* --------- bildleiste --------------*/

img#headerbild {max-width: calc(100% - 19em);
    height:auto;}

@media (max-width: 50em) {img#headerbild {max-width: 100%;
    height:auto;}}

 


/* ---------- bildleiste ende --------------*/


/*----------- inhaltsfeld --------------*/


h2 {font-size: 2.1em;
    color: #aaad00;
    letter-spacing: 0.1em;
    transform: rotate(-8deg); 
    margin-bottom: 3em;
    margin-top: 1.3em;
    margin-left: -0.3em;
    font-family: 'Futura Heavy';
    }

h2.lang{margin-top: 2em;}

@media (max-width: 50em){h2 {font-size: 1.5em;
    color: #aaad00;
    transform: none;
    margin-top: 8.5em;
    margin-bottom: 1em;
    margin-left: 0em;
    }}

@media (max-width: 50em){h2.lang {margin-top:8.5em;
    }}

#fliesstext {margin-top: 2em;
    max-width: 62em;
    margin-left: 25em;
    margin-bottom: 0em;
    margin-top: 0em;
    padding-right: 3em;
    padding-bottom: 3em;
    }

@media (max-width: 50em) {#fliesstext {font-family: 'Futura Medium';
    width: 100%;
    margin-left: 0.5em;
    padding-bottom: 2em;
    margin-top: -10em;
    }}

ul.fliesstext {margin-left: -1.5em;
margin-top: 0.2em;
padding-right: 1em;}

li.fliesstext {list-style-image: url(../bilder/punkt.jpg);
margin-bottom: 0.9em;
font:'Futura Medium';
letter-spacing: 0.04em;}

/* ----------inhaltsfeld ende ---------*/


/* ----------datenschutz ---------*/

h3, h4, h5, h6 {font-family: 'Futura Medium';
    letter-spacing: 0.04em;
}

ol {}
li {font-family: 'Futura Medium';
letter-spacing: 0.04em;
padding-left: 0.5em;
padding-bottom: 0.3em;}
h3 {font-weight:bold;}
h4 {font-weight:normal;
font-size: 1em;}
h5 {font-weight:normal;
font-size: 1em;}

a.einfach:link  {font-family: 'Futura Medium'
	text-decoration: none;
	color:#aaad00;
}

a.einfach:visited  {
	text-decoration: none;
	color:#000000;
}

a.einfach:hover  {
	text-decoration: none;
	color:#000000;
}

a.einfach:active {text-decoration: none;
	color:#000000;
    }
a.telefon {text-decoration: none;
	color:#000000;
    }


/* ----------datenschutz ende ---------*/