/* iphone */
@media only screen and (min-width: 20px)  and (max-width: 759px){
    
}

/* iphone portrait*/
@media only screen and (min-width: 320px)  and (max-width: 759px) and (orientation: portrait){
    
h1{font-size:160%;}
    
.datenschutz{
margin: 80% auto 5%;
width: 95%; }
    
#header {height: 38em;}
.banner {padding: 4em 0;}
.banner-sub   {padding:1em 0;}
.row1 {padding: 0% 1%; }
.row2 {padding: 0% 1%;}
.modal-content { width: 80%;}

  
}


/* iphone landscape*/
@media only screen and (min-width: 320px)  and (max-width: 759px) and (orientation: landscape){

h1{font-size:240%;}
.datenschutz{
margin: 45% auto 5%;
width: 95%; }
    
body {font-size:65%;line-height:150%;}
.banner   {padding: 4em 0;}
.banner-sub   {padding:4em 0;}
#header {height: 38em;}
.row2 {margin-left:-2px;}
.about2{margin:2% 0% 2% 5%;}
.abbinder{line-height: 140%;font-size:270%;}
.footer{text-align: center; margin-top:3%;font-size: 90%;}
#myBtn {font-size: 160%;}
.modal-content { width: 80%; font-size: 65%;}
    

}