@charset "utf-8";

/* grand-hotel-regular - latin */
@font-face {
  font-family: 'Grand Hotel';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/grand-hotel-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/grand-hotel-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/grand-hotel-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/grand-hotel-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/grand-hotel-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/grand-hotel-v13-latin-regular.svg#GrandHotel') format('svg'); /* Legacy iOS */
}


body {
    background-color: #fff;
    color: #333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857;
}

h6, p {
    font-size: 14px !important;
    min-height: 0 !important;
}

.cover.black {
    background-color:rgba(0,0,0,.3)
}

.main .motto {
    min-height: 0 !important;
}

p#inviteMail::after {
    content: "ika@hebammenpraxis-klin.de";
}
span#displayMail::before {
    content: "";
}
span#honeyPot {
    display: none;
}


/*  Media Queries
--------------------------------------------------------------------*/
	
	/* We use this media query to add styles to any device that supports media queries */
    @media only screen and (min-width: 320px) { 
    
        div.main {
             background-image:url(../img/bg-home_640x1136@2x.jpg);
        }
        h1 {
            font-size: 3em !important;
        }
    	
    /* END min-width: 320px */
    }
    
    
    
    /* Used to alter styles for screens at least 480px wide. This is where the grid changes. */
    @media only screen and (min-width: 480px) {
        
        
                	    			      
    /* END min-width: 480px */
    }
    
    
    
    
    /* Used to alter styles for screens at least 768px wide. This is where the grid changes. */
    @media only screen and (min-width: 768px) {
        
        h1 {
            font-size: 4em !important;
        }
                	    			      
    /* END min-width: 768px */
    }
    
    
    
    /* Used to alter styles for screens at least 800px wide. */
    @media only screen and (min-width: 800px) {

    	div.main {
             background-image:url(../img/bg-home_1024x768.jpg);
        }
        h1 {
            font-size: 82px !important;
        }
		          
    /* END min-width: 800px */
    }
    
    
    
    /* Used to alter styles for screens at least 1024px wide. */
    @media only screen and (min-width: 1024px) {

  		
			
    /* END min-width: 1024px */
    }
    
    
    
    /* Used to alter styles for screens at least 1280px wide. */
    @media only screen and (min-width: 1280px) {
        
        div.main {
             background-image:url(../img/bg-home_1920x1200.jpg);
        }
        
    /* END min-width: 1280px */
    }
    
    
    
    /* Used to alter styles for screens at least 1440px wide. */
    @media only screen and (min-width: 1440px) {
    
    
    
    /* END min-width: 1440px */
    }
    
    
    
    /* Apply styles to screens in landscape orientation */
    @media only screen and (orientation: landscape) {
	    
	    
    
    }
    
    
    
    /* Apply styles to screens in portrait orientation */
    @media only screen and (orientation: portrait) {
	      
		
	
	/* END portrait */
    }