.paragraph--type--image-background-bundle {
	display: none;
	height: 0px;
}

.ab-tablet {
	display: none;
}
.margin-bottom-1em {
	margin-bottom: 1em;
}
.margin-bottom-1-5em {
	margin-bottom: 1.5em;
}
.margin-bottom-2em {
	margin-bottom: 2em;
}
.padding-top-2em {
	padding-top: 2em;
}
.padding-bottom-2em {
	padding-bottom: 2em;
}
.padding-top-1-5em {
	padding-top: 1.5em;
}
.padding-bottom-1-5em {
	padding-bottom: 1.5em;
}
.padding-top-2-5em {
	padding-top: 2.5em;
}
.padding-bottom-2-5em {
	padding-bottom: 2.5em;
}
.padding-top-3-5em {
	padding-top: 3.5em;
}
.padding-bottom-3-5em {
	padding-bottom: 3.5em;
}
.flex {
	display: flex;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.05em;
}
header {
	position: fixed;
	top: 0;
	z-index: 4000;
/*	width: 170px; */
	right: 0;
}
.navbar {
	padding: .5em;
}
.navbar-toggler {
	margin: 0 0 .5em auto;
	background: rgba(182,9,6,.8);
}
.navbar-toggler.collapsed {
	margin-bottom: 0;
}
.navbar-toggler {
	transition: margin-bottom 0.5s ease;
}
#navbarSupportedContent {
	background: rgba(182,9,6,.8);
}
.navbar a.nav-link {
	color: white;
	text-transform: uppercase;
}
.navbar a.nav-link:hover,
.navbar a.nav-link:focus {
	background: white;
	color: #b60906;
}
.region-content {
	padding: 0;
}

.region-content .field--name-body hr {
	clear: both;
	border-bottom: 1px dashed #ccc;
}
.region-content .field--name-body a:link,
.region-content .field--name-body a:visited {
	color: 	#b60906;
}
.region-content .field--name-body a:hover,
.region-content .field--name-body a:focus,
.region-content .field--name-body {
	color: 	#162985;
}
.verantwortliche {
	gap: 50px;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 50px;
}
.verantwortliche > p {
	min-width: 300px;
	width: 40%;
}
/**/
/* - Media-Einstellungen - */
/**/
.node--view-mode-full .field--name-body > .field__item {
	padding-bottom: 1.3em;
	clear: both;
/*	display: table; */
}
.media.align-center {
	display: table;
}
.media.align-left {
	padding-right: 1em;
}
.media.align-right {
	padding-left: 1em;
	padding-bottom: .5em;
}
.media--view-mode-colorbox-quadrat {
	width: 25%;
	padding-bottom: .5em;
	padding-top: .5em;
}
.media--view-mode-querformat,
.media--view-mode-hochkant {
	padding-bottom: .5em;
}
.align-left.media--view-mode-querformat {
	padding-right: 0;
}
.align-left.media--view-mode-hochkant {
	padding-right: 1.5em;
}
.align-right.media--view-mode-querformat {
	padding-left: 0;
}
.align-right.media--view-mode-hochkant {
	padding-left: 1.5em;
}
.caption {
	font-size: .9em;
}
figcaption {
    font-style: italic;
    line-height: normal;
    margin-top: -.5em;
    text-align: center;
	background: #FCEE50;
	padding: .5em;
	padding-top: .2em;

}
:nth-child(4n of article.media--view-mode-colorbox-quadrat) {
	/* padding-right: 0; */
}

/**/
/* ab Tablet Hochkant */
/**/
@media screen and (min-width: 576px) {
	.align-left.media--view-mode-querformat,
	.align-left.media--view-mode-hochkant,
	.caption.align-left {
		padding-right: 1.5em;
		padding-bottom: 0;
	}
	.align-right.media--view-mode-querformat,
	.align-right.media--view-mode-hochkant,
	.caption.align-right {
		padding-left: 1.5em;
		padding-bottom: 0;
	}
	.caption.align-left figcaption {
		margin-right: 1.5em;
	}
	.caption.align-right figcaption {
		margin-left: 1.5em;
	}
}

/**/
/* ab Tablet quer */
/**/
@media screen and (min-width: 768px) {
	.ab-tablet { 
		display: initial;
	}
	.bis-tablet {
		display: none;
	}
	.align-left.media--view-mode-querformat,
	.align-left.media--view-mode-hochkant {
		padding-right: 2em;
		padding-bottom: 1em;
	}
	.align-right.media--view-mode-querformat,
	.align-right.media--view-mode-hochkant {
		padding-left: 2em;
		padding-bottom: 1em;
	}
}

/**/
/* - Teaser-Display aller Nodes - */
/**/
.node--view-mode-teaser .node__content > div.bild,
.vorschaubild {
	min-width: 25%;
	float: left;
	margin-right: 1em;
}

@media screen and (min-width: 768px) {
	.node--view-mode-teaser .node__content {
		display: flex;
		flex-wrap: nowrap;
		gap: .5em;
	}
}

/**/
/* - Views - */
/**/
/* kommt hier noch */
/* - Paragraphs - */
.sprung {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
/*    margin: -40px; */
}
.titel-rot > h3 {
	color: #b60906 !important;
}
.field--name-pb-content-title {
	display: table;
	margin: 0 auto;
}
.abschnitt.container .pb__grid-wrapper {
	width: 100%;
}
.abschnitt.container .pb__grid-wrapper {
	justify-items: center;
	align-items: center;
}
.paragraph > div > div > .pb__content-title {
	margin-bottom: 1.5rem;
	text-transform: uppercase;
	text-align: center;
}
.pb__parallax-section__inner {
	--section-height: 288px !important;
/*	--section-height: 188px !important; */
}
.paragraph--type--parallax-section-bundle.parallax-css .pb__parallax-bg {
	background-attachment: scroll;
}
/* - Grid mit Simple Grids (weitere Paragraphs, Zeitplan) darin - */
.paragraph .paragraph h3 {
	margin-bottom: .8rem !important;
}
/* - Bilder-Grid - */
.gridbild > div.grid-count-4 {
	grid-template-columns: repeat(auto-fill, minmax(50%, 1fr)) !important; 
}
.gridbild > div.grid-count-3 {
	grid-template-columns: repeat(3, minmax(33%, 1fr)) !important;
	max-width: 800px;
	margin: 0 auto;
}
.paragraph .gridbild > div > div {
	padding: .5em !important;
}
.paragraph .gridgap-3em > div > div.paragraph {
	padding: 0 3em !important;
}
.opacity-8 .pb__image-grid-title {
	background: rgba(255,255,255,.4) !important;
	border: 1px solid #272d83;
}
.opacity-8 .pb__image-grid-title > h3 {
	position: absolute;
    top: 30%;
    text-align: center;
	font-size: 4vw;
}
.opacity-8 .pb__grid-lightbox .pb__image-grid-title > h3 {
	font-size: 7vw;
}
.pb__grid-lightbox .pb__image-grid-title {
	overflow: unset !important;
} 
.untertitel {
	display: none;
}
.pb__grid-lightbox .untertitel {
	display: block;
	font-size: .8em;
	position: absolute;
	text-align: center;
	top: 100%;
	background: #b60906;
}
.opacity-8.abschnitt .untertitel > div {
	color: white !important;
	padding: 1em !important;
}
/* - Background-Image - */
.transparenttext {
	color: transparent !important;
}
/* - Sponsoren-Grid - */
.paragraph .flex-grid > div.col-1 {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 10px !important;
}
.flex-grid .col-1 > div img {
    height: 15vw;
    width: auto;
	max-height: 100px;
}
/* - Kontakt-Grid - */
.maxwidth-1000 {
	max-width: 1000px;
}
.insta svg {
	margin-left: .3em;
    margin-top: -3px;
    height: 18px !important;
    width: 18px;
}

/* - Buttons - */
.linkkasten a,
form.contact-message-form input#edit-submit {
	background: #b60906;
	color: white !important;
	display: inline-block;
	padding: .4em 1em;
	margin-bottom: 1rem;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
}
.linkkasten.weiss-bg a {
	font-weight: bold;
}
.linkkasten.weiss-bg a,
.linkkasten a:hover,
.linkkasten a:focus,
form.contact-message-form input#edit-submit:hover,
form.contact-message-form input#edit-submit:focus {
	background: white;
	color: #b60906 !important;
}
.linkkasten.weiss-bg a:hover,
.linkkasten.weiss-bg a:focus {
	background: #b60906;
	color: white !important;	
}
.linkkasten.rahmen.rot-bg a {
	border: 1px solid white;
}
.linkkasten.rahmen.rot-bg a:hover,
.linkkasten.rahmen.rot-bg a:focus {
	border: 1px solid #b60906;
}
.anmeldung {
	font-size: 1.5rem;
}

/* - Masonry (24.11.2025) - */
.masonry-item {
	width: 50%;
}
.masonry-item img {
	padding: .5em;
}

/**/
/* - Footer - */
/**/

footer.mt-auto {
	background: #272d83;
	color: white;
	padding: 1rem 0;
}
.adresse {
	text-align: center;
}
.fusszeile a {
	color: white;
	text-decoration: none;
	padding: 0 .2em .2em;
}
.fusszeile a:hover,
.fusszeile a:focus {
	color: #272d83 !important;
	background: white;
}
.fusszeile p {
	margin-bottom: 0;
}
.fusszeile > div {
	position: relative;
}

/**/
/* - EU Cookie-Banner - */
/**/
div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {
	background: #272d83;
}
.eu-cookie-compliance-banner .popup-content {
	padding: 1em 0;
}
.eu-cookie-compliance-message p {
	font-size: 14px;
	font-weight: normal;
}
.eu-cookie-compliance-message button {
	margin-left: .5em;
}
.agree-button,
.agree-button:hover,
.decline-button:hover {
	border: 1px solid white;
	color: white;
}
.decline-button {
	text-shadow: none;
}
.agree-button:hover,
.decline-button:hover {
	color: black;
	background: rgba(255,255,255,.3);
	box-shadow: none;
	text-shadow: none;
}

@media screen and (min-width:768px) {
	.masonry-item {
		width: 33.3%;
	}
	.paragraph .flex-grid > div.col-1 {
		gap: 2em !important;
	}
	.pb__grid-lightbox .untertitel {
		font-size: 1em;
	}
}

@media screen and (min-width:992px) {
	header {
		width: 100%;
	}
	.user-logged-in .toolbar .toolbar-bar {
		margin-top: 43px;
	}
	main {
		margin-top: 43px;
	}
	.navbar {
		padding: 0;
	}
	#navbarSupportedContent {
		justify-content: center !important;
	}
	#navbarSupportedContent > div {
		width: 100%;
	}
	.hauptmenu {
		
	}
	.hauptmenu > ul {
		justify-content: space-around !important;
        max-width: 992px;
        margin: 0 auto;
	}
	.navbar a.nav-link {
		font-weight: bold;
		padding-bottom: .7em;
	}
	.masonry-item {
		width: 25%;
	} 
	.sprung {
		margin: -40px;
	}
	.gridbild > div.grid-count-4 {
	grid-template-columns: repeat(auto-fill, minmax(25%, 1fr)) !important; 
}
	.opacity-8 .pb__image-grid-title > h3 {
		top: 35%;
		font-size: 2.5em;
	}
	.paragraph--type--parallax-section-bundle.parallax-css .pb__parallax-bg {
		background-attachment: fixed;
	}
}

@media screen and (min-width:1400px) {
	#block-wbdesign-content .node--type-page,
	#block-wbdesign-content > .webform-submission-form,
	.page-node-type-page #block-wbdesign-page-title,
	.path-webform #block-wbdesign-page-title {
		max-width: 1050px;
		margin: 0 auto;
	}
	.masonry-item {
		width: 20%;
	} 
}