@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: #3f6eba; 
border-bottom: 0px solid #E7E7E7; 
}

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

h3{
color: #3f6eba; 
font-weight: 400; 
font-size: 1.1em;
line-height: 1.2em;  
padding:0px; 
margin: 0px; 
hyphens: none;
}
h4{
color: #3f6eba; 
font-weight: 400; 
font-size: 1.05em; 
line-height: 1.2em;  
padding:0px; 
margin: 0px; 
}
h6{
color: #3f6eba; 
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; 
}

.small{
font-size: 0.8em; 
}

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

.txtimgbox{
height: 420px; 
width: 100%; 
overflow: hidden; 
border: 0px solid #FFFFFF; 
display: block; 
padding: 0px; 
margin: 0px 0px 30px 0px; 
position: absolute; 
left: 0px; 
top: 0px; 
}

.textimg{
border: 0px solid #FFFFFF; 
height: 100%; 
padding: 0px; 
margin: 0px 0px 0px 0px; 
display: inline-block; 
position: relative; 
top: 0px; 
}
.startseite .txtimgbox, 
.kontakt .txtimgbox, 
.impressum .txtimgbox, 
.dsgvo .txtimgbox
{
background-image: url(images/imagebilder/goldfische.jpg);
background-repeat: no-repeat; 
background-size: cover; 
background-position: center center; 
}
.wasistic .txtimgbox {
background-image: url(images/imagebilder/schmetterlinge.jpg);
background-repeat: no-repeat; 
background-size: cover; 
background-position: center center; 
}
.wie .txtimgbox {
background-image: url(images/imagebilder/berge.jpg);
background-repeat: no-repeat; 
background-size: cover; 
background-position: right center; 
}
.anwendung .txtimgbox {
background-image: url(images/imagebilder/familie.jpg);
background-repeat: no-repeat; 
background-size: cover; 
background-position: center center; 
}
.neugierig .txtimgbox {
background-image: url(images/imagebilder/moewen.jpg);
background-repeat: no-repeat; 
background-size: cover; 
background-position: center center; 
}
.entscheidungshilfe .txtimgbox {
background-image: url(images/imagebilder/entscheidung.jpg);
background-repeat: no-repeat; 
background-size: cover; 
background-position: center center; 
}

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

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

img.ic_grafik.eins{transform: rotate(-4deg); border: 1px solid #999999; width: 30%; position: absolute; left: 10%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 20px; padding: 0px; margin: 0px 0px 0px 0px; }
img.ic_grafik.zwei{transform: rotate(2deg); border: 1px solid #999999; width: 30%; position: absolute; right: 24%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 20px; padding: 0px; margin: 0px 0px 0px 0px;}
img.ic_grafik.drei{transform: rotate(-3deg); border: 1px solid #999999; width: 30%; position: absolute; right: -10%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 20px; padding: 0px; margin: 0px 0px 0px 0px;}


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

.social.fbook{
position: absolute; 
top: 430px; 
right: calc(2% + 50px); 
z-index: 10000; 
}
.social.instagram{
position: absolute; 
top: 430px; 
right: 2%; 
z-index: 10000; 
}

.social img{
opacity: 0.5; 
width: 40px; 
height: auto; 
padding: 0px; 
margin: 0px; 
-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;
}
.social img:hover{
opacity: 1.0; 
}


#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; 
padding-left: 30px; 
padding-right: 30px; 
padding-top: 0px; 
padding-bottom: 30px; 
margin: 0px 10% 150px 10%; 
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;
}
#texte a{
-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;
color: #3f6eba; 
text-decoration: underline; 
}
#texte a:hover, #texte a:focus{
font-size: 1.05em;  
}
table.texttable td{
padding: 10px 20px 0px 0px; 
margin: 0px; 
}

.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; 
transform: rotate(-4deg);
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 20px;
border: 10px solid #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;
}
.rightimg.hund {
border: 10px solid #FFFFFF; width: 300px; position: absolute; right: 10%; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 20px;
}
.rightimg.gedreht {
transform: rotate(2deg);
}
.rightimg:hover, .rightimg:focus {
transform: rotate(0deg);
}

table.grafiken{
width: 120%; 
height: auto; 
padding: 0px 0px 0px 0px; 
margin: 30px 0px 30px 0px; 
position: relative; 
left: -10%; 
}

table.grafiken img{
max-width: 98%; 
height: auto; 
padding: 0px 1% 0px 0px; 
margin: 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: 100%; 
height: 420px; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
background-color: #3f6eba;
background: rgb(44,76,129);
background: linear-gradient(90deg, rgba(44,76,129,1) 0%, rgba(63,110,186,1) 50%, rgba(44,76,129,1) 100%);
}
#bild_oben #logo{
padding: 0px 0px 0px 0px; 
margin: 0px;  
width: 100%; 
height: auto; 
max-height: 420px; 

}
#logobox{
width: 15%; 
max-height: 420px; 
margin: 50px 10% 0px 70%; 
padding: 0px; 
display: inline-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;
border: 0px solid #FF0000; 
}

.wasistic #logobox{
margin: 150px 70% 0px 10%; 
}


#logoic{
-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;
width: 100%; 
height: auto;  
position: relative; 
margin: 0px 0px 0px 0px; 
padding: 0px; 
border: 0px solid #FF0000; 
}
#logoic:hover, #logoic:focus{
width: 104%; 
margin: 0px; 
left: -4; 
top: -2;
}

#topnav{
position: absolute; 
top: 30px; 
right: 30px; 
}
#topnav a{
color: #FFFFFF; font-weight: 300;
opacity: 0.5; 
-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;
}
#topnav a:hover, #topnav a:focus{
opacity: 1.0; 
}

a:link {color: #3f6eba; font-weight: 300; }
a:link{
padding: 0px;
border: 0px solid #999999; 
text-decoration: none; 
}

a:hover {
color: #000000; 
}

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 #999999; 
border-bottom: 1px solid #999999; 
border-right: 0px solid #e7e7e7; 
border-left: 0px solid #e7e7e7; 
-webkit-box-shadow: 0px 0px 10px -3px #999999; 
box-shadow: 0px 0px 10px -3px #999999;
border-radius: 0px; 
padding: 0px 12% 0px 12%; 
margin: 0px 0px 80px 0px; 
width:76%; 
height: 60px; 
float: left; 
opacity: 0.9; 
}
ul.nav li{
list-style-type: none; 
border: 0px solid #FF0000; 
height: 60px; 
width: auto; 
display: table-cell; 
}

ul.nav li a{
-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{
padding-bottom: 0px; 
}
ul.nav li.first a{
padding-top: 0px; 
padding-left: 15px; 
}
ul.nav li a{
text-align: center; 
display: block; 
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: #3f6eba !important;
}
ul.nav ul li a:hover, ul.nav ul li a:focus{
color: #3f6eba !important;
}

.start {}
.schwanger {}
.wochenbett {}
.rueckbildung {}
.schreibaby {}
.links {}
.yoga {}
.vorsorge {}
.kontakt {}
.impressum{}
.vita{}

body.startseite ul.nav li a.start:link, 
body.wasistic ul.nav li a.wasistic:link, 
body.wie ul.nav li a.wie:link, 
body.anwendung ul.nav li a.anwendung:link, 
body.neugierig ul.nav li a.neugierig:link, 
body.entscheidungshilfe ul.nav li a.entscheidungshilfe:link, 
body.kontakt ul.nav li a.kontakt:link 
{
font-weight: 500; 
background-color: #e4e4e4;
}


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

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

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

b{
display: inline-block; 
width: 100%; 
margin: 0px 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: #3f6eba;  
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%;}
}