/*
 Theme Name:   TwentyTwentyOne Child
 Description:  TwentyTwentyOne Child
 Author:       Thomas Fuchs
 Template:     twentytwentyone
 Version:      1.0
 Text Domain:  twentytwentyone-child
*/


:root {
	--global--background-gradient: 180deg, #edcc61, #ede0cb 16rem, #91cee2 21rem, #4fbbe2 86%, #c0dae2 93%, #edd3a3;
	--global--background-gradient-home: 180deg, #edcc61, #ede0cb 18rem, #4fbbe2 28rem, #91cee2 92%, #c0dae2 95%, #edd3a3;
	--global--schraeg-abgerundet: 20px 20px 20px 20px / 10px 40px 10px 40px;
	--global--anders-abgerundet: 20px 25% 50% 20px / 10px 75% 25% 40px;
	--global--mediatextbild-abgerundet: 50% 50% 15% 50% / 15% 50% 50% 50%;
	--global--color-rotbraun: #950401;
	--global--color-dunkelrot: #C71A34;
	--global--color-dunkelblau: #2B3A90;
}
/* Seitenhintergrund */
body {
  background: #91cee2; /* Old browsers */
  background: -moz-linear-gradient(var(--global--background-gradient)); /* FF3.6-15 */
  background: -webkit-linear-gradient(var(--global--background-gradient)); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(var(--global--background-gradient)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
body.home {
  background: #91cee2; /* Old browsers */
  background: -moz-linear-gradient(var(--global--background-gradient-home)); /* FF3.6-15 */
  background: -webkit-linear-gradient(var(--global--background-gradient-home)); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(var(--global--background-gradient-home)); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/*
body.home {
  background:
    url('/coaching/wp-content/uploads/img/coachingfreude-background.webp') center 20px no-repeat,
    linear-gradient(var(--global--background-gradient));
  background-size: 80% auto;
  margin-top: 500px;
}
*/
/* Aufzählungen */
.entry-content ul li {
  background: url('/coaching/wp-content/uploads/img/stern_gelb_23x25.png') no-repeat 0 0.75rem transparent;
  list-style-type: none;
  margin: 0;
  padding: 0.5rem 0 0.5rem 2rem;
  vertical-align: middle;
}
.entry-content ol {
  list-style: none;
  counter-reset: zahl;
}
.entry-content ol li::before {
    content:  "." counter(zahl);
    color: #f50;
    display: inline-block;
    text-align: right;
    width: 1em;
    margin-left: -1.5em;
    margin-right: 0.5em;
    direction: rtl;
}
.entry-content ol li {
  margin: 0;
  padding: 0.5rem 0 0.5rem 1rem;
  vertical-align: middle;
  counter-increment: zahl;
}
/* Menüs und Seitentitel */

.site-title {
	color: var(--global--color-dunkelblau) !important;
	font-family: var(--list--font-family);
}
.menu-item, .site-title {
  font-style: italic;
  font-weight: bold;
}
button#primary-mobile-menu {
	border-radius: 1em !important;
}
:root {
--primary-nav--font-size: var(--global--font-size-lg) !important;
}

@media only screen and (min-width: 1024px) {
	.primary-menu-container ul li {
		background-color: var(--global--color-yellow);
		padding: auto 5px;
		border-radius: var(--global--schraeg-abgerundet);
	}
	.home .primary-menu-container ul li {
		opacity: 0.92;
	}
	.primary-menu-container ul li.lang-item img {
		margin: -15px -15px -13px -15px;
		opacity: 0.86;
	}
}

.primary-menu-container ul li.lang-item img {
	border-radius: var(--global--schraeg-abgerundet);
}
.primary-menu-container ul li.lang-item img:hover {
	opacity: 1;
}

/*
#menu-item-3560 {
	background-color: var(--global--color-yellow);
}
#menu-item-2289 {
	background-color: var(--global--color-green);
}
*/
/* blendet die Kategoriebeschreibung aus dem Menü aus & den Kategorienamen aus dem Blogheader */
.menu-item-description, .archive-title-prefix  {
  display:none !important;
}
.archive-description {
  font-size: var(--global--font-size-md) !important;
  font-style: italic;
}

/*Bruce Lee*/

.brucelee {
	color: #063055;
	background: #d1dfe4;
	font-style: italic;
	font-size: 1.175rem;
	line-height: 1.3em;
	margin: 10px 0px 20px 0px;
	padding: 15px 15px 12px 15px;
	border: 1px ridge #fb7;
	border-radius: 7px;
	text-align: center;
}
.brucelee p {
	margin-bottom:12px !important;
}
.brucelee_bild1 {
	background: url(/coaching/wp-content/uploads/img/bruce_lee_1.png) top center no-repeat;
	width: 660px;
	height: 413px;
}
/* Allgemeines */

.schmalebreite {
	max-width: var(--responsive--aligndefault-width);
}
.durchsichtig {
  background-color: transparent !important;
}
.durchscheinend {
	opacity: 0.8 !important;
}
.ungesaettigt {
	filter:saturate(60%) brightness(150%);
}
.heller {
	filter:brightness(110%);
}
.abgerundet,
.abgerundet video,
.abgerundet .wp-block-media-text__content {
  border-radius: 1rem;
}
.oben-abgerundet {
	border-radius: 1rem 1rem 0 0;
}
.unten-abgerundet {
	border-radius: 0 0 1rem 1rem;
}
.schraeg-abgerundet,
.schraeg-abgerundet .wp-block-media-text__media img	 {
	border-radius: var(--global--schraeg-abgerundet);
}
.anders-abgerundet {
	border-radius: var(--global--anders-abgerundet);
}
.abgerundet .wp-block-media-text__media img,
.tropfen-abgerundet {
	border-radius: var(--global--mediatextbild-abgerundet);
}
.schatten {
	box-shadow: 2px 2px 5px 3px #49525f;
}
.schatten-hell {
	box-shadow: 2px 2px 5px 3px #798495;
}
.abstand2 {
  margin-top: 2rem !important;
}
.abstand5 {
  margin-top: 5rem !important;
}
.abstand-1 {
  margin-top: -1rem !important;
}
.abstand-2 {
  margin-top: -2rem !important;
}
.abstand-5 {
  margin-top: -5rem !important;
}
.untenabstand-5	 {
	margin-bottom: -5rem !important;
}
.untenabstand-9	 {
	margin-bottom: -9rem !important;
}
.untenabstand3 {
	margin-bottom: 3rem !important;
}
.untenabstand5 {
	margin-bottom: 5rem !important;
}
.innenabstand2 {
	padding-top: 2rem !important;
}
.rechter-innenabstand4,
.rechter-innenabstand4 .wp-block-media-text__media img {
	padding-right: 4rem !important;
}
.rechterabstand-2 {
	margin-right: -2rem !important;
}
.linkerabstand50 {
	margin-left: 50% !important;
}
.rechts {
	float:right;
}
.rechts-vollebreite {
	float:right;
	margin-right: calc((100% - var(--responsive--aligndefault-width))/2) !important;
}
html {
	scroll-behavior: smooth;
}
.sternenhintergrund {
	background: url(/coaching/wp-content/uploads/img/sternenhintergrund4.png) no-repeat center center;
}
.rotbraun {
	color: var(--global--color-rotbraun) !important;
}
.dunkelblau {
	color: var(--global--color-dunkelblau) !important;
}
.dunkelrot {
	color: var(--global--color-dunkelrot) !important;
}

/* Behebt einen Fehler (Bild überlappte Text) auf der Startseite */
.home .wp-block-media-text__content {
	z-index: 1;
}

/* Video-Anpassungen */
.home #primary-mobile-menu {
	background: rgba(238,234,222,0.7);
}

/* Button über Video gelegt */

.aufvideo {
	position: absolute;
	top: calc(45vw - 20px);
	right: 5%;
}
.aufvideo .wp-block-button__link {
	background: rgb(238,234,222) !important;
	border: 1px solid #ff0 !important;
	border-radius: var(--global--anders-abgerundet) !important;
}

/* Formulare */

input, textarea, button, .wpforms-confirmation-container-full {
  border-radius: 6px !important;
}
button {
  margin-top: 1.25rem !important;
}
.wpforms-submit {
	background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
	margin-top: -1rem !important;
	font-size: var(--button--font-size) !important;
}

/* Suchfeld */
.primary-menu-container .menu-search {
	display: none;
}
.wp-block-search__input {
	height: 3.5rem;
	margin-top: 20px !important;
}

/* Slider */
#slider_3239 {
	font-size: var(--global--font-size-lg);
	font-style: italic;
	color: #950401;
}
#slider_3239 p {
	padding-bottom: 0.5rem;
}
/* YARPP plugin */
.yarpp-related  {
	max-width: var(--responsive--alignfull-width) !important;
	background-color: var(--global--color-green) !important;
	padding: 5rem 0 5rem 0 !important;
	margin: 6rem 0 2rem 0 !important;
}
.yarpp-related a {
	text-decoration: underline !important;
	text-decoration-thickness: 1px !important;
}
.yarpp-related a:hover {
	text-decoration: underline dotted !important;
	text-decoration-thickness: 1px !important;
}

/* Footer */
.footer-navigation,
.powered-by {
	font-size: var(--global--font-size-base) !important;
}
footer.entry-footer {
	display: none !important;
}

/* Seite 'Thomas Fuchs' */

.page-id-63 .wp-block-button__link {
	border-radius: var(--global--schraeg-abgerundet) !important;
}

/* Responsive */
@media only screen and (min-width: 822px) {
	.aufvideo .wp-block-button__link {
		min-width: 200px;
	}
}

@media only screen and (max-width: 821px) {
    .desktop-only {
      display:none;
    }
		.untervideo {
			padding-top: 65px !important;
		}
/* Startseite -> Titel ausblenden */
		.home .site-title {
			display:none !important;
		}
		#primary-mobile-menu {
			margin-top: 0px !important;
		}
		.wp-container-2,
		.wp-block-group {
			padding: 2rem !important;
		}
		.aufvideo {
			position: fixed;
			top: calc(49vw);
			right: 0%;
			z-index: 9;
		}
		.mobil-verkleinern {
			font-size: 1.25rem;
		}
}

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

}