/*
Theme Name: child Divi
Description: Childtheme 
Author: 
Author URI: 
Template: Divi
Version: 1.1
Tags:
*/ 


#logo {
  max-height: 100%  !important;
}


.kindergrid  {
  width: 100% !important;
  max-width: 100% !important;
}
.kindergrid .et_pb_column {
	display: grid;
	place-items: center;
	grid-template-columns: 25% 25% 25% 25%;
}
.kindergrid .et_pb_column .et_pb_module {}
#et_pb_contact_form_0 { 
	position: relative;
	z-index: 999;
}
#et_pb_contact_form_0 .et_pb_contact_field_options_list {
    display: none!important; visibility:none;opacity:0;
}
#et_pb_contact_form_0 .et_pb_contact_field_options_wrapper{
    font-size: 12px;
	line-height: 17px;
}

.numbers { 
  bottom: 20px !important;
  position: absolute !important;
  top: auto;
  width: 80%;
  left: 10%;
  color: #fff;
}

.numbers div{ 
  display: grid !important;
  place-items: center;
  grid-template-columns: 20% 20% 20% 20% 20%;
}

.personalgrid {background:#e5fff8;}
.personalgrid .et_pb_column {
	display: grid;
	place-items: center;
	grid-template-columns: 50% 0% 50%;
}
.personalgrid .et_pb_column .et_pb_module {margin-bottom: 0 !important;z-index: 5;
  position: relative;}
.personalgrid .et_pb_column .et_pb_module strong{font-size:20px;}
.personalgrid .et_pb_column .et_pb_module span{font-size:18px;}
.personalgrid .et_pb_column .et_pb_module.et_pb_social_media_follow { 
z-index: 9;
  position: relative;
  background: #00274d;
  padding: 5px;
}
.personalgrid .et_pb_column .et_pb_module.et_pb_social_media_follow li a.icon {
  text-align: center;
  margin: 0;
}

.numbers p{font-size:1.6vw !important;width:100%;  padding: 0 !important;}
.numbers b{font-size:3.1vw!important;  width: 100%;  display: block;  margin-bottom: 20px;}

.footercenter{display:grid;place-items:center;}

.overlayer {
	top:46% !important;
	font-size:3.5vmin !important;
	display:block !important;
	left:6% !important;
	position:absolute !important;
}

.zahl{
	font-size: 9vw !important;
	background-image: url('https://xn--prvention-w2a.akademie-am-derbypark.de/wp-content/uploads/Buecher_Praeentionswissen.jpg');
	-webkit-background-clip: text;
    background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #ffffff;
	color: transparent !important;
    background-blend-mode: multiply;
	padding-top:100px;
	padding-bottom:100px;	
}

.desktop{display:block !important;}
.mobile{display:none !important;}

@media (max-width: 1100px) {	
	.personalgrid .et_pb_column .et_pb_module.et_pb_social_media_follow {  margin-top: -22px;}
	.personalgrid .et_pb_column .et_pb_module.et_pb_social_media_follow li,
	.personalgrid .et_pb_column .et_pb_module.et_pb_social_media_follow li a.icon { margin: 0; padding: 0;}
	.mobile{display:block !important;}
    .desktop{display:none !important;}
	.personalgrid .et_pb_column {  grid-template-columns: 100%; }
	.personalgrid .et_pb_image, 
	.personalgrid .et_pb_image_wrap img, 
	.personalgrid .et_pb_image_wrap {width:100% !important;}	
    .kindergrid .et_pb_column .et_pb_module {font-size:12px !important;    line-height: 18px;}
}

@media (max-width: 980px) {	
	.personalgrid .et_pb_column .et_pb_module.et_pb_social_media_follow {  margin-top: -22px;}
	.personalgrid .et_pb_column .et_pb_module.et_pb_social_media_follow li,
	.personalgrid .et_pb_column .et_pb_module.et_pb_social_media_follow li a.icon { margin: 0; padding: 0;}
	.mobile{display:block !important;}
    .desktop{display:none !important;}
	.personalgrid .et_pb_column {  grid-template-columns: 100%; }
	.zahl{
		  font-size: 100px !important;
		  padding-top: 50px;
		  padding-bottom: 70px;
	} 
	.footercenter{grid-template-columns: 100%;}
	.footercenter div{  
		width: 100%;
		margin: 0 !important;
		display: grid;
		place-items: center;
		text-align: center;
		padding: 0;
	}
	.footercenter div:nth-child(2){  margin: 10px 0 !important;}
}

@media (max-width: 780px) {
	.numbers {
		bottom: 0px !important;
		left: 2%;
		width: 100%;
	}
	.numbers p {  margin-bottom: 0px;line-height: 20px;}
	.numbers b {  margin-bottom: 0px; line-height: 20px;}
	.overlayer {
		top: 25% !important;
		background: rgba(128,128,128,.5);
		padding: 10px 20px 20px 20px;
		border-radius: 10px;
		width: 88% !important;
	}
    .kindergrid .et_pb_column {	grid-template-columns: 100%;}
	.kindergrid .et_pb_column .et_pb_module.et_pb_text {padding:30px 20px !important;}
}

@media (max-width: 480px) { 
	.numbers p {  margin-bottom: 0px;line-height: 16px;}
	.numbers b {  margin-bottom: 0px; line-height: 10px;}
	.overlayer {
		top: 15% !important;
	}	
}


.button {
  background: #00274D;
  color: #ffffff !important;
  border: 2px solid #00274D;
  font-size: 3vmin;
  padding: .3em 1em;
  margin-top: 10px;
  display: inline-block;
  border-radius: 6px;
}
.button:hover { border-color: #e5fff8;}
.herz,
.herz::after {
    border: 2px solid;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    width: 10px;
    height: 8px;
    border-bottom: 0
}
.herz {
  box-sizing: border-box;
  position: relative;
  transform: translate( calc(-10px / 2 * 2), calc(-6px / 2 * 3) ) rotate(-45deg) scale(2);
  display: block;
  float: left;
  margin: 0 14px;
  color: #00274d;
}
.herz::after,
.herz::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute
}
.herz::after {
    right: -9px;
    transform: rotate(90deg);
    top: 5px
}
.herz::before {
    width: 11px;
    height: 11px;
    border-left: 2px solid;
    border-bottom: 2px solid;
    left: -2px;
    top: 3px
}