/* start - nur content, ohne rechte Spalte ####################################################################################################### */
/* start - content, rechte Spalte ################################################################################################################ */
/* start - footer ################################################################################################################################ */
/* Farben:
#008cd1	Blau Logo
#ffed00	Gelb Logo
#e4000e	Rot Logo
#005a84	Link hover

*/
/*
Zusätzliche Klassen, in Content-Elementen verwendbar:
.text-ohne-innenabstand-oben
.clearer
.image-50
.image-60
.image-70
.image-80
.image-90

min-width:480px
min-width:576px
min-width:768px
min-width:992px
min-width:1200px
min-width:1400px

max-width:1399px
max-width:1199px
max-width:991px
max-width:767px
max-width:575px
max-width:479px

*/

/* pirata-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Pirata One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pirata-one-v22-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/pirata-one-v22-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pirata-one-v22-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pirata-one-v22-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pirata-one-v22-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pirata-one-v22-latin-regular.svg#PirataOne') format('svg'); /* Legacy iOS */
}

:root {
  --frame-color: inherit;
  --bs-link-color: #008cd1;
  --bs-link-color-rgb: 0, 140, 209;
  --bs-link-hover-color: #005a84;
  --bs-link-hover-color-rgb: 0, 90, 132;
  --frame-link-color: #008cd1;
  --frame-link-hover-color: #005a84;
  --frame-background: transparent;
  --frame-embedded-border-radius: 0.5rem;
  --frame-width-large: 1600px;
  --frame-width-medium: 870px;
  --frame-width-small: 600px;
  --frame-spacing-xl: 30px;
  --frame-spacing-lg: 28px;
  --frame-spacing-md: 26px;
  --frame-spacing-sm: 25px;
  --frame-spacing: 24px;
  --frame-spacing-xs: 22px;
  --frame-spacing-small-xl: 20px;
  --frame-spacing-small-lg: 18px;
  --frame-spacing-small-md: 16px;
  --frame-spacing-small-sm: 14px;
  --frame-spacing-small: 12px;
  --frame-spacing-small-xs: 12px;
  --frame-outer-spacing-before: 0;
  --frame-outer-spacing-after: 0;
  --frame-outer-spacing-variant-none: 0rem;
  --frame-outer-spacing-variant-extra-small: 1rem;
  --frame-outer-spacing-variant-small: 1.5rem;
  --frame-outer-spacing-variant-medium: 2rem;
  --frame-outer-spacing-variant-large: 2.5rem;
  --frame-outer-spacing-variant-extra-large: 3rem;
}

body,html {
	font-family: Arial, Helvetica, sans-serif;
}

#page-content.main-section {
	background-image: url('../layout/back-page-abc-3523454_1920-fs8.png');
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #f3f3f3;
}
#page-content .maincontent-wrap a,
#page-content .maincontent-wrap a:visited,
#page-content .subnav-wrap .frame-default a,
#page-content .subnav-wrap .frame-default a:visited {
	text-decoration: underline;
}
#page-content .maincontent-wrap a:hover,
#page-content .subnav-wrap .frame-default a:hover {
	text-decoration: none;
}
body#p1 h2.element-header a,
body#p1 h2.element-header a:visited {
	text-decoration: none;
}
body#p1 h2.element-header a:hover {
	text-decoration: underline;
}

body.page-74 {
	background-size: contain;
}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	padding: 0 0 0.5rem 0;
	font-weight: 400;
	line-height: 1.2;
	color: #003464;
}
.frame .element-header, .frame .element-subheader {
	color: #003464;
}
.frame {
	--pp-frame-inner-spacing-before: var(--frame-spacing);
	--pp-frame-inner-spacing-after: var(--frame-spacing);
	color: var(--frame-color);
	background: var(--frame-background);
	padding-top: var(--frame-spacing);
	padding-bottom: var(--frame-spacing);
}
h1,.h1,
.frame h1.element-header {
	font-size: 28px;
	padding-bottom: 30px;
}
h2,.h2 {
	font-size: 24px;
}
h3,.h3 {
	font-size: 23px;
}
h4,.h4 {
	font-size: 22px;
}
h5,.h5 {
	font-size: 20px;
}
h6,.h6 {
	font-size: 18px;
}
.frame-header > :last-child {
	padding-bottom: 0.5rem;
}
p {
	padding-top: 0;
	padding-bottom: 1rem
}

.fa-solid {
	background: lightgrey;
	color: #008cd1;
	margin: 3px 0 3px 3px;
	padding: 5px;
	cursor: pointer;
	transition: color 0.7s;
}
.fa-solid::before {
	width: 60px;
	font-size: 50px;
	line-height: 1;
	text-align: center;
	display: inline-block;
}
.fa-solid::before {
	transform: none;
}
.fa-solid.fa-house-user::before {
	content: "\e065";
}

/* blinkender Punkt ganz links Oben */
#setupsetting {
	display: none;
}

.navbar-mainnavigation .navbar-brand-image img {
  min-height: 56px;
}

@media (max-height:576px) {
	.fixed-top, .navbar-mainnavigation.navbar-fixed-top {
		position: absolute;
	}
}

/* Hauptnavigation: Die projektspezifischen Regeln liegen zentral in
 * Resources/Public/Scss/Templates/_mainnav.scss. */

/* start - Navigation Sub-Nav ### */

/* alle Ebenen */
li.subnav-item .subnav-link:hover,
li.subnav-item .subnav-link:focus,
li.subnav-item.active.subnav-link:hover,
li.subnav-item.active.subnav-link:focus {
	background-color: #d5d5d5;
	border-color: #9d9d9d;
	color: #008cd1;
}

/* subnav erste Ebene */
ul.subnav-nav {
	background-color: #fff;
}
ul.subnav-nav li.subnav-item.active {
	background-color: #008cd1;
}
ul.subnav-nav li.subnav-item.active a .subnav-link-text {
	color: #fff;
}
ul.subnav-nav li.subnav-item.active a.subnav-link:hover > span.subnav-link-text,
ul.subnav-nav li.subnav-item.active a.subnav-link:focus > span.subnav-link-text {
	background-color: transparent;
	border-color: #9d9d9d;
	color: #008cd1;
}

/* subnav zweite Ebene */
ul.subnav-nav li.subnav-item ul.subnav-nav {
	background-color: #f8f8f8;
}
/* inaktiv */
ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item a.subnav-link .subnav-link-text {
	color: #008cd1;
}
/* aktiv */
ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active a.subnav-link .subnav-link-text {
	color: #fff;
}
ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active a.subnav-link:hover > span.subnav-link-text,
ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active a.subnav-link:focus > span.subnav-link-text {
	background-color: transparent;
	border-color: #9d9d9d;
	color: #008cd1;
}

/* subnav dritte Ebene */
ul.subnav-nav li.subnav-item ul.subnav-nav li.subnav-item.active ul.subnav-nav {
	background-color: #f8f8f8;
}
/* inaktiv */
ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item a.subnav-link .subnav-link-text {
	color: #008cd1;
}
/* aktiv */
ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active a.subnav-link .subnav-link-text {
	color: #fff;
}
ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active a.subnav-link:hover > span.subnav-link-text,
ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active ul.subnav-nav li.subnav-item.active a.subnav-link:focus > span.subnav-link-text {
	background-color: transparent;
	border-color: #9d9d9d;
	color: #008cd1;
}

.frame a:not(.btn),
.frame a:not(.btn):link,
.frame a:not(.btn):visited {
	color: #008cd1 !important;
}
.frame a:not(.btn):hover,
.frame a:not(.btn):focus {
	color: #005a84 !important;
}

/* ende  - Navigation Sub-Nav ### */

.btn-default {
	--bs-btn-color: #fff;
	--bs-btn-bg: #008cd1;
	--bs-btn-border-color: #797979;
	--bs-btn-hover-color: #005a84;
	--bs-btn-hover-bg: #fff;
	--bs-btn-hover-border-color: #008cd1;
	--bs-btn-focus-shadow-rgb: 199, 200, 201;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #005a84;
	--bs-btn-active-border-color: #e4000e;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000000;
	--bs-btn-disabled-bg: #eaebec;
	--bs-btn-disabled-border-color: #eaebec;
}
a.btn-default,
a.btn-default:visited {
	text-decoration: none !important;
}

/* start - Slider Startseite ##################################################################################################################### */

.carousel-item-type-header .carousel-header,
.carousel-item-type-header .carousel-subheader,
.carousel-item-type-header .carousel-text,
.carousel-item-type-text_and_image .carousel-header,
.carousel-item-type-text_and_image .carousel-subheader,
.carousel-item-type-text_and_image .carousel-text {
	text-shadow: 3px 3px 5px white, 3px -3px 5px white, -3px 3px 5px white, -3px -3px 5px white;
}

@media (min-width: 576px) {
	.carousel .item {
		height: 300px;
	}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.carousel .item {
		height: 600px;
	}
}
@media (min-width: 1400px) {
}

/* ende  - Slider Startseite ##################################################################################################################### */

/* Kontaktseite: Erste Spalte Linie rechts: */
#c282 .ce-col.col-md-5.ce-col-collapse {
	border-right: 1px solid #9e9e9e;
}
@media (max-width:767px) {
	#c282 .ce-col.col-md-5.ce-col-collapse {
		border: none;
	}
}

.form-identifier-kontaktformular_1-331 .form-group {
}
.form-identifier-kontaktformular_1-331 .form-group .input {
	position: relative;
}
.form-identifier-kontaktformular_1-331 .form-group .input input:hover,
.form-identifier-kontaktformular_1-331 .form-group .input textarea:hover {
	border: 1px solid #3381bd;
}
.form-identifier-kontaktformular_1-331 .form-group .input input:focus,
.form-identifier-kontaktformular_1-331 .form-group .input textarea:focus {
	border: 1px solid #3381bd;
	background-color: #fff;
	color: #666;
	opacity: 1;
}
.form-identifier-kontaktformular_1-331 .form-group .input input:not(#kontaktformular-285-checkbox-1) {
	padding: 0 0 0 10px;
	font-size: 1em;
	line-height: 2em;
}
.form-identifier-kontaktformular_1-331 .form-group .input textarea {
	padding: 5px 5px 5px 10px;
	font-size: 1em;
	min-height: 6em;
}
.form-identifier-kontaktformular_1-331 .form-group .input input::placeholder,
.form-identifier-kontaktformular_1-331 .form-group .input textarea::placeholder {
	color: #bebebe;
}
.form-identifier-kontaktformular_1-331 #c328 {/* Text Bitte stimmen Sie der Verwendung dieser Daten... */
	padding-top: 0;
}
#c327 {/* Text *=Pflichtfeld... */
	padding-top: 0;
}

/* Umbruch wegen langer Mailadresse: */
#c287 .frame-inner {/* Kontaktseite, linke Spalte Adresse */
	word-wrap: break-word;
	word-break: normal;
	/* hyphens: auto; */
}
@media (min-width:480px) {
	#c288 .frame-inner,/* Impressum, Kontakt */
	#c290 .frame-inner,/* Datenschutz, Tel., Mail */
	#c391 .frame-inner {/* Footer, Adresse */
		word-wrap: break-word;
		word-break: normal;
		/* hyphens: auto; */
	}
}

/* Formulare allgemein: */
.form-container form h2 {
	display: none;
}

/* start - content + rechte Spalte */

.clearer {
	clear: both;
}

#page-content.main-section {
	min-height: 420px;
}

/* ende  - content + rechte Spalte */

/* start - nur content, ohne rechte Spalte ####################################################################################################### */

@media (min-width:480px) {
	.textmedia-right .textmedia-item.textmedia-text {
		width: calc(50% - (40px / 2));
	}
	.textmedia-right .textmedia-item.textmedia-gallery {
		width: calc(50% - (40px / 2));
	}
}
@media (min-width:576px) {
	.textmedia-right .textmedia-item.textmedia-text {
		width: calc(55% - (40px / 2));
	}
	.textmedia-right .textmedia-item.textmedia-gallery {
		width: calc(45% - (40px / 2));
	}
}
@media (min-width:768px) {
	.textmedia-right .textmedia-item.textmedia-text {
		width: calc(60% - (40px / 2));
	}
	.textmedia-right .textmedia-item.textmedia-gallery {
		width: calc(40% - (40px / 2));
	}
}
@media (min-width:992px) {
	.textmedia-right .textmedia-item.textmedia-text {
		width: calc(65% - (40px / 2));
	}
	.textmedia-right .textmedia-item.textmedia-gallery {
		width: calc(35% - (40px / 2));
	}
}
@media (min-width:1200px) {
	.textmedia-right .textmedia-item.textmedia-text {
		width: calc(70% - (40px / 2));
	}
	.textmedia-right .textmedia-item.textmedia-gallery {
		width: calc(30% - (40px / 2));
	}
}
@media (min-width:1400px) {
	.textmedia-right .textmedia-item.textmedia-text {
		width: calc(75% - (40px / 2));
	}
	.textmedia-right .textmedia-item.textmedia-gallery {
		width: calc(25% - (40px / 2));
	}
}

.body-bg .logo-for-slider {
	display: none;
}

body.page-1 .body-bg .logo-for-slider {
	display: block;
	position: absolute;
	top: 150px;
	right: 20px;
	z-index: 2;
}
@media (max-width:991px) {
	body.page-1 .body-bg .logo-for-slider {
		display: none;
	}
}

/* Timeline */
.timeline-item-date {
	font-family: 'Pirata One';
	font-size: 36px;
	letter-spacing: 2px;
	color: #06882f;
}
.timeline-item-header-headline {
	color: #666;
}

.pp-news-infobar li {
	width: 100%;
}

.text-ohne-innenabstand-oben {
	padding-top: 0;
}

/* eventnews */
/* Filter funktionieren leider nicht > Kalender-Plugin auf der Seite > Vorlage > Template-Layout */
.pp-eventnews-month .pp-eventnews-filter {
	text-align: right;
}
.pp-eventnews-month .pp-eventnews-filter:before {
	content: 'Suche nach Datum: ';
}
/* Bildunterschrift in Listenansicht nicht anzeigen: */
.pp-eventnews-list figcaption.caption,
.news-list-view figcaption.caption,
.pswp__caption__subtitle,
.pswp__dynamic-caption__subtitle {
	display: none;
}

/* Links: */
body.page-86 .ce-container.links-container {
	margin: 0 0 20px 0;
	padding: 0;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse {
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	padding: 0 0 0px 0;
	margin: 0 0 30px 0;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse:last-child {
	border-bottom: none;
	padding: 0;
	margin: 0;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child {
	width: 80%;
	flex: unset;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:last-child {
	width: 20%;
	flex: unset;
	padding: 0;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h1,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h2,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h3,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h4,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h5,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h1 a,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h2 a,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h3 a,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h4 a,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h5 a {
	font-size: 22px;
	color: #212121;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h1 a,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h2 a,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h3 a,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h4 a,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h5 a {
	text-decoration: underline;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h1 a:hover,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h2 a:hover,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h3 a:hover,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h4 a:hover,
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h5 a:hover {
	text-decoration: none;
	color: #0f47af;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:last-child img {
	max-height: 200px;
	max-width: auto;
}
body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:last-child img[src$=".svg"] {
	max-width: 80px;
	height: auto;
	filter: invert(32%) sepia(4%) saturate(0%) hue-rotate(54deg) brightness(103%) contrast(97%);
}
@media (max-width:767px) {
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child {
		order: 2;
		width: calc(100% - 120px);
	}
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:last-child {
		order: 1;
		width: 120px;
	}
}
@media (max-width:479px) {
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child {
		width: calc(100% - 80px);
	}
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h1,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h2,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h3,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h4,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h5,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h1 a,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h2 a,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h3 a,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h4 a,
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:first-child h5 a {
		font-size: 18px;
	}
	body.page-86 .ce-container.links-container > .row.ce-row-collapse > .col-md:last-child {
		width: 80px;
	}
}

.accordion-item .accordion-button.collapsed:hover {
	background-color: #e6e6e6;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	background: url("/typo3conf/ext/bootstrap_package/Resources/Public/Images/PhotoSwipe/default-skin.png") 0 0 no-repeat;
	background-size: 264px 88px;
	width: 44px;
	height: 44px;
}
@media (-webkit-min-device-pixel-ratio:1.1),(min-resolution:105dpi),(min-resolution:1.1dppx) {
	.pswp--svg .pswp__button,
	.pswp--svg .pswp__button--arrow--left:before,
	.pswp--svg .pswp__button--arrow--right:before {
		background-image: url("/typo3conf/ext/bootstrap_package/Resources/Public/Images/PhotoSwipe/default-skin.svg");
	}
	.pswp--svg .pswp__button--arrow--left,
	.pswp--svg .pswp__button--arrow--right {
		background: none;
	}
}
.pswp__button--close {
	background-position: 0 -44px;
}
.pswp__button--share {
	background-position: -44px -44px;
}
.pswp__button--fs {
	display: none;
}
.pswp--supports-fs .pswp__button--fs {
	display: block;
}
.pswp--fs .pswp__button--fs {
	background-position: -44px 0;
}
.pswp__button--zoom {
	display: none;
	background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
	display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
	background-position: -132px 0;
}
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
	visibility: hidden;
}
.pswp__button--arrow--left,
.pswp__button--arrow--right {
	background: none;
	top: 50%;
	margin-top: -50px;
	width: 70px;
	height: 100px;
	position: absolute;
}
.pswp__button--arrow--left {
	left: 0;
}
.pswp__button--arrow--right {
	right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
	content: '';
	top: 35px;
	background-color: rgba(0, 0, 0, 0.3);
	height: 30px;
	width: 32px;
	position: absolute;
}
.pswp__button--arrow--left:before {
	left: 6px;
	background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
	right: 6px;
	background-position: -94px -44px;
}

.pp-picoverlay .pp-picoverlay-item .ppc-wrap a h2 {
	color: #fff;
	text-decoration: underline;
}
@media (min-width:1400px) {
	.pp-picoverlay .pp-picoverlay-item .ppc-wrap a h2 {
		font-size: 22px;
	}
}

body#p1 .news-list-item .extra,
body#p1 .news-list-item .btn-read-more,
body#p74 .news-list-item .extra,
body#p74 .news-list-item .btn-read-more,
body#p86 .news-single .extra {
	display: none;
}

/* ende  - nur content, ohne rechte Spalte ####################################################################################################### */

/* start - content, rechte Spalte ################################################################################################################ */

#c417 {
	margin: 0;
	padding: 60px 0 0 0;
}
#c414 {
	padding-top: 24px;
}
@media (max-width:991px) {
	#c417 {
		margin: 0;
		padding: 0;
	}
}

.frame-type-subnavigation .frame-container:before {
	content: '+ Untermenü';
	color: #003464;
	font-size: 18px;
	margin: 0 0 0 3px;
}
.frame-type-subnavigation .frame-container:first-letter {
	color: #008cd1;
}

@media (max-width:991px) {
	.backendlayout-subnavigation_right .subnav-wrap,
	.backendlayout-subnavigation_left .subnav-wrap {
		display: block;
		order: 2;
	}
	.backendlayout-subnavigation_right .subnav-wrap .frame-type-subnavigation,
	.backendlayout-subnavigation_left .subnav-wrap .frame-type-subnavigation {
		display: none;
	}
}

/* ende  - content, rechte Spalte ################################################################################################################ */

/* start - footer ################################################################################################################################ */

.footer-section-content {
	background-color: rgba(0, 140, 209, .3);
	--frame-color: #666;
	border-top: 2px solid rgba(228, 0, 14, .3);
}
.footer-section-meta {
	background-color: rgba(255, 237, 0, .3);
	--frame-color: #666;
}

#page-footer a,
#page-footer a:visited {
	color: #008cd1;
	text-decoration: underline;
}
#page-footer a:hover {
	color: #005a84;
	text-decoration: none;
}

#page-footer .footer-section-content figure.image img {
	max-width: 120px;
	display: inline-block;
}

/* Footer, linke Spalte: */
#page-footer .footer-section-content .ppc-left figure.image img {
	max-width: 120px;
}
#page-footer .footer-section-content .ppc-left .frame.frame-default .frame-group-container .frame-group-inner .frame-container .frame-inner div .textmedia-gallery {
	width: 120px;
}
#page-footer .footer-section-content .ppc-left .frame.frame-default .frame-group-container .frame-group-inner .frame-container .frame-inner div .textmedia-text {
	width: calc(100% - 120px);
}

/* Footer, mittlere Spalte: */
#page-footer .footer-section-content .ppc-middle figure.image img {
	max-width: 131px;
}
#page-footer .footer-section-content .ppc-middle .frame.frame-default .frame-group-container .frame-group-inner .frame-container .frame-inner div .textpic-gallery {
	width: 131px;
}
#page-footer .footer-section-content .ppc-middle .frame.frame-default .frame-group-container .frame-group-inner .frame-container .frame-inner div .textpic-text {
	width: calc(100% - 131px);
}

#page-footer .footer-section-meta .frame {
	padding-top: 20px;
	padding-bottom: 20px;
}
#page-footer .footer-section-meta .footer-copyright .pp-separator,
#page-footer .footer-section-meta .footer-copyright .pp-agency-reference {
	display: none;
}

/* ende  - footer ################################################################################################################################ */

.gallery-item img,
.gallery-item picture,
.news img {
	width: unset;
}

/* Zusätzliche Formatierungen:
Element bearbeiten: "Erscheinungsbild" > "Attribute" > "Zusätzliche Klassen":
Bildbreite von 50% bis 90% in 10-er Schritten: z.B. "image-50"
Bildbreite auf max. Breite in Pixel begrenzen, 100 Pixel bis 500 Pixel in 50-er Schritten: z.B. "image-max-200" */
.image-50 img {
	width: 50%;
}
.image-60 img {
	width: 60%;
}
.image-70 img {
	width: 70%;
}
.image-80 img {
	width: 80%;
}
.image-90 img {
	width: 90%;
}
.image-max-100 img {
	max-width: 100px;
}
.image-max-150 img {
	max-width: 150px;
}
.image-max-200 img {
	max-width: 200px;
}
.image-max-250 img {
	max-width: 250px;
}
.image-max-300 img {
	max-width: 300px;
}
.image-max-350 img {
	max-width: 350px;
}
.image-max-400 img {
	max-width: 400px;
}
.image-max-450 img {
	max-width: 450px;
}
.image-max-500 img {
	max-width: 500px;
}

/* Bild rechts, Text fließ links und darunter: "image-in-text-right" */
@media (min-width: 768px) {
	.image-in-text-right .textpic.textpic-right {
		width: 100%;
		display: block;
	}
	.image-in-text-right .textpic.textpic-right .textpic-item.textpic-text {
		width: unset;
		order: 2;
	}
	.image-in-text-right .textpic.textpic-right .textpic-item.textpic-gallery {
		display: block;
		float: right;
		width: 50%;
		order: 1;
		margin: 0 0 20px 20px;
	}
}

/* Bild links, Text fließ links und darunter: "image-in-text-left" */
@media (min-width: 768px) {
	.image-in-text-left .textpic.textpic-left {
		width: 100%;
		display: block;
	}
	.image-in-text-left .textpic.textpic-left .textpic-item.textpic-text {
		width: unset;
		order: 1;
	}
	.image-in-text-left .textpic.textpic-left .textpic-item.textpic-gallery {
		display: block;
		float: left;
		width: 50%;
		order: 2;
		margin: 0 20px 20px 0;
	}
}

.popover-arrow {
	top: 45%;
}

.frame-option-ruler-after {
	border-bottom: 3px solid rgba(0, 140, 209, .5);
}

.breadcrumb-section {
	background-color: #eee;
	border-bottom:  1px solid rgba(0, 0, 0, 0.05);
}

/* Link-Kennzeichnung: externe Links und Dokumente */
/* Externe Links: eigener Host (inkl. DDEV-Host) und Bildlinks ausnehmen. */
a[href^="http://"]:not([href*="gs-dettelbach.de"]):not(:has(img)):not([href*=".pdf" i]):not([href*=".doc" i]):not([href*=".docx" i]):not([href*=".xls" i]):not([href*=".xlsx" i]):not([href*=".ppt" i]):not([href*=".pptx" i])::after,
a[href^="https://"]:not([href*="gs-dettelbach.de"]):not(:has(img)):not([href*=".pdf" i]):not([href*=".doc" i]):not([href*=".docx" i]):not([href*=".xls" i]):not([href*=".xlsx" i]):not([href*=".ppt" i]):not([href*=".pptx" i])::after {
	content: "\2197";
	display: inline-block;
	margin-left: 0;
	font-size: 0.8em;
	line-height: 1;
	vertical-align: 0.3em;
	text-decoration: none;
	position: relative;
	top: 3px;
	left: 2px;
}

/* Extern verlinkte Grafiken: kleiner Hinweis-Pfeil unten rechts.
 * Eigene Domain (inkl. DDEV) und Lightbox-Bilder ausnehmen. */
a[href^="http://"]:not([href*="gs-dettelbach.de"]):not(.lightbox):has(img),
a[href^="https://"]:not([href*="gs-dettelbach.de"]):not(.lightbox):has(img) {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

a[href^="http://"]:not([href*="gs-dettelbach.de"]):not(.lightbox):has(img)::after,
a[href^="https://"]:not([href*="gs-dettelbach.de"]):not(.lightbox):has(img)::after {
	content: "\2197";
	position: absolute;
	right: 7px;
	bottom: 7px;
	color: #008cd1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	text-shadow: 0 1px 3px rgba(255, 255, 255, 0.95);
	text-decoration: none !important;
	z-index: 5;
	pointer-events: none;
}

/* Dokumentlinks: kompaktes Dateityp-Badge direkt am Linktext. */
a[href*=".pdf" i]:not(:has(img))::after, a[href*=".doc" i]:not(:has(img))::after, a[href*=".docx" i]:not(:has(img))::after, a[href*=".xls" i]:not(:has(img))::after, a[href*=".xlsx" i]:not(:has(img))::after, a[href*=".ppt" i]:not(:has(img))::after, a[href*=".pptx" i]:not(:has(img))::after {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 18px;
	min-width: 28px;
	margin-left: 0;
	padding: 0 4px 0 4px;
	border-radius: 2px;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	vertical-align: 1px;
	text-decoration: none;
	box-sizing: border-box;
	top: -2px;
	position: relative;
	left: 2px;
}

a[href*=".pdf" i]:not(:has(img))::after {
	content: "PDF";
	background-color: #d93025;
}

a[href*=".docx" i]:not(:has(img))::after {
	content: "DOCX";
	min-width: 34px;
	background-color: #2b579a;
}

a[href*=".doc" i]:not([href*=".docx" i]):not(:has(img))::after {
	content: "DOC";
	background-color: #2b579a;
}

a[href*=".xlsx" i]:not(:has(img))::after {
	content: "XLSX";
	min-width: 34px;
	background-color: #217346;
}

a[href*=".xls" i]:not([href*=".xlsx" i]):not(:has(img))::after {
	content: "XLS";
	background-color: #217346;
}

a[href*=".pptx" i]:not(:has(img))::after {
	content: "PPTX";
	min-width: 34px;
	background-color: #d24726;
}

a[href*=".ppt" i]:not([href*=".pptx" i]):not(:has(img))::after {
	content: "PPT";
	background-color: #d24726;
}



/* Standard-Cursor fuer klickbare Links und verlinkte Bilder.
 * Bootstrap/Browser-Unterschiede sollen die Klickbarkeit nicht optisch verstecken. */
a[href],
a[href] picture,
a[href] img {
	cursor: pointer;
}

/* News-Liste: Abstand und Trennlinie zwischen den Eintraegen wie auf der alten Site. */
.news-list-item:nth-last-child(n+2) {
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/* News-Liste: Abstand oberhalb der Pagination wie auf der alten Site.
 * News 11 rendert die Pagination teilweise ohne den frueheren
 * .pp-pagination.pp-pagination-bottom-Wrapper. */
.news-list-view .pp-pagination.pp-pagination-bottom,
.news-list-view ul.f3-widget-paginator.pagination,
ul.f3-widget-paginator.pagination {
	margin-top: 2rem !important;
}

/* News-Buttons explizit setzen: Bootstrap-Package-Regeln duerfen die
 * projektspezifischen Farben und die Link-Dekoration nicht ueberstimmen. */
a.btn.btn-default,
a.btn.btn-default:visited,
a.btn.btn-read-more,
a.btn.btn-read-more:visited {
	color: #fff !important;
	background-color: #008cd1 !important;
	border-color: #797979 !important;
	text-decoration: none !important;
}

a.btn.btn-default:hover,
a.btn.btn-default:focus,
a.btn.btn-read-more:hover,
a.btn.btn-read-more:focus {
	color: #005a84 !important;
	background-color: #fff !important;
	border-color: #008cd1 !important;
	text-decoration: none !important;
}

.section-column.subnav-wrap .frame {
	/*--pp-frame-inner-spacing-before: var(--frame-spacing);
	--pp-frame-inner-spacing-after: var(--frame-spacing);
	color: var(--frame-color);
	background: var(--frame-background);*/
	padding-top: 0;
	padding-bottom: 30px;
}