/*
Theme Name: Wordpress Theme Name
Theme URI: https://github.com/WDGDC/wordpress-theme
Description: Stutz Medien WordPress Theme
Author: Stutz Medien AG
Author URL: https://stutz-medien.ch/
Version: 1.0.0
*/


/* Loader */

.loader {
	background: white;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
	transition: all 0.1s ease-out;
}


/* Variables */

:root {
	/* Primary */
	--blue: #004D90;
	--blue-80: #3371A6;
	--blue-60: #6694BC;
	--blue-40: #99B8D3;
	--blue-20: #CCDBE9;
	/* Secondary */
	--ochre: #C2750B;
	--ochre-80: #CE913C;
	--ochre-60: #DAAC6D;
	--ochre-40: #E7C89D;
	--ochre-20: #F3E3CE;
	--mint: #27918B;
	--mint-80: #52A7A2;
	--mint-60: #7DBDB9;
	--mint-40: #A9D3D1;
	--mint-20: #D4E9E8;
	/* Basics */
	--black: #2C2C2C;
	--dark-grey: #585858;
	--mid-grey: #999999;
	--silver: #CECECE;
	--light-grey: #EDEDED;
	--white: #FFFFFF;
	/* Background */
	--bg-blue: #F2F6F9;
	/* Alert */
	--alert: #EE4848;
	/* Shadows */
	--shadow-active: 0px 10px 20px rgba(0, 0, 0, 20%);
	--shadow-default: 0px 12px 20px rgba(0, 0, 0, 10%);
	--shadow-box: 0px 40px 35px rgb(0 0 0 / 10%);
	/* Core */
	--padding-side: 25px;
	--font-xs: 14px;
	--max-width-inner: 675px;
}


/* Definition */

html {
	font-family: 'Inter', sans-serif;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	overflow-y: scroll;
	/* Always show Scrollbar */
}


/* Fonts */

h1 {
	font-size: 1.625rem;
	font-weight: normal;
	letter-spacing: -0.005em;
	color: var(--blue);
}

p,
.single_content ul li,
details {
	line-height: 160%;
}

.quote,
.wp-block-quote p {
	font-weight: 500;
	letter-spacing: -0.005em;
	color: var(--ochre);
}

h1 {
	line-height: 133%;
}

h2,
.leadtext,
.quote,
h3,
.wp-block-quote p,
h4,
h5,
h6 {
	line-height: 144%;
}

h2,
h3,
h4,
h5,
h6,
#menu-header-navigation li a,
#menu-footer-navigation li a,
#menu-header-navigation-fr li a,
#menu-footer-navigation-fr li a,
.leadtext,
.wpcf7 form.sent .wpcf7-response-output,
.mobile-header .menu-header-navigation-container ul a,
.mobile-header .menu-header-navigation-fr-container ul a {
	font-size: 1.125rem;
	font-weight: 500;
	color: var(--blue);
}

.mobile-header .menu-header-navigation-container ul a,
.mobile-header .menu-header-navigation-fr-container ul a {
	text-decoration: unset;
}

.mobile-header .menu-header-navigation-container li,
.mobile-header .menu-header-navigation-fr-container li {
	padding-top: 21px;
	padding-bottom: 21px;
	border-bottom: 1px solid var(--blue-20);
}

.mobile-header .menu-header-navigation-container ul .current-menu-item a {
	color: var(--ochre);
}

.mobile-header .menu-header-navigation-container .sub-menu li,
.mobile-header .menu-header-navigation-fr-container .sub-menu li {
	border-bottom: unset;
}

.mobile-header .menu-header-navigation-container .menu-item-has-children,
.mobile-header .menu-header-navigation-fr-container .menu-item-has-children {
	position: relative;
}

.mobile-header .sub-menu {
	padding: 0;
}

footer {
	background: var(--white);
}

.leadtext {
	font-weight: 400;
}

.event-mehr,
.bold {
	font-weight: 500;
}

h2.blogtitel,
.print-magazine-teaser-content h2,
.quote,
.wp-block-quote p {
	font-size: 1.25rem;
}

h2.blogtitel-klein {
	font-size: 1rem;
}

h2.thementitel {
	font-weight: 600;
	text-transform: uppercase;
	color: var(--ochre);
	font-size: 1rem;
	letter-spacing: 0.1em;
}

.text-center,
.wp-block-quote p {
	text-align: center;
}

cite,
figcaption {
	margin: auto;
}

.wp-block-quote p::before {
	content: "«";
	font-weight: 300;
	font-size: 36px;
}

.wp-block-quote p {
	display: flex;
	align-items: center;
}

.wp-block-quote p::after {
	content: "»";
	font-weight: 300;
	font-size: 36px;
}

.text-right {
	text-align: right;
}

#menu-footer-subnavigation li a,
#menu-footer-subnavigation-fr li a,
p,
.single_content ul li,
details {
	font-size: 1rem;
}

p,
.single_content ul li,
details {
	color: var(--dark-grey);
}

.text_meta,
small,
.text_small,
#menu-header-subnavigation a,
#menu-header-subnavigation-fr a,
.menu-desktop #search,
.post_tag a,
.abo .text_small p,
cite,
.mobile-header .menu-header-subnavigation-container a,
.mobile-header .menu-header-subnavigation-fr-container a {
	font-size: 0.875rem;
}

figcaption {
	font-size: 0.5rem;
}

.text_meta,
.text_small,
.abo .text_small p,
figcaption,
cite {
	color: var(--mid-grey);
}

b,
.footer-top .widget_block a,
.footer-bottom .footer__copyright a {
	font-weight: 600;
}

p a {
	color: unset;
	text-decoration-color: var(--ochre);
}

.text-blue,
footer p {
	color: var(--blue);
}

.text-ochre {
	color: var(--ochre)
}

.themenuntertitel {
	font-weight: 600;
	color: var(--ochre);
	letter-spacing: 0.01em;
}

.text-blue--60,
.post_tag a {
	color: var(--blue-60);
}

span.category {
	display: inline;
	background: var(--ochre);
	padding: 8px 10px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.color-white,
.print-magazine-teaser-content h2,
.category {
	color: var(--white);
}

@media (min-width: 1050px) {
	h1 {
		font-size: 2.25rem;
	}
	.quote,
	.wp-block-quote p {
		font-size: 1.25rem;
	}
	h2.blogtitel,
	.print-magazine-teaser-content h2 {
		font-size: 1.5rem;
	}
	.text_meta,
	.post_tag a,
	figcaption,
	cite {
		font-size: 0.813rem;
	}
	small,
	.text_small,
	.menu-desktop #search,
	#menu-header-subnavigation a,
	#menu-header-subnavigation-fr a,
	.abo .text_small p {
		font-size: 0.75rem;
	}
}

header {
	box-shadow: 0px -2px 12px 0px #37343533;
	background: var(--white);
	width: 100%;
	position: fixed;
	z-index: 99;
}

.main-header {
	height: 60px;
}

.second-header {
	display: none;
}

@media (min-width: 1050px) {
	header {
		box-shadow: var(--shadow-box);
	}
	.second-header {
		display: block;
		height: 50px;
	}
}

header .wrapper {
	height: 100%;
}

header .flexbox {
	display: flex;
	height: 100%;
}

header .menu-desktop {
	display: none;
}

header .logo {
	height: 31px;
	width: auto;
}

header .search-mobile {
	height: 24px;
	width: auto;
}

header .content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .content,
header .menu-header-navigation-container,
header .menu-header-navigation-fr-container,
#menu-header-navigation,
#menu-header-subnavigation,
#menu-header-navigation li,
#menu-header-navigation-fr,
#menu-header-subnavigation-fr,
#menu-header-navigation-fr li {
	height: 100%;
}

#menu-header-navigation li a,
#menu-header-navigation-fr li a {
	height: calc(100% - 3px);
	display: flex;
	align-items: center;
	border-bottom: 3px solid transparent;
	transition: all 0.2s ease-out;
}

#menu-header-navigation .current-menu-item a,
#menu-header-navigation-fr .current-menu-item a {
	border-bottom: 3px solid var(--blue);
	color: var(--ochre);
}

#menu-header-navigation li a:hover,
#menu-header-navigation-fr li a:hover {
	border-bottom: 3px solid var(--blue);
	transition: all 0.3s ease-out;
}

.menu-desktop #search {
	border: 1px solid var(--blue-20);
	border-radius: 48px;
	height: 32px;
	padding: 0 32px;
}

.menu-desktop #search::placeholder {
	color: var(--blue-60);
}

.menu-desktop input[type="image" i] {
	position: absolute;
	top: 6px;
	left: 20px;
}

.menu-desktop form {
	position: relative;
}

@media (min-width: 1050px) {
	header .search-mobile {
		display: none;
	}
	header .menu-desktop {
		display: flex;
		gap: 28px;
	}
	.main-header {
		height: 90px;
	}
	#menu-header-navigation,
	#menu-header-subnavigation,
	#menu-header-navigation-fr,
	#menu-header-subnavigation-fr {
		padding-inline-start: 0px;
		display: flex;
		list-style-type: none;
		gap: 32px;
		margin: 0;
	}
	#menu-header-subnavigation,
	#menu-header-subnavigation-fr {
		padding-top: 4px;
	}
	#menu-header-navigation a,
	#menu-header-subnavigation a,
	#menu-header-navigation-fr a,
	#menu-header-subnavigation-fr a {
		text-decoration: none;
		color: var(--blue);
	}
	#menu-header-subnavigation .current-menu-item a,
	#menu-header-subnavigation-fr .current-menu-item a {
		color: var(--ochre);
	}
	#menu-header-subnavigation a:hover,
	#menu-header-subnavigation-fr a:hover {
		color: var(--blue);
		transition: color 0.3s ease-out;
	}
	#menu-header-subnavigation a,
	#menu-header-subnavigation-fr a {
		text-transform: uppercase;
		color: var(--blue-40);
		transition: color 0.2s ease-out;
	}
	.second-header {
		border-top: 1px solid var(--blue-20);
		border-bottom: 1px solid var(--blue-20);
	}
}

.mobile-header .menu-header-subnavigation-container a,
.mobile-header .menu-header-subnavigation-fr-container a {
	text-transform: uppercase;
	color: var(--blue-40);
	transition: color 0.2s ease-out;
	text-decoration: unset;
}

.footer-bottom {
	background: var(--blue);
}

.footer-bottom p {
	margin-block-start: 0;
	margin-block-end: 0;
}

.footer-bottom {
	padding-top: 14px;
	padding-bottom: 72px;
}

.footer-top {
	padding-top: 32px;
	padding-bottom: 25px;
}

.footer-top,
.footer-top a {
	color: var(--blue)
}

#menu-footer-navigation,
#menu-footer-subnavigation,
#menu-footer-navigation-fr,
#menu-footer-subnavigation-fr {
	list-style-type: none;
	padding-inline-start: 0px;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	margin-block-start: 46px;
	margin-block-end: 46px;
}

#menu-footer-navigation a,
#menu-footer-subnavigation a,
#menu-footer-navigation-fr a,
#menu-footer-subnavigation-fr a,
.footer-top a,
.footer__copyright a,
.post_tag a {
	text-decoration: none;
}

#menu-footer-subnavigation,
#menu-footer-subnavigation-fr {
	margin-block-start: 46px;
	margin-block-end: 46px;
	gap: 14px;
}

#menu-footer-navigation,
#menu-footer-navigation-fr {
	gap: 25px;
}


/* Mobile/Text/Navigation */

.social_link {
	margin-block-start: 46px;
	margin-block-end: 46px;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
}

.social_link.desktop {
	display: none;
}

.footer-content {
	width: 305px;
}

@media (min-width: 420px) and (max-width: 301px) {
	footer .wp-block-column:nth-child(2n) {
		margin-left: 2em;
	}
	.wp-block-column:not(:only-child) {
		flex-basis: calc(50% - 1em)!important;
		flex-grow: 0;
	}
}

@media(min-width: 781px) {
	.widget .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: content !important;
		width: min-content;
	}
}

.wp-block-columns {
	gap: 30px !important;
}

@media (min-width: 781px) {
	.footer-flex {
		display: flex;
		justify-content: space-between;
	}
	.social_link.mobile {
		display: none;
	}
	.social_link.desktop {
		display: block;
	}
	.social_link {
		margin-block-start: 34px;
		margin-block-end: 0px;
	}
	footer p,
	#menu-footer-navigation,
	#menu-footer-subnavigation,
	#menu-footer-navigation-fr,
	#menu-footer-subnavigation-fr {
		margin-block-start: 0px;
		margin-block-end: 0px;
	}
	.footer-bottom {
		padding-top: 23px;
		padding-bottom: 23px;
	}
	.footer-top {
		padding-bottom: 49px;
	}
}

.content {
	width: 100%;
	max-width: 990px;
	margin: auto;
}

.content.halfpage {
	display: none;
}

@media (min-width: 1130px) {
	.container {
		max-width: 970px;
		padding-left: 120px;
		margin: unset;
	}
}

.flexbox {
	padding: 0 23px
}

@media (min-width: 1050px) {
	.flexbox {
		padding: 0 30px
	}
}

@media (min-width: 1350px) {
	.flexbox {
		display: flex;
		padding: 0 20px;
	}
	.flexbox {
		justify-content: flex-end;
	}
	.content.page {
		margin: unset
	}
	.content.halfpage {
		display: block;
		width: 300px;
		margin: 0;
		margin-left: 20px;
	}
	.content.page {
		margin: unset;
	}
}

.wrapper {
	max-width: 1450px;
	margin: auto;
}

main {
	padding-top: 60px;
}

.page-template-whoisnew main {
	padding-bottom: 60px;
}

.page-template-whoisnew h2.blogtitel {
	margin-block-start: 30px;
	margin-block-end: 0px;
}

@media (min-width: 1050px) {
	main {
		padding-top: 180px;
	}
}

.smallcontent {
	padding: 18px 0px;
}


/*POST*/

@media (min-width: 850px) {
	.smallcontent {
		max-width: var(--max-width-inner);
		margin: auto;
		padding: 18px 45px;
	}
	.smallcontent.single_content {
		background: var(--white);
		position: relative;
		top: -100px;
	}
}

.single .attachment-full {
	width: calc(100% + 46px);
	height: auto;
	margin-left: -23px;
}

.grid .attachment-full {
	width: 100%;
	height: auto;
	margin-left: 0;
}

@media (min-width: 850px) {
	.single .attachment-full {
		width: calc(100%);
		height: auto;
		margin-left: unset;
	}
}
.post_tag_flex{
	  display: flex;
  column-gap: 20px;
  flex-wrap: wrap;
  row-gap: 10px;
  overflow: hidden;
  position: relative
}

.post_tags {
	border-top: 1px solid var(--light-grey);
	border-bottom: 1px solid var(--light-grey);
	padding: 10px 0;
}


.post_tag a:hover {
	color: var(--blue);
}

.single_head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
	padding-top: 18px;
	flex-wrap: wrap;
	gap: 10px;
}

.single_head img {
	top: 6px;
	position: relative;
}

.single_head .watch img {
	padding-right: 3px;
}

.single_head .share img {
	padding-left: 3px;
}

.share,
.watch {
	margin-top: -12px;
}

.print-magazine-teaser {
	background: var(--ochre-40);
	padding: 140px 0px;
}

.print-magazine-teaser {
	padding-top: 200px;
}

@media (min-width: 1050px) {
	.print-magazine-teaser {
		padding-top: 140px;
	}
}

.newsletter-anmeldung {
	padding: 115px 0px;
}

.newsletter-anmeldung .blogtitel {
	max-width: 642px;
}

.print-magazine-teaser-block-wrapper {
	width: 100%;
	max-width: 320px;
	position: relative;
	margin: auto;
}

.print-magazine-teaser-block {
	background: var(--ochre);
	padding: 12px 20px;
	border-radius: 4px;
	z-index: 0;
	position: relative;
	transition: all 0.3s ease-out;
}

.print-magazine-teaser-block:hover {
	background: var(--ochre-80);
	transition: all 0.2s ease-out;
}

.event-mehr {
	color: var(--blue)
}

.print-magazine-teaser-mehr svg,
.event-mehr svg {
	padding-left: 24px;
	position: relative;
	top: 2px;
	left: 0;
	transition: all 0.2s ease-out;
}

.print-magazine-teaser-block:hover svg {
	transition: all 0.3s ease-out;
	left: 4px;
}

.print-magazine-teaser img.hover {
	transform: rotate(-8.95deg) scale(1.03);
	transition: all 0.3s ease-out;
}

.print-magazine-teaser img {
	top: -216px;
	left: 72px;
	width: 100%;
	max-width: 200px;
	height: auto;
	position: absolute;
	transform: rotate(-7.65deg);
	z-index: 0;
	display: block;
	transition: all 0.2s ease-out;
}

@media (min-width: 1050px) {
	.print-magazine-teaser img {
		top: -40px;
		left: -180px;
	}
}

.events,
.content .archive {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: space-around
}

@media (min-width: 911px) {
	.events,
	.content .archive {
		justify-content: space-between;
	}
}

.event,
.archivelement {
	background: var(--white);
	padding: 16px 25px;
	max-width: calc(50% - 60px);
	min-width: calc(100% - 60px);
	color: var(--dark-grey);
	border-radius: 4px;
	width: 100%;
	text-decoration: none;
}

.archivelement {
	color: var(--white);
	background: var(--mint);
	transition: all 0.3s ease-out;
}

.archivelement:hover {
	background: var(--mint-80);
	transition: all 0.2s ease-out;
}

.archivelement h2,
.archivelement p {
	color: var(--white);
}

@media (min-width: 911px) {
	.event,
	.archivelement {
		min-width: unset;
	}
}

.event .meta span::after {
	content: " | "
}

.event .meta span:last-child:after,
.post_tag:last-child:after {
	content: ""
}

.author,
.person_container {
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
}

.author p,
.author h2,
.person p,
.person h2 {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

.details-open {
	align-self: center;
	width: 100%;
	text-align: center;
}

@media (min-width: 353px) {
	.author,
	.person_container {
		flex-wrap: nowrap;
	}
	.details-open {
		width: unset;
	}
}

.author_portrait img,
.person_portrait img {
	border-radius: 100%;
	width: 100px;
	height: 100px;
	max-width: 100px;
	object-fit: cover;
	border: 1px solid var(--silver);
}

.person {
	border-bottom: 1px solid var(--blue-20);
	padding: 30px 0px 10px 0px;
	position: relative;
}

.author_border,
.person_border,
.ausland-lieferung_border {
	border-top: 1px solid var(--light-grey);
	border-bottom: 1px solid var(--light-grey);
	padding: 24px 0;
	margin-top: 24px;
}

.authors,
.persons {
	margin: auto;
	display: flex;
	gap: 24px;
	max-width: 440px;
	flex-direction: column;
	width: 100%;
}

.authors a,
.persons a {
	text-decoration: none;
}

button,
.wpcf7-submit,
.newsletter-anmeldung input[type="submit" i] {
	background: none;
	border: 2px solid var(--blue);
	box-sizing: border-box;
	border-radius: 4px;
	padding: 12px 16px;
	color: var(--blue);
	font-weight: 500;
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit,
.wpcf7-submit {
	background: var(--blue);
	color: var(--white);
}

.wpcf7 form.sent .fieldset-cf7mls-wrapper,
.wpcf7 form.sent .cf7mls_progress_bar {
	display: none;
}

.abo button {
	margin-block-start: 30px !important;
	display: flex;
	margin: auto;
}

.wp-block-buttons.is-content-justification-center {
	text-align: center;
}

.abo button svg {
	margin-top: 0px
}

#auslandlieferung {
	text-align: left;
}

input[type=number] {
	line-height: 30px;
}

input[type=number]::-webkit-inner-spin-button {
	width: 30px;
	height: 30px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	opacity: 1;
}

.single_content--inner details,
.content-box {
	background: var(--ochre-20);
	padding: 12px 22px;
	border-radius: 4px;
	margin-block-start: 0.25em;
	margin-block-end: 0.25em;
}

.single_content ul li {
	margin-block-end: 0.6rem;
}

.single_content ul {
	padding-inline-start: 18px;
}

.wp-block-button__link,
span.person-bild {
	min-width: 326px;
	border-radius: 4px !important;
	font-size: 1rem !important;
	color: var(--blue) !important;
	border: 2px solid var(--blue) !important;
	transition: all 0.3s ease-out;
	padding: 0.667em 1.333em;
}

span.person-bild.cf7mls-invalid {
	border: 2px solid var(--alert) !important;
}

.wp-block-button__link:hover,
span.person-bild:hover {
	padding: 0.667em 1.333em;
	border: 2px solid var(--blue-80) !important;
	color: var(--blue-80) !important;
	transition: all 0.2s ease-out;
}

.wp-block-button__link i:before {
	font-size: 1.5rem;
	margin-right: 10px;
}

.wp-block-button__link i:before {
	-webkit-text-stroke: 1px var(--white);
}

.single_content--inner details {
	position: relative
}

.single_content--inner details>summary {
	width: 90%;
	list-style: none;
}

.single_content--inner summary::-webkit-details-marker {
	display: none
}

.single_content--inner summary {
	cursor: pointer;
	font-weight: 600;
}

.single_content--inner summary:focus {
	outline: none;
}

.single_content--inner details summary:after {
	content: '›';
	font-size: 28px;
	right: 22px;
	font-weight: 400;
	position: absolute;
}

.single_content--inner details[open] summary:after {
	content: '›';
	font-size: 28px;
	right: 30px;
	font-weight: 400;
	transform: rotate(90deg) translateY(-50%);
	position: absolute;
}

.wp-block-button__link {
	display: flex !important;
	align-items: center;
	justify-items: center;
	justify-content: center;
}

.wp-block-button__link svg {
	margin-right: 7px;
}

.blocks-gallery-caption {
	text-align: center;
	margin-bottom: 30px;
}

.wp-block-quote {
	text-align: center
}

.content-box p {
	color: var(--ochre)
}

.flickity-page-dots {
	position: initial !important;
	width: 100% !important;
	margin-top: 16px !important;
	padding: 0 !important;
	list-style: none !important;
	text-align: center !important;
	line-height: 1 !important;
	display: flex;
}

.flickity-page-dots .dot {
	height: 3px !important;
}

.flickity-page-dots .dot {
	width: 100% !important;
	border-radius: unset !important;
	margin: unset !important;
}

.single_content--inner p,
.single_content--inner h2,
.single_content--inner h3,
.single_content--inner h4,
.single_content--inner h5,
.single_content--inner h6 {
	margin-block-start: 14px;
	margin-block-end: 14px;
}

.single_content--inner h2,
.single_content--inner h3,
.single_content--inner h4,
.single_content--inner h5,
.single_content--inner h6 {
	margin-block-start: 34px !important;
}

.single_content--inner .person_content h2 {
	margin-block-start: 4px !important;
}

.single_content--inner figure,
.content-box,
.wp-block-quote,
.single_content--inner .gallery {
	margin-block-start: 34px;
	margin-block-end: 34px;
}

.wp-block-buttons>.wp-block-button {
	margin-bottom: 0 !important;
}

.wp-block-buttons,
.single_content--inner details {
	margin-block-start: 16px;
	margin-block-end: 16px;
}

h2.highlight {
	text-align: center;
	color: var(--ochre);
	margin-block-start: 34px;
	margin-block-end: 34px;
}

.single_content .single_content--inner a {
	color: unset;
	font-weight: 600;
	text-decoration-color: var(--ochre);
}

.person details {
	margin-block-start: 0px;
	margin-block-end: 0px;
	background: none;
	padding: unset;
	border-radius: unset;
}

.single_content--inner .person details>summary {
	width: 100%;
	list-style: none;
	text-align: center;
	height: 28px;
}

.single_content--inner .person details[open] summary {
	display: none;
}

@media (min-width: 1050px) {
	.single_content--inner .person details>summary {
		text-align: right;
	}
	.person {
		justify-content: space-between;
		align-items: center;
	}
	.single_content--inner .person details[open] summary {
		display: block;
	}
}

.single_content--inner .person summary::after {
	display: none;
}

.single_content--inner .person details[open] summary:after {
	content: "›";
	display: none;
	position: absolute;
	transform: rotate(90deg);
}

.person_content {
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	align-content: space-around;
	justify-content: center;
}

.infobox {
	background: var(--light-grey);
	padding: 20px 22px;
	border-radius: 4px;
	display: flex;
	justify-content: center;
	margin-block-start: 34px;
	margin-block-end: 34px;
	column-gap: 100px;
	flex-wrap: wrap;
}

.infobox .url {
	display: flex;
	justify-content: space-between;
	column-gap: 20px;
		flex-wrap: wrap;
}
.infobox .url p{
	margin-block-end: 5px;
	margin-block-start: 5px;
}
.infobox .titel {
	color: var(--blue);
	font-weight: 600;
	margin-block-start: 5px;
	margin-block-end: 20px;
}

.infobox .url a {
	text-decoration: unset;
}

.wpml-ls-item {
	display: flex;
}

.fussnote {
	display: flex;
	gap: 15px;
}

.single_content--inner .footnotes p {
	margin-block-end: 0.6rem;
}

.fussnote .nummer {
	color: var(--blue);
	font-weight: 600;
}

.wp-block-image img {
	max-width: 100%;
	object-fit: cover;
	height: auto;
}

sup {
	vertical-align: top;
	font-size: 0.7em;
	position: relative;
	top: -5px;
}

.thumbnail.single_content img {
	max-height: 500px;
	max-width: calc(100% + 46px) !important;
	object-fit: cover;
	object-position: center;
}

#menu-wpml-navigation a span,
#menu-wpml-navigation-1 a span {
	color: unset;
}

#menu-wpml-navigation,
#menu-wpml-navigation-1 {
	display: flex;
	gap: 8px;
	padding-inline-start: 0px;
	margin-block-start: 0em;
	margin-block-end: 0em;
}

#menu-wpml-navigation li:after,
#menu-wpml-navigation-1 li:after {
	content: "|";
	margin-left: 8px;
	color: var(--blue-40);
}

#menu-wpml-navigation li:last-child:after,
#menu-wpml-navigation-1 li:last-child:after,
.wpcf7 form.invalid .wpcf7-response-output {
	display: none !important;
}

#menu-wpml-navigation a,
#menu-wpml-navigation-1 a {
	text-decoration: none;
}

#menu-wpml-navigation a span,
#menu-wpml-navigation-1 a span {
	color: var(--blue-40);
	text-decoration: none;
	font-weight: 600;
}

#menu-wpml-navigation .wpml-ls-current-language a span,
#menu-wpml-navigation-1 .wpml-ls-current-language a span {
	color: var(--ochre)
}

.wpcf7-form {
	max-width: 700px
}

input[type="text" i],
textarea,
input[type="date" i],
.wpcf7-select,
.wpcf7-email,
.wpcf7-tel,
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 input[type="url"],
input[type="email" i] {
	padding: 15px 16px;
	width: 100%;
	outline: none;
	border: 2px solid var(--blue-60);
	box-sizing: border-box;
	border-radius: 4px;
	background: none;
	color: var(--blue);
	font-size: 16px;
}

input[type="text" i]:focus-visible,
textarea:focus-visible,
input[type="date" i]:focus-visible,
.wpcf7-select:focus-visible,
.wpcf7-email:focus-visible,
.wpcf7-tel:focus-visible,
.wpcf7 form.init .wpcf7-response-output:focus-visible,
.wpcf7 input[type="url"]:focus-visible,
input[type="email" i]:focus-visible {
	outline: none;
	border: 2px solid var(--blue);
}

.wpcf7-not-valid-tip {
	color: var(--alert) !important;
	height: 25px;
	display: flex !important;
	align-items: center;
}

.wpcf7-not-valid {
	border: 2px solid var(--alert) !important;
}

textarea,
input[type="date" i] {
	font-family: inherit;
	font-size: inherit;
}

label .text_meta {
	color: var(--blue);
}

form label {
	width: 100%;
}

fieldset {
	width: unset !important;
}

.wpcf7-radio {
	display: flex;
	flex-direction: column;
	white-space: nowrap;
	justify-content: space-evenly;
	height: 100%;
	color: var(--blue)
}

input[type='radio']:after {
	top: -3px;
	left: -5px;
	position: relative;
	background-color: white;
	content: url('assets/images/radio.svg');
	display: inline-block;
	visibility: visible;
}

input[type='radio']:checked:after {
	top: -3px;
	left: -5px;
	position: relative;
	content: url('assets/images/radio-active.svg');
	display: inline-block;
	visibility: visible;
}

span.person-bild {
	position: relative;
	display: inline-block;
	padding: 0.667em 1.333em;
	min-width: 0;
}

span.person-bild:after {
	position: relative;
	left: 0;
	margin-left: 33px;
	cursor: pointer;
}

span.person-bild:before {
	position: absolute;
	left: 20px;
	cursor: pointer;
	top: 10px;
	content: url('assets/images/foto.svg');
	;
}

span.person-bild>input {
	position: absolute;
	left: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	top: 0px;
	cursor: pointer;
	z-index: 1;
}

span.person-bild>input:hover {
	cursor: pointer;
}

span.person-bild .wpcf7-not-valid-tip {
	position: absolute;
	top: 48px;
	left: 0;
}

.wpcf7-radio .wpcf7-list-item {
	margin: 0px;
}

.wpcf7-form-control-wrap.date {
	width: 100%;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: transparent;
	text-align: center;
}

.grid {
	display: grid;
	grid-gap: 1px;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-auto-rows: 0px;
	column-gap: 15px;
	margin-left: -23px;
	width: calc(100% + 46px);
}

@media (min-width: 515px) {
	.grid {
		margin-left: unset;
		width: 100%;
	}
}

.grid-content {
	padding-top: 7px;
	padding-bottom: 8px;
}

.grid-content__inner {
	background-color: var(--white);
	box-shadow: var(--shadow-box);
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease-out;
}

.grid-content__inner:hover {
	box-shadow: var(--shadow-active);
	transition: all 0.2s ease-out;
}

.whoisnew .grid-content__inner {
	background-color: var(--mint);
}

.whoisnew .grid-content__inner:hover {
	background-color: var(--mint-80);
}

.whoisnew .grid-content__inner h2,
.whoisnew .text_small {
	color: var(--white);
}

.photothumb {
	width: 100%;
}

.item.has-thumbnail .thumbnail.single_content {
	min-height: 128px;
}

.item.has-thumbnail .thumbnail.single_content img {
	width: 128px;
	height: 100%;
	min-height: 128px;
	object-fit: cover;
}

.item.has-thumbnail .desc {
	padding-left: 10px;
}

.item.has-leadtext.has-thumbnail .desc {
	padding-left: 16px
}

@media (max-width: 515px) {
	.item.has-leadtext.has-thumbnail .desc {
		padding-left: 23px;
		padding-right: 23px;
	}
}

.item.has-leadtext.has-thumbnail .thumbnail.single_content img {
	height: auto;
	width: 100%;
	max-height: 350px;
	object-fit: cover;
}

.item .category {
	font-size: 0.75rem;
	margin-right: 10px;
}

.item.whoisnew .category {
	color: var(--mint);
	background: var(--white);
}

.item.has-leadtext.has-thumbnail .category-container {
	position: absolute;
	margin-top: -60px;
}

.item.has-thumbnail .grid-content__inner {
	display: flex;
}

.item.has-thumbnail .grid-content__inner .desc {
	max-width: calc(100% - 158px);
	align-self: center
}

.item.has-thumbnail.has-leadtext .grid-content__inner .desc {
	max-width: unset;
}

.item.has-thumbnail.has-leadtext .grid-content__inner {
	display: block;
}

.desc {
	padding: 16px 23px;
}

@media (min-width: 515px) {
	.desc {
		padding: 16px 20px;
	}
}

.item h2 {
	margin-block-start: 10px;
	margin-block-end: 10px;
}

.item h2.blogtitel {
	font-size: 1.30rem;
}

.desc p {
	margin-bottom: 10px;
}

.cat-51 .category,
.cat-49 .category,
button.loadmore, button.misha_loadmore, 
.newsletter-anmeldung input[type="submit" i] {
	background: var(--blue);
	color: var(--white);
	transition: all 0.3s ease-out;
}

button.loadmore .button-content, button.misha_loadmore .button-content {
	display: flex;
	gap: 10px;
	align-items: center;
	cursor: pointer;
}

button.loadmore:hover, button.misha_loadmore:hover,
.newsletter-anmeldung input[type="submit" i]:hover {
	background: var(--blue-80);
	border: 2px solid var(--blue-80);
	transition: all 0.2s ease-out;
}

.grid-content p {
	margin: 0;
}

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

.sub-menu {
	background: var(--white);
	margin-top: -4px;
	padding-inline-start: 0px;
	list-style: NONE;
	display: none;
	position: absolute;
	padding: 0 20px;
	padding-right: 100px;
	padding-top: 10px;
}

.menu-item-has-children:hover .sub-menu {
	display: block;
}

#menu-header-navigation .sub-menu .menu-item a,
#menu-header-navigation-fr .sub-menu .menu-item a {
	margin-block-end: 21px;
	font-weight: normal;
}

.custom-link a {
	color: var(--blue);
	font-weight: 600;
	text-decoration: unset;
}

.gallery-cell figcaption {
	position: absolute;
	margin: 0;
	background: rgba(255, 255, 255, 0.8);
	width: 100%;
	text-align: center;
	bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}

.gallery-cell {
	height: 400px;
	margin-right: 10px;
	counter-increment: gallery-cell;
	text-align: center;
	overflow: hidden;
	display: flex;
	align-items: center;
}

.abos .gallery-cell,
.abos {
	overflow: visible;
}

.abos .abobutton:before {
	margin-top: 1px;
	content: url('assets/images/abo-check.svg');
}

.abos .abobutton.selected:before {
	content: url('assets/images/abo-check-white.svg');
}

.abos .abobutton:after {
	font-family: Inter;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: var(--blue);
	margin-left: 10px;
}

.abos .abobutton.selected:after {
	display: none;
}

.abos .gallery-cell {
	height: unset;
}

.gallery-cell:before {
	display: block;
	text-align: center;
	line-height: 100%;
	color: var(--white);
}

.gallery-cell img {
	width: auto;
	height: 100%;
	text-align: center;
	margin: auto;
	display: block;
}

.thementitel-container {
	margin-block-start: 45px;
	margin-block-end: 15px;
}

.abos .text-blue p {
	color: var(--blue)
}

.abos h2 {
	margin-block-start: 0.3em;
	margin-block-end: 0.3em;
}

.abo {
	position: relative;
	width: 100%;
	background: var(--white);
	box-shadow: 0px -2px 12px 0px #37343533;
	border-radius: 5px;
	padding: 30px 37px;
	margin: auto;
	max-width: 350px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.anzahlfeld{
	margin-top: 16px;
	    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

@media (min-width: 559px) {
.abo {
	padding: 30px 20px;
	}
.anzahlfeld{
    flex-direction: row;
	}

}
.abo.selected {
	border: 5px solid var(--ochre)
}

.abo button.selected {
	background: var(--ochre);
	color: var(--white);
	border: none;
}

.abo button.selected span {
	display: none;
}

.abo button.selected svg path {
	fill: var(--white);
}

.abos .flickity-slider {
	display: flex;
	align-items: center;
}

#form .wpcf7-form {
	margin: auto;
}

#form {
	padding-top: 25px;
}

input[type="number"] {
	-webkit-appearance: textfield;
	-moz-appearance: textfield;
	appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.number-input {
	border: 2px solid #ddd;
	display: inline-flex;
	margin-left: 10px;
}

.number-input input {
	border: none;
	font-size: 17px;
}

.number-input,
.number-input * {
	box-sizing: border-box;
}

.number-input button {
	outline: none;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	margin: 0 !important;
	position: relative;
	padding: 0;
}

.number-input svg {
	height: 15px;
}

.ausland-lieferung_border {
	display: flex;
	align-items: center;
	text-align: left;
	gap: 20px;
}

input[type="checkbox" i] {
	transform: scale(1.2);
	border: 2px solid var(--blue-60);
}

.gpt-billboard>div>div,
.gpt-wide-board-mobile>div>div {
	display: flex;
	justify-content: center;
}

.gpt-billboard>div {
	display: none;
}

@media (min-width: 1050px) {
	.gpt-billboard>div {
		display: block;
	}
	.gpt-wide-board-mobile>div {
		display: none;
	}
}

.mc_embed_signup_form_container {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 17px;
}

.mc-field-group {
	width: 100%;
}

@media (min-width: 1050px) {
	.mc_embed_signup_form_container {
		flex-direction: row;
		gap: 30px
	}
}

button.loadmore,
.newsletter-anmeldung input[type="submit" i], button.misha_loadmore  {
	display: flex;
	gap: 10px;
	align-items: center;
	margin: auto;
	margin-top: 20px;
	cursor: pointer;
}

.newsletter-form {
	display: flex;
	gap: 15px;
}

.newsletter-anmeldung input[type="submit" i] {
	-webkit-appearance: none;
}

.newsletter-anmeldung .label-ag,
.newsletter-anmeldung input[type="submit" i] {
	text-align: center;
	width: 100%;
}

@media (min-width: 800px) {
	.newsletter-anmeldung .label-ag,
	.newsletter-anmeldung input[type="submit" i] {
		width: unset;
	}
}

.newsletter-form p {
	width: 100%;
}

.desc a {
	text-decoration: none;
	  pointer-events: all;
  position:relative;
}

.rectangle-ad {
	width: 250px;
	height: 300px;
}

.share-button,
.copy-link {
	padding-left: 30px;
	padding-right: 30px;
}

.share-button,
.share-dialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.share-dialog {
	display: none;
	width: 95%;
	max-width: 500px;
	box-shadow: var(--shadow-box);
	z-index: -1;
	border: 1px solid #ddd;
	padding: 20px;
	border-radius: 4px;
	background-color: #fff;
}

.share-dialog.is-open {
	display: block;
	z-index: 2;
}

.targets {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap: 20px;
	margin-bottom: 20px;
}

.close-button {
	background-color: transparent;
	border: none;
	padding: 0;
}

.close-button svg {
	margin-right: 0;
}

.share-container .link {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	border-radius: 4px;
	background-color: #eee;
}

.share-container .pen-url {
	margin-right: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.share-container .hidden {
	display: none;
}

.share-container svg {
	width: 20px;
	height: 20px;
	margin-right: 7px;
}

.share-container button,
.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	text-align: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.1;
	text-decoration: none;
	white-space: nowrap;
	border-radius: 4px;
	cursor: pointer;
}

.share-container button:hover,
.button:hover {
	border-color: #cdd;
}

body.archive {
	background-color: var(--bg-blue) !important;
}

ul a {
	color: unset;
	text-decoration-color: var(--ochre);
}

._brlbs-cursor {
	color: unset !important;
}

._brlbs-branding {
	display: none !important;
}

.mobile-header {
	display: none;
	left: 0;
	top: 0;
	width: calc(100% - 60px);
	min-height: 100vh;
	background: white;
	z-index: 1;
	padding: 100px 30px 30px 30px;
	overflow: scroll;
}

@media (min-width: 1050px) {
	.mobile-header {
		display: none!important;
	}
}

.mobile-header ul {
	list-style: none;
	padding-inline-start: 0px;
}

.mobile-header-container-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.mobile-header .menu-header-subnavigation-container .menu,
.mobile-header .menu-header-subnavigation-fr-container .menu {
	display: flex;
	justify-content: space-between;
}

.mobile-header .sub-menu {
	position: unset;
}

.borlabs-cookie-preference {
	position: inherit !important;
}

#abonnement,
#auslandlieferung,
#zusatzabonnement,
#abonummer {
	display: none;
}

.loader {}

.loader-container {
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
	margin-left: unset !important;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 40px;
	height: 40px;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 32px;
	height: 32px;
	margin: 4px;
	border: 4px solid #6694BC;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #6694BC transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.searchform-open {
	position: absolute;
	top: 61px;
	width: 100%;
	left: 0;
	height: 71px;
}

.searchform-open form {
	height: 100%;
}

.searchform-open .search-submit {
	display: block !important;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: var(--blue);
	color: white;
	border: none;
	padding: 0 16px;
}

.searchform-open .gobackbutton {
	display: block !important;
	position: absolute;
	top: 27px;
	left: 6px;
}

.searchform-open #erease {
	display: block !important;
	position: absolute;
	top: 26px;
	right: 95px;
}

.searchform-open #search {
	height: 100%;
	border-radius: 0;
	background: white;
	text-align: left;
}

.searchform-open input[type="image" i] {
	right: 22px;
	left: unset;
	top: 22px;
}
@media (max-width: 559px) {
.flickity-prev-next-button.previous{
	    left: -16px !important;
}
.flickity-prev-next-button.next{
	right: -16px !important;
}
	.flickity-prev-next-button{
		    width: 20px !important;
    height: 20px !important;
		    background: unset !important;
} 
	}


ins.adsbygoogle[data-ad-status="unfilled"] {
    display: none !important;
}