/*
Theme Name: Werner Child Theme
Template: werner
Version: 1.0
*/



/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../werner/css/fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../werner/css/fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../werner/css/fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../werner/css/fonts/roboto-v47-latin-700.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: 'Roboto' !important;
  font-weight: normal !important;
  }
  
  
  
  
  h1, h2, h3, h4, h5, h6, h6 a { 
    font-family: 'Roboto';
              font-weight: 500 !important;
              font-style: normal !important;
              color: #001f41 !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: 'Roboto';
    font-weight: 400;
    color:#000;
  }
  
  
  h1 {
    font-size: 4rem;
    line-height:4.5rem;
      }
  
      h2 {
        font-size: 2.5rem;
        line-height: 3.25rem;
          }
    
      h3 {
        font-size: 2rem;
        line-height: 2.75rem;
      
          }
          
    
    
      h4 {
        font-size: 1.5rem;
        line-height: 2.2rem;
        font-weight: 600 !important;
          }	
       
     
          
      h5 {
        font-size: 1.25rem;
        line-height: 1.75rem;
        font-weight: 600 !important;
          }	
    
         
          
      h6 {
        font-size: 1rem;
        line-height: 1.6rem;
        font-weight: 600 !important;
          }	
      
      p {
          font-size:1rem !important;
          line-height:1.5rem !important;
      }	
  
     .groesser p {
      font-size:1.75rem !important;
      line-height:2.25rem !important;
  }	 
  
  p a {
  text-decoration: underline !important;
  text-underline-offset: 4px;
}	

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

  /*      
  h2 {
    font-size: calc(1rem + 1.5vw);
    line-height: calc(1.2rem + 1.5vw);
      }
  
  .big h2 {
    font-size: calc(1rem + 2.6vw); 
        line-height: calc(2rem + 2.6vw);
        text-transform: uppercase;
        }
  
  h3 {
    font-size: calc(0.7rem + 1.5vw);
    line-height: calc(1.2rem + 1.5vw);
  
      }
      
  
  
  h4 {
    font-size: calc(0.6rem + 1.4vw);
    line-height: calc(1rem + 1.4vw);
      }	
   
      
  .tag h4 {
    font-size: calc(0.6rem + 0.6vw);
    line-height: calc(1rem + 0.6vw);
        font-family: 'Oswald';
    font-style: normal;
    font-weight: 400;
    color:#911c18 !important;
    text-transform: uppercase;
    letter-spacing: 8px !important;
          }	      
  
      
  h5 {
    font-size: calc(0.9rem + 0.6vw);
    line-height: calc(1.3rem + 0.6vw);
      }	
  
     
      
  h6 {
    font-size: calc(1.1rem + 0.2vw);
    line-height: calc(1.5rem + 0.2vw);
      }	
  
  p {
      font-size:1.125rem !important;
      line-height:1.75rem !important;
  }	
  
  */
  
  .versteckt {
    display: none !important;
  }
  
  
  .zentriert, .zentriert p {
      text-align: center !important;
  }
  
  .nectar-button.button_zentriert {
    margin:0 auto !important;
    display: block !important;
    width: max-content !important;
    text-align: center !important;
  }
  
  
  .blau, .blau p, .blau h5, .blau h3 {
      color:#001f41 !important;
  }
  
  .orange, .orange h2 {
    color: #ee7219 !important;
  } 
  
  .grau {
      color:#c3c3c3;
  }
  
  .weiss, .weiss p, .weiss h2, .weiss h4, .weiss h3, .weiss h5, .weiss h6, .weiss a, h2.weiss, h3.weiss, h4.weiss, h5.weiss, h6.weiss {
      color:#fff !important;
  }
  
  .schwarz h5, .schwarz h4, .schwarz h6 {
    color:#000 !important;
  }
  
  
  .bg_blau {
      background-color:#001f41;
  }

  .bg_hellblau {
    background-color:#1a73e8;
}

  .bg_orange {
    background-color: #ee7219;
  }
  

  
  .fett {
    font-weight: 500 !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: 'Roboto' !important;
    font-weight: 400;
    color:#000;
    max-width: 700px;
   }
   
   .eigene_liste ul li::before {
     content: "•";
     color:#001f41;
     font-size: 2rem !important;
     font-weight: 500;
    margin-right:15px;
     margin-left:-25px !important;
     display: inline-block;
     transform: translateY(3px);
   }
  
  
  a.nectar-button  {
    font-family: 'Roboto' !important;
    font-size: 1.125rem !important;
    letter-spacing: 1px !important;
    padding: 16px 24px !important;
  }
  
  .nectar-button[data-color-override="false"].regular-button:hover {
    background-image: linear-gradient(rgb(0 0 0/10%) 0 0);
  }
  
  body[data-button-style="slightly_rounded_shadow"] .nectar-button:hover,
  body[data-button-style="slightly_rounded_shadow"] .nectar-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;
  }
  
  .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;
    margin:0 auto !important;
    }
  
    .max_1100 {
      max-width: 1100px;
      }  
  
    .max_1200 {
      max-width: 1200px;
      margin:0 auto !important;
      }  
  
  .max_1200_links {
        max-width: 1200px;
        } 
  

  /* .......................... NAVI .............................. */  
  
  .header_infos_container {

  }

  .header_infos {
    text-align: right;
  }

  .header_infos p {
    font-size: 0.8rem !important;
  }

  .header_infos span.header_telefon {
    font-weight: 600;
   display: inline-block;
   margin-right: 5px;
  }

  .header_infos span.header_zeiten {
    font-weight: 600;
   display: inline-block;
 margin-right: 5px;
   margin-left: 30px;
  }
 
  
  
  ul.sf-menu li a {
    font-family: 'Roboto';
    font-size: 1rem !important;
    line-height: 1.25rem !important;
    font-style: normal;
    font-weight: 500;
  }
  
  ul.sf-menu li li  {
    margin-bottom: 12px;
  }

  
  
  #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: 'Roboto' !important;
    font-size: 1.5rem !important;
    line-height: 2rem !important;
    font-style: normal;
    font-weight: 500 !important;
  }
  
  widget-area.fullscreen-alt .menuwrapper li a {
    padding: 2px 20px !important;
  }
  
  body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content {
    margin-bottom: 40px !important;
    background-color: #94261c !important; 
    padding: 10px 15px;
  }
  
  /*
  #slide-out-widget-area .secondary-header-text, body #slide-out-widget-area .inner-wrap .inner .nectar-header-text-content {
    margin-bottom: 20px;
    border-radius: 6px;
    background-color: transparent !important;
    padding: 10px 15px;
  }
  */
  
  #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 ---------------------------- */

  .slider_text h2 {
    font-weight: 700 !important;
    color:#fff !important;
    text-align: center !important;
    max-width: 950px;
    margin:0 auto !important;
  }

  h5.kasten_headline {
    color: #1a73e8 !important;
  }


.meilenstein_zahl h4 {
color:#1a73e8 !important;
font-size: 3.5rem !important;
}

.meilenstein_text p {
font-size: 1.2rem !important; 
}
  
  /* -----------------------------  ÜBER UNS ---------------------------- */

 .team_mitglied h5 {
    color:#1a73e8 !important;
    margin-top: -5px !important;
    margin-bottom: 15px !important;
  }


.einzel_leistung_container h5 {
  color:#1a73e8 !important;
    margin-top: -5px !important;
}


/* ------------------------------  KURSE UND SEMINARE --------------------- */

.events_container_all h3.vsel-meta-title {
  font-size: 1.25rem !important;
        line-height: 1.5rem !important;
        font-weight: 600 !important;
}

.events_container_all .vsel-meta.vsel-alignleft {
  width:100% !important;
  margin-bottom: 10px;
}

.events_container_all .vsel-info.vsel-alignright,
.single-event .vsel-info.vsel-alignright  {
  width:100% !important;
}

.events_container_all .vsel-info.vsel-alignright .vsel-text {  /* damit die schrift nicht anders aussieht, wenn man die Zusammenfassung vergisst */
  font-size: 1rem !important;
    line-height: 1.5rem !important;
  font-family: 'Roboto';
  font-weight: 400;
  color: #000;
}

.events_container_all .vsel-info.vsel-alignright a.vsel-read-more {
  margin-top: 10px;
  font-weight: 600 !important;
  color:#1a73e8 !important;
}

.events_container_all .vsel-meta > div {
  margin:0 !important;
}

.events_container_all .vsel-meta .vsel-meta-date,
.events_container_all .vsel-meta .vsel-meta-time,
.events_container_all .vsel-meta .vsel-meta-location,
.single-event .vsel-meta .vsel-meta-date,
.single-event .vsel-meta .vsel-meta-time,
.single-event .vsel-meta .vsel-meta-location {
  color:#001f41;
  font-weight: 600;
}

.events_container_all .vsel-meta .vsel-meta-date span,
.events_container_all .vsel-meta .vsel-meta-time span,
.events_container_all .vsel-meta .vsel-meta-location span,
.single-event .vsel-meta .vsel-meta-date span,
.single-event .vsel-meta .vsel-meta-time span,
.single-event .vsel-meta .vsel-meta-location span {
  color:#333;
  font-weight: 400;
}

/* ------------------------------  SINGLE EVENT --------------------- */

.single-event .heading-title {
  padding-bottom: 15px !important;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px !important;
}

.single-event .blog-title h1.entry-title {
  font-size: 1.5rem;
        line-height: 2.2rem;
       font-family: 'Roboto';
              font-weight: 500 !important;
              font-style: normal !important;
              color: #001f41 !important;
}

.single-event .vsel-content {
}

.single-event .vsel-meta.vsel-alignleft {
  width:100% !important;
  margin-bottom: 30px;
}

.single-event .vsel-info.vsel-alignright .vsel-text {
  max-width: 800px !important;
}


/* ----------------------------  PUBLIKATIONEN ---------------------- */

.pdf_download_container div.wpb_wrapper {
	display:inline-block !important;
	vertical-align: top !important;
}

.pdf_download_container .pdf_download h6   {
   margin-bottom: 1px !important;
}



.pdf_download_container .pdf_download::before {
content: url(images/pdf_file_icon_50.png);
display:inline-block !important;
width: 41px !important;
height: 50px !important;
margin-right: 20px;
}


/* ----------------------------  REFERENZEN  ---------------------- */


.referenzen_container_innen .img-with-aniamtion-wrap  {
  min-height: 70px;
  margin-bottom: 15px !important;
}

.referenzen_container_innen .referenz_image {
  max-height: 60px !important;
  width: auto !important;
  /* margin:0 auto; */
}



/* ----------------------------  Kontakt  ---------------------- */

.kontakt_wort {
   font-weight: 600;
   display: inline-block;
   min-width: 35px;
}

.kontakt_container_innen div.wpforms-container-full .wpforms-field-label, 
.kontakt_container_innen .wp-core-ui div.wpforms-container-full .wpforms-field-label {
  margin: 0 0 10px 0 !important;
}

body[data-button-style*="slightly_rounded"] button[type=submit],
body[data-button-style*="slightly_rounded"] button {
border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    background: #1a73e8;
}

body[data-button-style*="slightly_rounded"] button[type=submit]:hover,
body[data-button-style*="slightly_rounded"] button:hover {
  box-shadow: none !important;
-ms-transform: none !important;
transform: none !important;
-webkit-transform: none !important;
background: #1057b3;
}

.kontakt_container_innen div.wpforms-container-full button[type=submit] {
  height: auto !important;
}

.kontakt_container_innen div.wpforms-container-full button[type=submit]:hover {
  
}

body[data-form-submit=regular] .container-wrap button[type=submit] {
  padding:12px 22px !important;
}

body[data-form-submit=regular] .container-wrap button[type=submit]:hover {
  opacity:1 !important;
}

body[data-button-style="slightly_rounded_shadow"] .container-wrap button[type="submit"]:hover {
  box-shadow: none !important;
}


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

p.footer_menu {
  text-align: right;
}


p.footer_menu a {
  text-decoration: none !important;
}