/**
 * Theme Name:   YOOtheme Child
 *  Template:     yootheme
 *  Author:       webfactor
 *  Description:  YOOtheme Child Theme
 *  Version:      1.0.0
 *  Text Domain:  yootheme-child
 * */

@font-face {
  font-family: "Pflanzenreich-font";
  src: url("/wp-content/themes/yootheme-child/fonts/Mollieglaston.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

.button-circle a,
.button-circle-bold a {
	position: relative;
	left: 0.5em;
	font-size: 20px;
}

.button-circle-bold a {
	padding-left: 10px;
	padding-right: 10px;
}

.button-circle a:before {
	content: "";
	z-index: 999;
	left: -0.5em;
	top: -0.9em;
	border-width: 2px;
	border-style: solid;
	border-color: #ddb862;
	position: absolute;
	border-right-color: transparent;
	width: 100%;
	height: 1.6em;
	transform: rotate(2deg);
	opacity: 0.7;
	border-radius: 50%;
	padding: 1em 1em;
}

.button-circle-bold a:before {
	content: "";
	z-index: 999;
	left: -0.5em;
	top: -1.2em;
	border-width: 4px;
	border-style: solid;
	border-color: #ddb862;
	position: absolute;
	border-right-color: transparent;
	width: 100%;
	height: 2em;
	transform: rotate(2deg);
	opacity: 0.7;
	border-radius: 50%;
	padding: 1em 1em;
}

.button-circle a:after {
	content: "";
	z-index: 999;
	left: -0.8em;
	top: -0.8em;
	padding: 1em 1em;
	border-width: 2px;
	border-style: solid;
	border-color: #ddb862;
	border-left-color: transparent;
	border-top-color: transparent;
	position: absolute;
	width: 100%;
	height: 1.3em;
	transform: rotate(-1deg);
	opacity: 0.7;
	border-radius: 50%;
}

.button-circle-bold a:after {
	content: "";
	z-index: 999;
	left: -0.8em;
	top: -0.8em;
	padding: 1em 1em;
	border-width: 4px;
	border-style: solid;
	border-color: #ddb862;
	border-left-color: transparent;
	border-top-color: transparent;
	position: absolute;
	width: 100%;
	height: 1.3em;
	transform: rotate(-1.7deg);
	opacity: 0.7;
	border-radius: 50%;
}

.button-circle a {
	color: #000733;
}

.button-circle a:hover,
.button-circle-bold a:hover {
	color: #ddb862;
}

.CTA-Leiste a.el-content {
	color: white;
	font-weight: 600;
}

.grid-price .uk-card-primary .uk-text-meta {
	color: white;
}

.grid-price .uk-card-primary .uk-button {
	background-color: transparent;
	color: #000733;
	border: 1px solid #000733;
}

.grid-price .uk-card-primary .uk-button:hover {
	background-color: transparent;
	color: white;
	border: 1px solid white;
}

.Funktions-liste-pakete thead tr th:not(.uk-width-large) {
	font-family: inherit;/*Pflanzenreich-font;*/
	color: #000733;
	font-weight: bolder;
	font-size: 20px;
	text-transform: none;
}

.Funktions-liste-pakete tbody td svg {
	border: 1px solid #ddb862;
	border-radius: 100px;
	height: 35px;
	width: 35px;
	padding: 7px;
	background-color: #ddb862;
	color: white!important;
}

.kundenstimme path {
	opacity: .5!important;
}

/*Navbar Dropdown*/
.uk-nav-secondary>li.uk-active>a {
    color: #000733;
}
.uk-navbar-dropdown {
  padding: 30px 20px;
}

/* Blog */
.wp-block-separator {
	border-top: calc(0.2px + 0.05em) solid #DDB862;
	margin-top: 40px;
	margin-bottom: 40px;
}

h3.wp-block-heading {
	font-size: 22px;
}

/* RWD */

@media (max-width: 639px) {
	.uk-heading-3xlarge	{
		font-size: 2rem;
	}
	
	.heroimage .uk-background-cover {
		min-height: 300px!important;
	}
}

@media (max-width: 450px) {
	.button-circle-bold a:after,
	.button-circle-bold a:before {
		width: 90vw;
	}
}

/* Kundenstimmen Styling */

blockquote .el-author a {
	color: #936e0b;
	font-weight: 600;
}

/*Kundenstimmen mobil neu sortieren*/
@media (max-width: 767px) {
  /* Nur Rows mit der Klasse tst-mobile-first */
  .tst-mobile-first {
    display: flex; 
    flex-wrap: wrap;
  }

  /* Spalten auf 100 % Breite setzen */
  .tst-mobile-first > [class*="uk-width"] {
    width: 100% !important;
  }

  /* Spalte mit einem Bild-Element zuerst anzeigen */
  .tst-mobile-first > [class*="uk-width"]:has(.el-image) {
    order: 1;
  }

  /* alle anderen (Textspalten) danach */
  .tst-mobile-first > [class*="uk-width"]:not(:has(.el-image)) {
    order: 2;
  }
}