/** _6_customizer.css version 1.3.1 */

.base-width {
	max-width: 1280px;
}

.blog-grid-layout {
	grid-template-columns:repeat(auto-fill, minmax(min(320px, 100%), 1fr));
	container-type:inline-size;
}


.buttons-33 .wp-block-button { width: 40%; }

@media screen and (min-width: 1024px) {
	#site-nav-container #s,
	#menu-hauptmenue .menu-item a {
		width: 6em!important;
	}
}

.alignfull {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}

.alignfull>.wp-block-group__inner-container {
	max-width: 1280px;
	margin: 0 auto;
}

.single .entry-content {
	overflow-x: initial
}

.use-bk-color-tip {
	background-color: #e2e6e3;
	padding: 3em
}

.use-bk-color-tip .wp-block-group__inner-container {
	padding: 1.5em
}

.use-wind-chime {
	background-color: var(--wp--preset--color--distant-wind-chime);
}

.cta87 .wp-block-columns {
	padding: 0 !important;
}

.use-excerpt-compact p.wp-block-post-excerpt__excerpt {
	max-width: 25em;
	font-size: 24px;
	font-weight: 300;
	hyphens: auto;
	text-align: justify;
}

.use-bottom-spacer-large {
	margin-bottom: 5em
}

.use-bottom-spacer-normal {
	margin-bottom: 1.5em!important
}

@media (max-width:782px) {
	.use-sm-hidden {
		display: none!important
	}
}


.margin-caption figcaption {
	margin-left: .5em;
	margin-right: .5em
}

.wbcenter640 {
	max-width: 640px;
	margin: 3em auto
}

.use-mw640 {
	max-width: 640px
}
.use-justify {
	text-align: justify;
	hyphens: manual;
	overflow-wrap: break-word;
	text-wrap: balance;
}

#content .entry-content p a.wp-block-post-excerpt__more-link:hover {
	font-weight: 400;
	letter-spacing: -.005em;
}

.article-header h1 {
	font-size: 2.2em!important;
	line-height: 1.4em;
	padding: 0 30px 0;
	min-height: 0
}

.article-header p {
	padding: 0 30px 0
}

/* Seraphinite Accelerator & Wasserzeichen entfernen */
a[href*="s-sols.com"] {
	height: 0;
	overflow: hidden;
	font-size: 0;
	visibility: hidden;
}

.shadowdown {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
	padding: 1em;
}
.boxshadowdown img {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}

.q480 {
	row-gap: 1.5em
}

.q480 img {
	max-height: 480px;
	max-width: 480px!important;
	width: 100%!important
}

.q480 .wp-block-media-text__media {
	margin: 0 auto!important
}

.font-stencil {
	font-family: "StencilStar", "Oswald", sans-serif;
}

.font-bold {
	font-weight: bold
}

.use-padding-normal {
	padding: 1rem
}

/*
.use-padding-normal>p{padding:.5em}
.use-padding-normal>.wp-block-group__inner-container {padding: 2em;margin-bottom: 3em!important}
*/

.background-color-2 {
	background-color: var(--wp--preset--color--distant-wind-chime);
	padding-bottom: 1em
}

.wp-block-group.has-background .font-size-2 > div {
	font-size: 1rem;
	padding: 2rem;
	border-radius: 12px;
}

.h3-grid {
	font-size: 1.625em;
	margin-bottom: 1em!important
}

.list-none {
	list-style: none;
	margin-left: 0!important
}

.list-compact li {
	line-height: 1.25em!important
}

.mediatextpadding h2,
.mediatextpadding h3 {
	margin-top: 0
}

.mediatextpadding figure {
	padding-left: 1vw;
	padding-right: 1vw;
}

.post-template-featured-article p.h2 {
	font-size: 1.7em;
	margin-bottom: 0.6em;
	margin-top: 1.4em;
}

.post-template-featured-article p.h2 strong {
	font-weight: 400;
}

#site-nav-container #s {
	font-weight: 400!important;
	color: lightgray!important
}

#site-nav-container #s:focus {
	font-weight: 400!important;
	color: var(--cs-menu-bg-color)!important
}

.cta87 .wp-block-group__inner-container {
	max-width: 52em;
	margin: 0 auto;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}

.aspect-16-9 img {
	object-fit: cover;
	aspect-ratio: 16/9;
}

.wp-block-post-template-is-layout-grid {
	margin: 0 !important;
}

hr.is-style-wide {
	border: .125em solid;
}

.blocksatz {
	text-align: justify
}

.tw-gutter-large {
	column-gap: 2.5em!important
}

#content.fullwidthcontent {
	width: 100% !important;
	float: none;
}

.padding-video {
	padding-bottom: 4.5em!important;
}

.has-font-oswald {
	font-family: "Oswald", sans-serif;
}

.max-width-m {
	max-width: 24em
}

:where(.wp-block-button__link) {
	padding: calc(.667em + 2px) calc(1.333em + 2px)!important;
}

.has-white-color {
	color: #fff!important
}

.has-steel-blue-background-color {
	background-color: #4682b4
}

.has-super-silver-color {
	color: var(--cs-background-color)
}

.has-super-silver-background-color {
	background-color: var(--cs-background-color)
}

/* post template featured article */
.post-template-featured-article #content {
	float: none;
	margin: 0 auto;
		width: auto!important;
}

.page-template-page-blogpage #branding,
.post-template-featured-article #branding {
	padding: 32px 0
}
.page.page-template-page-blogpage article .entry-content { padding:0!important}

.size-post_thumbnail_3012,
.aspect3012 img {
	aspect-ratio: 30/12;
	object-fit: cover;
}

.fit-content {
	min-height: fit-content
}

.post-template-featured-article article {
	padding: 0 0 2em
}

.post-template-featured-article article>.entry-content,
.post-template-featured-article article>footer,
.post-template-featured-article article>header {
	padding-left: 3vw!important;
	padding-right: 3vw!important
}


@media screen and (min-width:99px) {
	#site-nav-container,
	#wrap,
	#site-info,
	.l-subheader-h,
	.post-wrap {
		max-width: 100%;
		margin: 0 auto
	}
}

@media screen and (min-width:783px) {

	#site-nav-container,
	#wrap,
	#site-info,
	.l-subheader-h,
	.post-wrap {
		max-width: 728px;
		margin: 0 auto
	}

	.page-template-page-blogpage .post {
		padding-left: 0;
		padding-right: 0
	}

	.entry-content,
	.entry-summary {
		padding-bottom: 0;
	}
}

@media screen and (min-width:1080px) {
	#site-nav-container,
	#wrap,
	#site-info,
	.l-subheader-h,
	.post-wrap {
		max-width: 1024px;
		margin: 0 auto
	}
}


@media screen and (min-width:1440px) {
	#site-nav-container,
	#wrap,
	#site-info,
	.l-subheader-h,
	.post-wrap {
		max-width: 1280px;
		margin: 0 auto
	}
}

/* Bildunterschriften */
figure.wp-block-gallery.put-caption-below figcaption.wp-element-caption {
	background-image: none;
	color: #333;
	min-height: 9em;
	position: static;
	scrollbar-color: #0000 #0000;
	scrollbar-gutter: stable both-edges;
	scrollbar-width: thin;
	text-align: left;
	width: 100%;
	padding: 0.5em .75em;
	background-color: #ddd;
	margin-top: 0;
	font-size: 1rem;
	text-shadow: none;
}

.put-caption-below figcaption.wp-element-caption {
	background-image: none;
	color: #333;
	min-height: 9em;
	position: static;
	scrollbar-color: #0000 #0000;
	scrollbar-gutter: stable both-edges;
	scrollbar-width: thin;
	text-align: left;
	width: 100%;
	padding: 0.5em .75em;
	background-color: #ddd;
	margin-top: 0;
}

#use-background {
	padding: 1em
}

.cl100 {
	padding: 23px 0 27px
}

/* make buttons SteelBlue _3_schab.css */
.white-btn:hover {
	color: #fff !important;
	border-color: #4682b4;
	background-color: #4682b4!important;
}

.white-btn {
	color: #4682b4!important;
	background-color: #fff!important;
	border: 1px solid #4682b4;
	margin: 0 10px 0 0;
	font-weight: 600;
	box-shadow: 1px 2px 8px 0px rgba(0, 0, 0, 0.07);
}

/* main menu */
@media screen and (min-width:1024px) {
	#menu-hauptmenue .menu-item a {
		width: 4em
	}
}

.page-template-landingpage .l-subheader {
	border-bottom: 1px solid #ccc;
}


.c-accordion__item {
	border-bottom: 1px solid #eee
}

.c-accordion__item:first-child {
	border-top: 1px solid #eee
}

.c-accordion__title {
	padding-left: 3em
}

.c-accordion__title::before {
	content: "\f543";
	font-family: dashicons;
	color: var(--cs-link-color);
	margin: -.2em 0 0-2em;
	display: inline-block;
	width: 2em;
	transform: none;
	vertical-align: middle
}

.c-accordion__item.is-open .c-accordion__title::before {
	content: "\f460"
}

.c-accordion__title:hover {
	text-decoration: underline
}

.c-accordion__title:focus {
	outline-color: #c60
}

.c-accordion__content {
	margin: 2em
}

.c-accordion__title::after {
	content: initial
}

h3.c-accordion__title {
	font-size: 1.3em
}

#site-title img {
	width: 368px;
	height: 42px
}

.wp-lightbox-overlay .scrim {
	background-color: var(--cs-background-color)!important;
}

.entry-header h2.entry-title a:hover,
a {
	color: var(--cs-link-color)
}

.entry-meta a.share-btn {
	background: var(--cs-link-color) url(https://www.schablonen-technik.de/wp-content/themes/waipoua/images/standardicons.png) 7px -78px no-repeat
}

blockquote {
	border-left: 6px solid var(--cs-link-color);
	background-color: transparent
}

.flickr_badge_wrapper a img:hover,
.format-link .entry-content a.link,
.jetpack_subscription_widget form#subscribe-blog input[type=submit],
input#submit,
input.wpcf7-submit {
	background: var(--cs-link-color)
}

header.entry-header .entry-title a {
	color: var(--cs-header-color)
}

#comments ol li.pingback a.url:hover,
#content #comments .comment-text a:hover,
#content .entry-content p a:hover,
#content .entry-summary p a:hover,
#sidebar .textwidget a:hover,
a:hover {
	color: var(--cs-link-color-hover)
}

#sidebar {
	background-color: var(--cs-background-color-2);
	margin-top: 0
}

article.post {
	background-color: var(--cs-background-color-3);
	background-color: transparent
}

.c-accordion__item {
	background-color: var(--cs-background-color-2)
}

.c-accordion__title:focus {
	background-color: var(--cs-background-color-3)
}

.page.page-id-1404 #header,
.page.page-id-72 #header {
	display: block
}

#cn-accept-cookie:hover {
	background-color: #eee
}

#cn-accept-cookie {
	background-color: #fff;
	border-radius: .3em;
	padding: .3em
}

.video-wrapped {
	width: 100%!important
}

.video-wrapped .video-wrapped-play a {
	color: #ffccf3
}

.video-wrapped .video-wrapped-play::before {
	margin: -20px 0 20px
}

.video-wrapped .video-wrapped-play {
	text-align: center;
	font-size: 2em;
	margin-top: 20px;
	padding: 5px;
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	cursor: pointer;
	background-color: rgba(0, 0, 0, .5)
}

.wp-block-post-title {
	font-size: 1.2em;
	line-height: 125%;
	min-height: 3.75em;
	margin-top: 0
}

.wp-block-post-date p {
	font-size: 80%;
	margin-bottom: 2em
}

.wp-block-post-template.is-flex-container li {
	display: flex;
	flex-direction: column;
	border-bottom: none
}

.logo #schab-logo-inline {
	margin-top: 20px
}

.svg-inline-icon,
svg.icon-phone {
	fill: currentColor;
	height: 1em;
	display: inline
}

svg.icon-phone {
	vertical-align: -10%;
	margin-right: .25em
}


.svg-inline-icon {
	vertical-align: middle
}

.icon_atleft span {
	margin-left: .25em
}

.at_top,
.w-text-h {
	background-color: var(--cs-subheader-bg);
	color: var(--cs-subheader-text)
}

.l-subheader-cell.at_left {
	justify-content: flex-start;
	margin-left: .33em
}

/*
#site-nav-container,
#wrap,
.l-subheader-h {
	max-width: 560px;
	margin: 0 auto
}

.post-wrap {
	margin: 0 auto
}

.page #site-nav-container,
.page #wrap,
.page #site-info,
.page .l-subheader-h {
	max-width: 560px
}
*/

#site-nav-container #s {
	width: 490px
}

#site-nav-wrap {
	position: sticky;
	top: 0;
	z-index: 99;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);
}


@media screen and (min-width:1024px) {
	#site-nav li a {
		padding: 2px 16px 1px!important
	}

	#site-nav-wrap a#mobile-menu-btn {
		display: none
	}

	#site-nav-wrap a#home-btn {
		width: 40px;
		height: 60px;
		display: inline-block;
		margin: 0;
		padding: 0;
		text-align: left;
		background: url(https://www.schablonen-technik.de/wp-content/themes/waipoua/images/standardicons.png) 0 21px no-repeat;
		float: left;
		font-size: 1.1em;
		text-decoration: none;
		text-indent: -9999em;
		opacity: .75;
		filter: none
	}

	#site-nav-wrap a#home-btn:hover {
		opacity: 1;
		filter: none
	}

	#site-nav,
	#site-nav ul li {
		position: relative;
		padding: 0;
		background: 0 0
	}

	#site-nav {
		display: block!important;
		overflow: visible
	}

	#site-nav ul {
		padding: 0
	}

	#site-nav ul li {
		display: inline-block;
		float: left
	}

	#site-nav ul.children,
	#site-nav ul.sub-menu {
		width: auto;
		display: none;
		position: absolute;
		top: 55px;
		background: #fff;
		border: 1px solid #ececec;
		z-index: 99999
	}

	#site-nav ul.children ul,
	#site-nav ul.sub-menu ul {
		display: none;
		top: -5px;
		left: 152px;
		z-index: 99999
	}

	#site-nav li li {
		position: relative;
		float: none;
		color: #333
	}

	#site-nav li li,
	#site-nav li li li {
		width: 160px;
		display: block
	}

	#site-nav li a {
		height: 32px;
		display: inline-block;
		margin: 12px 15px 0 0;
		padding: 3px 16px 0;
		border: 0;
		font-size: .95em;
		color: rgba(255, 255, 255, .75);
		text-transform: none;
		letter-spacing: 0;
		transition: all .2s ease-in-out
	}

	#site-nav li li a {
		height: auto;
		display: block;
		float: none;
		margin: 0 15px;
		padding: 12px 0;
		border-bottom: 1px solid #ececec;
		font-size: .7em;
		overflow-wrap: break-word
	}

	#site-nav li li li a {
		font-size: .65em
	}

	#site-nav ul ul.children li:last-child a,
	#site-nav ul.menu ul.sub-menu li:last-child a {
		border-bottom: none
	}

	#site-nav ul ul.children li ul.children li a,
	#site-nav ul.menu ul.sub-menu li ul.sub-menu li a {
		border-bottom: 1px solid #ececec
	}

	#site-nav ul ul.children li ul.children li:last-child a,
	#site-nav ul.menu ul.sub-menu li ul.sub-menu li:last-child a {
		border-bottom: none
	}

	#site-nav li a:hover {
		background: 0 0;
		color: #fff!important
	}

	#site-nav li li a:hover,
	#site-nav li li:hover>a {
		background: 0 0;
		color: #333!important
	}

	#site-nav ul li:hover>ul {
		display: block;
		color: #909090;
		transition: all .5s ease-in-out
	}

	#site-nav li:hover>a {
		color: #fff
	}

	#site-nav-container #searchform {
		position: relative;
		float: right;
		margin-top: 12px;
		margin-bottom: 12px;
		padding: 0;
		background: 0 0
	}

	#site-nav-container #searchform div {
		margin: 0
	}

	#site-nav-container #s {
		position: relative;
		width: 58px;
		height: 35px;
		padding: 0 0 0 33px;
		border: 0;
		font-size: 1.05em;
		color: rgba(255, 255, 255, .75);
		transition: all .4s ease
	}

	#site-nav-container #s:focus {
		width: 210px
	}
}


img.wp-post-image {
	width: 100%
}

.post-thumbnail-link {
	display: block;
	margin-bottom: 1em
}

.tm4em {
	margin-top: 4em
}

.page-content ul {
	padding: 2px;
	margin: 1em 0 0
}

#use-background {
	padding: 1em!important
}

.entry-content .h2 {
	font-family: "Oswald", sans-serif;
	color: var(--cs-header-color);
	margin: 1.4em 0 .6em;
	font-size: 1.7em
}

.entry-content .h2sub { margin: -2.25em 0 2em; font-size: 1.3em; }


.post-wrap ul {
	margin: 0 0 30px!important
}

.wp-block-group p {
	margin: 0 0 1.4em;
	line-height: 1.4
}

.post-wrap {
	max-width: 1000px
}

.padding-2em {
	padding: .005em 25% 3em
}

.no-flex-grow figure.wp-block-image:not(#individual-image) {
	flex-grow: inherit
}

.no-flex-grow {
	flex-grow: inherit!important
}

.is-layout-flex {
	gap: 1em
}

@media (max-width:1439px) {
	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
		width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px)/2)
	}
}

@media (max-width:599px) {
	.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
		width: 100%
	}
}

.wp-block-buttons.space-evenly {
	justify-content: space-evenly
}


/* Font-size 16/24 @640 20/30 */
html {
	font-size: 1rem;
	line-height: 1.5
}

#content>section ul,
#content>section ul,
.single-post .entry-content ol,
.single-post .entry-content ul {
	font-size: 1em
}

/* Listen */
#wrap ul {
	font-size: 1em
}

body.error404 #wrap ul {
	margin-left: 2em;
}

.coverimage {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.vw10 {
	height: 47vw!important
}

strong {
	font-weight: 400
}

.mwd {
	max-width: 40rem
}

.wp-block-group .center {
	display: block;
	margin-left: auto;
	margin-right: auto
}
/*
.wp-block-group.has-background:not(.alignfull) {
	padding: var(--wp--custom--spacing--tw-small);
}
*/
.wp-block-group.has-background {
	padding: 1.25em;
}

.page-header .taxonomy-description p {
	color: var(--cs-header-color);
}


/* ------- schab-mediatext-breakpoint ------- */
/* Standard-Grid-Layout für den Medien- und Text-Block (für Breiten über Ihrem Breakpoint) */
.wp-block-media-text.schab-mediatext-breakpoint {
	direction: ltr;
	display: grid;
	grid-template-columns: 50% 1fr;
	grid-template-rows: minmax(300px, auto);
	gap: 20px;
	align-items: center;
}

/* Stile für den Medienbereich, wenn "Bild Spalte ausfüllen" aktiviert ist (behält die Höhe bei) */
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media {
	position: relative;
	height: 100%;
	min-width: 0;
	width: 100%;
	overflow: hidden;
}

/* Stil für das Bild innerhalb des Medienbereichs */
.wp-block-media-text.is-image-fill-element > .wp-block-media-text__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
}

/* ### Anpassung für den Breakpoint von 900px (Mobilgeräte) */
@media (max-width: 900px) {
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
		min-height: unset;
	}

	/* Sicherstellen, dass der Medienbereich die volle Breite der einzelnen Spalte einnimmt */
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media {
		width: 100%;
		height: auto;
		min-height: unset;
	}

	/* Sicherstellen, dass der Textbereich auch die volle Breite einnimmt */
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__content {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	/* Für das Bild im gestapelten Modus */
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media img {
		height: auto;
	}
}

/* ### Optional: Sicherstellung des Normalzustands über dem Breakpoint */
@media (min-width: 901px) {
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint {
		grid-template-columns: 50% 1fr;
		grid-template-rows: minmax(300px, auto);
	}

	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media {
		height: 100%;
		width: 100%;
	}

	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media img {
		height: 100%;
	}
}

/* Anpassung für den Breakpoint von 900px */
@media (max-width: 900px) {
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint {
		grid-template-columns: 1fr;
	}

	/* Optional: Sicherstellen, dass die Medien- und Textbereiche auf Mobilgeräten korrekt reagieren */
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__media,
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint .wp-block-media-text__content {
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}

	.cookie-notice-wrapper {
		padding: 15px 25px;
		line-height: 1.5;
		font-size: var(--wp--preset--font-size--small);
		font-weight: 400;
		text-align: center;
	}

	.cn-notice-text {
		display: inline-block;
		margin-bottom: 8px;
		max-width: 70%;
		vertical-align: middle;
		padding-right: 15px;
	}

	.cn-notice-buttons {
		display: inline-block;
		vertical-align: middle;
	}

	.cn-accept-cookie {
		font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif;
		font-size: 14px;
		font-weight: 600;
		padding: 10px 18px;
		border-radius: 5px;
		text-transform: none;
		transition: background-color 0.3s ease, color 0.3s ease;
		cursor: pointer;
		margin: 0 5px;
		background-color: var(--cs-primary-color) !important;
		color: var(--wp--preset--color--white) !important;
		border: 1px solid var(--cs-primary-color);
	}

	.cn-accept-cookie:hover {
		background-color: var(--cs-primary-color-hover) !important;
		color: var(--wp--preset--color--white) !important;
		border-color: var(--cs-primary-color-hover);
	}

	.cn-more-info {
		background-color: transparent !important;
		color: var(--wp--preset--color--white) !important;
		border: 1px solid var(--wp--preset--color--white) !important;
	}

	.cn-more-info:hover {
		background-color: rgba(255, 255, 255, 0.2) !important;
		color: var(--wp--preset--color--white) !important;
	}

	.cn-close-notice {
		opacity: 0.8;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		padding: 5px;
		top: 50%;
	}

	.cn-close-notice:hover {
		opacity: 1;
		transform: scale(1.1);
	}

	.cn-close-notice:after,
	.cn-close-notice:before {
		background-color: var(--wp--preset--color--white);
		height: 18px;
		width: 2px;
	}

	/* And similarly for your media queries, replace IDs with their corresponding classes */
	@media all and (max-width: 900px) {
		.cn-notice-text,
		.cn-notice-buttons {
			display: block;
			width: 100%;
			margin-bottom: 10px;
			padding-right: 0;
			max-width: 100%;
		}

		.cookie-notice-wrapper .cn-button {
			margin: 5px 0;
			width: calc(100% - 10px);
		}

		.cookie-notice-container,
		.cookie-revoke-container {
			padding: 15px 20px;
		}
	}

	@media all and (max-width: 480px) {
		.cookie-notice-wrapper {
			padding: 10px 15px;
		}

		.cn-notice-text {
			font-size: 13px;
		}

		.cookie-notice-wrapper .cn-button {
			font-size: 13px;
			padding: 8px 15px;
		}
	}
}

/* Optional: Sicherstellung, dass das Grid über dem Breakpoint wieder normal ist. */
@media (min-width: 901px) {
	.wp-block-media-text.is-stacked-on-mobile.schab-mediatext-breakpoint {
		grid-template-columns: 50% 1fr;
	}
}

.info-icon {
	vertical-align: middle;
	font-size: 2em;
	margin-right: 0.2em;
	color: #FF73aa!important;
}
/* Stile für die gesamte Liste und den Hintergrund */
.my-iconlist.has-background {
	margin: 0 0 30px 0;
	padding: 1.25em;
}

/* Grundlegende Formatierung für alle Listenelemente */
.my-iconlist li {
  list-style-type: none;
  padding-left: 2.5em;
  position: relative;
  line-height: 1.25;
  margin-bottom: 0.5em;
}

/* Spezifische Formatierung für Listenelemente mit Info-Icon */
.my-iconlist li.my-infoicon::before {
  content: "";
  position: absolute;
  left: 0;
  top: -.25em;
  width: 1.7em;
  height: 1.7em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='1em' height='1em' class='info-icon' fill='%230073aa'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z'%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* Spezifische Formatierung für Listenelemente mit OK-Icon */
.my-iconlist li.my-okicon::before {
  content: "";
  position: absolute;
  left: 0;
  top: -.25em;
  width: 1.7em;
  height: 1.7em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2328a745'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}

/* --- Block "bubbles" --- */
/* --- Block "bubbles" (Grundlegende Einstellungen für den übergeordneten Block) --- */
.bub-container {
	line-height: 1;
	/*padding: 1em;*/
	font-size: 1rem;
}

/* --- Standard-Styling für ul (für beide Modi) --- */
.bub-buttons,
.bub-light {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	justify-content: flex-start;
	padding: 0;
	margin: 0 !important;
	max-width: 100% !important;
	font-size: 1.2em
}

/* --- Spezifisches Styling für ul.bub-light "default Rechtecke") --- */
.bub-light {
	padding: 0;
	gap: 1.5em;
}
.bub-keywords {
	padding: .1667em 1em!important;
	color: inherit!important;
	gap:1em;
}

.bub-light li {
	border-radius: 4px;
	font-weight: 300;
	color: var(--cs-text-color);
	background-color: #adbdc6;
	border: none;
	height: 3em;
	font-size: 1.333334em;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1em;
	flex-grow: 1;
	min-width: 150px;
	flex-basis: auto;
}

.bub-light li>a {
	color: inherit;
	text-decoration: none;
	display: inline;
}
.bub-keywords li {
	color: inherit!important;
	background-color: inherit;
	min-width: 20px;
}

/* Styling für li-Elemente, wenn ihre übergeordnete ul die Klasse .bub-buttons hat */
.bub-buttons li {
	border: none;
	border-radius: 9999px;
	height: 2.25em;
	font-size: 0.8em;
	color: #FFF;
	background-color: #335C7F;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 1em;
	flex-grow: 1;
	min-width: 150px;
	flex-basis: auto;
}
.bub-buttons li {
	height: 2.25em;
	font-size: .9em;
}

/* Anpassungen für das a-Element innerhalb eines .bub-buttons li (damit es den Button-Bereich ausfüllt) */
.bub-buttons li a {
	color: inherit;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

/* Hover-Effekt für li-Elemente, wenn ihre übergeordnete ul die Klasse .bub-buttons hat */
.bub-buttons li:hover {
	color: #FFF;
	background-color: #77a6c9;
}
/* --- /Block "bubbles" --- */

/* --- Links --- */
.rightarrow li a::after {
	content: "►";
	font-weight: 400;
	margin-left: 0.3em;
	display: inline-block;
	color: currentColor;
}

.arrowcolor li a::before {
	color: steelblue;
}

/* --- /Links --- */


.aspect-square img {
	aspect-ratio: 1 / 1;
}

/* Verhindert, dass einzelne Bilder (figure.wp-block-image) wachsen und sich strecken */
.wp-block-gallery.unstretch-last .wp-block-image {
    flex-grow: 0 !important; /* Verhindert, dass die Bilder wachsen */
    flex-shrink: 1; /* Erlaubt das Schrumpfen, wenn der Platz knapp wird */
    flex-basis: auto; /* Stellt sicher, dass die Basisgröße automatisch berechnet wird */
    box-sizing: border-box; /* Stellt sicher, dass Padding und Border in der Breite enthalten sind */
}

/* section with background-color */
.wp-block-group.alignfull h1,
.wp-block-group.alignfull h2,
.wp-block-group.alignfull h3 {
  color: inherit;
	font-weight: 400;
}

.fontsize-m {
	font-size: 1.111111em
}

@media screen and (prefers-color-scheme: dark) {
	:root {
		--cs-background-color: #232426;
		--cs-text-color: #ededed;
		--wp--preset--color--distant-wind-chime: #111213 !important;
		--wp--preset--color--mercury: #515153 !important;
		--wp--preset--color--super-silver: #222 !important;
	}
	section.has-white-background-color,
	p.has-white-background-color,
	div.has-white-background-color {
		background-color: #000000!important;
	}
	.use-bk-color-tip {
		background-color: #303133;
		padding: 3em;
	}
}

.borderradius24 img {
	border-radius: 24px;
	overflow: hidden;
}

.entry-content .h2sub {
    margin: -.25em 0 2em;
    font-size: 1.3em;
}

body {
	background-color: var(--cs-background-color-2)
}
.cta.has-super-silver-background-color, article.post {
	background-color: initial
}
body .cta87.has-super-silver-background-color {
    background-color: initial!important; /* deine neue Farbe */
}


/* === color science === */
section.bg-blue {background-color:#335c7f}
section.txt-white {color:#f5f5f5}
/* siko
section.btn-orange .bub-buttons li {background-color:#fa853c}
section.btn-orange .bub-buttons li:hover {background-color:#f99354}
.btn-orange .wp-block-button__link {background-color:#fa853c!important}
*/
section.btn-orange .bub-buttons li {background-color:#f0813b}
section.btn-orange .bub-buttons li:hover {background-color:#ffac63}
.btn-orange .wp-block-button__link {background-color:#f0813b!important}