/*
 Theme Name:   baumann
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Polimeni
 Author URI:   https://www.polimeni-web.com
 Template:     generatepress
 Version:      0.1
*/


/*********************************************/
/* COLOR */
/*********************************************/
* {
 border: 0;
}
/* Globalen CSS-"Variablen" */
:root {
	--black-color: #000000;
	--white-color: #ffffff;
	--grau-color: #87969D;
	--page-color: #ed7902;
	--text-color: #1E2D40;
	
	--text-trans-color: #1E2D40BA;
	
	--lilla-color: #DCCEDD; 
	--blau-color: #293647;
}



.has-black-color{color: var(--black-color); }
.has-white-color{color: var(--white-color); }
.has-grau-color{color: var(--grau-color); }
.has-page-color{color: var(--page-color); }
.has-text-color{color: var(--text-color); }
.has-text-trans-color{color: var(--text-trans-color); }


.has-lilla-color{color: var(--lilla-color); }
.has-blau-color{color: var(--blau-color); }

.has-black-background-color{background-color: var(--black-color); }
.has-white-background-color{background-color: var(--white-color); }
.has-grau-background-color{background-color: var(--grau-color); }
.has-page-background-color{background-color: var(--page-color); }
.has-text-background-color{background-color: var(--text-color); }
.has-lilla-background-color{background-color: var(--lilla-color); }
.has-blau-background-color{background-color: var(--blau-color); }


/*********************************************/
/* FONTS */
/*********************************************/
/*

*/
@font-face {
    font-family: 'Marcellus';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/marcellus/Marcellus-Regular.ttf') format('truetype');
	font-display: swap;
 
 
}
@font-face {
    font-family: 'Lato-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/lato/Lato-Regular.ttf') format('truetype');
	font-display: swap;
 
}

@font-face {
    font-family: 'Lato-Semibold';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/lato/Lato-SemiBold.ttf') format('truetype');
	font-display: swap;
 
}

/*********************************************/
/* GENERAL */
/*********************************************/
#main{margin-bottom:0;margin-top:0;}

.site-main .wp-block-group__inner-container,
.footer-widgets-container.grid-container{padding: 75px 110px;} /*{padding: 100px 110px;}*/
.footer-widgets-container.grid-container{padding-bottom:0px;}
.inside-header.grid-container{padding-top:20px; padding-bottom:20px;}

.pt-0 .wp-block-group__inner-container{padding-top: 0px;}
.p-0 .wp-block-group__inner-container{padding: 0px !important;}


.separate-containers .site-main{margin-top:0 !important;}
.ml-auto{margin-left:auto !important;}
.mb-0{margin-bottom:0 !important;}
.float-right{float:right;}
.float-left{float:left;}

body{font-family: "Lato-Regular"; font-size:16px; line-height:27px; color:var(--text-color);}

.separate-containers .comments-area, .separate-containers .inside-article, .separate-containers .page-header, .separate-containers .paging-navigation {
  padding: 0 110px ;
}


h1{font-family: "Marcellus"; font-size: 62px; line-height:74px ;letter-spacing: 6.2px;color:white;}

h2, h3{font-family: "Marcellus"; font-size:34px;line-height:44.2px ;letter-spacing: 3.4px;}

.above-h2, h3{font-family: "Lato-Semibold";font-size: 11px; line-height: 27px; letter-spacing: 5.5px; text-transform:uppercase;}
.above-h1, #hero h3 {font-family: "Lato-Semibold";font-size: 12px; line-height: 27px; letter-spacing: 7.2px; text-transform:uppercase; color:white;}


h1,h2,h3, .wp-block-button__link{text-transform:uppercase;}
h2, p.title-mit-icon{color:var(--blau-color);}
h3,.above-h2{color:var(--grau-color);margin-bottom:0;}


p > a {text-decoration:none; color:var(--lilla-color);}

figure{margin-bottom:0 !important;}
 


.main-navigation .menu li:not(.linkedin) a,.main-navigation ul ul li a {
  font-family: "Lato-Regular";
  font-size: 12px;
  line-height: 27px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  text-decoration: none;
	padding:0;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 60px;
}

.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, #menu-footer-menu li:not([class*="current-menu-"]):hover > a {color: var(--lilla-color);}

a.generate-back-to-top{  background-color: var(--grau-color); color: #ffffff; border-radius:0;}
a.generate-back-to-top:hover, a.generate-back-to-top:focus {  background-color: var(--lilla-color);}


/*********************************************/
/* paragraph classes */
/*********************************************/
p{margin-bottom:0;}
p.strong,p strong, strong {font-family: "Lato-Semibold"; }

p.hero {font-family: "Lato-Regular";font-size: 18px; line-height: 28px; color:white;}
  
p.title-mit-icon {font-family: "Marcellus";font-size: 24px; line-height: 27px; letter-spacing:1px;text-align:center;margin-top:0.5em;}
.icons-group p:not(.title-mit-icon){margin-top:0.5em;}

p.card-title, p.accordeon-titel ,.wp-block-image figcaption {font-family: "Marcellus";font-size: 22px; line-height: 28.6px; letter-spacing:1px;}

p.rezesionen{font-family: "Lato-Regular";font-size: 16px; line-height: 27px;margin-top:1em; margin-bottom:1em;}
.marcellus {font-family: "Marcellus";font-size: 16px; line-height: 27px;margin-top:1em; margin-bottom:1em;}

p.progress-bars  {   font-family: "Marcellus";font-size: 18px; line-height: 27px; letter-spacing:1px;color:white;text-align:left;}

.small{font-size:14px; line-height:14px;font-family: "Lato-Regular"; margin-left:1em; }

p.widget-titel{font-family: "Marcellus";font-size: 32px; line-height: 41.6px; letter-spacing:1px;margin-bottom: 80px;}
p.widget-col-titel{font-family: "Marcellus";font-size: 20px; line-height: 26px; letter-spacing:1px; margin-bottom:40px;}
p.widget-col-titel + p, p.widget-col-titel + p + p, p.widget-col-titel + p + p + p{line-height:60px;}


p.bullet-point::before{
content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  padding: 0;
  color:var(--lilla-color); 
  cursor: pointer;
  margin-left: 1em;
  margin-right: 0.5em;
	}

p.bullet-point{margin-top:1.5em; }
/*********************************************/
/* Hero */
/*********************************************/
#hero {position:relative;}
#hero .imgs-col{position:absolute; right:0; top: 50%;  transform: translateY(-50%);}
#hero .imgs-col img{height:518px;}
#hero .imgs-col .wp-block-column, #hero .imgs-col  .wp-block-column figure{max-width:fit-content;}
#hero .wp-block-button a.wp-block-button__link{background-color:white;color:var(--grau-color);}
#hero .wp-block-button a.wp-block-button__link:hover,
.wp-block-button__link.has-grau-background-color:hover {background-color:var(--blau-color); color:white;}
/*********************************************/
/* BUTTONS */
/*********************************************/
.wp-block-buttons{margin-top:40px !important;}
.wp-block-button a.wp-block-button__link{font-size:15px !important;line-height:15px; letter-spacing: 1.5px;border-radius:10px;padding: 16px 32px; 	transition: background-color 0.4s;}

.wp-block-button__link.has-white-background-color:hover{background-color:var(--blau-color) !important; color:white;}

/*********************************************/
/* HEADER */
/*********************************************/
/*.inside-header{padding-left:20px; padding-right:20px; padding-top:0 !important; display: flex; align-items: flex-end;}*/
.main-navigation:not(.toggled) ul li:hover > ul{width:max-content;}
.main-navigation ul ul{min-width:fit-content;}
.sub-menu li.sfHover a {
  background-color: #eaeaea;}
/*.menu-item-has-children ul .dropdown-menu-toggle{padding-top:0; padding-bottom:0; margin-top:0;}*/
		.menu-item-has-children ul .dropdown-menu-toggle{padding-top:0 !important; padding-bottom:0 !important;margin-top:0 !important;}
/*********************************************/
/* CARDS (Services) */
/*********************************************/
.card{position: relative;cursor:pointer; transition: background-color 0.5s,}
.card img{width:100%; height:auto;}
.wp-block-image figcaption {
	  position: absolute;
	  background-color: var(--grau-color);
	  display: block;
	  width: 100%;
	  height: 80px;
	  text-align: left;
	  color: white;
	 padding: 15px 24px;
	  margin: 0;
	  bottom: 0px;
	border-radius: 1px 0px 10px 10px;}
.wp-block-image figcaption a,wp-block-image figcaption a:hover{ color: white; text-decoration:none;}

.card::after{content:url(/wp-content/uploads/2024/08/diagonal-arrow.png) ; transition: bottom 0.5s, right 0.5s;
	position: absolute;
  bottom: 20px;
  right: 40px;
  color: white;}

.card figcaption{padding:0;}
.card figcaption a{ padding:15px 24px; display: block;  height: 100%;}

.card:hover::after{bottom: 30px;
  right: 30px;}

.card:hover.wp-block-image figcaption{background-color:var(--blau-color);}


.icons-group figure,.icons-group .wp-block-image figure.alignleft{margin:0;}

/*********************************************/
/* rezesionen &  gesichtssaethetik   */
/*********************************************/

#rezesionen .wp-block-group.is-vertical {/*justify-content:space-between;height:100%;*/}

#gesichtssaethetik .wp-block-image {margin-top:-200px;}
#praxis .wp-block-group__inner-container{padding-bottom:40px;}
#kontakt {position:relative;}
#kontakt .wp-block-group__inner-container{padding-top:0px;}
.map-card{position: absolute;
  border-radius: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: calc(50% + 60px);}
/*********************************************/
/* PROGRESS BAR  */
/*********************************************/


#container { text-align: center; margin: 20px; }

.bar-main-container {
  margin: 10px auto;
  width: 100%;

 
}

.wrap { position:relative;height:70px;}

.bar-percentage {
  position: absolute;
  right: 0;
  bottom: 0px;
	color:white;
}

.bar-container {
 height: 7px;
  background: #ffffff3d;
  width: 100%;
  margin: 12px 0px;
  overflow: hidden;
  position: absolute;
  bottom: -30px;
}

.bar {
  float: left;
  background: #FFF;
  height: 100%;
 ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}

.progress-bars
{
width: fit-content;
  position: absolute;
  left: 0;
  bottom: 0px;
  color: white;}



#progress-bars .video-group{margin-top: -400px;}
/*********************************************/
/* Video  */
/*********************************************/


.video-preview {
	position: absolute;
	z-index: 11;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	height: 100%;
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	transition-duration: 3s;
	opacity: 1;

}


.play-btn-desktop {
	position: absolute;
	z-index: 12;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	cursor: pointer;
	transition-duration: 2s;
	opacity: 1;


}

.div-round {

	overflow: hidden;
	position: relative;
	z-index: 10;
	-webkit-border-radius: 20px;
	border-radius: 20px;


}

.div-round::before {
	display: block;
	content: "";
}

.iframe-round {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 20px;
}

.video-group+.video-group {
	margin-top: 1em;
}



/*********************************************/
/*  */
/*********************************************/
.wp-block-columns.imgs-col{gap:20px;} 



/*********************************************/
/* SLIDER  */
/*********************************************/



.slick-slider{padding-left:20px; padding-right:20px;}

.slick-slider .next-arrow, .slick-slider .prev-arrow{
	border-color: white;}

.prev-arrow:hover,.next-arrow:hover {
	cursor: pointer;
	background-color: unset;
	
}

button.prev-arrow:hover, button.next-arrow:hover, button.prev-arrow:focus, button.next-arrow:focus{background-color:transparent !important;}
.prev-arrow:hover ,.next-arrow:hover  {border-color:var(--lilla-color);} 

.prev-arrow,.next-arrow{
	position: absolute;
	top: 50%;
	background-color: unset;
	
}
.next-arrow{right: -40px;}
.prev-arrow{left: -40px;}

.prev-arrow
	{border: 2px solid var(--lilla-color);
	box-sizing: border-box;
	transform: matrix(-0.71, -0.71, -0.71, 0.71, 0, 0);
	border-left: none;
	border-top: none;
		width: 20.46px;
	height: 20.46px;
		padding:unset;
		z-index:10000;

}


.next-arrow
	{border: 2px solid  var(--lilla-color);
	box-sizing: border-box;
	transform: matrix(-0.71, -0.71, -0.71, 0.71, 0, 0);
	border-right: none;
	border-bottom: none;
		width: 20.46px;
	height: 20.46px;
		padding:unset;

}

.slick-dots {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 1rem 0;
	
	list-style-type: none;}
	
.slick-dots li {
			margin: 0 1rem;
		}
	
.slick-dots li button {
			display: block;
			width: 0.8rem;
			height: 0.8rem;
			padding: 0;
			
			border: none;
			border-radius: 100%;
			background-color: rgba(0,0,0,.5);
			
			text-indent: -9999px;
		}
	
 .slick-dots li.slick-active button {
			background-color:  var(--lilla-color);
		}




/*********************************************/
/* Accordeon */
/*********************************************/

.show-hide-text {
	display: block;
	height: 0;
	opacity: 0;
	position: relative;
	/*padding-left: 1em  !important;*/
	padding-right: 1em  !important;
	padding-top:0 !important;
	margin-bottom:0 !important;
	transition: opacity 0.2s, padding 0s;
	font-family: "Lato-Regular"; font-size:16px; line-height:27px;
	color:#1E2D40BA; /*text-color with 73% transp*/

}
.accordeon-titel + .show-hide-text {padding-top:1.8em !important;}
.accordeon-titel::after{
  content:url("/wp-content/uploads/2024/08/down.png");
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.active-element .accordeon-titel::after {
  content:url("/wp-content/uploads/2024/08/up.png"); 
}
.show-hide-text:last-child{padding-bottom:1.8em !important;}
.show-hide-text.show { border-top: 1px solid #788CA24f;
	display: block;
	height: auto;
	opacity: 1;
}
.show-hide-text:not(.show){padding:0 !important; z-index:-1;}
.accordeon-group .wp-block-group__inner-container{ padding:0;}
.accordeon-titel{
	position: relative;
	
  border-top: 1px solid #788CA24f;
	padding: 0.9em 0em !important; margin-bottom:0;  position:relative; cursor:pointer;}
.accordeon-group:last-of-type .accordeon-titel  {border-bottom: 1px solid #788CA24f;}
.accordeon-group:first-of-type  .accordeon-titel {border-top:none;}

/*********************************************/
/* FOOTER */
/*********************************************/
.site-footer{margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto; background-color:var(--grau-color);}

.site-footer a:hover {color:var(--lilla-color);}
.site-footer a{line-height:60px;}
.copyright-bar{width: 100%;text-align: right;}

.copyright-bar{color:#ffffff87; text-align:left;}


/*********************************************/
/* Media Query */
/*********************************************/


@media(max-width:415px){
		
 }

@media(max-width:810px){
	}


/*@media(max-width:1024px) {*/
@media(max-width:1440px) {
	.inside-header{padding-left:30px; padding-right:30px;}
	.site-main .wp-block-group__inner-container {    padding: 30px;  }
	#hero .imgs-col {	  position: unset;  transform: unset; margin-right:-30px;	}
	#hero .imgs-col .wp-block-column, #hero .imgs-col .wp-block-column figure {  max-width: unset;}
	#hero .imgs-col img {  height: unset; width:100%;}
	
	#hero .imgs-col figure{overflow:hidden;}
	
	
	h1{font-size: 34px;  line-height: 1.2em;  letter-spacing: 3.1px;}
	.icons-group p{margin:0px auto; text-align:center;}
	.icons-group .wp-block-image{margin:0px auto; }
	h2, h3{   font-size: 28px;    line-height: 1.2em;letter-spacing: 1.5px;}
	h1 br, h2 br, h3 br{display:none;}
	p.bullet-point::before{margin-left:0;}
	p.bullet-point{font-size:15px; }
	 .widget-titel br{display:none;}
	.bar-main-container:first-of-type .wrap{height:30px;}
	.accordeon-group .wp-block-group__inner-container{padding:0px;}
	p.card-title, p.accordeon-titel, .wp-block-image figcaption {  font-family: "Marcellus";  font-size: 18px;}
	#gesichtssaethetik .wp-block-image{margin-top:0;}
	.map-card{display:none;}
	.footer-widgets-container.grid-container{padding:0;}
	p.widget-titel {    font-size: 22px;  line-height: 30px;    margin-bottom: 1.5em;}
	p.widget-col-titel{margin-bottom:0;}
	p.widget-col-titel + p, p.widget-col-titel + p + p, p.widget-col-titel + p + p + p{line-height: 30px;}
	p.title-mit-icon {  font-size: 22px;  line-height: 25px;}
	  .footer-widgets-container img{max-width: 50%;}
	.wp-block-button a.wp-block-button__link {  font-size: 12px !important;  padding: 14px 28px;}
	.accordeon-titel{0.9em 0.5em !important;}
	 header {    position: sticky !important;    top: 0px;			 z-index:999;}
	.inside-header{background-color:white;}
	.has-inline-mobile-toggle #site-navigation.toggled .menu > li > a{     background-color: var(--blau-color);
			color: white;}
	
	 .has-inline-mobile-toggle #site-navigation.toggled .sub-menu li a{
background-color: var(--grau-color);
}

	
		.site-logo{max-width:75%;}
		.menu-toggle{padding: 0;  background-color: unset;  color: var(--blau-color);}
		.menu-item:not(:last-of-type){  border-bottom: 1px solid #ffffff47;}
	.sub-menu .menu-item:last-of-type, .main-navigation.toggled .main-nav ul ul{border-bottom:none;}
	
		.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus, .has-inline-mobile-toggle #site-navigation.toggled{ background-color: unset;}
	#site-navigation {	width: 100%;}
	.main-navigation .inside-navigation {  justify-content: right;}
	
	
	
	
}



@media(max-width:768px) {

		#site-navigation {

		left: 0;
		margin-top: 15px;
		height: fit-content;
		background-color: white !important;
		text-align: left;
		position: absolute;
		top: 75px;
			}
	
	.has-inline-mobile-toggle #site-navigation.toggled .sub-menu li  .sub-menu  a{background-color:#eaeaea;}
	.menu-item-has-children ul .dropdown-menu-toggle{padding-top:0 !important; padding-bottom:0 !important;margin-top:0 !important;}
	  .site-header  .header-widget{margin-top:0;}
	
	 #leistungen .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: unset !important;
  }
	.footer-widgets-container img{max-width:25%;}
		
	
}	
	
	
@media (min-width: 1981px){


}