@charset "UTF-8";
/* CSS Document */



/* raleway-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v37-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/raleway-v37-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v37-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/raleway-v37-latin_latin-ext-600italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v37-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* raleway-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Raleway';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/raleway-v37-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}




/**/
:root {

--thm-clr-ntr: #9DA7A6;

--thm-clr-std-bgr: #FFFFFF;
/*--thm-clr-std-pri: #F29000;*/
--thm-clr-std-pri: #FFD35C;
	--thm-clr-std-pri: #F5A300;
/*--thm-clr-std-sek: #7C2995;*/
--thm-clr-std-sek: #182E4E;
--thm-clr-std-ter: #E2000F;
	--thm-clr-std-ter: #d7000e;

--thm-clr-std-txt: var(--thm-clr-std-sek);
--thm-clr-std-hlm: var(--thm-clr-std-txt);
--thm-clr-std-hls: var(--thm-clr-std-txt);

--thm-clr-std-fol: #62ff00;

--thm-clr-vt0-bgr: transparent;

--thm-clr-vt1-bgr: #E4ECEF;
/*	--thm-clr-vt1-bgr: rgba(228, 236, 239, 0.8);   */
--thm-clr-vt1-anc: var(--thm-clr-std-ter);
--thm-clr-vt1-anc-hil: var(--thm-clr-std-sek);
/**/
--thm-clr-vt2-anc: var(--thm-clr-std-pri);
--thm-clr-vt2-anc-hil: var(--thm-clr-std-ter);


--thm-clr-nv1-anc-bgr-hil: #FDE4CC;

--thm-clr-nv1_1-anc: #FFFFFF;
--thm-clr-nv1_1-anc-hil: var(--thm-clr-std-pri);
--thm-clr-nv1-bgr-mob: var(--thm-clr-std-bgr);
/*--thm-clr-nv1_l-anc: #ffffff;*/


--thm-clr-std-btn-bgr: transparent;
--thm-clr-std-btn: var(--thm-clr-std-sek);
--thm-clr-std-btn-bgr-hov: var(--thm-clr-std-sek);
--thm-clr-std-btn-hov: #FFFFFF;
--thm-clr-std-btn-brd: var(--thm-clr-std-sek);
--thm-clr-std-btn-bhi: transparent;
--thm-btn-brd-thk: 2px;

--thm-clr-mmb-bgr: transparent;
/*
--thm-clr-mmb-bgr: rgba(255,255,255,0.2);*/
--thm-clr-mmb: var(--thm-clr-std-pri);



--thm-clr-exb-btn: var(--thm-clr-std-sek);
--thm-clr-exb-btn-bgr: var(--thm-clr-std-bgr);
--thm-clr-exb-btn-bgr-hil: var(--thm-clr-std-ter);

--thm-clr-exb-bgr: var(--thm-clr-std-ter);

--thm-clr-sto-bgr: var(--thm-clr-std-sek);
--thm-clr-sto: #FFFFFF;
--thm-clr-sto-anc: #FFFFFF;
--thm-clr-sto-anc-bgr: var(--thm-clr-std-sek);
--thm-clr-sto-anc-hil: var(--thm-clr-std-sek);
--thm-clr-sto-anc-bgr-hil: var(--thm-clr-std-bgr);


/*
--thm-clr-vt2-bgr: var(--thm-clr-std-pri);
*/

--thm-clr-hdr-bgr: var(--thm-clr-std-sek);
--thm-clr-hdr-txt: #FFFFFF;

/*
--thm-clr-ftr-bgr: var(--thm-clr-hdr-bgr);
--thm-clr-ftr-txt: var(--thm-clr-hdr-txt);
--thm-clr-ftr-anc: var(--thm-clr-std-ter);
--thm-clr-ftr-anc-hil: var(--thm-clr-std-sek);
--thm-clr-ftr-soc: var(--thm-clr-std-sek);
--thm-clr-ftr-soc-hil: var(--thm-clr-std-ter);
--thm-clr-ftr-fnv-hil: var(--thm-clr-std-ter);





--thm-clr-std-btn-bgr: rgba(255,255,255,0.0);
--thm-clr-std-btn: var(--thm-clr-std-sek);
--thm-clr-std-btn-bgr-hov: rgba(255,255,255,0.0);
--thm-clr-std-btn-hov: var(--thm-clr-std-pri);
--thm-clr-std-btn-brd: var(--thm-clr-std-sek);
--thm-clr-std-btn-bhi: var(--thm-clr-std-pri);
--thm-btn-brd-thk: 2px; 









--thm-clr-mmb-bgr: rgba(0,0,0,0.2);
--thm-clr-mmb-bgr: transparent;
--thm-clr-mmb: var(--thm-clr-std-sek);
*/

/*--thm-clr-abd-bgr: var(--thm-clr-ntr);*/
--thm-clr-abd-opc: 0.35;

--thm-brd-rad-std: 1.8em;
--thm-brd-rad-std: 3px;

	--thm-brd-rad-big: 4.5em;

--thm-sct-pdv: 4.5em;

--thm-top-mmb-tbl: 34px;
	--thm-top-mmb-tbl: 29px;
--thm-top-mmb-smp: 17px;

--thm-fnt-std: 'Raleway', Arial, Helvetica, sans-serif;
--thm-fnt-hls: 'Raleway', Arial, Helvetica, sans-serif;

/*
--thm-fnt-bse-siz: 137.5%;
--thm-fnt-bse-lht: 1.272727272727273em;
*/
--thm-fnt-std-wrg: 400;
--thm-fnt-std-wbd: 600;
--thm-fnt-hls-wrg: 400;
--thm-fnt-hls-wbd: 600;


--thm-hgt-hdr-dkt: 176px;


--thm-hgt-lgo-dkt: auto;
--thm-wdt-lgo-dkt: 135px;
--thm-mtp-lgo-dkt: 0px;

--thm-hgt-lgo-tbl: auto;
--thm-wdt-lgo-tbl: 86px;
--thm-mtp-lgo-tbl: 0px;

--thm-hgt-lgo-smp: auto;
--thm-wdt-lgo-smp: 70px;
--thm-mtp-lgo-smp: 0px;


--thm-shw-std-hil: 0 0 0.3em rgba(0,0,0,0.25);

/**/

--thm-clr-vt2-btn-bgr: transparent;
--thm-clr-vt2-btn: #FFFFFF;
--thm-clr-vt2-btn-brd: #FFFFFF;
/**/

--thm-clr-vt2-btn-bgr-hov: #FFFFFF;
--thm-clr-vt2-btn-hov: var(--thm-clr-std-sek);
--thm-clr-vt2-btn-bhi: transparent;



--thm-clr-ftr-bgr: var(--thm-clr-std-sek);
--thm-clr-ftr-txt: #FFFFFF;
--thm-clr-ftr-anc: var(--thm-clr-std-pri);
--thm-clr-ftr-anc-hil: var(--thm-clr-std-pri);
--thm-clr-ftr-fnv: #FFFFFF;
--thm-clr-ftr-fnv-hil: var(--thm-clr-std-pri);
--thm-clr-ftr-soc: transparent;
--thm-clr-ftr-soc-hil: var(--thm-clr-std-pri);



--thm-clr-vt0-bgr: transparent;



}


#site_header{
background-image: url('BG_Header.webp');
background-repeat: no-repeat;
background-position: center 45%;
background-size: max(100%, 800px);
}


#site_header > .inner > a, 
#site_header > .inner > a:link, 
#site_header > .inner > a:visited {
background-color: #FFFFFF;
padding: 32px 16px;
box-sizing: border-box;
position: relative;
z-index: 1;
}

#site_header::after/*,
#wrapper::after*/{
content:"";
position: fixed;
position: absolute;
z-index: 0;
left: 0;
top: 0;
width: 100%;
height: 15px;
background: url('../custom/leiste-verlauf.svg') no-repeat center top;
background-size: 100% 100%;
}


#suchform input{
border-color: #FFFFFF !important;
border-radius: 1.6em;
padding-left: 20px;
padding-right: 55px;
background-color: rgba(0,0,0,0.15);
color: #FFFFFF;
}

#suchform ::placeholder {
color: rgba(255,255,255,1);
}

#suchform button {
	width: 50px;
	color: #FFFFFF;
}

#suchform button:is(:hover,:focus-visible) {
	color: var(--thm-clr-std-pri);
}


#nav1 ul.navlng{
/**/
display: none;

}

#nav1 ul.navlng li a, 
#nav1 ul.navlng li a:link, 
#nav1 ul.navlng li a:visited,
#nav1 ul.navlist>li>a,
#nav1 ul.navlist>li>a:link,
#nav1 ul.navlist>li>a:visited{
font-weight: var(--thm-fnt-std-wbd);
text-transform: none;
}

#nav1 ul.navlng li a, 
#nav1 ul.navlng li a:link, 
#nav1 ul.navlng li a:visited{
color:  var(--thm-clr-ntr);
}

#nav1 ul.navlng li:not(.aktiv) a:hover{
color:  var(--thm-clr-std-sek) !important;
}

#nav1 ul.navlng li.aktiv a, 
#nav1 ul.navlng li.aktiv a:link, 
#nav1 ul.navlng li.aktiv a:visited{
color:  var(--thm-clr-std-ter);

}

#nav1 ul.navlist ul li.aktiv > a, 
#nav1 ul.navlist ul li.aktiv > a:link, 
#nav1 ul.navlist ul li.aktiv > a:visited, 
.no-touch #nav1 ul.navlist ul li.aktiv > a:hover {
color:  var(--thm-clr-std-ter);
}

#content{
	background-repeat: repeat-y;
	background-position: 50% 0%;
	background-size: min( 130% , 2100px ) auto;
}

#content.bg1{
	background-image: url('../custom/BG_Blasen_01.svg');
}
#content.bg2{
	background-image: url('../custom/BG_Blasen_02.svg');
}
#content.bg3{
	background-image: url('../custom/BG_Blasen_03.svg');
}
#content.bg4{
	background-image: url('../custom/BG_Blasen_04.svg');
}
#content.bg5{
	background-image: url('../custom/BG_Blasen_05.svg');
}


#extrabox {
z-index: 60;
}

#extrabox button{
border: 0;
border-radius: 3px !important;
}

#extrabox #extrabox_inner {
border-radius: 3px;
}

#extrabox #extrabox_close:is(:hover,:focus-visible) {
color: #ffffff;
}


#site_footer::before{
position: absolute;
content:"";
top: 0;
left: 0;
width: 100%;
height: 5px;
background: var(--thm-clr-std-sek) url('../custom/leiste-verlauf.svg') no-repeat center top;
background-size: 100% 100%;
}


#site_footer ul.navlist li a, 
#site_footer ul.navlist li a:link, 
#site_footer ul.navlist li a:visited {

}

#site_footer ul#nav_social li a {
border-radius: 3px;
}


#extrabox #extrabox_button {
background: var(--thm-clr-std-sek) url('../custom/extrabutton2.svg') no-repeat center center;
background-size: 38px auto;
border-radius: 50% !important;
border-top-right-radius: 0 !important;
}

#extrabox #extrabox_button::before {
content: "";

}




/**/
h2{
text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"], 
p.mehr a, p.mehr a:link, p.mehr a:visited, 
a p.mehr, 
ul.links a, ul.links a:link, ul.links a:visited {
/*text-transform: none !important;*/
/*padding: 0.578947368421053em 1em 0.631578947368421em 1em;*/
padding: 0.684210526315789em 1.5em;

font-weight: 700;
/*
font-size: 1em;
line-height: 1.263157894736842em;
*/
}





p.mehr a:is(:hover,:focus-visible){
/*
transform: rotate(3deg) scale(2.5);
box-shadow: 1em 2em 1.5em rgba(0,0,0,0.1);
*/

/*
box-shadow: 0.2em 0.5em 1em rgba(0,0,0,0.1);
*/
}

#content ul {
list-style-type: square;
}
#content ul li::marker {
color: var(--thm-clr-std-sek);
}

a, a:link, a:visited {
color: var(--thm-clr-std-pri);
	color: var(--thm-clr-std-ter);
}
a:is(:hover,:focus-visible) {
color: var(--thm-clr-ntr);
	color: var(--thm-clr-std-pri);
	color: #000000;
}


#hl_main {
color: var(--thm-clr-std-txt);

}


#content table em {
color: var(--thm-clr-std-sek);
}

.no-touch #breadcrumbs p > span a:hover, 
#breadcrumbs p > span a:focus-visible {
color: var(--thm-clr-std-ter);
}

#breadcrumbs p span:last-child a:hover,
#breadcrumbs p span:last-child a:focus-visible{
color: var(--thm-clr-ntr);
}

#menubutton{
border: 0;
/*
text-shadow: 0 0 5px rgba(0,0,0,0.5);
*/
background: var(--thm-clr-std-sek);
color: #FFFFFF;
}

#menubutton::before {
border-radius: 3px;
}

#nav1 ul.navlist > li > ul ,
#nav1 ul.navlist > li > ul > li > ul{
border-bottom-color: var(--thm-clr-std-pri);
}
/*
.no-touch #nav1 ul.navlist > li:hover > ul::after, #nav1 ul.navlist > li.opensub > ul::after {
border-top-color: var(--thm-clr-std-sek);
}
*/

#slideshow .slidebox .bild img {
object-position: 50% 20%;
}

#slideshow .slidebox .text::before {
border-radius: 3px;
}

#slideshow .slidebox .text h3{

}

#slideshow .slidebox .text::before {
opacity: 0.9;
}

#slideshow-buttons > :is(div, button) {
padding: 0;
}

#slideshow-seitenanzeige span.aktiv {
background-color: var(--thm-clr-std-sek);
}

.galerieliste>li>a>img{

}

#content > section.sc_special.variant2{
background-image: url('BG_Stoererflaeche.webp');
background-repeat: no-repeat;
background-position: center 45%;
background-size: max(100%, 800px);
}

.specialblock blockquote {
font-size: inherit;
line-height: var(--thm-fnt-bse-lht);
}

blockquote::before {
content: "”";
left: -0.05em;
top: 0;
color: var(--thm-clr-std-pri);
font-size: 7em;
line-height: 0.62em;
}

.specialblock :not(blockquote)>em {
color: var(--thm-clr-std-pri) !important;
font-weight: var(--thm-fnt-std-wbd);
text-transform: uppercase;
}

.specialblock blockquote>em {
color: #ffffff;
}

#content ul.kachelnliste > li{
	background-color: var(--thm-clr-std-sek);
	color: #FFFFFF;
}

#content ul.kachelnliste > li :not(.mehr) a{
	color: var(--thm-clr-std-pri);
}

#content ul.kachelnliste > li :not(.mehr) a:hover{
	color: var(--thm-clr-std-ter);
}

#content ul.kachelnliste > li .text :is(p,h3,h4,h5,h6,ul,ol,li){
	color: #FFFFFF;
}
#content ul.kachelnliste > li .text > p.mehr a, 
#content ul.kachelnliste > li .text > p.mehr a:link, 
#content ul.kachelnliste p.mehr a:visited {
	background-color: transparent !important;
	color: #FFFFFF !important;
	border-color: #FFFFFF !important;
}
#content ul.kachelnliste > li .text > p.mehr a:is(:hover,:focus-visible){
	background-color: #FFFFFF !important;
	color: var(--thm-clr-std-sek) !important;
	border-color: #FFFFFF !important;
}

#content ul.klickkachelnliste > li > :is(a, .a-subst) {
	background-color: var(--thm-clr-std-sek);
	color: #FFFFFF;
}

#content ul.klickkachelnliste > li > :is(a, .a-subst) :is(p,h3,h4,h5,h6,ul,ol,li){
	color: #FFFFFF;
}

#content ul.klickkachelnliste > li > a:is(:hover,:focus-visible) :is(p,h3,h4,h5,h6,ul,ol,li){
	color: #FFFFFF;
}

#content ul.klickkachelnliste > li > a:not(.vid_yt_ovl) > .text::before, 
#content ul.klickkachelnliste > li > a.vid_yt_ovl > .text:last-child::before {
	background-color: transparent;
	color: #FFFFFF;
	border-color: #FFFFFF;
}

#content ul.klickkachelnliste > li > a:not(.vid_yt_ovl):is(:hover,:focus-visible) > .text::before, 
#content ul.klickkachelnliste > li > a.vid_yt_ovl:is(:hover,:focus-visible) > .text:last-child::before {
	background-color: #FFFFFF;
	color: var(--thm-clr-std-sek) !important;
	border-color: #FFFFFF;
}

#content ul.klickkachelnliste2 > li > a:not(.vid_yt_ovl):is(:hover,:focus-visible) > .text::before, 
#content ul.klickkachelnliste2 > li > a.vid_yt_ovl:is(:hover,:focus-visible) > .text:last-child::before {
	background-color: #FFFFFF;
	color: var(--thm-clr-std-sek) !important;
	border-color: #FFFFFF;
}

.abschnitteblock div.abschnitt .text{
	background-color: var(--thm-clr-std-sek) !important;
	color: #FFFFFF;
}
.abschnitteblock div.abschnitt .text :is(p,h3,h4,h5,h6,ul,ol,li){
	background-color: var(--thm-clr-std-sek) !important;
	color: #FFFFFF;
}
#content div.abschnitt .text p.mehr a, 
#content div.abschnitt .text p.mehr a:link, 
#content div.abschnitt .text p.mehr a:visited {
	background-color: transparent;
	color: #FFFFFF;
	border-color: #FFFFFF;
}
#content div.abschnitt .text p.mehr a:is(:hover,:focus-visible){
	background-color: #FFFFFF;
	color: var(--thm-clr-std-sek) !important;
	border-color: #FFFFFF;
}

div.se_buttonsblock > div.buttons ul.buttonsliste > li > a::before{
  color: var(--thm-clr-std-sek) !important;
}

.no-touch div.se_buttonsblock > div.buttons ul.buttonsliste > li > a:hover::before, 
div.se_buttonsblock > div.buttons ul.buttonsliste > li > a:focus-visible::before {
	color: #FFFFFF !important;
	background-color: var(--thm-clr-std-sek) !important;
	border-color: var(--thm-clr-std-sek) !important;
}

.consent_manager-buttons button{
	border-width: 1px;
}


/* Elemente mit abgerundeter Ecke rechts unten */
.stoererblock,
#content ul.kachelnliste > li,
#content ul.klickkachelnliste > li > a, 
#content ul.klickkachelnliste > li > .a-subst,
#content ul.klickkachelnliste2 > li > a, 
#content ul.klickkachelnliste2 > li > .a-subst,
section.sc_bildvid .bild img,
.abschnitteblock:not(.altern) div.abschnitt:nth-child(odd) .text,
.abschnitteblock.altern div.abschnitt:nth-child(even) .text {
border-bottom-right-radius: var(--thm-brd-rad-big);
}
.abschnitteblock:not(.altern) div.abschnitt:nth-child(even) .text,
.abschnitteblock.altern div.abschnitt:nth-child(odd) .text {
border-bottom-left-radius: var(--thm-brd-rad-big);
}

/*
.abschnitteblock:not(.altern) div.abschnitt:nth-child(odd) .text p.mehr>a,
.abschnitteblock.altern div.abschnitt:nth-child(even) .text p.mehr>a{
border-bottom-right-radius: 2.5em;
}
*/

/*
.abschnitteblock:not(.altern) div.abschnitt:nth-child(even) .text p.mehr>a,
.abschnitteblock.altern div.abschnitt:nth-child(odd) .text p.mehr>a{
border-bottom-left-radius: 2.5em;
}
*/

#content ul.klickkachelnliste > li > a > .text::before,
#content ul.klickkachelnliste2 > li > a > .text::before {
right: initial !important;
}



#content .logoblock > ul > li {
background: #ffffff;
}


.job_datum_ab,
.job_datum_bis{
position: absolute;
left: -99999px;
}



.stoererblock{
background-image: url('BG_Stoererbox.webp');
background-repeat: no-repeat;
background-position: center 45%;
background-size: cover;
/*background-size: max(cover, 800px);*/
}

.stoererblock :is(p,h3,h4,h5,h6,ul,ol,li){
color: var(--thm-clr-sto);
}

.stoererblock p:not(.mehr) :is(a, a:link, a:visited){
color: var(--thm-clr-std-pri);
}
.stoererblock p:not(.mehr) :is(a:hover, a:focus-visible){
color: var(--thm-clr-std-ter);
}

#content .auflistungblock ul.ab_gruppenliste h3 {
background-color: var(--thm-clr-std-sek);
color: #FFFFFF;
}

section.sc_subnavliste ul.klickkachelnliste li .text{
	min-height: 6.5em;
}


@media (min-width: 700.1px) {

	.slim2 .stoererblock {
	padding: 0;
	position: relative;
	overflow: hidden;

	align-items: stretch;

	margin: 0 1.19047619047619% !important;
	margin: 0 var(--thm-mrg-ctb-std) !important;
	}

	.slim2 .stoererblock > .bild {
	border-radius: 0;
	margin: 0;
	width: 26.388888888888889%;
	width: 23.170731707317073%;
	min-width: 250px;
	flex-shrink: 0;
	}

	.slim2 .stoererblock > .bild img{
	border-radius: 0;
	height: 100%;
	object-fit: cover;
	object-position: 50% 20%;
	}

	.slim2 .stoererblock > .text {
	margin: 2.439024390243902%;
	}

	.slim2 .stoererblock > .bild + .text {
	width: auto;
	}
	
}



.stoererblock p.mehr>a{
color: var(--thm-clr-std-btn-hov);;
background-color: transparent;
border-color: var(--thm-clr-std-btn-hov);
}
.stoererblock p.mehr>a:is(:hover,:focus-visible){
background-color: var(--thm-clr-std-btn-hov);
color: var(--thm-clr-std-btn);
border-color: var(--thm-clr-std-btn-hov);
}

#content ul.klickkachelnliste > li > a > .text::before {
color: var(--thm-clr-std-sek);
}

.no-touch #content ul.klickkachelnliste > li > a:is(:hover,:focus-visible) > .text::before, 
#content ul.klickkachelnliste > li > a:focus > .text::before {
color: var(--thm-clr-std-ter);
}

.no-touch #content ul.galerieliste li > a:is(:hover,:focus-visible), 
#content ul.galerieliste li > a:focus {
background-color: var(--thm-clr-std-pri);
}

div.expandlist > ul > li > h3 {
text-transform: none;
border-bottom-right-radius: 1.4em;

color: #FFFFFF;
background-color: var(--thm-clr-std-sek);
}

.no-touch div.expandlist > ul > li > h3:is(:hover,:focus-visible) {
color: var(--thm-clr-std-sek);
background-color: #ffffff;
}
div.expandlist > ul > li.aktiv > h3 {
color: var(--thm-clr-std-sek);
background-color: #ffffff;
}

.bildstreifen_position div.bar span.current {
background-color: var(--thm-clr-std-sek);
}


/*
.k_form input, .k_form select, .k_form textarea {
border-radius: 3px;
}
*/

.k_form input, .k_form select, .k_form textarea {
padding-left: 1em;
padding-right: 1em;
}
.k_form select {
background-position: 96% center;
}

.no-touch ul#suchergebnisliste li a:is(:hover,:focus-visible) h3, ul#suchergebnisliste li a:focus h3 {
color: var(--thm-clr-std-ter);
}

#content > section.sc_vidlokal{
background: var(--thm-clr-std-sek);
color: #FFFFFF;
}

#content > section.sc_vidlokal::after {
content:"";
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
width: 50%;
pointer-events: none;

background: linear-gradient(to left, rgba(24, 46, 78, 100%) 0%, rgba(24, 46, 78, 100%) 40%, rgba(24, 46, 78, 0%) 100%);
mix-blend-mode: multiply;
opacity: 0.8;
}

#content > section.sc_vidlokal > .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: flex-end;
box-sizing: border-box;
pointer-events: none;
}

#content > section.sc_vidlokal > div :is(img) {
object-fit: cover;
object-position: 33% 10%;
}

#content > section.sc_vidlokal > .inner > .text {
position: relative;
z-index: 10;
width: 33%;
min-width: 520px;
margin: 20px;
margin-top: 12.5%;
font-size: 5em;
line-height: 1.05em;
color: #fff;
text-align: left;
text-shadow: 0 0 0.5em #000;
}

/* Kreis-Overlay über Bildmotiv */
html.vidlokal_first #content > section.sc_vidlokal > div .bild::after {
	content: "";
	position:absolute;
	z-index: 15;

	/*
	top: 15%;
	left: 30%;
	width: clamp(450px, 40vmax, 670px);
	aspect-ratio: 1;

	border: 3px solid rgba(255,255,255,0.3);
	border-radius: 50%;
	border-top-left-radius: 3px;
*/



/**/
	background: url('intro-dekorahmen-full.svg') no-repeat center center;
	background-size: cover;
	background-position: 33% 10%;
	opacity: 0.3;


	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;

}


/* Home Header und Navi Mod. */

html.vidlokal_first #b_home #site_header{
	overflow: visible;
}
html.vidlokal_first #b_home #site_header > .inner{
	overflow: visible;
}

html.vidlokal_first:not(.logo_nav_collision) #b_home #site_header > .inner > a{
/*
transform-origin: left top;
transform: scale(1.25);
*/
--thm-wdt-lgo-dkt: 200px;
}


html.vidlokal_first #b_home #site_header {
    background: transparent;
    position: absolute;
    width: 100%;
    box-shadow: none;
}

html.vidlokal_first #b_home #site_header a img{
/*
    opacity: 0;
	*/
}

html.vidlokal_first #b_home #content > section.sc_vidlokal::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 40%;
    min-height: 320px;
    z-index: 10;
    opacity: 0.7;
    mix-blend-mode: multiply;
    background: linear-gradient(to bottom, rgba(24, 46, 78, 100%) 0%, rgba(24, 46, 78, 100%) 35%, rgba(24, 46, 78, 0%) 100%);
}




@media (min-width: 1100px) {



	html.logo_nav_collision #site_header a
   /* html.logo_nav_collision.vidlokal_first #b_home #site_header > .inner > a:before*/{
     
	transform-origin: left top;
    transform: scale(0.75);
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	/*padding: 6px 16px !important;*/
    }

	#nav1 ul.navlist > li > ul,
	#nav1 ul.navlist > li > ul ul,
	#nav1 ul.navlist > li > ul li:first-child > a,
	#nav1 ul.navlist > li > ul li:last-child > a{
	border-radius: 3px;
	}

	#nav1 ul.navlist>li.aktiv > a, 
	#nav1 ul.navlist>li.aktiv > a:link, 
	#nav1 ul.navlist>li.aktiv > a:visited{
	color: #FFFFFF;
	}

	.no-touch #nav1 ul.navlist > li:is(:hover,:focus-within) > ul::after, 
	#nav1 ul.navlist > li.opensub > ul::after {
	border-top-color: var(--thm-clr-std-pri);
	filter: drop-shadow(0 6px 3px rgba(0,0,0,0.1));
	}



    /* Home Header und Navi Mod. */
	html.vidlokal_first #b_home #nav1 ul.navlist > li > a, 
	html.vidlokal_first #b_home #nav1 ul.navlist > li > a:link, 
	html.vidlokal_first #b_home #nav1 ul.navlist > li > a:visited {
	color: #ffffff;
	/*text-shadow: 0 0 1em var(--thm-clr-std-sek);*/
    text-shadow: 1px 2px 1px var(--thm-clr-std-sek), 0 0 1em var(--thm-clr-std-sek);
	}
	html.vidlokal_first #b_home #nav1 ul.navlng li a, 
	html.vidlokal_first #b_home #nav1 ul.navlng li a:link, 
	html.vidlokal_first #b_home #nav1 ul.navlng li a:visited {
	color: var(--thm-clr-std-ter);
	text-shadow: 0 0 1em var(--thm-clr-std-sek);
	}
	html.vidlokal_first #b_home #nav1 ul.navlng li.aktiv a, 
	html.vidlokal_first #b_home #nav1 ul.navlng li.aktiv a:link, 
	html.vidlokal_first #b_home #nav1 ul.navlng li.aktiv a:visited {
	color: #ffffff;
	}
	html.vidlokal_first #b_home #nav1 ul.navlng li a::before {
	border-right-color: #ffffff;
	}

	html.logo_nav_collision #site_header a img,
    html.logo_nav_collision.vidlokal_first #b_home #site_header > .inner > a:before{
    /*
		transform-origin: left -220px;
        transform: scale(0.75);
*/
    }


}


@media (min-width: 801px) {

	#suchform input{

	}

}



@media (min-width: 801px) and (max-width: 1099px) {

	html.vidlokal_first body#b_home #suchform input{
	border-color: transparent !important;
	color: var(--thm-clr-std-sek);
	}

	html.vidlokal_first body#b_home #suchform ::placeholder {
	color: var(--thm-clr-std-sek);
	}

	html.vidlokal_first body#b_home #suchform button {
		width: 50px;
		color: var(--thm-clr-std-sek);
	}

	html.vidlokal_first body#b_home #suchform button:is(:hover,:focus-visible) {
		color: var(--thm-clr-std-pri);
	}

}



@media (max-width: 1099px) {


	html.vidlokal_first #b_home #nav1.open{
	margin-top: 100px;
	}

	#site_header > .inner > a, 
	#site_header > .inner > a:link, 
	#site_header > .inner > a:visited {
	padding: 14px 10px 10px 10px;
	}

	#site_header::after,
	#wrapper::after{
	height: 7px;
	}

	#suche {
	padding-top: 31px;
	}

	#nav1 ul.navlist>li.aktiv > a, 
	#nav1 ul.navlist>li.aktiv > a:link, 
	#nav1 ul.navlist>li.aktiv > a:visited{
	color: var(--thm-clr-std-sek);
	}

    #nav1.open > .inner {
        border-bottom-color: var(--thm-clr-std-ter);
    }


/*
    html.vidlokal_first body#b_home:has(#nav1) #site_header > .inner > a::before {
        opacity: 1;
        transition: 0.2s;
    }

    html.vidlokal_first body#b_home:has(#nav1) #site_header > .inner > a > img {
        opacity: 0;
        transition: 0.2s;
    }

    html.vidlokal_first body#b_home:has(#nav1.open) #site_header > .inner > a::before {
        opacity: 0;
    }

    html.vidlokal_first body#b_home:has(#nav1.open) #site_header > .inner > a > img {
        opacity: 1;
    }

*/

/*
    html.vidlokal_first #b_home #nav1{
        top: 100px;
    }
*/

	#breadcrumbs{
	top: var(--thm-hgt-hdr-tbl);
	}


	html.vidlokal_first #b_home #content > section.sc_vidlokal::before {
		opacity: 0.5;
	}

	#content > section.sc_vidlokal::after {
	top: auto;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 40%;
	background: linear-gradient(to top, rgba(24, 46, 78, 100%) 0%, rgba(24, 46, 78, 100%) 40%, rgba(24, 46, 78, 0%) 100%);
	}

	#content > section.sc_vidlokal > .inner {
	align-items: flex-end;
	justify-content: flex-start;
	}

	#content > section.sc_vidlokal > .inner > .text {
	position: relative;
	z-index: 10;
	width: auto;
	min-width: 0;
	font-size: min(13vw, 5em);
	line-height: 1.05em;

	}




}

@media (max-width: 900px) {

	div.abschnitt{
		display: flex;
		flex-direction: column-reverse !important;
	}

	div.abschnitt .text{
		margin-bottom: 1em;
	}

	div.abschnitt .text:has(+.bild){
		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	div.abschnitt .text+.bild{
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	div.abschnitt .bild{
		
	}

}


@media (max-width: 800px) {

	#suche {
	padding-top: 0px;
	}

	#nav1.open ul.navlng + #suche {
	padding-top: 25px;
	margin-bottom: -15px;
	}

	#suchform input {
	border-color: transparent !important;
	background-color: var(--thm-clr-std-sek);
	background-color: #777777;
	color: #FFFFFF;
	}



}

@media (max-width: 700px) {

	.stoererblock > .bild {
	min-width: 150px;
	margin: 0 0 4px 1em;
	}
/**/
	:root {
		--thm-brd-rad-big: 3.5em;
	}

	
}

@media (max-width: 550px) {

	#content ul.links, 
	#content ul.links.compact {
	display: flex;
	flex-direction: column;
	gap: 1em;
	}

	
}

@media (max-width: 500px) {


	#breadcrumbs{
	top: var(--thm-hgt-hdr-smp);
	}

	html.vidlokal_first #b_home #nav1.open{
	margin-top: 80px;
	}

/*
	#site_header{
	background-size: 100% 5px;
	}
	*/
	
	#site_header::after,
	#wrapper::after{
	height: 5px;
	}

	#site_header > .inner > a, 
	#site_header > .inner > a:link, 
	#site_header > .inner > a:visited {
	padding: 6px 5px 5px 5px;
	}


/*
	.stoererblock > .text {
	margin: 7.692307692307692%;
	}
*/
}

@media (max-width: 450px) {

	.stoererblock{
	overflow: hidden;
	}

	.stoererblock > .bild {
	margin: var(--thm-fnt-bse-lht) -15px -15px -15px;
	}

}

/* 2026-01-22 */





/* Tests */


/*
section.variant1{
	mix-blend-mode: multiply;
}
*/

/*
section{
transition: 0.5s 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);
transition-property: transform, opacity;
transform-origin: center bottom;
}
section:not(.vp){
transform: scale(0.3) skew(30deg, -10deg);
opacity: 0.0;
}
section.vp,section:first-child{
transform: scale(1) skew(0deg, 0deg);
opacity: 1;
transform-origin: 50% 110%;
}
*/