/*
Theme Name: JUNGVONBERG
Author: JH
Description: childtheme basierend auf divi
Version: 1.0
Template: Divi

This is the child theme for Divi theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/********************************/
/*  Inhaltsverzeichnis
    1. Globale Einstellungen
  	2. Fonts
  	3. Farben
  	4. Startseite
   		4.1 Header
   		4.2 Body
   		4.3 Footer
     */
/*********************************/


/* marcellus-sc-regular - latin */
@font-face {
  font-family: 'Marcellus SC';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/marcellus-sc-v13-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/marcellus-sc-v13-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('fonts/roboto-condensed-v25-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}







  html{
    font-size: 16px;
  }

  body{
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.6;
  }
/* Hintergrundfabe für section definieren
  .et_pb_section {background-color: #e8eef4}
*/
  h1 {
   	font-size:calc(26px + (36 - 26) * ((100vw - 360px) / 1560));
	font-size: clamp(1rem, -0.429rem + 4.286vw, 3rem);
    font-family: 'Marcellus SC';
	text-transform: uppercase !important;
	color:#2f3819 !important;
  }

  h2 {
    font-size: clamp(1rem, calc(0.6250rem + 1.6667vw), 1.5rem) !important;
    line-height: 1.3;
    font-family: 'Roboto Condensed';
  }

  h3, h4 {
    font-family: 'Marcellus SC';
    font-size: clamp(1rem, calc(0.6250rem + 1.6667vw), 1.5rem) !important;
    line-height: 1.3;
  
  }

  h5 {
    font-family: 'Marcellus SC';
    font-size: clamp(1rem, calc(0.4194rem + 1.5806vw), 1.3rem) !important;
    line-height: 1.4;
    font-weight: 400;
    text-transform: uppercase;
  }

  h6 {
    font-family: 'Roboto Condensed';
  	font-size:calc(16px + (28 - 16) * ((100vw - 360px) / 1560));
	font-size: clamp(16px, calc(16px + (28 - 16) * ((100vw - 360px) / 1560)), 28px);
	color:#a0a0a0 !important;
    line-height: 1.3;
    font-weight: 700 !important;
  }

  p {  
   font-family: 'Roboto Condensed';
   font-size: clamp(1rem, calc(0.4194rem + 1.5806vw), 1.2rem) !important;
   line-height: 1.4;
   font-weight: 400;
}


 .post-password-form{
    height:600px !important;
    margin-top:200px !important;
	margin-right:50px !important}
  


  
    /****************************************** reihenfolge spalten in der mobilen ansicht ****************************************************/
    @media all and (max-width: 980px) {
    /*** wrap row in a flex box ***/
    .custom-row {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
    }
     
    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
    -webkit-order: 1;
    order: 1;
    }
     
    .second-on-mobile {
    -webkit-order: 2;
    order: 2;
    }
     
    .third-on-mobile {
    -webkit-order: 3;
    order: 3;
    }
     
    .fourth-on-mobile {
    -webkit-order: 4;
    order: 4;
    }
    /*** add margin to last column ***/
    .custom-row:last-child .et_pb_column:last-child {
    margin-bottom: 30px;
    }
    }
  
    /****************************************** kapitaelchen pro absatz ****************************************************/
  .txt::first-letter {
      color: #ff9933;
      text-transform:uppercase;
      font-size:3em;
      font-weight:bold;
  }
  
  .dt-first-paragraph p::first-letter {
      color: #ff9933; /* Ändere hier die Farbe des Buchstabens */
      float: left;
      font-size: 2.9em; /* Ändere hier die Schriftgröße des Buchstabens */
      line-height: 0.8em; /* Ändere hier die Zeilenhöhe des Buchstabens */
      padding-top: 0px;
      padding-right: 6px; /* Ändere hier den Abstand rechts des Buchstabens */
      padding-left: 0px;
  }
  
  /* Divi Website breiter machen auf Tablets und Smartphones */
  .et_pb_row, .container {
      width: 90%; /* Hier Prozentwert ändern */
  }
  
  /* Text left of hamburger in the Theme Builder 
     .et_mobile_nav_menu:before  {
      content: 'MENÜ';
      position: absolute;
      right: 20px;
      margin-top:5px;
      margin-right:10px !important;
      color: #272829;
      font-size:16px;
      }
  */
  
  .logo_container{left: 0px}
  
  @media(max-width:980px) {
      /* Divi mobiles Dropdown-Menü volle Breite machen */
      #main-header .container {
          width:100%;
          padding:0 10%;
      }
  }
  
  /* Aktuellen Hauptmenü-Link unterstreichen 
  #top-menu li.current-menu-item>a:before {
     content:"";
     background: #ff9933;
     width:100%; 
     height:5px;
     position:absolute;
     left:0; bottom:0;
  }
  */
  
  
  /* Offenes MenÜ Icon ändern */
  .opened .mobile_menu_bar:before {
      content: "M";
	  margin-top: 10px;
  }
  
  .mobile_menu_bar{
	  margin-right: -10px;
 	  color:#2F3819 !important;
	}
  
  /* CTA LINK IM MENU als Button Styling */
      .dt-menu-cta a, .et-fixed-header #top-menu .dt-menu-cta a {
      background: #ffc027 !important; /* Button Hintergrundfarbe hier austauschen */
      border-radius:5px 5px 5px 5px; /* Radius hier anpassen, oder Zeile komplett entfernen für eckigen Button */
      color:#2F3819 !important;
      padding:8px 16px !important; /* Innenabstand des Buttons hier anpassen */
      opacity:1;
  }


  
  @media (min-width:981px) {
      /* Setzt den oberen und unteren Abstand des Hauptmenüs zurück */
      .et_header_style_left #et-top-navigation nav > ul > li:not(.dt-menu-cta) > a, 
      .et_header_style_left .et-fixed-header #et-top-navigation nav > ul > li:not(.dt-menu-cta) > a,
      .et_header_style_split #et-top-navigation nav > ul > li:not(.dt-menu-cta) > a {
          padding-bottom:0 !important;
      }
      /* Korrigiert die Position des Suchicons */
      #et_search_icon:before {
          top:-10px;
      }
      /* Positioniert die Menülinks vertikal mittig */
      .et_header_style_left #et-top-navigation, 
      .et_header_style_split #et-top-navigation {
          display: flex;
          align-items: center;
      }
      /* Hier Menühöhe anpassen */
      .et_header_style_left #et-top-navigation, 
      .et_header_style_split #et-top-navigation {
          padding:55px 0 !important;
      }
      /* Hier Menühöhe für fixiertes Navgationsmenü anpassen (Menühöhe beim scrollen) */
      .et_header_style_left .et-fixed-header #et-top-navigation {
          padding:15px 0 !important;
      }
  }
  
  
  /* Divi Hauptmenü Neu-Tag hinzufügen 
  #top-menu-nav>ul>li.neu a:before {
      content: "Neu";
      font-size: .7rem;
      font-weight: 700;
      letter-spacing: 1px;
      text-transform: uppercase;
      color: #fff;
      background: #ff9933;
      padding: .2em .4em;
      position: relative;
      border-radius: 2px;
      left: 0;
      bottom: 3px;
      margin-right: .5em;
  }
  
  */
  
  
  /****************************************** cursor bei bild deaktivieren ****************************************************/
  /* Bild Titel bei Hover nicht anzeigen */
  img {
    pointer-events: none; 
  }

  /****************************************** springender header ***************************************************

@media only screen and (min-width: 981px) {
  .et_pb_section.hero_section_sub  {
    padding-top: 210px !important;
  }
}
@media only screen and (max-width: 980px) {
  .et_pb_section.hero_section_sub  {
    padding-top: 210px !important;
  }
}*/

@media only screen and (max-width: 980px){
    .et_pb_section_0_tb_header{
	padding-top:10px !important;
	max-height:97px !important;
	}
	header.et-l{
		max-height:97px !important;
	}
	.et_mobile_menu{
		margin-top:7px !important;
	}
}

 /****************************************** silbentrennung ****************************************************/

.silbentrennung {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}


 /****************************************** captcha formular ****************************************************/

.et_pb_contact_right .clearfix{
	margin-top:30px !important;
	color: #fd6701 !important;
	font-size: 1.3rem !important;
	font-weight: bold;
		
}


 /****************************************** eigene spaltenbreiten ****************************************************/

@media only screen and (min-width:981px) {
.spalten-css .et_pb_column_0 { width: 15% !important; }
.spalten-css .et_pb_column_1 { width: 60% !important; padding-right: 10em; }
.spalten-css .et_pb_column_2 { width: 25% !important; }
}
@media only screen and (max-width:980px) { 
 .spalten-css .et_pb_column_0 .spalten-css.et_pb_column_1 .spalten-css .et_pb_column_2 {
    width: 80% !important; 
    margin-right: auto; 
    margin-left: auto; } 
}


 /****************************************** ankerlink fixe navigation ****************************************************/

.scrollanker {
	display: block;
	position: relative;
	top: 90px;
	visibility: hidden;
}

#sb_instagram
.sbi_follow_btn a{
	background-color:#fe4a49 !important
}