/*
Theme Name: jvb
Author: 
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)
*/

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

  h2 {
   	font-size:calc(26px + (50 - 26) * ((100vw - 360px) / 1560));
	font-size: clamp(26px, calc(26px + (50 - 26) * ((100vw - 360px) / 1560)), 50px);
    font-family: 'Marcellus SC';
	text-transform: uppercase !important;

  }

  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);
    line-height: 1.3;
    font-weight: 400;
  }

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

	}


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



 /*wechselnde Hintergrundfarbe*/
  .anibgc {
   animation-name:anibgc;
   animation-duration:20s;
   animation-iteration-count: infinite;
   transition-timing-function: ease-in-out;
  }
  @keyframes anibgc {
	  0%{
    background:#474747;
   }
	   25% {
    background:#de002e;
   }
	     50% {
    background:#474747;
   }
   75%{
	   background:#de002e;}

   100% {
    background:#474747;
   }
  }
  
  @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;
  }
  }
  
	/*place button modules next to each other in the same column*/
	.pa-inline-buttons .et_pb_button_module_wrapper {
		display: inline-block;
		align-content:center;
			justify-content: center;
	}


.et_pb_button_0,
.et_pb_button_0_wrapper .et_pb_button_0,
.et_pb_button_0_wrapper .et_pb_button_0:hover,
.et_pb_button_1,
.et_pb_button_1_wrapper .et_pb_button_1,
.et_pb_button_1_wrapper .et_pb_button_1:hover,
.et_pb_button_2,
.et_pb_button_2_wrapper .et_pb_button_2,
.et_pb_button_2_wrapper .et_pb_button_2:hover {
 transition:color 200ms ease 0ms,background-color 300ms ease 0ms,padding 300ms ease 0ms
}
 


.center-vertical{
	display:flex;
	flex-direction:column;
	justify-content:center;
}




/************************************* Mobile Menu *********************************************************/







/* Text left of hamburger in the Theme Builder */
.et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 60px;
margin-top:5px;
margin-right:20px !important;
color: #272829;
font-size:16px;
}

/* Text left of hamburger in Divi 3 */
#et_mobile_nav_menu:before  {
content: 'MENU';
position: absolute;
right: 15px;
bottom:27px;
color: #dedede;
font-size:16px;
}

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}

/* Remove the top line in the mobile menu*/
.et_mobile_menu {
border-top:0;
}

/* Center-align moble menu items */

.et_mobile_menu li {
text-align:left !important;
	padding-left:20px !important;
	line-height:0.8 !important ;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:20px !important;
	color:#fff;
}

/* Make mobile menu fullwidth */
.et_mobile_menu {
min-width: 100vw;
margin-left: -10vw;
}

/* Make the mobile menu full height */

.et_mobile_menu {
min-height:100vh !important;
min-height: -webkit-fill-available;
padding-top:10px !important;
	padding-bottom:800px !important;
}

html {
height: -webkit-fill-available;
}

/* Remove the animation to avoid delay */

.mobile_nav.opened .et_mobile_menu {
display:block !important;
}

/* Bild Titel bei Hover nicht anzeigen */
  img {
    pointer-events: none; 
  }

/* Skalieren Autorenbilder aus */
.et_pb_image_0_tb_body .et_pb_image_wrap img{
    min-height: 96px !important;
}
.et_pb_image_0_tb_body {
     max-width: 96px !important;
    text-align: center !important;
}