/*
Theme Name: fundg Child Theme
Template: fundg
Version: 1.0
*/

@font-face {
    font-family: 'gogh-extrabold';
    src: url('../fundg/css/fonts/gogh-extrabold.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gogh-extrabolditalic';
    src: url('../fundg/css/fonts/gogh-extrabolditalic.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* stix-two-text-500 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'STIX Two Text';
  font-style: normal;
  font-weight: 500;
  src: url('../fundg/css/fonts/stix-two-text-v18-latin-ext-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* stix-two-text-500italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'STIX Two Text';
  font-style: italic;
  font-weight: 500;
  src: url('../fundg/css/fonts/stix-two-text-v18-latin-ext-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* stix-two-text-600 - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'STIX Two Text';
  font-style: normal;
  font-weight: 600;
  src: url('../fundg/css/fonts/stix-two-text-v18-latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* stix-two-text-700italic - latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'STIX Two Text';
  font-style: italic;
  font-weight: 700;
  src: url('../fundg/css/fonts/stix-two-text-v18-latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
      
  
html { 
    font-size: 100% !important;
   /* scroll-behavior: smooth !important; */
   
      }

body {	
font-family: 'inter' !important;
font-weight: 300 !important;
}


h1, h2, h3, h4, h5, h6 { 
font-family: 'gogh-extrabolditalic';
          font-weight: normal;
          font-style: normal;
          text-transform: uppercase;
          color: #e75530 !important;
          /* damit die schrift bei chrome nicht duenn aussieht 
          -webkit-text-stroke: 0.2px !important; */
      }		
      


p, .small, .xsmall, .upper, .small p, .xsmall p, .upper p, strong {
font-family: 'gogh-extrabolditalic';
          font-weight: normal;
          font-style: normal;
          text-transform: uppercase;
}


h1 {
font-size: 6rem;
line-height:6.5rem;
  }

  h2 {
    font-size: 4rem;
    line-height: 4.5rem;
      }
 

  h3 {
    font-size: 2rem;
    line-height: 2.5rem;
  
      }
      

  h4 {
    font-size: 2rem;
    line-height: 2.5rem;
      }	
   


 .bold h5 {
  font-weight: 700 !important;
 }
      
  h5 {
    font-size: 2rem;
    line-height: 2.75rem;
      }	

     
      
  h6 {
    font-size: 1.5rem;
    line-height: 2rem;
      }	
  
  p {
      font-size:1.25rem !important;
      line-height:1.75rem !important;
  }	



p a {
/* text-decoration: underline !important;
text-underline-offset: 4px; */
}	

p strong {
font-weight: 700 !important;
}


.versteckt {
display: none !important;
}


.zentriert p {
  text-align: center !important;
}

.zentriert {
margin:0 auto !important;
text-align: center !important;
}



.orange {
    color: #e75530 !important;
    } 

.schwarz {
color:#2e2d2c;
}

.beige {
    color:#fdf9ee !important;
  }


.bg_orange {
  background-color:#e75530;
}

.bg_schwarz {
background-color:#2e2d2c;
}

.bg_beige {
background-color: #fdf9ee;
}

.versetzt_80 {
  padding-left: 80px;
}

.fett {
font-weight: 800 !important;
}

ul, li {
list-style: none !important;
}

.eigene_liste ul {
/* list-style: none !important;
 margin-left: 0 !important; */
 list-style-position:outside !important;
 list-style: none !important;
}

.eigene_liste ul li {
font-size:1rem !important;
line-height:1.5rem !important;
 margin-bottom: 5px !important;
 font-family: 'inter' !important;
font-weight: 400;
color:#42d49c;
max-width: 700px;
}

.eigene_liste ul li::before {
 content: "•";
 color:#42d49c;
 font-size: 2rem !important;
 font-weight: 500;
margin-right:15px;
 margin-left:-25px !important;
 display: inline-block;
 transform: translateY(3px);
}


.max_400 {
max-width: 400px;
}

.max_550 {
  max-width: 550px;
  margin: 0 auto !important;;
  }  


.max_750 {
max-width: 750px;
margin:0 auto !important;
}

.max_800 {
max-width: 800px;
margin:0 auto !important;
}

.max_850 {
  max-width: 850px;
  }

.max_900 {
max-width: 900px;
margin:0 auto !important;
}

.max_950 {
max-width: 950px;
}

.max_1000 {
max-width: 1000px;
}

.max_1100 {
  max-width: 1100px;
  }  

.max_1200 {
  max-width: 1200px;
  margin:0 auto !important;
  }  

.max_1200_links {
    max-width: 1200px;
    } 

.max_1400 {
      max-width: 1400px;
      margin:0 auto;
      }     

.cky-consent-bar .cky-notice .cky-notice-des p a {
    color:#e75530 !important;
    text-decoration: none !important;
}

.cky-btn,
.cky-accordion-item .cky-accordion-header,
.cky-preference-title {
   font-family: 'gogh-extrabolditalic' !important;
          font-weight: normal;
          font-style: normal;
          text-transform: uppercase;
}

.cky-preference-body-wrapper p,
.cky-notice-des p {
    font-size: 0.9rem !important;
    line-height: 1.5rem !important;
}

/* .......................... NAVI .............................. */  


 #header-outer:not(.transparent) #top {
       border-top:2px solid #2e2d2c !important;
       border-bottom:2px solid #2e2d2c !important;
    }

ul.sf-menu li a {
font-family: 'gogh-extrabolditalic';
          font-weight: normal;
          font-style: normal;
font-size: 1rem !important;
line-height: 1.25rem !important;
text-transform: uppercase;
}


#slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, 
#slide-out-widget-area.fullscreen .inner .widget.widget_nav_menu li a, 
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a, 
#slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a {
font-family: 'gogh-extrabolditalic' !important;
          font-weight: normal !important;
          font-style: normal !important;
font-size: 1.5rem !important;
line-height: 2.25rem !important;
text-transform: uppercase;
}

/* .widget-area.fullscreen-alt .menuwrapper li a {
padding: 2px 20px !important;
} */

/* #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen .menuwrapper li, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container .menu li, #slide-out-widget-area.fullscreen-alt .menuwrapper li {
margin: 0 0 0 0 !important;
} */


/*  --------------   Startseite ---------------- */

.start_ueber_uns_container .ueber_uns_button {
    width:50% !important;
    position: relative;
   left:50%;
    top:-15px;
}

.start_menu_container .menu_button {
    width:50% !important;
    position: relative;
   left:25%;
    top:-15px;
}

.start_events_container .events_button {
    width:50% !important;
    position: relative;
   left:50%;
    top:-15px;
}

.start_slider_container .news_button {
    width:30% !important;
    position: relative;
   left:0;
    bottom:-50px;
}



.start_slider_container .sandwich_start {
 /*  rotate:17deg; */
  margin-left: 180px;
  margin-top: 120px;
  width:300px !important;
}


.start_slider_container .fundg_kreis {
    width:70% !important;
    position: absolute;
   left:0;
    top:0;
}


@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.rotating {
  -webkit-animation: rotating 30s linear infinite;
  -moz-animation: rotating 30s linear infinite;
  -ms-animation: rotating 30s linear infinite;
  -o-animation: rotating 30s linear infinite;
  animation: rotating 30s linear infinite;
}



/* ---------------------- UEBER UNS ----------------- */

.ueber_uns_klingt_gut_container .klingt_gut {
     width:50% !important;
    position: relative;
   left:0;
}

.ueber_uns_klingt_gut_container .montag_samstag {
     width:50% !important;
    position: relative !important;
  left:50%;
}

.chefs_container .caspar_spalte {
  padding-top:80px;
}

.meet_the_chefs_schrift_container {
   top:-120px !important;
}

.meet_the_chefs {
   width:55% !important;
    position: relative;
   left:20%;
}

/* ------------------------  MENUE -------------------- */


.zur_speisekarte_container .zur_speisekarte_button {
     width:50% !important;
    position: relative !important;
  left:45%;
  margin-top: -200px !important;
}

/* ---------------------- CATERING -------------------- */

.catering_kontakt_container .catering_kontakt_button {
   width:45% !important;
    position: relative !important;
  left:35%;
}

/* ---------------------- KONTAKT -------------------- */


.kontakt_formular_container {
    max-width: 900px;
}

.kontakt_formular_container .wpforms-container label {
    font-family: 'gogh-extrabolditalic';
          font-weight: normal;
          font-style: normal;
          text-transform: uppercase;
          font-size: 1.25rem;
          line-height: 1.75rem;    
}


.kontakt_formular_container .wpforms-container input[type=text],
.kontakt_formular_container .wpforms-container input[type=email],
.kontakt_formular_container .wpforms-container textarea {
         background-color: transparent;
         border-radius: 0 !important;
         border:1px solid #e75530 !important;
         font-size: 1.25rem;
         line-height: 100%;
         box-shadow: none;
         transition: none;
         margin-bottom: 10px;
         padding:25px !important;
}



.kontakt_formular_container .wpforms-container input[type=text]:focus,
.kontakt_formular_container .wpforms-container input[type=email]:focus,
.kontakt_formular_container .wpforms-container textarea:focus  {
  border:2px solid #e75530 !important;
  box-shadow: none !important;
}



.kontakt_formular_container .wpforms-container textarea {
  min-height:250px !important;
}



.kontakt_formular_container .wpforms-container .kontakt_formular_datenschutz {
  margin-top: 10px;
  margin-bottom: 30px;
}

.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button,
.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button {
       background-color: transparent !important; 
       width:300px !important;
       height:110px !important;
       display:inline-block !important;
       background-image: url(images/senden_button_quer.svg);
       background-repeat: no-repeat;
       background-size: 300px 109px;
       margin-left: 40px;
}

.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button:hover,
.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button:hover {
  box-shadow: none !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important; 
  transition: none !important;
  opacity: 1 !important;
}

div.wpforms-container-full .wpforms-form em.wpforms-error {
     font-family: 'gogh-extrabolditalic';
          font-weight: normal;
          font-style: normal;
}

/*
.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button,
.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button {
       background-color: #94261c !important; 
       height:auto !important;
       font-family: 'Panega' !important;
  font-size: 1.125rem !important;
  letter-spacing: 1px !important;
  padding: 16px 24px !important;
  border-radius: none !important;
}

.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button:hover,
.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button:hover {
  background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
}

.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button:hover,
.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button:focus,
.kontakt_formular_container .wpforms-container button[type=submit].form_eigenes_button:hover,
.kontakt_formular_container.wpforms-container button[type=submit].form_eigenes_button:focus {
  box-shadow: none !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  -webkit-transform: translateY(0) !important; 
  transition: none !important;
  opacity: 1 !important;
} */


/* ------------------------- FOOTER -------------------  */

.footer_container .footer_links_text p a {
  color:#2e2d2c !important;
  margin-bottom: 10px;
}

.footer_container .footer_finde_uns {
    width:50% !important;
    margin-bottom: -10px !important;
}

.footer_container .footer_schreib_uns {
    width:50% !important;
    margin-bottom: -10px !important;
}

.footer_container .footer_ruf_uns_an {
    width:50% !important;
    margin-bottom: -10px !important;
}

.footer_container .footer_oeffnungszeiten {
    width:65% !important;
    margin-bottom: -10px !important;
    margin-top:-27px !important;
}

.footer_container .footer_links {
    width:25% !important;
    margin-bottom: -5px !important;
}

.footer_container .footer_instagram {
    width:80% !important;
    margin-bottom: -10px !important;
}

.footer_copyright p {
    text-align: center;
    color:#fdf9ee !important;
}


.footer_container p span.oeffnungszeiten_kleiner {
      font-size:1rem !important;
      line-height:1.5rem !important;	
}


/*  ----------------------------------------- RESPONSIVE ------------------------------------------- */


/* ...................................... 1300 bis 1600 ................................... */  

@media (min-width: 1300px) and (max-width: 1600px) {

.start_slider_container .sandwich_start {
  width:320px !important;
  margin-left: 220px;
}



.chefs_container .caspar_spalte {
  padding-top:0;
}


.footer_container p {
      font-size:1.15rem !important;
      line-height:1.75rem !important;
  }	

  .footer_container p span.oeffnungszeiten_kleiner {
      font-size:0.85rem !important;
      line-height:1.5rem !important;	
}

}

/* ...................................... 1000 bis 1299 ................................... */  

@media only screen and (min-width: 1000px) and (max-width: 1299px) {

  h3 {
    font-size: 1.5rem;
    line-height: 2rem;
      }
      

.start_slider_container .sandwich_start {
  width:260px !important;
  margin-left: 120px;
  margin-top: 80px;
}

.start_ueber_uns_container .ueber_uns_button {
    width:70% !important;
   left:30%;
    top:-5px;
}

.start_menu_container .menu_button {
    width:70% !important;
   left:15%;
    top:-5px;
}

.start_events_container .events_button {
   width:60% !important;
   left:20%;
    top:-5px;
}

.chefs_container .caspar_spalte {
  padding-top:0;
}

.meet_the_chefs {
   width:45% !important;
   left:26%;
}

.footer_container p {
      font-size:0.9rem !important;
      line-height:1.5rem !important;
  }	

.footer_container .footer_finde_uns {
    width:70% !important;
    margin-bottom: 0 !important;
}

.footer_container .footer_schreib_uns {
    width:70% !important;
    margin-bottom: -5px !important;
}

.footer_container .footer_ruf_uns_an {
    width:70% !important;
    margin-bottom: -10px !important;
}

.footer_container .footer_oeffnungszeiten {
    width:95% !important;
    margin-bottom: -10px !important;
    margin-top:-27px !important;
}

.footer_container .footer_links {
    width:40% !important;
    margin-bottom: 0 !important;
}

.footer_container .footer_instagram {
    width:85% !important;
    margin-bottom: -10px !important;
}

  .footer_container p span.oeffnungszeiten_kleiner {
      font-size:0.85rem !important;
      line-height:1.5rem !important;	
}

}

/* ...................................... 691 bis 999 ................................... */  

@media only screen and (min-width: 691px) and (max-width: 999px)  {

   #header-outer:not(.transparent) #top {
       border-top:none !important;
       border-bottom:none !important;
    }

    html body #header-outer[data-has-menu][data-lhe]:not(.transparent) {
        border-bottom: 2px solid #2e2d2c !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

      h3 {
    font-size: 1.5rem;
    line-height: 2rem;
      }
      
  p {
      font-size:1.125rem !important;
      line-height:1.75rem !important;
  }	

.start_slider_container .sandwich_start {
  width:380px !important;
  margin-left: 180px;
  margin-top: 100px;
}

.start_slider_container .fundg_kreis {
    width:60% !important;
    position: absolute;
   left:8%;
    top:-35px !important;
}


.chefs_container .caspar_spalte {
  padding-top:60px !important;
  margin-bottom: -100px !important;
}

.chefs_container .grischa_spalte {
  margin-bottom:60px !important;
}

.meet_the_chefs_schrift_container {
   top:-300px !important;
   max-width: 580px !important;
   margin:0 auto !important;
}

.meet_the_chefs {
   width:90% !important;
   max-width: 580px !important;
    position: absolute;
    left:5% !important;
}

.zur_speisekarte_container .zur_speisekarte_button {
     width:70% !important;
  left:30%;
  margin-top: -120px !important;
}

.catering_kontakt_container .catering_kontakt_button {
   width:65% !important;
    position: relative !important;
  left:25%;
}

.footer_container .footer_karte {
  margin-bottom: 60px !important;
}


.footer_container .footer_finde_uns {
    width:35% !important;
    margin-bottom: 0 !important;
}

.footer_container .footer_schreib_uns {
    width:35% !important;
    margin-bottom: -5px !important;
}

.footer_container .footer_ruf_uns_an {
    width:35% !important;
    margin-bottom: -10px !important;
}

.footer_container .footer_oeffnungszeiten {
    width:45% !important;
    margin-bottom: -10px !important;
    margin-top:-50px !important;
    transform: translateY(-15px) !important;
}

.footer_container .footer_links {
    width:18% !important;
    margin-bottom: 0 !important;
}

.footer_container .footer_instagram {
    width:95% !important;
    margin-bottom: -10px !important;
}

.footer_copyright p {
     font-size:1rem !important;
      line-height:1.5rem !important;
}

}


/* ...................................... MAX 690 ................................... */

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

  #header-outer:not(.transparent) #top {
       border-top:none !important;
       border-bottom:none !important;
    }

    html body #header-outer[data-has-menu][data-lhe]:not(.transparent) {
        border-bottom: 2px solid #2e2d2c !important;
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

      h3 {
    font-size: 1.5rem;
    line-height: 2rem;
      }
     
       p {
      font-size:1.125rem !important;
      line-height:1.75rem !important;
  }	


.start_slider_container .sandwich_start {
  width:220px !important;
  margin-left: 120px;
  margin-top: 40px;
}

.start_slider_container .fundg_kreis {
    width:80% !important;
    position: absolute;
    top:-40px !important;
}


.start_ueber_uns_container .ueber_uns_button {
    width:60% !important;
   left:10%;
    top:-5px;
}

.start_menu_container .menu_button {
    width:60% !important;
   left:10%;
    top:-5px;
}

.start_events_container .events_button {
   width:55% !important;
   left:10%;
    top:-5px;
}

.ueber_uns_klingt_gut_container .klingt_gut {
     width:55% !important;
}

.ueber_uns_klingt_gut_container .montag_samstag {
     width:70% !important;
  left:30%;
}

.chefs_container .caspar_spalte {
  padding-top:80px !important;
  margin-bottom: -100px !important;
}

.chefs_container .grischa_spalte {
  margin-bottom:60px !important;
}

.meet_the_chefs_schrift_container {
   top:-280px !important;
   max-width: 580px !important;
   margin:0 auto !important;
}

.meet_the_chefs {
   width:90% !important;
   max-width: 580px !important;
    position: absolute;
    left:5% !important;
}

.zur_speisekarte_container .zur_speisekarte_button {
     width:80% !important;
  left:20%;
  margin-top: -60px !important;
}

.catering_kontakt_container .catering_kontakt_button {
   width:65% !important;
    position: relative !important;
  left:25%;
}

.footer_container .footer_karte {
  margin-bottom: 60px !important;
}


.footer_container .footer_finde_uns {
    width:35% !important;
    margin-bottom: 0 !important;
}

.footer_container .footer_schreib_uns {
    width:35% !important;
    margin-bottom: -5px !important;
}

.footer_container .footer_ruf_uns_an {
    width:35% !important;
    margin-bottom: -10px !important;
}

.footer_container .footer_oeffnungszeiten {
    width:45% !important;
    margin-bottom: -10px !important;
    margin-top:-100px !important;
    transform: translateY(-15px) !important;
}

.footer_container .footer_links {
    width:18% !important;
    margin-bottom: 0 !important;
}

.footer_container .footer_instagram {
    width:95% !important;
    margin-bottom: -10px !important;
}

.footer_copyright p {
     font-size:1rem !important;
      line-height:1.5rem !important;
}


}