@font-face {
font-family: 'born_readyregular';
src: url(//www.franken-genuss.com/wp-content/uploads/2020/07/bornready.woff2) format('woff2'),
url(//www.franken-genuss.com/wp-content/uploads/2020/07/bornready.woff) format('woff');
font-weight: normal;
font-style: normal;
}
#et-info-phone {
margin-right: 32px;
}
#et-info-phone::before {
top: 1px;
margin-right: 7px;
}
#et-info-email::before {
margin-right: 9px;
top: 2px;
position: relative;
}
::selection {
color:#fff;
background-color:#90C43E;
}
::-moz-selection {
color: #fff;
background-color:#90C43E;
}
#intro20{
margin-bottom:0px;
overflow:hidden;
background:#000;	
height:80vh;	
border-bottom:5px solid #060606;
}
#intro20 .dridl{
width:33.33%;
height:80vh;
float:left;	
box-sizing:border-box;
border-right:5px solid #202020;
text-align:center;
display:table;
position:relative;
cursor:pointer;	
background-repeat:no-repeat;
background-size:cover;
-webkit-transition: width .6s;
-moz-transition: width .6s;
-ms-transition: width .6s;
-o-transition: width .6s;	
}   
#intro20 .dridl:last-of-type{
width:33.33%;
}   
#intro20 .dridl img{
position:absolute;
}
#intro20 #firstD img{
bottom:3.5%;
left:2vw;	
width:8vw;
max-width:113px;
}
#intro20 #secondD img{	
bottom: 3.5%;
left: 50%;
width: 15vw;
max-width: 254px;
margin-left: -9.5vw;
}
#intro20 #thirdD img{
bottom:3.5%;
right:2vw;		
width:8vw;
max-width:113px;
}
#intro20 #firstD{
background-image:url(//www.franken-genuss.com/wp-content/uploads/2020/07/hofladen-cadolzburg.jpg);
background-position: left center;	
}
#intro20 #secondD{
background-image:url(//www.franken-genuss.com/wp-content/uploads/2020/07/genuss-schmiede.jpg);
background-position: center;	
}
#intro20 #thirdD{
background-image:url(//www.franken-genuss.com/wp-content/uploads/2020/07/ueber-uns2.jpg);
background-position: right center;
border:none;
}
#intro20 .dridl h2{
display:table-cell;
vertical-align:middle;
font-size:3.8vw;
position:relative;
z-index:99;
color:#fff;
-webkit-transition: font-size .5s;
-moz-transition: font-size .5s;
-ms-transition: font-size .5s;
-o-transition: font-size .5s;		
font-family: 'born_readyregular';
} 
#intro20 .blackBox{
background:rgba(0,0,0,0.55);
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
display:block;
-webkit-transition: background .5s; 
-moz-transition: background .5s;
-ms-transition: background .5s;
-o-transition: background .5s;	
}
#intro20 .dridl .hofTime{
position: absolute;
bottom: 29px;
max-width: 360px;
color: #fff;
left: 11vw;
text-align: left;
padding-right: 20px;
-webkit-transition: opacity .5s; 
-moz-transition: opacity .5s;
-ms-transition: opacity .5s;
-o-transition: opacity .5s;		
opacity:1;
width:238px;
} #werWirSind{
background-image:url(//www.franken-genuss.com/wp-content/uploads/2020/07/haselnuss-produkte-franken-genuss.jpg);
background-size: cover;	
width:100%;
overflow:hidden;
color:#fff;
font-family: 'born_readyregular';
background-attachment:fixed;
}	
#werWirSind.topH1{
margin-top: -60px;
padding-top: 100px;
padding-bottom: 50px;
border-bottom: 3px solid black;
}
#werWirSind .wrappy{
width:94%;
margin:0 auto;
display:block;
max-width:865px;		
}	
#werWirSind h2{
text-align:center;
font-size:11.4vw;  
color:#fff;
display:inline-block;
margin-bottom:0.2vw;
width:100%;
position:relative;
}
#werWirSind h1{
text-align:center;
font-size:6.4vw;  
color:#fff;
display:inline-block;
margin-bottom:0.2vw;
width:100%;
position:relative;
}
#werWirSind h2::before{	
content:"";
background-image:url(//www.franken-genuss.com/wp-content/uploads/2020/07/arrow-left.png);	
position: absolute;
left: 0;
max-width: 128px;
width: 16vw;
background-size: contain;
height: 2vw;
background-repeat: no-repeat;
bottom: 5vw;
}
#werWirSind h2::after{
content:"";
background-image:url(//www.franken-genuss.com/wp-content/uploads/2020/07/arrow-right.png);	
position: absolute;
right: 0;
max-width: 128px;
width: 16vw;
background-size: contain;
height: 2vw;
background-repeat: no-repeat;
bottom: 5vw;
}
#werWirSind.bottomWerWirSind {
padding-top: 50px; 
padding-bottom: 40px;
}
#werWirSind blockquote{
margin-top:0;
border:none !important;
font-size: 4vw;
line-height: 5.5vw;
padding:0;
font-family: Open Sans,Arial,sans-serif;
margin-bottom:0;
text-align: center;
font-style: italic;
}
#werWirSind .umDieNuss	{
float:left;
width:40%;	
margin-top:6.5vw;
}
#werWirSind .trennlinie{
width:100%;
margin-top:7.5vw;
}
#werWirSind .partnerLog{
width:33.33%;
float:left;
margin-top: 2.5vw;
padding:10px;
box-sizing:border-box;
transition: all .4s ease-in-out;
}	
#werWirSind .partnerLog:hover{
transform: scale(1.1);
}
#werWirSind #contacty {
float: left;
display: block;
position: relative;
overflow: hidden;
margin-top: 2.5vw;
transition: all .4s ease-in-out;
}
#werWirSind #contacty:hover {
transform: scale(1.05);
}
#werWirSind #contacty p {
position: absolute;
top: 0;
left: 0;
text-align: center;
margin-top: 2vw;
width: 100%;
color: #fff;
font-family: Open Sans,Arial,sans-serif;
letter-spacing: .1vw;
text-transform: uppercase;
font-weight: 600;
font-size: 2.5vw;
line-height: 3.6vw;
} 
#werWirSind #contacty p a{
color:#fff;
}
#werWirSind #contacty p a:hover{
color:#90C43E;
}
#iconBlinky {
width:58%;	
margin-right:2%;
float:left;
margin-top:2vw;	
}
#iconBlinky .quad{
width:50%;
float:left;
}
#iconBlinky .quad p{
font-size:3vw;
text-align:center;
color:#fff;
}
#iconBlinky .quad .blinky{
overflow:hidden;	
position:relative;
width:53%;	
display:block;
margin:0 auto;
}
#iconBlinky .quad .blinky .backy{
background-size:cover;
background-repeat:no-repeat;
position:absolute;
width: 100%;
height:100%;
}
#iconBlinky .quad .blinky img{
width: 100%;
display:block;
margin:0 auto;
position: relative;
transition: transform .4s ease-in-out;
}
@keyframes banner{
0% { opacity:0}
25% {opacity:1}
50% {opacity:0}
75% {opacity:1}
100% {opacity:0}}
@keyframes spin { 
0%{ transform: rotate(0deg); } 
100% { transform: rotate(360deg); }
}
#iconBlinky .quad:hover .blinky .backy{
animation-name: banner;
animation-duration: 0.9s; 
animation-direction: alternate;
animation-fill-mode: forwards;
}	
#iconBlinky .quad:last-of-type:hover img{
animation-name: spin;
animation-duration: 0.7s; 
animation-direction: alternate;
animation-fill-mode: forwards;	
}  
.nichtAufLager, .aufLager, .lagerArtikel {
text-align: center;
font-size: 1em;
color: white;
padding: 10px;
border-radius: 20px 20px 0 0;
background: #c92020;
font-weight: 600;
}
.aufLager {
background: #90c43e;
}
.lagerArtikel {
background: #eee;
border-radius: 0;
color: black;
}
@media screen and (min-width : 981px) {	
#intro20 .dridl .hofTime .noDesktop{
display:none;
}	
#iconBlinky .quad .blinky .backy{
opacity:0;
}
#iconBlinky .quad .blinky img{
transform: scale(0.9);
}	
#iconBlinky .quad:hover img{   
transform: scale(1);	
}	
#iconBlinky .quad p{
font-size:29px;
}	
#werWirSind .partnerLog{
margin-top: 25px;
}	
#werWirSind #contacty {		
margin-top: 24px; 
} 
#werWirSind #contacty p {		
margin-top: 20px;
letter-spacing: 1px;
font-size: 24px;
line-height: 35px; 
}  
#werWirSind .umDieNuss	{
margin-top:70px;
}
#werWirSind .trennlinie{
margin-top:80px;
}
#werWirSind h2::before, #werWirSind h2::after{
bottom: 30px;
}
#werWirSind{
padding:0;
}
#werWirSind.topH1 {
padding-top: 200px; 
margin-top: -130px;
padding-bottom: 50px;
border-bottom: 3px solid black;
}
#werWirSind.bottomWerWirSind {
padding-bottom: 50px; 
padding-top: 30px;
}
#werWirSind h2{
font-size:112px;  
}
#werWirSind h1{
font-size:60px;  
}
#werWirSind blockquote {
font-size: 30px;
line-height: 47px;
text-align: center;
font-style: italic;
}		
#intro20:hover .hofTime{
opacity:0;
}
#intro20 #firstD:hover .hofTime{	
opacity:1 !important;
}
#intro20:hover .dridl{
width:15%;
}
#intro20:hover .dridl:last-of-type{
width:70% !important;
}
#intro20 .dridl:hover{
width:70%;
}
#intro20 #firstD:hover ~ .dridl{
width:15% !important;
}
#intro20 #secondD:hover ~ .dridl{
width:15% !important;
}
#intro20 #thirdD:hover ~ .dridl{
width:15% !important;
}
#intro20 .dridl:hover  h2{
font-size:5vw;
}
#intro20 .dridl:hover .blackBox{
background:rgba(0,0,0,0.1);
}
#intro20 .dridl h2{
position:relative;
bottom:70px; 
}
body.page-id-1478 #main-header {
line-height: 23px;
font-weight: 500;
top: 0;
background-color: rgba(0,0,0,0.6);
}	
body.page-id-1478 #main-header #logo {
opacity:0;		
}
body.page-id-1478 #main-header .logo_helper::before{
content:"";
background-image:url(//www.franken-genuss.com/wp-content/uploads/2018/08/logo-white.png);
width: 105px;
height: 89px;
display: block;
background-size: cover;
top: 16px;
position: relative;
-webkit-transition: all .38s;
-moz-transition: all .38s;
-ms-transition: all .38s;
-o-transition: all .38s;			
}
body.page-id-1478 #main-header.et-fixed-header .logo_helper::before{
content:"";
background-image:url(//www.franken-genuss.com/wp-content/uploads/2018/08/logo-white.png);
width: 44px;
height: 37px;
display: block;
background-size: cover;
top: 8px;
position: relative;
}
body.page-id-1478 #top-menu a{
color:#fff;
}
#top-menu a{
text-transform:uppercase;		
}
#top-menu li:last-of-type{
padding-right:0;
}
#intro20{
margin-bottom:0px; 
overflow:hidden;  
}	
#intro20 .dridl{
padding-top:120px; 
}
}
@media screen and (min-width : 1520px) {	
#intro20 .dridl .hofTime{    
width: 360px;
}
}
@media screen and (min-width : 1700px) {	
#intro20 #secondD img{			
margin-left: -150px;
}
#intro20 .dridl .hofTime{
left: 190px;
}	
}
@media screen and (max-width : 980px) {
#intro20 .dridl .hofTime{    
width: 310%;
padding:4px 10px 4px 7px;
top:auto;
bottom:0;
z-index:9;
left:0;
font-size: 10px !important;
line-height: 15px;	
text-align:center;
display:table;
background: rgba(0, 0, 0, 0.5);
max-width:none;
}
#intro20 .dridl .hofTime br{
display:none;
}		
#intro20 .dridl h2 {
font-size: 7vw;
text-shadow: 2px 2px 8px #000;
}
#intro20 .dridl{
height:100%;
}
#intro20 {
height: 60vh;
}	
#intro20 .dridl img{
width:70px !important;
left:50% !important;
right:auto;
margin-left:-35px;
margin-right:0px;
}
#intro20 #secondD img{
width: 125px !important;
left: 50%;
margin-left: -82px;
}	
#intro20 .blackBox {
background: rgba(0,0,0,.2);			
}
#intro20 #firstD {    
background-position: top right -42px;
}	
#intro20 #thirdD {    		
background-image:url(//www.franken-genuss.com/wp-content/uploads/2020/07/ueber-uns-mobile.jpg);
background-position: center center;		
}
#intro20 #secondD {
background-position: top left -178px;
}	
body.page-id-1478 #main-header 		{
background-color: rgba(0, 0, 0, 0.4);
}
body.page-id-1478 #main-header .logo_helper::before{
content:"";
background-image:url(//www.franken-genuss.com/wp-content/uploads/2018/08/logo-white.png);
width: 44px;
height: 37px;
display: block;
background-size: cover;
top: 12px;
position: relative;
}
body.page-id-1478 #main-header #logo {
opacity:0;		
}	
body.page-id-1478 #main-header #et-top-navigation{
padding-top:15px;
}
body.page-id-1478 #main-header .mobile_menu_bar{
padding-bottom:15px;
}
#intro20 .dridl img {
bottom: 55px !important;	
}
}