:root {
      --yellow: #F5C800;
      --black: #111111;
      --white: #ffffff;
    }


html,body                   { min-height: 100%;  }
body 						{ background-color: var(--yellow); color: var(--black); font-family: 'Forma DJR Micro', sans-serif; font-size: 18px; overflow-x: hidden; }

a 							{ color: var(--black); text-decoration: none; }
a:hover, a:active			{ color: var(--black); text-decoration: none; }

.relativer                  { position: relative}
	
h1,h2,h3    				{ }
h1 			    			{ }
h2          				{ font-weight: 400; font-size: 2rem; line-height: 1.4;  }
h3          				{ font-size: 1rem; font-weight: 500; letter-spacing: 1px; }
h4          				{ font-family: 'Frank Ruhl Libre', sans-serif; font-weight: bold; padding-bottom: 4px; display: inline-block; font-size: 1.15rem; }

img        					{ max-width: 100%; }

p     	    				{ font-family: 'Forma DJR Micro', sans-serif; font-weight: 300; line-height: 2; color: var(--black); margin-bottom: 1.5rem; font-weight: 400; }
p strong    				{ font-weight: 700;  }
li          				{ font-family: 'Forma DJR Micro', sans-serif; font-weight: 300; line-height: 2; color: var(--black);}

.mgauto { margin: 0 auto }


::-webkit-input-placeholder { color: var(--black); font-weight: 500; }
:-ms-input-placeholder      { color: var(--black); font-weight: 500; }
::placeholder               { color: var(--black); font-weight: 500; }


.mobile { display: none }


header {
    padding-top: 50px;
}

#pro-logo {
    width: 590px;
    max-width: 100%;
}

#stoerer {
    width: 456px;
    max-width: 100%;
    position: absolute;
    top: -130px;
    left: 100px;
}


.lead-text {
    font-size: 3rem;
    line-height: 1.1;
    font-weight: 700;
}

.program-text {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
}

.footer-credit {
    font-size: 0.9rem;
}

@media screen and (min-width: 2000px) {
   
}

@media screen and (min-width: 1921px) {
    
}



@media (max-width: 1440px) {
   
}

@media (max-width: 1024px) {

}


@media (min-width: 1200px) {
    .container { max-width: 1200px; }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
   
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    
}

@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    
}

@media screen and (max-width: 767px) {

    html, body { overflow-x: hidden; }

    .mobile { display: block; }

    p.lead-text {
        font-size: 1.6rem;
    }

     p.program-text {
        font-size: 1.2rem;
    }

    h1.lead-text {
        max-width: 65%;
        line-height: 1;
    }

    header {
        padding-top: 10px;
    }

    #stoerer {

        top: 30px;
        left: 25px;
        width: 256px;
    }
}


/* iphone 4 */
@media only screen and (min-device-width: 320px) and (max-device-height: 480px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 6, 6s, 7, 8 */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2) { }

/* iphone 6+, 6s+, 7+, 8+ */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { }

/* iphone X */
@media only screen and (min-device-width: 375px) and (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) { 
   
}

/* iphone XR */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation: landscape) { 
   
}

/* iphone XS */
@media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation: landscape) { 
    
}

/* iphone XS Max */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation: landscape) { 

   

}


/* iphone XR */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation: portrait) { 
   
}

/* iphone XS */
@media only screen and (min-device-width : 375px) and (max-device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation: portrait) { 
   
}

/* iphone XS Max */
@media only screen and (min-device-width : 414px) and (max-device-height : 896px) and (-webkit-device-pixel-ratio : 3) and (orientation: portrait) { 

   

}