/*
Theme Name: jungvonberg
Author: JH
Description: Your description goes here
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)
*/


/* stick-no-bills-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: 'Stick No Bills';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/stick-no-bills-v8-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/stick-no-bills-v8-latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* stick-no-bills-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: 'Stick No Bills';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/stick-no-bills-v8-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/stick-no-bills-v8-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* stick-no-bills-600 - 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: 'Stick No Bills';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/stick-no-bills-v8-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/stick-no-bills-v8-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* stick-no-bills-800 - 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: 'Stick No Bills';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/stick-no-bills-v8-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/stick-no-bills-v8-latin-800.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* cairo-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: 'Cairo';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/cairo-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/cairo-v26-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cairo-600 - 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: 'Cairo';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/cairo-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/cairo-v26-latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* cairo-800 - 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: 'Cairo';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/cairo-v26-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('fonts/cairo-v26-latin-800.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


 html{
    font-size: 16px;
  }

  body{
    font-family: 'Cairo';
    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(26px, calc(26px + (36 - 26) * ((100vw - 360px) / 1560)), 36px);
    font-family: 'Stick No Bills';
	text-transform: uppercase !important;
  }

 /* h2 {
   	font-size:calc(30px + (60 - 30) * ((100vw - 360px) / 1560));
	font-size: clamp(30px, calc(30px + (60 - 30) * ((100vw - 360px) / 1560)), 60px);
    font-family: 'Stick No Bills';
	text-transform: uppercase !important;

  }
*/

 h2 {
	font-size: clamp(3rem, 0.4231rem + 2.5641vw, 4.5rem);
    font-family: 'Stick No Bills';
	text-transform: uppercase !important;
	color:#9b000e !important
  }

h3, h4 {
    font-family: 'Cairo';
    font-size: clamp(1rem, calc(0.6250rem + 1.6667vw), 1.5rem) !important;
    line-height: 1.2;
	   font-weight: 600;
  
  }

  h5 {
    font-family: 'Stick No Bills';
    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: 'Cairo';
  	font-size:calc(16px + (24 - 16) * ((100vw - 360px) / 1560));
	font-size: clamp(16px, calc(16px + (24 - 16) * ((100vw - 360px) / 1560)), 24px);
    line-height: 1.3;
    font-weight: 400;
	color:#993300 !important
  }

  p {  
   font-family: 'Cairo';
   line-height:1.4rem !important;

	}


	/*place button modules next to each other in the same column*/
/* Extra small devices (phones, 780px and down) */
@media only screen and (max-width: 780px) {.pa-inline-buttons .et_pb_button_module_wrapper
	{	  display: flex;
  justify-content: center;
  align-items: center;}}

/* Large devices (laptops/desktops, 781px and up) */
@media only screen and (min-width: 781px) {.pa-inline-buttons .et_pb_button_module_wrapper
	{	  display: inline-block}}



.cta-btn {   background-color:#01AEEF;
padding: 10px 20px;
}
@media only screen and (max-width: 780px){
	.sticky-social-icons-container {visibility:hidden !important}}



/*blog image aspect ratio square 1:1*/

.pa-blog-image-1-1 .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}

.pa-blog-image-1-1 .entry-featured-image-url img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}


.center-vertical{
display: flex;
	align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}