
@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Bold.eot');
    src: url('fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoCondensed-Bold.woff2') format('woff2'),
        url('fonts/RobotoCondensed-Bold.woff') format('woff'),
        url('fonts/RobotoCondensed-Bold.ttf') format('truetype'),
        url('fonts/RobotoCondensed-Bold.svg#RobotoCondensed-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Italic.eot');
    src: url('fonts/RobotoCondensed-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoCondensed-Italic.woff2') format('woff2'),
        url('fonts/RobotoCondensed-Italic.woff') format('woff'),
        url('fonts/RobotoCondensed-Italic.ttf') format('truetype'),
        url('fonts/RobotoCondensed-Italic.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: auto;
}



@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Light.eot');
    src: url('fonts/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoCondensed-Light.woff2') format('woff2'),
        url('fonts/RobotoCondensed-Light.woff') format('woff'),
        url('fonts/RobotoCondensed-Light.ttf') format('truetype'),
        url('fonts/RobotoCondensed-Light.svg#RobotoCondensed-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Italic_1.eot');
    src: url('fonts/RobotoCondensed-Italic_1.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoCondensed-Italic_1.woff2') format('woff2'),
        url('fonts/RobotoCondensed-Italic_1.woff') format('woff'),
        url('fonts/RobotoCondensed-Italic_1.ttf') format('truetype'),
        url('fonts/RobotoCondensed-Italic_1.svg#RobotoCondensed-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-LightItalic.eot');
    src: url('fonts/RobotoCondensed-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoCondensed-LightItalic.woff2') format('woff2'),
        url('fonts/RobotoCondensed-LightItalic.woff') format('woff'),
        url('fonts/RobotoCondensed-LightItalic.ttf') format('truetype'),
        url('fonts/RobotoCondensed-LightItalic.svg#RobotoCondensed-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: auto;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Regular.eot');
    src: url('fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoCondensed-Regular.woff2') format('woff2'),
        url('fonts/RobotoCondensed-Regular.woff') format('woff'),
        url('fonts/RobotoCondensed-Regular.ttf') format('truetype'),
        url('fonts/RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}



@font-face {
    font-family: 'Roboto Condensed';
    src: url('fonts/RobotoCondensed-Regular_1.eot');
    src: url('fonts/RobotoCondensed-Regular_1.eot?#iefix') format('embedded-opentype'),
        url('fonts/RobotoCondensed-Regular_1.woff2') format('woff2'),
        url('fonts/RobotoCondensed-Regular_1.woff') format('woff'),
        url('fonts/RobotoCondensed-Regular_1.ttf') format('truetype'),
        url('fonts/RobotoCondensed-Regular_1.svg#RobotoCondensed-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: auto;
}



.nichtgebraucht {
display: block; 
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}

body {
color: #333333; 
font-family: 'Roboto Condensed', sans-serif, Arial, Verdana;
font-size: 1.2vw; 
font-weight: 300; 
line-height: 1.3em;  
background-color:#FFFFFF;
}
h2{
font-size: 2.0vw; 
font-weight: 500; 
line-height: 1.3em;   
padding-bottom: 20px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 20px; 
margin-top: 0px; 
margin-left: 0px; 
color: #b72839; 
border-bottom: 0px solid #E7E7E7; 
}

h2.imp{
padding-top: 50px; 
}

h3{
color: #b72839; 
font-weight: 400; 
font-size: 1.5vw;
line-height: 1.2em;  
padding:0px; 
margin: 0px; 
}
h4{
color: #b72839; 
font-weight: 400; 
font-size: 1.3vw; 
line-height: 1.2em;  
padding:0px; 
margin: 0px; 
}
h6{
color: #b72839; 
font-weight: 300; 
font-size: 1.6vw; 
line-height: 1.2em;  
padding:30px 0px 40px 0px; 
margin: 0px; 
display: block; 
float: left; 
width: 100%; 
display: none; 
}

.break{
clear: both; 
height: 15px; 
padding: 0px; 
margin: 0px; 
display: block; 
width: 100%; 
border: 0px solid #FF0000; 
}

.textimg{
float: right; 
border: 0px solid #FFFFFF; 
width: 30%; 
padding: 0px; 
margin: 0px 0px 20px 20px; 
}

.img_box{
float: right; 
border: 0px solid #FFFFFF; 
width: 30%; 
padding: 0px; 
margin: 0px 0px 20px 20px; 
}

.img_box .textimg{
width: 100%; 
display: block; 
}

body, html {
padding: 0px; 
margin: 0px; 
width: 100%; 
height: 100%; 
}

#zentrieren{
width: 100%; 
min-height: 100%; 
position: absolute; 
margin-left: 0%;
margin-right: 0%;
padding: 0px; 
border: 0px solid #FF0000; 
}

#texte{
border: 0px solid #FF0000; 
width: auto; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 30px; 
padding-bottom: 30px; 
margin-left: 10%;
margin-bottom: 50px; 
width: 75%; 
float: left; 
position: relative; 
top: 0px; 
z-index: 10; 
background-image: url(images/sys/weiss_90.png);
background-repeat: repeat; 
border-radius: 20px; 
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}

.thumb {
padding: 15px; 
border-radius: 8px; 
background-color: #E2E2E2; 
border: 1px solid #999999; 
}
.leftimg {
float:left; 
margin-left: 0px;
margin-right: 15px; 
margin-top: 0px; 
margin-bottom: 0px; 
}
.rightimg {
float:right; 
margin-left: 15px;
margin-right: 0px; 
margin-top: 0px; 
margin-bottom: 0px; 
}



.anfahrtskarte{
border: 0px solid #FF0000; 
width: auto; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 30px; 
padding-bottom: 30px; 
margin-left: 10%;
margin-bottom: 50px; 
width: 75%; 
float: left; 
position: relative; 
top: 0px; 
z-index: 10; 
background-image: url(images/sys/weiss_90.png);
background-repeat: repeat; 
border-radius: 20px; 
}


#bild_oben {
position: static; 
width: 70%; 
height: 100%; 
margin: 20px 0px 10px 10%; 
padding: 0px; 
}
#bild_oben #logo{
padding: 0px 0px 0px 30px; 
margin: 0px;  
width: 100%; 
height: auto; 
max-width: 1000px; 
max-height: 172px; 
}


a:link {color: #b72839; font-weight: 300; }
a:visited {color: #333333; font-weight: 300; }
a:link, a:visited {
padding: 0px;
border: 0px solid #999999; 
text-decoration: none; 
}

a:hover {
color: #b72839; 
font-weight: 500;
}

ul.nav{
background-color: #FFFFFF;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
-ms-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
position: relative; 
left: 0px; 
top: 0px; 
border-top: 1px solid #e7e7e7; 
border-bottom: 1px solid #e7e7e7; 
border-right: 0px solid #e7e7e7; 
border-left: 0px solid #e7e7e7; 
border-radius: 0px; 
padding-left: 15px; 
margin-right: 10%; 
margin-left: 10%; 
margin-top: 0px; 
margin-bottom: 60px; 
width:75%; 
height: 60px; 
float: left; 
opacity: 0.9; 
}
ul.nav li{
list-style-type: none; 
border: 0px solid #FF0000; 
height: 60px; 
width: auto;  
float: left; 
}

ul.nav li a:link, ul.nav li a:visited{
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out; 
height: 60px; 
width: auto; 
}

ul.nav li.last a:link, ul.nav li.last a:visited{
padding-bottom: 0px; 
}
ul.nav li.first a:link, ul.nav li.first a:visited{
padding-top: 0px; 
padding-left: 15px; 
}
ul.nav li a:link, ul.nav li a:visited{
float: left; 
color: #000000; 
font-weight: 300; 
height: 60px; 
padding-left: 15px; 
padding-top: 0px; 
padding-bottom: 0px; 
padding-right: 15px; 
margin: 0px; 
border-left: 0px solid #FFFFFF; 
font-size: 1.0em; 
line-height: 60px; 
}
ul.nav li a:hover, ul.nav li a:focus{
color: #b72839 !important;
}
ul.nav ul li a:hover, ul.nav ul li a:focus{
color: #b72839 !important;
}

.start {}
.schwanger {}
.wochenbett {}
.rueckbildung {}
.schreibaby {}
.links {}

.yoga {}
.vorsorge {}
.kontakt {}
.impressum{}
.vita{}

body.startseite ul.nav li a.start:link, 
body.startseite ul.nav li a.start:visited, 
body.schwanger ul.nav li a.schwanger:link, 
body.schwanger ul.nav li a.schwanger:visited, 
body.yoga ul.nav li a.schwanger:link, 
body.yoga ul.nav li a.schwanger:visited, 
body.vorsorge ul.nav li a.schwanger:link, 
body.vorsorge ul.nav li a.schwanger:visited, 
body.wochenbett ul.nav li a.wochenbett:link, 
body.wochenbett ul.nav li a.wochenbett:visited, 
body.rueckbildung ul.nav li a.rueckbildung:link, 
body.rueckbildung ul.nav li a.rueckbildung:visited, 
body.schreibaby ul.nav li a.schreibaby:link, 
body.schreibaby ul.nav li a.schreibaby:visited, 
body.links ul.nav li a.links:link, 
body.links ul.nav li a.links:visited, 
body.vita ul.nav li a.vita:link, 
body.vita ul.nav li a.vita:visited,
body.kontakt ul.nav li a.kontakt:link, 
body.kontakt ul.nav li a.kontakt:visited

{
color: #000000 !important;
font-weight: 500; 
background-color: #e7e7e7;
}


/*//DIESEN ERGAENZEN UM WEITERE SEITENKLASSEN//*/

.start_nav ul.nav li a:link.start_nav, .start_nav ul.nav li a:visited.start_nav{
border: 0px solid #FFFFFF; 
overflow: hidden; 
}

/*//DIESEN ERGAENZEN UM WEITERE SEITENKLASSEN///*/

b{
display: block; 
width: 100%; 
float: left; 
margin: 30px 0px 0px 0px; 
}

ul.liste, ul.liste_s{
padding: 0px; 
margin: 20px 0px 20px 0px; 
display: block; 
float: left; 
width: 68%; 
max-width: 69%; 
}
ul.liste li{
list-style-type: none; 
padding-left: 15px;
padding-right: 10px; 
padding-bottom: 8px; 
padding-top: 8px; 
margin: 0px; 

}
ul.liste_s li{
list-style-type: none; 
padding-left: 10px;
padding-top: 5px; 
margin:0px; 
font-size: 0.8vw; 
line-height: 1.2em; 

}

ul.liste li:nth-child(odd){
background-color: #E8E8E8; 
}
ul.liste li:nth-child(even){
background-color: #F1F1F1; 
}

span.blau{
border: 0px solid #FF0000;  
width: 100%; 
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: inline-flex;
justify-content: space-between;
color: #b72839;  
font-weight: 500; 
margin: 0px; 
padding: 0px; 
}

@media screen and (max-width: 1340px) {
ul.liste, ul.liste_s{width:100% !important; max-width:100% !important; margin:0%;}
}

