/*
Theme Name: Divi Child
Theme URI: https://diviextended.com/
Version: 1.0
Description: Child Theme of Divi
Author: Divi Extended
Template: Divi
*/
@import url("../Divi/style.css");





/* ============ TYPOGRAFIE - Die Klassen für die Darstellung der Schriften ============= */

	/* ======== GRÖßE IN DESIGNVORLAGE - Desktop mit 46 ============= */

	/* ======== GRÖßE IN DESIGNVORLAGE - <p> Fliestext Desktop mit 22 ============= */

	@media all and (min-width: 1101px) {
	p {
	font-size: 21px !important;
	line-height: 1.45em !important;
  	}      
	}
        
	@media all and (min-width: 768px) and (max-width: 1100px) {
	p {
	font-size: 19px !important;
	line-height: 1.45em !important;
	}          	
	}
      
	@media all and (max-width: 767px) {
	p {
	font-size: 18px !important;
	line-height: 1.4em !important;
	}        
	}
   
/* ======== GRÖßE IN DESIGNVORLAGE - <ul> <li> Liste Desktop mit 22 ============= */

	@media all and (min-width: 1101px) {
	li {
	font-size: 21px !important;
	line-height: 1.45em !important;
  	}   
	
	.entry-content ul {
	line-height:1.5em !important;			
		}
	}
        
	@media all and (min-width: 768px) and (max-width: 1100px) {
	li {
	font-size: 19px !important;
	line-height: 1.45em !important;
	}   

	.entry-content ul {
	line-height:1.45em !important;			
		}
		
	}
      
	@media all and (max-width: 767px) {
	li {
	font-size: 18px !important;
	line-height: 1.4em !important;
	}  
		
	.entry-content ul {
	line-height:1.4em !important;			
		}
		
	}
   


/* ============================================= */






















/* Fliestext p */
@media all and (min-width: 768px) and (max-width: 980px) {
	p{
	font-size: 20px !important;
	line-height: 1.45em;
}
}
@media all and (max-width: 767px) {
		p{
	font-size: 19px !important;
	line-height: 1.4em;
}
}

/* Herobild - Anpassung der Bildröße und Schrift  */
@media all and (min-width: 1406px) {
/*.et_pb_fullwidth_header_0 {
		padding: 804px 0 37px !important;
	}*/
	/*.et_pb_text_0 {
        margin-top: -80px !important;
    }*/
}


@media all and (min-width: 1101px) and (max-width: 1405px) {
	/*.et_pb_fullwidth_header_0 {
		padding: 704px 0 37px !important;
	}*/
    /*.et_pb_text_0 {
        margin-top: -80px !important;
    }*/
}

@media all and (min-width: 981px) and (max-width: 1100px) {
	/*.et_pb_fullwidth_header_0 {
		padding: 604px 0 37px !important;
	}*/
	 /*   .et_pb_text_0 {
        margin-top: -80px !important;
    }*/

}

@media all and (max-width: 980px) {
	/*.et_pb_fullwidth_header_0 {
		padding: 504px 0 37px !important;
	}*/

}

@media all and (min-width: 768px) and (max-width: 980px) {
	/*.et_pb_fullwidth_header_0 {
		padding: 404px 0 37px !important;
	}*/
/*.et_pb_text_0 p {
        font-size: 120px !important;
	}
	    .et_pb_text_0 {
         margin-top: -128px !important;
    }*/
}

@media all and (max-width: 767px) {
	/*.et_pb_fullwidth_header_0 {
		padding: 254px 0 37px !important;
	}*/
/*.et_pb_text_0 p {
        font-size: 100px !important;
	}
    .et_pb_text_0 {
        margin-top: -104px !important;
    }*/
}

@media all and (max-width: 479px) {
	/*.et_pb_fullwidth_header_0 {
		padding: 180px 0 37px !important;
	}*/
/*.et_pb_text_0 p {
        font-size: 70px !important;
	}
	.et_pb_text_0 {
        margin-top: -73px !important;
	}*/
}

/* ====== Herofont - Anpassung der Bildrößen an die Endformate ====== */
@media all and (min-width: 1406px) {
    .hero-font {
        font-size: 170px !important;
		padding-top:60px;
    }

	.medium-font-startseite h1{
        font-size: 40px !important;
		line-height: 48px !important;
		padding-bottom:4px !important;
    }
	
	.medium-font h1{
        font-size: 40px !important;
		line-height: 48px !important;
		padding-bottom:4px !important;
    }
	.medium-font p{
        font-size: 40px !important;
		line-height: 48px;
    }
}

@media all and (min-width: 1101px) and (max-width: 1405px) {
  .hero-font {
        font-size: 155px !important;
	  padding-top:30px;
    }

	.medium-font-startseite h1{
		font-size: 38px !important;
		line-height: 47px !important;
		padding-bottom:1px !important;
    }

	.medium-font h1{
        font-size: 38px !important;
		line-height: 47px !important;
		padding-bottom:1px !important;
    }
	.medium-font p{
        font-size: 38px !important;
		line-height: 47px;

    }
}
@media all and (min-width: 981px) and (max-width: 1100px) {
  .hero-font {
        font-size: 135px !important;
	  padding-top:40px;
    }

		.medium-font-startseite h1{
        font-size: 35px !important;
		line-height: 41px !important;
		padding-bottom:0px !important;
    }
		.medium-font h1{
        font-size: 35px !important;
		line-height: 41px !important;
		padding-bottom:0px !important;
    }
	.medium-font p{
        font-size: 35px !important;
		line-height: 41px;

    }
}
@media all and (max-width: 980px) {
  .hero-font {
        font-size: 5.5em !important;
    }
	.medium-font p{
        font-size: 35px !important;
		line-height: 42px;
    }
}
@media all and (min-width: 768px) and (max-width: 980px) {
  .hero-font {
        font-size: 5em !important;
	  padding-top:170px;
    }

		.medium-font-startseite h1{
        font-size: 35px !important;
		line-height: 41px !important;
		padding-bottom:0px !important;
    }	
		.medium-font h1{
        font-size: 35px !important;
		line-height: 41px !important;
		padding-bottom:0px !important;
    }
	.medium-font p{
        font-size: 35px !important;
		line-height: 41px;
    }
}

@media all and (max-width: 767px) {
  .hero-font {
        font-size: 4.5em !important;
	  	  padding-top:170px;
    }

	.medium-font-startseite h1{
        font-size: 27px !important;
		line-height: 32px !important;
		padding-bottom:0px !important;
    }
	.medium-font h1{
        font-size: 27px !important;
		line-height: 32px !important;
		padding-bottom:0px !important;
    }
	.medium-font p{
        font-size: 27px !important;
		line-height: 32px;
    }
}
@media all and (max-width: 479px) {
  .hero-font {
        font-size: 3.5em !important;
	  padding-top:140px;
    }

.medium-font-startseite h1{
        font-size: 25px !important;
		line-height: 32px !important;
		padding-bottom:0px !important;
    }
		.medium-font h1{
        font-size: 25px !important;
		line-height: 32px !important;
		padding-bottom:0px !important;
    }
	.medium-font p{
        font-size: 25px !important;
		line-height: 32px;
    }
}

/* ================= Startseite ================= */

/* == Startseite - Slider Höhe == */
@media all and (min-width: 1406px) {
			.swiper-wrapper {
		height:1120px !important;		
	}
}
	
@media all and (min-width: 1101px) and (max-width: 1405px) {
			.swiper-wrapper {
		height:900px !important;		
	}
}

@media all and (min-width: 981px) and (max-width: 1100px) {
		.swiper-wrapper {
		height:850px !important;		
	}
}

@media all and (min-width: 768px) and (max-width: 980px) {
	.swiper-wrapper {
		height:600px!important;		
	}
}
@media all and (max-width: 767px) {
		.swiper-wrapper {
		height:450px!important;
}
}
@media all and (max-width: 479px){
	.swiper-wrapper {
		height:300px!important;
}
}

/* == Startseite - Schriftgröße "Hey" "Einblicke" "Vertrauen" "Zusammen" == */
@media all and (min-width: 1406px) {
	.hero-font-startseite {
        font-size: 170px !important;
		padding-top:60px;
    }
	.hero-font-einblicke p{
        font-size: 170px !important;
		padding-top:0px;
		margin-bottom:-2px;

    }
	.hero-font-vertrauen p{
        font-size: 170px !important;
		padding-top:0px;
    }
	.hero-font-zusammen p{
        font-size: 170px !important;
		padding-top:0px;
    }
}
	
@media all and (min-width: 1101px) and (max-width: 1405px) {
	.hero-font-startseite {
        font-size: 155px !important;
		padding-top:45px;
    }
	.hero-font-einblicke p{
		font-size: 155px !important;
		padding-top:0px;
		margin-bottom:-7px;
}
	.hero-font-vertrauen p{
		font-size: 155px !important;
		padding-top:0px;
}
	.hero-font-zusammen p{
		font-size: 155px !important;
		padding-top:0px;
		margin-bottom:-3px;
}
}

@media all and (min-width: 981px) and (max-width: 1100px) {
	.hero-font-startseite{
        font-size: 135px !important;
		padding-top:40px;
    }
	.hero-font-einblicke p{
		font-size: 135px !important;
		padding-top:0px;
		margin-bottom:-14px;
}
	.hero-font-vertrauen p{
		font-size: 135px !important;
		padding-top:0px;
}
	.hero-font-zusammen p{
		font-size: 135px !important;
		padding-top:0px;
		margin-bottom:-7px;
}
}

@media all and (min-width: 768px) and (max-width: 980px) {
	.hero-font-startseite {
        font-size: 120px !important;
		padding-top:60px !important;
    }
	.hero-font-einblicke p{
        font-size: 120px !important;
		padding-top:0px !important;
		margin-bottom: -47px;
}
	.hero-font-vertrauen p{
		font-size: 120px !important;
		padding-top:0px !important;
}
	.hero-font-zusammen p{
		font-size: 120px !important;
		padding-top:0px !important;
		margin-bottom: -90px;

}
}

@media all and (max-width: 767px) {
.hero-font-startseite{
        font-size: 105px !important;
		padding-top:50px;
    }
	.hero-font-einblicke p{
        font-size: 105px !important;
		padding-top:0px;
		margin-bottom: -40px;
}
	.hero-font-vertrauen p{
		font-size: 105px !important;
		padding-top:0px;
}
	.hero-font-zusammen p{
		font-size: 105px !important;
		padding-top:0px;
		margin-bottom: -81px;
}
}

@media all and (max-width: 479px){
.hero-font-startseite{
        font-size: 80px !important;
		padding-top:30px;
    }
.hero-font-einblicke p{
        font-size: 70px !important;
		padding-top:0px;
	    margin-bottom: -33px;
    }
	.hero-font-vertrauen p{
		font-size: 70px !important;
		line-height:75px;
		padding-top:0px;
    }
	.hero-font-zusammen p{
		font-size: 70px !important;
		line-height:75px;
		padding-top:0px;
		margin-bottom:-57px;
    }
}

/* ================= Brand Design ================= */

/* == Brand Design - Schriftgröße "4 Schritte" "Zahlen" == */
@media all and (min-width: 1406px) {
	.hero-font-schritte p{
        font-size: 170px !important;
		padding-top:10px;
		margin-bottom:27px;
    }
	.hero-font-zahlen p{
        font-size: 170px !important;
		padding-top:20px;
    }
}
	
@media all and (min-width: 1101px) and (max-width: 1405px) {
	.hero-font-schritte p{
		font-size: 155px !important;
		padding-top:12px;
		margin-bottom:22px;
}
	.hero-font-zahlen p{
		font-size: 155px !important;
		padding-top:22px;
}
}

@media all and (min-width: 981px) and (max-width: 1100px) {
	.hero-font-schritte p{
		font-size: 135px !important;
		padding-top:0px;
		margin-bottom:15px;
}
	.hero-font-zahlen p{
		font-size: 135px !important;
		padding-top:0px;
		margin-bottom:15px;
}
}

@media all and (min-width: 768px) and (max-width: 980px) {
	.hero-font-schritte p{
        font-size: 120px !important;
		padding-top:0px !important;
		margin-bottom: -60px;
}
	.hero-font-zahlen p{
        font-size: 120px !important;
		padding-top:0px !important;
		margin-bottom: -60px;
}
}

@media all and (max-width: 767px) {
	.hero-font-schritte p{
        font-size: 105px !important;
		padding-top:0px;
		margin-bottom: -52px;
}
	.hero-font-zahlen p{
        font-size: 105px !important;
		padding-top:0px;
		margin-bottom: -52px;
}
}

@media all and (max-width: 479px){
	.hero-font-schritte p{
        font-size: 70px !important;
		padding-top:0px;
	    margin-bottom: -39px;
    }
	.hero-font-zahlen p{
        font-size: 70px !important;
		padding-top:0px;
	    margin-bottom: -39px;
    }
}



/* Bestimmt die responsiven Schriftgrößen - im Design mit 200px auf dem Desktop angegeben */
/*.font-xl{
	font-size: clamp(65px, 10vw, 195px)!important;
}*/

/* Bestimmt die responsiven Schriftgrößen - im Design mit 46px auf dem Desktop angegeben */
/*.font-l{
	font-size: clamp(25px, 5vw, 42px)!important;	
	line-height: 1.4em; 
}*/

/* Bestimmt die responsiven Schriftgrößen - im Design mit 30px auf dem Desktop angegeben */
/*.font-m{
	font-size: clamp(22px, 5vw, 28px)!important;	
	line-height: 1.4em; 
}*/

/* Bestimmt die responsiven Schriftgrößen - im Design mit 26px auf dem Desktop angegeben */
/*.font-s{
	font-size: clamp(20px, 5vw, 24px)!important;	
	line-height: 1.4em; 
}*/

/* Bestimmt die responsiven Schriftgrößen - für die Bildunterschriften */
/*.font-xs{
	font-size: clamp(14px, 5vw, 18px)!important;	
	line-height: 1.4em; 
}*/

/* Bestimmt die responsiven Schriftgröße auf dem organgen Hintergrund im Slider - im Design mit 30px auf dem Desktop angegeben */
/*.font-m-orange{
	font-size: clamp(22px, 5vw, 28px)!important;	
	line-height: 1.4em; 
	text-align: center!important
}*/

/* Brand-Design-Seite: Slider Nav-Buttons  */

.dipi_content_slider_0 .dipi-nav-button {
	    border: 3px solid #ff5800 !important;
}

.dipi_content_slider .dipi-content-slider .dipi-navigation .dipi-prev-button{
	background: url('https://schirmaier.studiowegener.de/wp-content/uploads/2025/02/button-nav-prev-small.svg') no-repeat center center !important;
	display: block!important;
	width: 46px!important;
	height: 58px!important;
	background-color: #ffffff!important;
}

.dipi_content_slider .dipi-content-slider .dipi-navigation .dipi-next-button{
	background: url('https://schirmaier.studiowegener.de/wp-content/uploads/2025/02/button-nav-next-small.svg') no-repeat center center !important;
	display: block!important;
	width: 46px!important;
	height: 58px!important;
	background-color: #ffffff!important;
}

/*
 * .dipi_content_slider_0 .dipi-nav-button .dipi-prev-button{
content: '';
background: url('https://schirmaier.studiowegener.de/wp-content/uploads/2025/01/button-nav-prev.svg') no-repeat center center !important;
display: block;
width: 60px;
height: 60px;	
}

*/

/*
.dipi_content_slider_0 .dipi-nav-button .dipi-prev-button::after {
content: ''!important;
background: url('https://schirmaier.studiowegener.de/wp-content/uploads/2025/01/button-nav-prev.svg') no-repeat center center !important;
display: block!important;
width: 46px;
height: 58px;
}
*/

/* Brand-Design-Seite: Höhe Sliderinhalt nach Media Queries */ 
/*** Responsive Styles Extra Large Desktop And Above ***/
@media all and (min-width: 1405px) {

.bd_slider_01,
.bd_slider_02,
.bd_slider_03,
.bd_slider_04,
.pd_slider_breakpoint_01,
.pd_slider_breakpoint_foto_01,
.pd_slider_breakpoint_02,
.pd_slider_breakpoint_foto_02,
.pd_slider_breakpoint_03,
.pd_slider_breakpoint_foto_03,
.pd_slider_breakpoint_04,
.pd_slider_breakpoint_foto_04
	
	{
		top:-320px !important;
	}

}

/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1281px) and (max-width: 1405px) {

.bd_slider_01,
.bd_slider_02,
.bd_slider_03,
.bd_slider_04,
.pd_slider_breakpoint_01,
.pd_slider_breakpoint_foto_01,
.pd_slider_breakpoint_02,
.pd_slider_breakpoint_foto_02,
.pd_slider_breakpoint_03,
.pd_slider_breakpoint_foto_03,
.pd_slider_breakpoint_04,
.pd_slider_breakpoint_foto_04 {
		top:-325px !important;
	}

}
@media all and (min-width: 1100px) and (max-width: 1280px) {

.bd_slider_01,
.bd_slider_02,
.bd_slider_03,
.bd_slider_04,
.pd_slider_breakpoint_01,
.pd_slider_breakpoint_foto_01,
.pd_slider_breakpoint_02,
.pd_slider_breakpoint_foto_02,
.pd_slider_breakpoint_03,
.pd_slider_breakpoint_foto_03,
.pd_slider_breakpoint_04,
.pd_slider_breakpoint_foto_04 {
		top:-294px !important;
	}

}
@media all and (min-width: 981px) and (max-width: 1100px) {
.bd_slider_01,
.bd_slider_02,
.bd_slider_03,
.bd_slider_04,
.pd_slider_breakpoint_01,
.pd_slider_breakpoint_foto_01,
.pd_slider_breakpoint_02,
.pd_slider_breakpoint_foto_02,
.pd_slider_breakpoint_03,
.pd_slider_breakpoint_foto_03,
.pd_slider_breakpoint_04,
.pd_slider_breakpoint_foto_04 {
		top:-255px !important;
	}
}

/*** Responsive Styles Tablet And Below ***/
/*@media all and (max-width: 980px) {

.bd_slider_01,
.bd_slider_02,
.bd_slider_03,
.bd_slider_04,
.pd_slider_breakpoint_01,
.pd_slider_breakpoint_foto_01,
.pd_slider_breakpoint_02,
.pd_slider_breakpoint_foto_02,
.pd_slider_breakpoint_03,
.pd_slider_breakpoint_foto_03,
.pd_slider_breakpoint_04,
.pd_slider_breakpoint_foto_04	{
		top:-330px !important;
	}

}*/

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

.bd_slider_01,
.bd_slider_02,
.bd_slider_03,
.bd_slider_04,
.pd_slider_breakpoint_01,
.pd_slider_breakpoint_foto_01,
.pd_slider_breakpoint_02,
.pd_slider_breakpoint_foto_02,
.pd_slider_breakpoint_03,
.pd_slider_breakpoint_foto_03,
.pd_slider_breakpoint_04,
.pd_slider_breakpoint_foto_04 {
		top:-325px !important;
	}

}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

.bd_slider_01,
.bd_slider_02,
.bd_slider_03,
.bd_slider_04,
.pd_slider_breakpoint_01,
.pd_slider_breakpoint_foto_01,
.pd_slider_breakpoint_02,
.pd_slider_breakpoint_foto_02,
.pd_slider_breakpoint_03,
.pd_slider_breakpoint_foto_03,
.pd_slider_breakpoint_04,
.pd_slider_breakpoint_foto_04 {
		top:-270px !important;
	}

}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

.bd_slider_01,
.bd_slider_02,
.bd_slider_03,
.bd_slider_04,
.pd_slider_breakpoint_01,
.pd_slider_breakpoint_foto_01,
.pd_slider_breakpoint_02,
.pd_slider_breakpoint_foto_02,
.pd_slider_breakpoint_03,
.pd_slider_breakpoint_foto_03,
.pd_slider_breakpoint_04,
.pd_slider_breakpoint_foto_04{
		top:-230px !important;
	}

}

/* ============== Angebotspakete ================== */

/* == Angebots-Pakete - Navigationspfeile == */

.dipi_content_slider_0 .content-slider-gradations, .dipi_content_slider_0 .content-slider-item.active .content-slider-gradations {
	background: #004136!important;
}

#schieberegler .dipi_content_slider .dipi-content-slider .dipi-navigation .dipi-next-button {
	    border: none !important;
}


#schieberegler .et_pb_module .dipi_content_slider .dipi_content_slider_0 .dipi-content-slider .dipi-navigation .dipi-prev-button{
	background: url('https://schirmaier.studiowegener.de/wp-content/uploads/2025/02/button-nav-prev-small.svg') no-repeat center center !important;
	display: none!important;
}

#schieberegler .dipi_content_slider .dipi-content-slider .dipi-navigation .dipi-next-button{
	background: url('https://schirmaier.studiowegener.de/wp-content/uploads/2025/02/button-nav-next-small.svg') no-repeat center center !important;
	display: none!important;
}