/*
 Theme Name:   zaemed-gsund
 Theme URI:    http://www.praxis-zaemedgsund.de
 Description: Child theme for SolarOne
 Author:       Alina Gehring
 Template:     solarone
 Version:      1.0.0
 Text Domain: solarone-child
*/

.hide {
	display:none;
}
/*CSS Variables*/

 :root {
  --terracotta: #885C5B; /* terracotta */
  --purpleblue: #5C68AE; /* purpleblue */
 --wp--preset--color--font-primary: #391c16;
}


h3 {
	color:var(--terracotta) !important;

}

h3:has(+ h2) {
  color: var(--wp--preset--color--font-primary) !important;
}

a {
	text-decoration:underline !important;
}

strong {
	font-weight:600;
}


.home header {
	position:absolute;
	top:0;
left:0;
width:100%;
z-index:999;
}




.home header .wp-block-button > a {
	border-color:#fff;
	color:#fff;
	white-space:nowrap;
}


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

header {
	margin-bottom:5%;
}
.custom-logo {
	width:clamp(80px, 100px, 160px) !important;
	}
}


/* HOME SLIDER */


.bg-tree {
  position: relative;
}

.bg-tree > img {
  position: absolute;
    opacity:0.05;
  width: auto;
  height: 100vh;
  max-width: 1440px;
  bottom: 0;
  right: 10%;
}

@media screen and (max-width: 1680px) {
	.home-slider .n2-ss-layer {
		 font-size: 0.8rem !important;
	}
}

@media screen and (max-width: 1440px) {
	.home-slider .n2-ss-layer {
		 font-size: 0.6rem !important;
	}
}

@media screen and (max-width: 1024px) {
	.home-slider .n2-ss-layer {
		 font-size: 0.35rem !important;
	}
}

@media screen and (max-width: 600px) {
	.bg-tree > img {
	height: 50vh;
}
}

footer .bg-tree > img {
z-index:-1;
}



[class*="n2-ss-slider-"] {
	max-height:100vh;
	height:100vh;
}

/*Zoom Effect on Hero Slider Background Image*/

.zoom-effect {
	overflow:hidden;
}

.zoom-effect > div {
  animation: zoomInOut 25s infinite ease-in-out;
}

@keyframes zoomInOut {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/*Home Termin Button*/

@media screen and (max-width: 600px) {
  .cta-termin {
	width:calc(100% - 20px);
	left:10px;
    position: fixed;
    bottom: 10px;
  }

  .cta-termin a {
    margin: 0 auto !important;
	background:var(--wp--preset--color--font-primary);
    box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.3);

  }


}



/*Hero mit Beitragsbild*/

.site-hero {
	position:relative;
}

.hero-edge {
	position:absolute;
	z-index:1;
	left:0;
	width:100%;
	height:auto;
}

.hero-edge-top {
	top:-1px;
}

.hero-edge-bottom {
	bottom:-1px;
}

.hero-edge-top img,
.hero-edge-bottom img {
	width:100% !important;

}

/* NAVIGATION / MENÜ*/

header nav a {
	text-decoration:none !important;
	font-weight:600 !important;
	color:#fff !important;
	transition: all 0.3s ease-in-out;
}

header nav a:hover {
	opacity:0.3;
}

header nav .current-menu-item a {
	color: var(--wp--preset--color--font-primary) !important;
}

/*header nav #modal-2 > div {
	margin:auto !important;
}*/

.wp-block-navigation__responsive-container-open:after {
  line-height: inherit;
  content: "Menü";
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-weight: 600;
  font-size: clamp(1rem, 1.25rem, 1.5rem);
  align-self: center;
  padding: 0px 0.6rem;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  height: 60px;
  width: 52px;
}

body:not(.home) .wp-block-navigation__responsive-container-open svg {
fill:  var(--terracotta);
}

body:not(.home) .wp-block-navigation__responsive-container-open:after {
  color: var(--terracotta);
}


/* Layout offset*/

/*.offset-columns.wp-block-columns .wp-block-column:nth-child(2) {
	margin-left:-20%;
}*/


/*Image Zoom Effect*/


/*.img-zoom {
  position: sticky;
  top: 20px;
  left: 20px;
  height: 250px!important;
  width: 320px!important;
  transition: none;
  transform-origin: top left;
}*/




/* Hover Image Scale Effect*/

.cta-boxes a,
#sb_instagram .sbi_follow_btn a {
	text-decoration:none !important;
}

.cta-boxes .wp-block-cover .wp-block-cover__image-background {
	transition: all 0.6s ease-in-out;
}

.cta-boxes .wp-block-cover:hover .wp-block-cover__image-background {
	transform: scale(1.2);
	transform-origin: bottom center;
}

@media screen and (max-width: 1023px) {
	.cta-boxes > .wp-block-ainoblocks-grid-item:first-child {
		order:2;
	}

	.cta-boxes .wp-block-cover {
		min-height:360px !important;
	}

	.cta-boxes h2 {
		font-size: var(--wp--preset--font-size--text-4-xl) !important;
	}

	
}

/* TESTIMONIAL SLIDER*/

.testimonial-slider h3 {
		color:var(--wp--preset--color--font-primary) !important;
	}

@media screen and (max-width: 700px) {

	.testimonial-slider h3 {
		margin-top:2em !important;
	}

	.testimonial-slider h3,
	.testimonial-slider p {
		text-align:center !important;
	}
}




/*.testimonial-quote h3:before {
	display:block !important;
	position:absolute;
	top:0px;
	left:0px;
	content:"„";
	font-size:12rem;
	color:var(--purpleblue);
	width:120px;
	height:120px;
}*/

.pos-rel {
	position:relative;
}


.circle-frame img {
position:relative;
  /*clip-path: path("M421.8,179.8c38.4,222.1-282.1,353.8-379.2,127.5C-39.8,103.1,184.8-68.2,353.4,82.1c31.2,25.1,59.5,57.6,68.5,97.7Z");*/
clip-path: circle(50%);
}

.circle-frame:after {
	display:block !important;
	content:"";	
	width:100%;
	height:100%;
	background:url('https://praxis-zaemedgsund.de/wp-content/themes/zaemed-gsund/img/circle-line.svg') no-repeat center;
	position:absolute;
	left:5%;
	top:5%;
} 

/* SEITE ANWENDUNGEN*/

@media screen and (max-width: 781px) {
	.page-id-240  .pos-rel {
		margin-bottom:2em;
	}

	.circle-frame::after {
		left:0;
	}

	.page-id-240 .wp-block-column {
		text-align:center;
		margin-top:1em !important;
	}

	.page-id-240 .wp-block-column .wp-block-button {
		margin: 0 auto !important;
	}

	.page-id-240 .wp-block-column ul li {
		list-style-type:none;
	}
}



/* LAYOUT MOBILE TXT/IMG*/

@media screen and (max-width: 781px) {

	.wp-block-columns .wp-block-column:not(:first-child) {
		margin-top:1em;
	}

	.wp-block-columns.odd > .wp-block-column:first-of-type {
       		order: 2;
    	}


}



/* Button Outline*/

.wp-block-button > a {
	text-decoration:none !important;

}

.wp-block-buttons .wp-block-button__link {
	transition: all 0.3s ease-in-out;
}

.wp-block-buttons .wp-block-button__link:hover {
	background:var(--terracotta) !important;
	color:#fff !important;
}

.is-style-outline, .wc-block-components-button.outlined {
	border:none !important;
}


/*Offset Gallery Row*/
/*3 images*/

.wp-block-gallery.gallery-offset-row {
	align-items:enter;
}

/*.wp-block-gallery.gallery-offset-row.triple-gallery .wp-block-image {
	flex:none !important;
	width:calc(36.66% - var(--wp--style--unstable-gallery-gap, 16px)*.66667) !important;
}*/

.wp-block-gallery.gallery-offset-row.double-gallery .wp-block-image {
	flex:none !important;
	width:calc(52.5% - var(--wp--style--unstable-gallery-gap, 16px)*.66667) !important;
}

.wp-block-gallery.gallery-offset-row .wp-block-image:nth-child(even) img {
	aspect-ratio: 2/3 !important;
	object-fit: cover;
	z-index:0;
}

.wp-block-gallery.gallery-offset-row .wp-block-image:nth-child(odd) img {
	aspect-ratio: 1/1 !important;
	object-fit: cover;
	z-index:1;
}

.wp-block-gallery.gallery-offset-row .wp-block-image:nth-child(1) {
	margin-top:auto !important;
	margin-bottom:-5% !important;
	margin-right:-5% !important;
}

.wp-block-gallery.gallery-offset-row.double-gallery .wp-block-image:nth-child(1) {
	margin-bottom:auto !important;
	margin-top:auto !important;
	margin-right:-5% !important;
}

.wp-block-gallery.gallery-offset-row .wp-block-image:nth-child(3) {
	margin-top:5% !important;
	margin-left:-5% !important;
}

@media screen and (max-width: 781px) {
	.wp-block-gallery.has-nested-images.gallery-offset-row .wp-block-image {
		width:100% !important;	
		margin:0 !important;	
	}
}

/*TABELLE STREIFEN*/

.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) {
	background-color:rgba(136,92,91,0.1);
}

.wp-block-table td {
	padding:1em;
	vertical-align:top;
}

/*TABELLE PREISE*/

@media screen and (max-width: 600px) {
	.price-table {
		font-size:0.8em;
	}
}

/*LISTE*/

ul.wp-block-list {
	padding-left:1em;
}

/* VIDEO*/

.video-vertical video {
	aspect-ratio: 1080/1920 !important;
}

/*GUTENBERG COLUMNS SPACE*/

.wp-block-column:not(:first-child) {
  padding-left: 0 !important;
}


@media screen and (min-width: 782px) {
.wp-block-column:not(:first-child) {
  padding-left: var(--wp--preset--spacing--10) !important;
}
}


/*WPConsent Cookie-Plugin*/

.wpconsent-cookie-category-name {
	display:none;
}