Original style.css

/*
 Theme Name:   medical-aesthetics-nuernberg
 Theme URI:    https://generatepress.com
 Description:  medical-aesthetics-nuernberg
 Author:       polimeni-web.de
 Author URI:   
 Template:     generatepress
 Version:      0.1
*/

/*********************************************/
	

body {
   background-color: white;
	 overflow-x: hidden;
}

/* Globalen CSS-"Variablen" */
:root {
	
	  --FONT-FAMILY:SwW6GhRLY2,Montserrat;
  
	   --FONT-WEIGHT: 500;
  
  --COLOR: rgba(38,31,34,1.0);
 
  --FONT-SIZE: 14px;
 
  --FONT-STYLE: normal;
 
  --LINE-HEIGHT: 22px;
 
  --LETTER-SPACING: .01em;
 
  --MARGIN-TOP: 0;
  --MARGIN-RIGHT: 0;
  --MARGIN-BOTTOM: 0px;
  --MARGIN-LEFT: 0;
 
	--ICON-FONT-FAMILY: 'FontAwesome' !important;
  --PADDING-TOP: 100px;
  --PADDING-RIGHT: 13px;
  --PADDING-BOTTOM: 100px;
  --PADDING-LEFT: 13px;
 
 
--black: #000;
--white:#fff;
 /* Khaki */
  --khaki1: #e9e5dc;
  --khaki2: #e3b935;
  --khaki3: #e1b834;
  --khaki4: #f5ad18;

  /* Gray */
  --gray1: #ffffff;
  --gray2: #f7f5f2;
  --gray3: #e8ebeb;
  --gray4: #e9e9e9;
  --gray5: #dfdfd9;
  --gray6: #d0c9c9;
  --gray7: #949494;
  --gray8: #888888;
  --gray9: #6f6f70;
  --gray10: #454545;
  --gray11: #414141;
  --gray12: #272023;
  --gray13: #261f22;

  /* Orange */
  --orange1: #ffe4ca;
  --orange2: #f99d40;
  --orange3: #ec9912;
  --orange4: #62482f;

  /* Scarlet red */
  --scarletRed1: #aa1c29;
  --scarletRed2: #86111c;

  /* Blue */
  --blue1: #599be2;
  --blue2: #0092ef;

  /* Blue violet */
  --blueViolet1: #4173d5;

  /* Cyan */
  --cyan1: #00ffff;

}


.otgs-development-site-front-end{display:none;}

* {
   border: 0;
   box-sizing: border-box;
  font-family:var(--FONT-FAMILY);
  
/*  font-weight: var(--FONT-WEIGHT);*/

  font-style: var(--FONT-STYLE);
 
  letter-spacing: var(--LETTER-SPACING);
  
  color:rgb(38, 31, 34);
}
	  
	
.gp-icon.icon-menu-bars svg{fill:var(--khaki3);padding:0;}
.menu-toggle{padding-right:0;}


.has-white-color {
   color: var(--white);
}
.has-black-color {
   color: var(--black);
}
.has-khaki-1-color {
   color: var(--khaki1);
}
.has-khaki-2-color {
   color: var(--khaki2);
}
.has-khaki-3-color {
   color: var(--khaki3);
}
.has-khaki-4-color {
   color: var(--khaki4);
}
.has-gray-1-color {
   color: var(--gray1);
}
.has-gray-2-color {
   color: var(--gray2);
}
.has-gray-3-color {
   color: var(--gray3);
}
.has-gray-4-color {
   color: var(--gray4);
}
.has-gray-5-color {
   color: var(--gray5);
}
.has-gray-6-color {
   color: var(--gray6);
}
.has-gray-7-color {
   color: var(--gray7);
}
.has-gray-8-color {
   color: var(--gray8);
}
.has-gray-9-color {
   color: var(--gray9);
}
.has-gray-10-color {
   color: var(--gray10);
}
.has-gray-11-color {
   color: var(--gray11);
}
.has-gray-12-color {
   color: var(--gray12);
}
.has-gray-13-color {
   color: var(--gray13);
}
.has-orange-1-color {
   color: var(--orange1);
}
.has-orange-2-color {
   color: var(--orange2);
}
.has-orange-3-color {
   color: var(--orange3);
}
.has-orange-4-color {
   color: var(--orange4);
}
.has-scarletRed-1-color {
   color: var(--scarletRed1);
}
 .has-scarletRed-2-color {
   color: var(--scarletRed2);
} 
 .has-blue-1-color {
   color: var(--blue1);
}
  .has-blue-2-color {
   color: var(--blue2);
}
   .has-blueViolet-1-color {
   color: var(--blueViolet1);
}
   .has-cyan-1-color {
   color: var(--cyan1);
}


.has-white-background-color {
   background-color: var(--white);
}
.has-black-background-color {
   background-color: var(--black);
}
.has-khaki-1-background-color {
   background-color: var(--khaki1);
}
.has-khaki-2-background-color {
   background-color: var(--khaki2);
}
.has-khaki-3-background-color {
   background-color: var(--khaki3);
}
.has-khaki-4-background-color {
   background-color: var(--khaki4);
}
.has-gray-1-background-color {
   background-color: var(--gray1);
}
.has-gray-2-background-color {
   background-color: var(--gray2);
}
.has-gray-3-background-color {
   background-color: var(--gray3);
}
.has-gray-4-background-color {
   background-color: var(--gray4);
}
.has-gray-5-background-color {
   background-color: var(--gray5);
}
.has-gray-6-background-color {
   background-color: var(--gray6);
}
.has-gray-7-background-color {
   background-color: var(--gray7);
}
.has-gray-8-background-color {
   background-color: var(--gray8);
}
.has-gray-9-background-color {
   background-color: var(--gray9);
}
.has-gray-10-background-color {
   background-color: var(--gray10);
}
.has-gray-11-background-color {
   background-color: var(--gray11);
}
.has-gray-12-background-color {
   background-color: var(--gray12);
}
.has-gray-13-background-color {
   background-color: var(--gray13);
}
.has-orange-1-background-color {
   background-color: var(--orange1);
}
.has-orange-2-background-color {
   background-color: var(--orange2);
}
.has-orange-3-background-color {
   background-color: var(--orange3);
}
.has-orange-4-background-color {
   background-color: var(--orange4);
}
.has-scarletRed-1-background-color {
   background-color: var(--scarletRed1);
}
 .has-scarletRed-2-background-color {
   background-color: var(--scarletRed2);
} 
 .has-blue-1-background-color {
   background-color: var(--blue1);
}
  .has-blue-2-background-color {
   background-color: var(--blue2);
}
   .has-blueViolet-1-background-color {
   background-color: var(--blueViolet1);
}
   .has-cyan-1-background-color {
   background-color: var(--cyan1);
}


.hide{visibility:hidden;}
.float-left{float:left;}
.float-right{float:right;}
.relative{position:relative;}
.fett{font-weight:600;}
.pt-0 .wp-block-group__inner-container{padding-top:0 !important;}
.p-0 .wp-block-group__inner-container{padding:0 !important;}
.mb-0{margin-bottom:0 ;}
.strich-after{position:relative;}
.strich-after a::after{content: "";
  position: absolute;
  top: 0px;
  right: -1.2em;
  width: 2px;
  background-color: #000;
  height: calc(100% - 2px);
	
}

hr{margin:0;}

body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}



.site-main > .wp-block-group__inner-container, .home-cover{PADDING-TOP: 100px;
  PADDING-RIGHT: 13px;
  PADDING-BOTTOM: 80px;
  PADDING-LEFT: 13px;}

.sprechzeiten-bild-text .wp-block-group__inner-container{padding-bottom: 40px;
padding-left: 50px;
padding-right: 0px;
padding-top: 40px}

.sprechzeiten-bild-text *{font-weight:400;}
.sprechzeiten-card h3, .sprechzeiten-card h3 strong, .sprechzeiten-bild-text strong{font-weight:500;}

.sprechzeiten-card .day{width:76px;display: inline-block;}


/********************************************

*******************************************/
.like-h1, body:not(.home) h1{font-size: 38px !important;
font-style: normal !important;
	font-weight:300;
letter-spacing: 0.76px !important;
letter-spacing: 0.76px;
line-height: 47px;
margin-bottom: 50px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-transform: uppercase}

 .like-h1 *{font-size: 38px !important;
font-style: normal !important;	
letter-spacing: 0.76px !important;
letter-spacing: 0.76px;
line-height: 47px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-transform: uppercase;
font-weight:300;}
body:not(.home) h1{margin-bottom: 50px;margin-top: 30px;}

.like-h1{margin-bottom:0;}
.like-h1  + .like-h1{margin-bottom:50px;margin-top:0;}

.like-h1 strong, body:not(.home) h1 strong{font-weight:500;}

.home h1:not(.like-h1){font-family: font660d7b4546, playfairdisplay; font-size:48px ;letter-spacing: 1.4px;line-height: 70px ; color:white !important;text-transform:uppercase;margin-bottom:2.5em;padding-left:1em;}
 
h2{font-size: 28px;font-style: normal;font-weight: 500;letter-spacing: 0.56px;line-height: 36px;margin-bottom: 10px;margin-left: 0px;margin-right: 0px;margin-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;text-transform: uppercase;margin-bottom:2em;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 50px}


h2[id]{
padding-top: 150px;
  margin-top: -150px;}

.behandlungsheading {border-top: 2px solid white !important; }

html body #main.site-main .entry-content .behandlungsheading {border-top: 2px solid white !important;}
.behandlungsheading h1, .behandlungsheading h1 *{margin-bottom:0px !important; color:white; }
.behandlungsheading .wp-block-group__inner-container{padding-top:40px; padding-bottom:50px;}



h3, h3 > a{
background-repeat: no-repeat;
box-sizing: border-box;
color: rgb(38, 31, 34);
font-family: SwW6GhRLY2, Montserrat;

font-size: 16px;
font-style: normal;
font-weight: 400;

letter-spacing: 0.32px;
line-height: 22px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-transform: uppercase;}

h3{font-size: 22px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.44px;
line-height: 28px;
text-transform:uppercase;}



.home .home-cover{
	background-blend-mode: overlay;
    background-color: rgba(38, 31, 34, 0.5);
	background-image: url("/wp-content/uploads/2023/09/file2022-07-27-16-51-04max_220118_58_2-jpg-1500x800-1.jpg");
background-position-x: 100%;
background-position-y: 100%;
background-repeat: no-repeat;
background-size: cover;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
font-family: SwW6GhRLY2, Montserrat;
line-height: 16px;
margin-bottom: 0px;
margin-left: 0px ;
margin-right: 0px;
margin-top: 0px;

padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;
width: 1761px;
z-index: 5;	

}

:where(.wp-block-columns.has-background) {
  padding: 0
}

a{text-decoration:none;}
p > a, .liste li > a{text-decoration:underline; }

p > a:hover,  .liste li > a:hover{color: rgba(225,184,52,1.0); }
.sprechzeiten-card p > a:hover, .sprechzeiten-card .liste li > a:hover{color: rgb(38, 31, 34) !important; }

#main{margin:0;}
.separate-containers .inside-article{padding:0;}

header.site-header{background-color: rgba(39, 32, 35); 
position: unset;
  width: 100vw;
z-index:10;}

form label{text-transform:uppercase; font-weight:bold;}
form label * {text-transform:none; font-weight:400;}

.wpcf7-submit{background-color: rgb(225, 184, 52) !important;
  background-repeat: no-repeat;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  box-sizing: border-box;
  color: rgb(38, 31, 34);
  cursor: pointer; text-transform:uppercase;}

.wpcf7-submit:hover{color: rgba(225,184,52,1.0);
  background-color: rgba(232,235,235,1.0) !important;
  box-shadow: 0 0 0 0 rgba(0,0,0,.0);}



body p, body p *{font-size:16px;line-height:22px;font-family:var(--FONT-FAMILY);
	
}
body {font-family:var(--FONT-FAMILY);}


nav:not(.toggled) .main-nav li a{position: relative;
  z-index: 15;
  display: flex;
  align-items: center;
font-size:14px;
text-transform:uppercase;
color:var(--khaki2);
font-weight: 500;

letter-spacing: normal;
line-height: 21px;
list-style-type: none;

padding-bottom: 0px;
padding-top: 40px;
padding-top: 50px;
text-decoration-color: rgb(225, 184, 52);
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-thickness: auto;
text-transform: uppercase;
z-index: 15;

}

#site-navigation:not(.toggled) .main-nav ul:not(.sub-menu ) > li:not(.topbar-icon):not(.wpml-ls-menu-item) > a
{padding-left: 0px;
padding-right: 0px;

margin-left: 15px;
margin-right: 15px;
margin-top: 0px;
height:80px;}

.main-nav ul:not(.sub-menu ) > li > a{margin-bottom:20px;}

#site-navigation:not(.toggled) .main-nav ul:not(.sub-menu ) > li:not(.topbar-icon):not(.wpml-ls-menu-item) > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -4px;
  background-color: var(--khaki2);
  border-radius: 50%;
  width: calc(100% + 8px);
  height: 2px;}


#site-navigation:not(.toggled) .main-nav ul:not(.sub-menu) > li.current_page_item > a::before{background-color:white !important;}
#site-navigation:not(.toggled) .main-nav ul:not(.sub-menu) > li.current_page_item > a{color:white;}


.main-nav ul:not(.sub-menu ) > li.current-menu-item:not(.topbar-icon):not(.wpml-ls-menu-item) > a::before,
.main-nav ul:not(.sub-menu ) > li:not(.topbar-icon):not(.wpml-ls-menu-item) > a:hover::before{ background-color: white;}
.main-nav ul.sub-menu  > li > a:hover, .main-nav ul.sub-menu > li.current_page_item > a{background-color:var(--gray3);color: var(--khaki3);}

.site-footer a:hover, #menu-main li.menu-item-has-children ul.sub-menu li.menu-item-has-children .sub-menu li:hover a{color: var(--khaki3);}

.wpml-ls-link span{color:var(--khaki2);}



.main-nav ul.sub-menu{
position: absolute;
width: 300px;}





#menu-main li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a:hover::after{transform: rotate(90Deg);  color: rgba(225,184,52,1.0);}
#menu-main li.menu-item-has-children ul.sub-menu li.menu-item-has-children .sub-menu {position: absolute;
  left: 50%;
  top: 100%;
  z-index: 20;
 background-color: var(--gray3);padding: 10px;}


.main-nav ul.sub-menu li:not(.wpml-ls-menu-item) a{
padding-bottom: 15px !important;
padding-left: 20px ;
padding-right: 20px ;
padding-top: 18px !important;
	background-color:white;
	color: var(--gray13);
	line-height: 21px;
	
	display: flex;
  flex-wrap: wrap;
  align-content: center;

}
.main-nav ul.sub-menu li.wpml-ls-menu-item a{padding-top: 20px !important;}
.main-nav ul.sub-menu > li.wpml-ls-menu-item > a:hover{background-color:transparent !important;}

.main-navigation .wpml-ls-item ul{box-shadow:unset !important;}

#menu-main li.menu-item-has-children ul.sub-menu li.menu-item-has-children .sub-menu a:hover{background-color: white;}



#menu-main li.menu-item-has-children ul.sub-menu li.menu-item-has-children .sub-menu a{padding: 10px 10px !important;  line-height: 1em;background-color: var(--gray3);}


.main-nav li.current-menu-item a,.main-nav li a:hover {color:white;}
.main-nav li.current-menu-item a::before, .main-nav li:not(.topbar-icon):not(.wpml-ls-menu-item):hover a::before{background-color: var(--white);}
.main-nav li.topbar-icon a{color: rgba(0,0,0,0); max-width:55px;}



 .main-nav ul li.topbar-icon, .icon_buttons_top li.topbar-icon{position: relative;}


 .main-nav ul li.topbar-icon a, .icon_buttons_top a{border-bottom-color: var(--khaki2);
border-bottom-style: solid;
border-bottom-width: 1px;
border-image-outset: 0;
border-image-repeat: stretch;
border-image-slice: 100%;
border-image-source: none;
border-image-width: 1;
border-left-color: var(--khaki2);
border-left-style: solid;
border-left-width: 1px;
border-right-color: var(--khaki2);
border-right-style: solid;
border-right-width: 1px;
border-top-color: var(--khaki2);
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;

display: block;
line-height:unset;
font-size: 15px;
height: 55px;
line-height: 15px;
margin-bottom: 0px;
margin-left: 4px;
margin-right: 4px;
margin-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
text-align: center;
text-decoration-color: var(--khaki2);
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-thickness: auto;
top: 0px;
transition-delay: 0s;
transition-duration: 0.3s;
transition-property: all;
transition-timing-function: ease-in-out}



.topbar-icon.termin-buchen{margin-left:2.5em; font-size:15px;}
.topbar-icon{ font-size:25px;}
.topbar-icon:not(.termin-buchen) a{width:55px;}

.topbar-icon::before{color: var(--khaki2);
	font-weight: 900; 
	padding: 0.6em 1em;
	position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
z-index:-1;}

.topbar-icon:hover::before{color:white;}
.main-nav ul li.topbar-icon:hover a{border-color:white; background-color:unset;}

	.topbar-icon.termin-buchen a {font-family: var(--FONT-FAMILY);}

/*.tel a::before{content:'\f879' ; 	}
.insta a::before{content:'\e055' ; }
.envelope a::before{content:'\f0e0' ; }
.map-marker a::before{content:'\f3c5' ; }*/

.site-logo{max-width:490px;}
.site-logo img{height:70px; width:auto;}

.site-main .wp-block-group:not(.sprechzeiten-bild-text):not(#headerSlider) .wp-block-group__inner-container{padding-left:13px; padding-right:13px;}



.site-footer{background-color:var(--gray3);
background-image: url("/wp-content/uploads/2023/09/gruppe_31.png");
background-position-x: 100%;
background-position-y: calc(100% + 10px);
background-repeat: no-repeat;
background-size: 165px;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
position: relative;

z-index: 8;}


.wp-block-button__link{font-size:16px !important; font-weight:500;letter-spacing: 0.16px;
line-height: 22px !important;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
margin-top: 10px;
padding-bottom: 15px !important;
padding-left: 25px !important;
padding-right: 25px !important;
padding-top: 15px !important;
position: relative;
text-decoration-color: rgb(255, 255, 255);
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-thickness: auto;
text-transform: uppercase;
transition-delay: 0s;
transition-duration: 0.175s;
transition-property: color;
transition-timing-function: linear;}

.wp-block-button__link:hover{color:white !important; background-color:rgb(38, 31, 34);}
.wp-block-button__link.has-gray-12-background-color:hover{background-color: var(--khaki2);}
.wp-block-button__link{margin:0;}

/*sprechzeiten-card*/


.sprechzeiten-card p, .sprechzeiten-card span, .sprechzeiten-card p *, .sprechzeiten-card span *, .sprechzeiten-card h3{font-size:16px;letter-spacing: 0.16px;
line-height: 22px
}

.sprechzeiten-card h3,.sprechzeiten-card h3 strong {font-size:22px;line-height: 28px;}
.sprechzeiten-card{gap:0;height: 630px;height:fit-content;}
.sprechzeiten-card:not(.arzt-bild) figure, .sprechzeiten-card:not(.arzt-bild)  figure img{
width: 100%;
  height: 100%;
	object-fit: cover;}
.sprechzeiten-card.arzt-bild  figure{text-align:right;}


/* SLIDER */
/*********************************************/
/* SLIDER  */
/*********************************************/
#headerSlider{position:relative;}
.site-main .wp-block-group__inner-container.slick-slider{padding:0;}
.slick-slide img {	width: 100%;}

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


.next-arrow::before, .prev-arrow::before
	{
	position: absolute;
	  top: 0;
	  right: -2px;
	  width: 55px;
	  height: 55px;
	  margin: 0;
	  padding: 0;
	  content: "\f054";
	  font-family: FontAwesome;
	  font-size: 30px;
	  font-style: normal;
	  font-weight: bold;
	  line-height: 50px;
	  text-decoration: none;
	  text-align: center;
	  transition: color 275ms linear;
	  border-radius: 0;}
.prev-arrow::before{ content: "\f053"; }

 .next-arrow, .prev-arrow
	{position: absolute;
		color:rgb(225, 184, 52);
		border-color:rgb(225, 184, 52);
		background-color:transparent;
	width: 55px;
	  height: 55px;
	right: 30px;
	text-decoration-color: rgb(225, 184, 52);
	text-decoration-line: none;
	text-decoration-style: solid;
	text-decoration-thickness: auto;
	top: 419px;
	transition-delay: 0s;
	transition-duration: 0.275s;
	transition-property: background-color;
	transition-timing-function: linear;

	z-index: 2
	}

 .prev-arrow{right:unset; left:30px;}

.prev-arrow:hover,.next-arrow:hover {
	cursor: pointer;
	
	background-color:rgb(225, 184, 52);
	color:white;
	
}








.slick-dots {
	display: flex;
	justify-content: center;
	margin: 0;
	padding: 2rem 0 0 0 ;
	position: absolute;
  bottom: 15px;
  width: 100%;
	
	list-style-type: none;}
	
.slick-dots li {
			margin: 0 1rem;
		}
	
.slick-dots li button {
			display: block;
			
			text-indent: -9999px;
	
		border:1px solid rgba(225,184,52,1.0);

	  background-color: rgba(232,235,235,1.0);
	  width: 20px;
	  height: 20px;
	  border-radius: 0;
	padding:0;
	
	
		}
	
 .slick-dots li.slick-active button {
			background-color:  rgba(225,184,52,1.0);
		}

/* LISTE */
ul.liste  {
  list-style: none; /* Remove default bullets */
	position:relative;
}

.liste li::before, .liste li::marker  {
 
  color: rgba(225,184,52,1.0); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

ul.liste li::before {
	content: "\25A0"; 
	position:absolute;
	/* Add content: \2022 is the CSS Code/unicode for a bullet */}

/* Accordion */

.accordion-text ul {
  list-style: none; /* Remove default bullets */
}
.accordion-text li{
margin-bottom: 0.5em; padding-left:2em; }

.accordion-text ul li::before {
  content: "\25A0";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: rgba(225,184,52,1.0); /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}



.accordion {
	background-color:rgba(233,236,236,.3);
  margin-bottom: 40px;
  margin-top: 40px;
}
figure + .accordion {
  margin-top: 0px;
}

.accordion .wp-block-group__inner-container .wp-block-group__inner-container{padding:0 !important;}
.accordion ul{margin:1em;}
.accordion-title {

	
  cursor: pointer;
	font-size: 32px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.32px;
line-height: 40px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
position: relative;
text-transform: uppercase;

padding-bottom: 15px;
padding-left: 10px;
padding-right: 10px;
padding-top: 15px
	
}
.accordion-title.active-element  {
  color:rgba(225,184,52,1.0);
}
.accordion-text {
  max-height: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 0;
  
}
.accordion-title.active-element + .accordion-text {
/*  padding-top: 1em;*/
}

.accordion-title::after {
content: "\f105";
  cursor: pointer;
  display: block;
  font-family: FontAwesome;
  font-size: 25px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.32px;
  line-height: 16px;
  position: absolute;
  right: 25px;
  text-transform: uppercase;
  top: 25px;
  white-space: pre-line;
}
.accordion-title.active-element::after {
  content: "\f107";
}
/**/
/* Arzt Card*/
.arzt-card{background-image: url("/wp-content/uploads/2023/09/bluete-gespiegelt.png");
background-position-x: 0;
  background-position-y: 100%;
  background-repeat: no-repeat;
  background-size: 165px;
  box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
  box-sizing: border-box;
 }

/* MAP*/
.google-map{position:relative;}
.google-map .wp-block-group__inner-container{padding-bottom:0;}
.exggmap-mask{
  background-color: #ffffff;
  color: #ffffff;
	background-image: url(/wp-content/uploads/2023/10/map_bg.png);}

div#karte_linkbox a.map_routenplaner {
  z-index: 2;
  position: absolute;
  display: block;
  cursor: pointer;
  -webkit-transition: color 275ms linear;
  -moz-transition: color 275ms linear;
  -ms-transition: color 275ms linear;
  -o-transition: color 275ms linear;
	transition: color 275ms linear;

background-color: rgb(225, 184, 52);
background-repeat: no-repeat;
box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
box-sizing: border-box;
color: rgb(38, 31, 34);
cursor: pointer;
display: block;
font-family: SwW6GhRLY2, Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 400;
left: 130px;
line-height: 26px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 10px;
padding-left: 34px;
padding-right: 30px;
padding-top: 10px;
position: absolute;
text-decoration-color: rgb(38, 31, 34);
text-decoration-line: none;
text-decoration-style: solid;
text-decoration-thickness: auto;
text-transform: uppercase;
top: 140px;
transition-delay: 0s;
transition-duration: 0.275s;
transition-property: color;
transition-timing-function: linear;



}

div#karte_linkbox a.map_routenplaner:hover {
 
  color:  rgba(225,184,52,1.0);

  background-color:  rgba(232,235,235,1.0);

	box-shadow: 0 0 0 0 rgba(0,0,0,.0);}

 div#karte_linkbox a.map_routenplaner:hover::before {
 	 color: rgba(225,184,52,1.0);
}

.map_routenplaner::before {
font-family: FontAwesome;
  position: relative;
  font-weight:900;
  content: "\f1b9";
   top:  1px;
  right: 10px;
  font-size: 25px;
  color: rgba(38,31,34,1.0);
}

/**/




#tpl_aktuelle_listing > .wp-block-group__inner-container{padding:0;}
.news-item > .wp-block-group__inner-container{padding-left:0; padding-top: calc(var(--PADDING-TOP) / 4);padding-bottom: calc(var(--PADDING-BOTTOM) / 4);}
/*behandlungsspektrum */
.behandlungsspektrum  figure{ margin-top:0;position:relative;}
.behandlungsspektrum  figure a, .behandlungsspektrum .preis-card figure{   overflow: hidden; display: inline-block; }


.behandlungsspektrum  figcaption {padding: 20px 10px;
	padding-bottom:15px;
	margin-bottom: 0;
	margin-top:0;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.16px;
  text-transform: uppercase;
	position: absolute;
  width: 100%;
  background-color: var(--khaki3);
bottom:0;}

.behandlungsspektrum  .wp-block-columns {position:relative; gap:20px;}


.behandlungsspektrum  figure:hover figcaption {
 cursor:pointer;
  background-color: rgba(232,235,235,1.0);
  OPACITY: 1;

}
.behandlungsspektrum  img{
transform: scale(1);
  will-change: transform;
  transition: transform .3s ease-in-out;}
.behandlungsspektrum figure:hover img{transform: scale(1.2);}



.gray-balken{height: 65.5px;
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100vw;
  z-index: -1;
  background-color: var(--gray3);
  left: 50%;
  transform: translateX(-50%);}


	.preise .gray-balken{display:none;}

.gesundheitstipp  .wp-block-group__inner-container{padding-top:calc(var(--PADDING-TOP) / 2);}
.gesundheitstipp  h2{margin-top:0;}

.sprechzeiten .wp-block-table{overflow-x:visible;}


/* Preiscard*/

	.preis-card h2{
		color: rgb(225, 184, 52);
		font-family: SwW6GhRLY2, Montserrat;
		font-size: 28px;
		font-style: normal;
		font-weight: 500;
		letter-spacing: 0.56px;
		line-height: 36px;
		margin-bottom: 10px;}

	.preis-card .wp-block-table{width:100%; padding:10px;}

	.preis-card {box-shadow: 0 0 3px 4px rgba(39,32,35,.1);
	  border: 1px solid rgb(225, 184, 52);
	}
	.preis-card td,.preis-card th, .preis-card thead{border-collapse: collapse;border-width:0;}

	.preis-card  tr, .preis-card  table {border: 1px dashed #ccc;}
.preis-card tbody tr {line-height: 0.95em;}
	.preis-card th{font-size:20px; text-transform:uppercase;}

	.preis-card td{font-size:16px;padding: 5px 10px;line-height: 20.9px;}


.preise th{font-weight:500;}

.page-kontakt thead > tr > th,
.mobile-sprechzeiten tr > td:first-of-type
{background-color: rgb(232, 235, 235);
border-collapse: collapse;
box-sizing: border-box;
color: rgb(38, 31, 34);
font-family: SwW6GhRLY2, Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.18px;
line-height: 20px;
margin-bottom: 0px;
padding-bottom: 5px;
padding-left: 60px;
padding-right: 60px;
padding-top: 5px;
text-align: center;
text-transform: uppercase;}

.page-kontakt tbody > tr > td{
	background-color: rgba(255, 255, 255, 0);
border-collapse: collapse;
box-sizing: border-box;
color: rgb(38, 31, 34);
font-family: SwW6GhRLY2, Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.16px;
line-height: 22px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
margin-top: 0px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
text-align: center;
text-transform: none;
	border:none;
}
.mobile-sprechzeiten tr > td:first-of-type{
	padding:4px 6px;
	border: 1px solid rgb(38, 31, 34);}

.mobile-sprechzeiten tr > td{
	padding:4px 6px;
	}


.page-kontakt table{border:none;}
.page-kontakt .wp-block-table thead{border-bottom:1px solid;}


/**/
.site-footer p, .site-footer a, .site-footer strong,  .site-footer p strong, .site-footer *,
 .site-footer > .wp-block-column > p
{text-transform:uppercase;
	font-family: var(--FONT-FAMILY);
font-weight: 500;
  color: var(--COLOR);
   font-size: var(--FONT-SIZE);
	 font-size: 14px;
   font-style: var(--FONT-STYLE);
  line-height: var(--LINE-HEIGHT);
  letter-spacing: var(--LETTER-SPACING);
  margin: var(--MARGIN-TOP) var(--MARGIN-RIGHT) var(--MARGIN-BOTTOM)  var(--MARGIN-LEFT);}

.site-footer p{ margin-bottom: 0.5em;}

#footer-widgets{margin-bottom:0;}

.inside-site-info{padding:6px;}
	
.footer-widgets-container{margin:0px auto;}
.footer-widget-1 .wp-block-columns{gap:0;}
.footer-widget-1 .wp-block-columns .wp-block-column{max-width:135px;}
.footer-widget-1 .wp-block-columns .wp-block-column +  .wp-block-column{max-width:500px;}

html:lang(en-US) .footer-widget-3 #block-11,html:lang(en-US) .footer-widget-3 #block-21{display:none;}
html:lang(de-DE) .footer-widget-3 #block-20,html:lang(de-DE) .footer-widget-3 #block-21 {display:none;}
html:lang(es-ES) .footer-widget-3 #block-11, html:lang(es-ES) .footer-widget-3 #block-20{display:none;}



strong{font-weight:500;}

.site-footer .footer-widget-1 p a, .site-footer .footer-widget-2 p a,
.site-footer .footer-widget-3 p a, .site-footer strong, 
.site-footer p strong{font-weight:600;}


.site-info{position: absolute;
  width: 100%;
  bottom: -40px;
  background-color: var(--khaki3);
	height:40px;
margin-bottom:0;}

.site-footer p::before{
  font-family: var(--ICON-FONT-FAMILY);
   font-weight: 400 !important;
	font-size: 20px;
	margin-right:4px;
}
	/* In order to fix the site-footer at the bottom*/
		html, body {
	  height: 100%;
	}
	body {
	  display: flex;
	  flex-direction: column;
	}

	#page {
	  flex: 1 0 auto;
	}

	.site-footer{
	flex-shrink: 0;
	}

#footer-widgets aside{margin-bottom:12px;}

.footer-widget-3 .wp-block-column, .footer-widget-3 .wp-block-column *{max-width:fit-content;}
.footer-widget-3 aside{padding-left:0 !important;height:100%;}
.footer-widget-3 .wp-block-columns{height:100%;}


	.footer-widget-1, .footer-widget-2{display: table;}
	.footer-widget-1 aside, .footer-widget-2 aside
	{display: table-cell;
  vertical-align: bottom;}

/*############################# */

.SBW-button {

	 /* Animation */
  opacity: 1 !important;
  transition: opacity 0.25s ease-in-out, bottom 0.25s ease-in-out;
  position: fixed !important;
  bottom: 0 !important;
  margin: 20px !important;
  z-index: 214748 !important;
  top: initial !important;
  /* Button */
  color: white;
  font-size: 16px;
  font-weight: 300;
  overflow: hidden;
  padding: 12px 24px;
  border: none;
  outline: none;
  cursor: pointer;
  pointer-events: all !important;
  background-color: #1dbba9;
  font-family: 'Nunito', 'Helvetica', sans-serif;
  border-radius: 25px;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  will-change: auto;
  width: auto;
  white-space: nowrap; }
  .SBW-button > svg {
    margin-bottom: -3px;
    margin-right: 10px; }
  .SBW-button:hover {
    font-size: 16px; }
    .SBW-button:hover .SBW-button--overlay {
      opacity: 1; }
  .SBW-button--opened {
    border-radius: 50px;
    width: 50px;
    height: 50px; }
    .SBW-button--opened > svg {
      animation-duration: 500ms;
      animation-name: show;
      margin-left: -13px;
      margin-top: -2px; }

.SBW-left {
  left: 0 !important;
  right: unset !important; }

.SBW-right {
  left: unset !important;
  right: 0 !important; }

.SBW-button--bounce {
  animation: bounce 0.4s 6 alternate 30s; }

.SBW-button--overlay {
  opacity: 0;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  transition: opacity 0.25s ease-in-out; }

.SBW-element--hide {
  bottom: -50px;
  opacity: 0 !important;
  display: none;
  pointer-events: none !important; }


.SBW-button svg,.SBW-button svg path {
	color:rgb(255, 255, 255); }
/*############################# */
@media (max-width: 1023px) {
	.sprechzeiten-card{display:block !important;}
	
	

	.accordion-title::after{font-size:20px; top: 50%;  right: 0;		transform: translateY(-50%);}
	.accordion-title{font-size:16px; line-height:22px;padding:20px 0;}
	
	div#karte_linkbox a.map_routenplaner {position:unset;}

	.next-arrow, .prev-arrow{top:50%; transform:translatey(-50%);width: 30px;
  height: 30px;padding: 10px;}
	.next-arrow::before, .prev-arrow::before {line-height:unset; font-size:unset; 
  width: 30px;
		height: 30px;}
	
	
	.sprechzeiten-card figure, .sprechzeiten-card figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
	
	
	.only-desktop, #block-17, .gray-balken{display:none !important;}
	.behandlungsspektrum {border-bottom: 0 solid var(--gray3); }
	
	.wp-block-columns:not(.preise){margin-bottom:0;}
	.wp-block-columns.preise{margin-bottom:20px;}
	.home .home-cover{padding:10px;padding-top:50px; padding-bottom:50px;
					background-position-x: 0;}

	.site-main .wp-block-group__inner-container .wp-block-group:not(.accordion)  .wp-block-group__inner-container {    padding: 0px;}
	.site-main > .wp-block-group__inner-container, .google-map .wp-block-group__inner-container {    padding-top:0;}
	
	
	body p, body p * ,
	.sprechzeiten-card p, .sprechzeiten-card span, .sprechzeiten-card p *, .sprechzeiten-card span *, .sprechzeiten-card h3,
	.sprechzeiten-card h3, .sprechzeiten-card h3 strong, .liste li
	{  font-size: 15px;  line-height: 24px}
	.home h1{font-size: 48px;line-height: 54px ;}
	.wp-block-group{margin:0; max-width:100vw;}
	.liste{margin-left:20px;}
	h2{font-size:19px; line-height:28px;}
	
	.float-right,	.float-left{float:none;}
	.arzt-card figure{margin-bottom:1em;}
	.arzt-card figure img{width:100%;}
	.arzt-card .wp-block-buttons:last-of-type .wp-block-button{width:100%;}
	.arzt-card h2{margin-top:0;}
	.site-footer{background-size:80px;max-height:unset;}
	
	
}

/*@media (min-width: 1024px) {*/
 @media (min-width: 768px) {
	 
	 .wpml-ls-menu-item a{padding: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 10px;}
	 .wpml-ls-menu-item span{
	color: var(--khaki2);}

	 
	 body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
	 
	 
	.inside-header{padding-bottom:0;padding-top:0;}
	
	.topbar-icon:not(.termin-buchen) a {font-size:0 !important;}
	.topbar-icon-ul{margin-top:1em !important;}
	
	
	.only-desktop{display:block;}
	.dropdown-menu-toggle{display:none !important;}
	
	#menu-main li.menu-item-has-children ul.sub-menu li.menu-item-has-children .sub-menu { min-width: 300px;}

.main-navigation:not(#site-navigation) ul ul{width:auto; min-width:300px;}
	#menu-main li.menu-item-has-children ul.sub-menu li.menu-item-has-children > a::after{content: "\f054";
	  font-family: FontAwesome;
	  font-size: 14px;
	  font-weight: bold;position: absolute;
	  right: 15px;}

	
}




@media (max-width: 1024px) {
	.arzt-card
		{background-position-y:  90%;
	  background-repeat: no-repeat;
	  background-size: 165px;	
	  background-image: url("/wp-content/uploads/2023/09/gruppe_31.png");
      background-position-x: 100%;
	}
	
	
	.mobile-sprechzeiten{display:block;}
	.desktop-sprechzeiten{display:none;}
	
}

@media (min-width: 1025px) {

   .mobile-sprechzeiten{display:none;}
	.desktop-sprechzeiten{display:block;}
}


@media (max-width: 513px){ 
	.arzt-card {

    background-size: 100px;

    background-position-y: 60%;
	}
	
}

@media (max-width: 837px) {
  .icon_buttons_top ul {
    margin-left: 0;
  }
}




@media (min-width: 1024px) and (max-width: 1679px) {

	 body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
	
	
	
	.inside-header ,
		.site-main .wp-block-group__inner-container {
	  padding-left: 40px;
	  padding-right: 40px;
	}

	#site-navigation:not(.toggled) .main-nav ul:not(.sub-menu) > li:not(.topbar-icon):not(.wpml-ls-menu-item) > a{margin-left:18px; margin-right:18px;}

}

@media (min-width: 1680px) {
	
		 body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
	
	
	#site-navigation:not(.toggled) .main-nav ul:not(.sub-menu) > li:not(.topbar-icon):not(.wpml-ls-menu-item) > a{margin-left:20px; margin-right:20px;}
  .termin-buchen.topbar-icon::before {    display: none;  }
	.topbar-icon:not(.termin-buchen) a {font-size:0 !important;}

.main-nav li.termin-buchen a {	color: var(--khaki3); max-width:unset;}
	.main-nav li.termin-buchen a:hover {	color:white;}
	.topbar-icon.termin-buchen{ font-size:var(--FONT-SIZE);}
	
	.wp-block-columns:not(.preise) {margin-bottom:0;}
	header .grid-container, .site-footer .grid-container{max-width: 1730px;}
	
	
	
}
@media (min-width: 1140px) and (max-width: 1280px) {
	.grid-container,  body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)){ max-width: 1140px !important;}
}

/*1440*/
@media (max-width: 1679px) {

				 li.topbar-icon{display:none;}
				.icon_buttons_top li.topbar-icon{display:inline-block;}
				.icon_buttons_top a {
				height: 34px !important;
					width: 34px !important;}

				.icon_buttons_top .topbar-icon.termin-buchen{margin-left:0;}
				.icon_buttons_top { width:100%;width: fit-content;}
				.icon_buttons_top ul{margin: 0px auto;
				width: fit-content;}
	
	#site-navigation:not(.toggled) .main-nav ul:not(.sub-menu) > li:not(.topbar-icon):not(.wpml-ls-menu-item) > a {height: 40px;
	  padding-top: 0;
		margin-bottom: 0;}
	
}


@media (min-width: 768px) and (max-width: 1679px) {
	
	
h2[id]{
padding-top: 170px;
  margin-top: -170px;}
	
	
	
  #site-navigation {
    max-width: 1140px;
  }
	#site-navigation{margin:0px auto; padding:20px;padding-top:0;}
	#primary-menu{margin:0px auto;}
}

@media (min-width: 768px) and (max-width: 1679px) {
	.inside-footer-widgets{padding-bottom:50px;}
	.footer-widget-3{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);}
	
	.footer-widget-2{display: table;}
	.footer-widget-2 aside
	{display: table-cell;
  vertical-align: bottom;}
	

}


@media (max-width: 1679px) {
	.topbar-icon a {
		font-size: 0 !important;
		height: 34px !important;
		width: 34px !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
/*.footer-widget-3{position: absolute;
  bottom: 0;
  right: 50px;}
*/	
	.topbar-icon::before {
		font-size: 15px !important;
		display: inline-block;
		vertical-align: middle;
		line-height: 1;
	}
	/*.topbar-icon{margin-top: calc(55px - 34px);}*/
	.topbar-icon.termin-buchen{margin-left:0;}
	
	.main-nav ul:not(.sub-menu) > li:not(.topbar-icon):not(.wpml-ls-menu-item) > a {  
		margin-left: 20px;  
		margin-right: 20px;
	}
	.site-logo img {  height: 70px;  width: auto;}
	
}

@media (min-width: 1024px) and (max-width: 1139px) {
	
	body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) , .inside-header,  .home .home-cover{
		max-width: 960px;}
	.site-logo img {  height: 60px;  width: auto;}
	.home .home-cover{background-position-x: 70% !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
 /* body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) , .inside-header, .home .home-cover{
		max-width: 720px;}*/
	
	   body:not(.home) h1, body h1, .home h1:not(.like-h1) {
    font-size: 45px !important;
		  line-height: 60px !important;
	
	
	
	}
	.home h1:not(.like-h1){padding-left:0;}
 
	.home .home-cover{background-position-x: 0% !important;}
	
	
  }


@media (min-width: 1024px) and (max-width: 1199px) {
 
body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) , .inside-header,  .home .home-cover { max-width: 960px; }

	
}

@media (min-width: 1200px) and (max-width: 1679px) {
 	
	body .is-layout-constrained:not(#headerSlider) > :where(:not(.alignleft):not(.alignright):not(.alignfull)) , .inside-header,  .home .home-cover, .footer-widgets-container { max-width: 1140px; }
	
	
	
}

@media (max-width: 991px) {
	
	.preis-card th{font-size:16px; line-height:22px; padding: 5px 10px;}
	
	 .preis-card tr {
	  border: 1px dashed #ccc;
	  display: flex;
	  flex-wrap: wrap;
	  justify-content: flex-end;
	  border: 1px dashed #ccc;
	}
	

	
	.preis-card h2{font-size:19px;line-height:28px;padding-left: 5px;padding-right: 5px;}
	.preis-card td {
	  
	  margin: 0 !important;
	  flex-basis: auto !important;
	 font-size:15.5px;padding: 5px 8px;
	}
	.preis-card td{width:45% !important;}
	.preis-card td:first-of-type{width:55% !important;}
	.preis-card td[colspan]{width:100% !important;}
}



@media (min-width: 1024px) and (max-width: 1679px) {
 
	
	.home .home-cover{background-position-x: 80% !important;}
	
	
	#site-navigation:not(.toggled) .main-nav ul:not(.sub-menu) > li:not(.topbar-icon):not(.wpml-ls-menu-item) > a {height: 40px;
	  padding-top: 0;
		margin-bottom: 0;}
}


@media (max-width: 767px) {
	
	
	
	
	.home h1:not(.like-h1){padding-left:0; font-size: 45px !important;
		  line-height: 60px !important;margin-bottom:0;
	
	}
	
	
	
.mobile-sprechzeiten tr > td{
	font-size:15px !important; line-height:22px !important;  max-width: 150px;  padding:0px !important;
	}
 .mobile-sprechzeiten tr > td:first-of-type{
	font-size:17px !important; min-width:70px ; line-height: 20px !important; padding:10px !important}

	 	
	.footer-widget-1 .wp-block-columns .wp-block-column + .wp-block-column{max-width:100%;}
	
	
	.footer-logo-text img{margin: 0px auto;
    margin-top: 0px;
    margin-bottom: 0px;
  display: block;
  margin-top: 1em;
  margin-bottom: 1em !important;}
	
	.footer-logo-short img{margin: 0px auto;display: block;}
	.footer-logo-short figure {display: block;
  width: 100%;
	}
	
.site-main .wp-block-group:not(.sprechzeiten-bild-text):not(#headerSlider) .wp-block-group__inner-container {
  padding-left: 25px;
	padding-right: 25px;}	
	
	
.wp-block-group.arzt-card .is-not-stacked-on-mobile{	flex-wrap: wrap !important;}
	
.wp-block-group.arzt-card .is-not-stacked-on-mobile .wp-block-column {
    flex-basis: 100% !important;
    flex-grow: 1 !important;
  }
	
	
	.home h1.wp-block-heading{letter-spacing: 0.42px;}
	
	  .inside-header,  .home .home-cover, .site-main .wp-block-group__inner-container, .footer-widgets-container {
    padding-left: 22px;
    padding-right: 22px;
  }
	
	.icon_buttons_top {
		width: 100%;
		margin-bottom: 1em;
	}
	
	.like-h1,.like-h1 strong, body:not(.home) h1, body h1,.home h1:not(.like-h1){font-size: 26px !important;line-height: 37px !important ;}
	
	.home h1.wp-block-heading{ font-size: 48px !important;line-height: 48px !important; min-height: 240px;}
	
	
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.preis-card {
    flex-basis: 100% !important;
    flex-grow: 1 !important;
  }
	
		.home .home-cover{background-position-x: 0% !important;}
	
	
/*########## BURGER MENU ###############*/

	.gp-icon:not(.icon-arrow-up):not(.icon-arrow) svg{display:none;}
	.sub-menu li a .gp-icon:not(.icon-arrow-up):not(.icon-arrow) svg{display:inline-block;}

	.menu-toggle{
	display: block;
	  z-index: 200;
	  position: fixed !important;
	  top: 90px !important;
	  right: 20px;
	 padding: 3px 10px !important;
	 /* background-color: var(--khaki3) !important;*/
		}


		.mobile-menu-lines {
	  width: 30px;
	  height: 2.5px;
	  display: block;
	  position: absolute;
	  top: 0;
		background-color: var(--khaki3);
	}
	
	.mobile-menu-lines:nth-of-type(1) {
	  top: 0px;
	}
	
	
	.mobile-menu-lines:nth-of-type(2) {
	  top: 10px;
	}
	
	.mobile-menu-lines:last-of-type {
	  top: 20px;
	}
	
	span.gp-icon:not(.icon-arrow) {
	  
	  position: relative;
	  height: 17px;
	}

	span.gp-icon:not(.icon-arrow-up):not(.icon-arrow) {
	  width: 30px;
	 
	}
	
	
	button.menu-toggle[aria-expanded="true"] .mobile-menu-lines:nth-of-type(2){display:none;}
	
		button.menu-toggle[aria-expanded="true"] .mobile-menu-lines {
	  transform: translate(0px, 8px) rotate(45deg);
	  -webkit-transform: translate(0px, 8px) rotate(45deg);
	  -moz-transform: translate(0px, 8px) rotate(45deg);
	  -o-transform: translate(0px, 8px) rotate(45deg);
			-ms-transform: translate(0px, 8px) rotate(45deg);}

		button.menu-toggle[aria-expanded="true"] .mobile-menu-lines:last-of-type {
	  transform: translate(0px, -12px) rotate(-45deg);
	  -webkit-transform: translate(0px, -12px) rotate(-45deg);
	  -moz-transform: translate(0px, -12px) rotate(-45deg);
	  -o-transform: translate(0px, -12px) rotate(-45deg);
			-ms-transform: translate(0px, -12px) rotate(-45deg);}					
	
	button.menu-toggle[aria-expanded="true"] {transform: translateX(-268px);}
	
	
	.menu-toggle{line-height:40px; position:absolute;right: 10px;background-color:rgba(38,31,34,1.0) !important;  }
	
	
	header + nav .menu-toggle{display:none !important;}
	
	.topbar-icon a {font-size:0 !important;}

	#site-navigation > .inside-navigation > .menu-toggle{display:none;}	
	#site-navigation .main-nav li a{border-top: 1px solid rgba(98,72,47,.2);padding: 15px 5px;
						padding-top: 15px;
						padding-right: 5px;
						padding-bottom: 15px;
						padding-left: 5px;
						margin: 0;}

	#site-navigation{background-color:unset !important;

				
						position: fixed;
					  top: 100px;
					  bottom: 0;
					  width: 268px;
					  min-height: 100vh;
					  overflow-y: scroll;
					
					  z-index: 0;
						right:-100vw ; /*0;*/
						padding: 15px 15px 15px 15px;
						

					}
	
	#site-navigation.toggled{right: 0;}
	
	
	#site-navigation .inside-navigation, #primary-menu{max-width:268px;}
	.dropdown-menu-toggle {
				  padding: 0 !important;
				padding-right: 10px !important;}


					#site-navigation  ul li a{text-align:left;font-size:19px; line-height:21px;}
				   #site-navigation  ul ul li a{text-align:left;font-size:16px; line-height:21px;background-color:rgba(232,235,235,1.0);padding: 10px 20px;}
				#site-navigation li.current_page_item >  a , #site-navigation li:hover > a, #site-navigation li:hover > a > .dropdown-menu-toggle path, #site-navigation li.current_page_item >  a > .dropdown-menu-toggle path {color:rgba(225,184,52,1.0);}

				#site-navigation ul ul a > .dropdown-menu-toggle{position: absolute;  right: 8px;margin-top:0;}
				#site-navigation ul ul .sub-menu.toggled-on{position:unset !important; }
			/*	#site-navigation ul ul .sub-menu.toggled-on a{background-color:white !important;}*/
					#site-navigation >  ul > li a {display: table;
					  width: 100%;
					  padding: 15px 5px;
					  border-top: 1px solid rgba(98,72,47,.2);
					  text-decoration: none !important;}
					#site-navigation ul >  li:hover > a{  color: rgba(225,184,52,1.0);}
					#page, #masthead,.site-footer{transform: translateX(0);}
					#masthead.nach-left, #page.nach-left, .site-footer.nach-left{transform: translateX(-268px);box-shadow: 10px 0px 10px -6px  rgba(0,0,0,.4);}




	.only-mobile{display:block;}
				
	
	/*#######################################*/
	
	
	
	
	
	
	
}

@media (min-width:768px) and (max-width: 1679px) {
  .preise{ flex-wrap: wrap !important; }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.preis-card {
    flex-basis: calc(50% - 60px) ;
    flex-grow: 0 !important;
	    
  }
	

}
@media (min-width:768px) and (max-width: 1024px) 
{
	 .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.preis-card {   flex-basis: calc(50vw - 80px) !important;}
	
	
}

@media (min-width:768px) and (max-width: 1679px) 
{	
	.inside-header {padding-top:20px; padding-bottom:20px;justify-content: space-between;}

}

@media (min-width: 768px) {
	
	.home .home-cover{min-height:800px;}
	
/*	.site-logo{margin-bottom:1em;}*/
	header{position:fixed !important;}
	
	.inside-footer-widgets {
    flex-direction: row !important;
  }
}	
	
@media (max-width: 768px) {	
	
	.to-be-centered{margin:0px auto !important;}
	
	
	
	.site-logo{margin-bottom:1em;}
  .site-logo img {  height: 48px;min-height:48px;}
	
	.arzt-card .wp-block-group__inner-container {padding-bottom: 110px;}
	
}

@media (max-width: 975px) {
	.footer-widget-1 .wp-block-columns {
	
	  flex-direction: column;

	}
	
	}	

@media (min-width:1680px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.preis-card {
    flex-basis: 0;
    flex-grow: 1;
  }
	.icon_buttons_top,.only-mobile{display:none !important;}
	
	
	
}