#cms_content  { padding: 0px 20px 0px 20px; }

#augen    { margin-top: 0px; padding: 70px 0 18vh 10px; height: auto; overflow:hidden; text-align:left;
            background-image: url("files/lebensberatung-dna.jpg"); background-size:cover; height:70vh; background-position: top center; background-repeat:no-repeat}
#augen h1 { text-align: left; font-size:48pt; margin: 40px 0 60px 0; line-height: 180%; }
#augen p  { font-size:20pt; color:white; margin: 40px 0 0px 0; line-height: 180%; }
#augen img { animation: slideInLeft 4s; margin: -150px 20px 0 0px; height:150vh; float:left}


#erstgespraech { width: 40%; padding: 20px; }
#erstgespraech td {text-align: left; }
#erstgespraech td:first-child { padding-right: 10px; }


#erstgespraechvideo { width:60%}
#erstgespraechvideo iframe { display: block; margin: 0 0 0 auto; width:90%; height:472px }



#tueren   { margin:5px -20px 0px -20px; padding: 40vh 0 30vh 0; cursor:pointer; background-image: url("files/tuer.jpg"); background-size:cover; height:auto; background-position: center center; background-repeat:no-repeat }
#tueren p { color: black; font-size: x-large; font-weight:bold; text-align:center}

#annemarie {width: 49%; margin-right: 2%;}
#joachim {width: 49%; text-align: right;}
#gregor {width: 49%; margin-right: 2%;}
#roswitha {width: 49%; text-align: right;}



#marija      { margin:5px auto 0px auto; display:block; background-image: url("files/marija-hardenberg.jpg"); background-size:cover; 
              padding:10vh 0px 0px 0px; background-position: center center; background-repeat:no-repeat; width:100%; }
#marija audio { margin-left: 20px;}              
#marija p    { padding: 10px; margin-top:50vh; font-size:x-large; text-align:center; line-height:200%; font-weight:bold;  color:#BC6F3D;
            background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 10%,rgba(255,255,255,0.8) 100%);
            background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 10%,rgba(255,255,255,0.8) 100%);
            background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 10%,rgba(255,255,255,0.8) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ccffffff',GradientType=0 ) }      

#googlemap  { width: calc(100% + 40px); margin-left: -20px; height: 90vh;}            
#googlemap iframe { width: 100%; border: 0; height: 90vh;}            
            
            
            
            
            
            
            
            
            
            
            
            
        
@media screen and (max-width: 800px) {
   #augen { margin-top: -20px; }  
   #augen h1 { font-size:xx-large; z-index:2; position:absolute; left: 20px}
   #augen p { font-size:x-large; z-index:2; position:absolute; left: 20px; margin-top: 50vh}
   #erstgespraech { padding: 0px; }    
   #erstgespraech .pbutton { text-align:left; margin-left:0; line-height:200% }
   #erstgespraechvideo {margin: 40px auto 0px -10px; min-width: calc(100% + 20px);padding:0}
   #erstgespraechvideo iframe { min-width: 100% }
   
   #annemarie, #joachim, #gregor, #roswitha {min-width: calc(100% - 40px); margin:10px 0 0 0 0}
   #googlemap  { height: 90vh;}   
   #googlemap iframe { height: 90vh;}   
}