@charset "UTF-8";
/* CSS Document */

/* Eric Meyer Reset CSS 2.0 / http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/***************************/

/* ubuntu-300 - latin-ext_latin */
/*@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: local('Ubuntu Light'), local('Ubuntu-Light'),
       url('../fonts/ubuntu-v14-latin-ext_latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+
       url('../fonts/ubuntu-v14-latin-ext_latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
*/
/* ubuntu-regular - latin-ext_latin */
/*
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
       url('../fonts/ubuntu-v14-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+
       url('../fonts/ubuntu-v14-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
*/
/* ubuntu-700 - latin-ext_latin */
/*
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
       url('../fonts/ubuntu-v14-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+
       url('../fonts/ubuntu-v14-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+
}
*/

/* open-sans-300 - latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local(''),
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local(''),
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-500 - latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: local(''),
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-600 - latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local(''),
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local(''),
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-800 - latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800;
	src: local(''),
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('../fonts/open-sans-v29-latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-800.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/***************************/

html {
-webkit-text-size-adjust: 100%;
}

body { 
font-size: 118.75%; /* 19px */
font-size: var(--thm-fnt-bse-siz);
line-height: 1.578947368421053em; /* 30px */
line-height: var(--thm-fnt-bse-lht);
font-family: Arial, Helvetica, sans-serif;
font-family: var(--thm-fnt-std);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
color: #000000;
color: var(--thm-clr-std-txt);
background: #ffffff;
overflow-y: scroll;
overflow-x: hidden;
}

input, select, option, button, textarea{
font-family: Arial, Helvetica, Open-Sans; /*sans-serif*/
font-family: var(--thm-fnt-std);
}

h1,h2,h3,h4,h5,h6{
font-family: var(--thm-fnt-hls);
margin: 0 0 1em 0;
font-weight: 700;
font-weight: var(--thm-fnt-hls-wbd);
color: #000000;
color: var(--thm-clr-std-hls);
}

p,ul,ol,label,address {
margin: 0 0 1.578947368421053em 0;
margin-bottom: var(--thm-fnt-bse-lht);
}

a,
a:link,
a:visited{
text-decoration: none;
color: #F75601;
color: var(--thm-clr-std-pri);
font-weight: 700;
font-weight: var(--thm-fnt-std-wbd);
}

a:hover{
text-decoration: none;
color: #670431;
color: var(--thm-clr-std-sek);
}

address {
font-style:normal;
font-size: inherit;
text-indent: 0;
}

h1{font-size: 236.8421052631579%; line-height: 1.2em; font-weight: 400;  font-weight: var(--thm-fnt-hls-wrg); margin-bottom: 0.66em;}
h2{font-size: 157.8947368421053%; line-height: 1.2em; font-weight: 400; font-weight: var(--thm-fnt-hls-wrg); margin-bottom: 0.5em; text-transform: uppercase;}
h3{font-size: 115.7894736842105%; line-height: 1.4em; margin-bottom: 1em; margin-top: 2em; text-transform: uppercase; font-weight: 700; font-weight: var(--thm-fnt-hls-wbd);}
/*h3{font-size: 131.5789473684211%; line-height: 1.2em; margin-bottom: 1em; margin-top: 2em; font-weight: 700; font-weight: var(--thm-fnt-hls-wbd);}*/
h3:first-child{margin-top: 0;}
h4{font-size: 100%; line-height: 1.578947368421053em; line-height: var(--thm-fnt-bse-lht);font-weight: 700; font-weight: var(--thm-fnt-hls-wbd); margin-bottom: 0.789473684210526em; margin-top: 0.789473684210526em; color: #000000;color: var(--thm-clr-std-txt);}
h4:first-child{margin-top: 0;}
h5{font-size: 100%; font-weight: 700; font-weight: var(--thm-fnt-hls-wbd); text-transform: uppercase; margin-bottom: 1.578947368421053em; margin-bottom: var(--thm-fnt-bse-lht); margin-top: 2.947368421052632em;}
h5:first-child{margin-top: 0;}
h6{font-size: 100%; margin-bottom: 0;}
p{font-size: 100%;}

strong {
font-weight: 700; 
font-weight: var(--thm-fnt-std-wbd);
}

em{
font-style: italic;
}

small {      
font-size: 0.789473684210526em;
}


sup {
display: inline-block;
font-size: 0.6842105263157895em;
line-height: 1em;
padding-top: 0.3em;
vertical-align: top;
}

sub {
display: inline-block;
font-size: 0.6842105263157895em;
line-height: 1em;
padding-bottom: 0.0em;
vertical-align: bottom;
}

hr{
height: 0;
padding: 0;
border: 0;
border-bottom: 1px solid #747474;
border-bottom-color: var(--thm-clr-ntr);
margin: 3em 0;
}

.txrev {
unicode-bidi: bidi-override;
direction: rtl;
}

.offscreen{
position: absolute;
left: -99999px;
}

.tab{
float:left;
display: inline;
width: 3.5em;
}

:focus{
outline: 2px dotted #747474;
outline-offset: 2px;
outline-color: var(--thm-clr-std-fol);
}

.outlOff:focus {
	outline: none !important;
}

form ::-webkit-input-placeholder {
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.75;
}
form :-moz-placeholder { /* Firefox 18- */
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.75;
}
form ::-moz-placeholder {  /* Firefox 19+ */
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.75;
}
form :-ms-input-placeholder {  
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.75;
}

form select[value=""],
form select option[value=""]{
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: none;
appearance: none;
padding: 0;
border: none;
border-radius: 0;
outline: none;
font: inherit;
color: inherit;
background: none;
cursor: pointer;
}

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{
color: #ffffff;
color: var(--thm-clr-std-btn);
text-transform: uppercase;
text-decoration: none;
background: #F75601;
background-color: var(--thm-clr-std-btn-bgr);
display: inline-block;
padding: 0.65625em 1.2em 0.65625em 1.2em;
padding: 0.8125em 1.2em 0.8125em 1.2em;

font-size: 0.842105263157895em;
line-height: 1.5em;
/*line-height: 1em;*/

font-weight: 700;
font-weight: var(--thm-fnt-std-wbd);

position: relative;

border: 0 solid #670431;
border: var(--thm-btn-brd-thk) solid var(--thm-clr-std-btn-brd);

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

box-sizing: border-box;

}

button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover,
p.mehr a:hover,
a:hover p.mehr,
ul.links a:hover{
color: #ffffff;
color: var(--thm-clr-std-btn-hov);
background-color: #670431;
background-color: var(--thm-clr-std-btn-bgr-hov);

border-color: var(--thm-clr-std-btn-bhi);
transition: 0.2s;
}

p.mehr a span.zusatz,
a p.mehr span.zusatz{
color: inherit;
border-left: 1px solid;
padding-left: 0.5em;
margin-left: 0.5em;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
white-space: nowrap;
}

blockquote{
display: block;
padding-left: 3.0em;
position: relative;
}

blockquote::before{
content:"  ";
content: "”";
width: 1em;
height: 1em;
position: absolute;
left: 0;
top: 0;

color: #670431;
color: var(--thm-clr-std-sek);
font-size: 4em;
line-height: 0.82em;
font-weight: 700;
font-weight: var(--thm-fnt-std-wbd);
}

.bild{

}

.bild img{
display: block;
width: 100%;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
}

/***************************/

p.browseralt{
width: auto;
background: #aa0000;
color: #fff;
padding: 10px;
margin-top: 0px;
margin-bottom: 0px;

border-top: 2px solid #fff;
border-bottom: 2px solid #fff;

text-align: center;
}

p.browseralt a{
color: #fff !important;
text-decoration: underline !important;
}

#wrapper{
position: relative;
padding: 0;
margin: 0 auto;
width: 100%;
overflow: hidden;
background: #ffffff;
background-color: var(--thm-clr-std-bgr);
}

div.abdecker{
position: fixed;
top: 0px;

left: 0;
width: 100%;
bottom: 100%;

z-index: 45;
background: rgba(0,0,0,1);
background: var(--thm-clr-abd-bgr);
display: block;
opacity: 0;
/*
transition: opacity 0.5s;
*/
transition: opacity 0.3s, bottom 0s 0.3s;
}

#site_header{
/*overflow: hidden;*/
padding: 0px 0 0 0;
background: #FFFFFF;
background-color: var(--thm-clr-hdr-bgr);
color: #000000;
color: var(--thm-clr-hdr-txt);
position: relative;
z-index: 50;
/*
position: fixed;
top: 0;
left: 0;
width: 100%;
*/
box-shadow: 0 4px 10px rgba(0,0,0,0.25);
}

#site_header div.inner{
width: 1680px;  
width: auto;
max-width: 1680px;

height: 180px;
position: relative;
margin: 0 auto;

overflow: hidden;
box-sizing: border-box;

/*padding-bottom: 40px;*/
}

#site_header a,
#site_header a:link,
#site_header a:visited{
padding: 0;
margin: 0 1.19047619047619%;
margin-top: 30px;
margin-top: var(--thm-mtp-lgo-dkt);
height: auto;
height: var(--thm-hgt-lgo-dkt);
width: 520px;
width: var(--thm-wdt-lgo-dkt);

float: left;
display: inline;
/*overflow: hidden;*/
text-decoration: none;
font-weight: 700;
font-weight: var(--thm-fnt-std-wbd);
position: relative;
}
#site_header a:hover{
/*background: none !important;*/
}

#site_header a span{
position: absolute;
left: -99999px;
}

#site_header img#logo{
display: block;
width: 100%;
/*
height: 100%;
object-fit: contain;
object-position: left center;
*/
}

#site_header img#logo_print{
display: none;
}

#menubutton{
display: none;
}

/* Desktop-Navi */
@media (min-width: 1100px) {

		#nav1{
		position: absolute;
		margin: 0;
		padding: 0 0 0px 0;
		height: 1px;
		z-index: 60;
		top: 0;
		left: 0;
		width: 100%;

		/*
		position: fixed;
		*/
		/*
		margin-top: -74px;
		*/

		}

		#nav1>.inner{
		width: 1680px;  
		width: auto;
		max-width: 1680px;
		height: auto;
		padding: 0px 0 0 0;
		margin: 0 auto;
		position: relative;
		}

		#nav1 ul.navlist{
		position: relative;
		list-style: none;	
		padding: 0px 0 0 0;
		margin: 0 1.19047619047619%;
		
		margin-right: calc( 1.19047619047619% - 0.75em );
		float: right;

		font-size: 1.052631578947368em;
		line-height: 1.2em;

		display: flex;
		margin-top: calc(240px - 124px);
		}

		#nav1 ul#nav_pre {
			text-transform: uppercase;
			margin: 0 2%;
			margin-top: 0px;
			margin-right: 2%;
			margin-top: 0px;
			margin-right: 300px;
			position: absolute;
			top: 26px;
			left: unset;
			right: 0;
			height: 2px;
			text-shadow: none;
		}

		#nav1 ul#nav_pre>li>ul {
			margin-top: 45px;
		}

		#nav1 ul.navlist>li{
		padding-left: 1.5em;
		
		padding-left: 0.75em;
		padding-right: 0.75em;
		position: relative;
		}

		.no-touch #nav1 ul.navlist>li:hover,
		.no-touch #nav1 ul.navlist>li:focus,
		.touch #nav1 ul.navlist>li.opensub{
			padding-bottom: 30px;
		}

		#nav1 ul.navlist>li#n_home{
		/*
		display: none;
		*/
		padding-left: 0;
		}

		#nav1 ul.navlist>li#n_home+li a{
		/*
		padding-left: 0;
		*/
		}


		#nav1 ul.navlist>li span.mbutton{
		display: none;
		}

		#nav1 ul.navlist li.fnav{
		display: none;
		}

		#nav1 ul.navlist li a,
		#nav1 ul.navlist li a:link,
		#nav1 ul.navlist li a:visited{
		display: block;
		font-size: 1em;
		line-height: 2em;
		color: #000000;
		color: var(--thm-clr-nv1-anc);
		background: none;
		padding: 4px 0px;
		text-decoration: none;
		position: relative;
		white-space: nowrap;
		}

		/* nur Links 1. Ebene */
		#nav1 ul.navlist>li>a,
		#nav1 ul.navlist>li>a:link,
		#nav1 ul.navlist>li>a:visited{
		padding: 0.5em 0px 0em 0;
		text-transform: uppercase;
		font-weight: 400;
		font-weight: var(--thm-fnt-std-wrg);
		color: #000000;
		color: var(--thm-clr-nv1_1-anc);
		height: 100%;
		}

		#nav1 ul.navlist>li>a:hover::before, 
		#nav1 ul.navlist>li>.a-subst:hover::before {
		content: "";
		position: absolute;
		background: rgba(0,0,0,0.0);
		left: -0.75em;
		right: -0.75em;
		top: 0px;
		bottom: 0px;
		}

		#nav1 ul.navlist li.aktiv>a,
		#nav1 ul.navlist li.aktiv>a:link,
		#nav1 ul.navlist li.aktiv>a:visited,
		.no-touch #nav1 ul.navlist li.aktiv>a:hover{
		color: #F75601;
		color: var(--thm-clr-nv1_1-anc-hil);		
		}

		#nav1 ul.navlist>li.aktiv>a::after{
		content: "";
		position: absolute;
		width: 100%;
		left: 0;
		top: 0;
		height: 3px;
		background: #F75601;
		background-color: var(--thm-clr-nv1_1-anc-hil);
		border-radius: 3px;
		border-radius:  var(--thm-brd-rad-std);
		margin-top: 0.2em;
		}

		.no-touch #nav1 ul.navlist li a:hover,
		.no-touch #nav1 ul.navlist li a:focus{
		outline: 0;
		color: #F75601;
		color: var(--thm-clr-nv1_1-anc-hil);
		}
		.no-touch #nav1 ul.navlist>li:hover>a,
		.no-touch #nav1 ul.navlist>li>a:focus,
		.touch #nav1 ul.navlist>li.opensub>a{
		outline: 0;
		padding-bottom: 1.2em;
		}

		#nav1 ul.navlist>li>ul{
		display: none;
		padding: 0px 0 0em 0;
		margin: 0 0 0 -20px;
		position: absolute;
		/*top: 3.7em;*/
		top: 100%;
		z-index: 60;
		background:#FFFFFF;
		background-color: var(--thm-clr-nv1-bgr);
		border-bottom: 3px solid #F75601;
		border-bottom-color: var(--thm-clr-nv1-anc-hil);
		border-radius: 3px;
		border-radius: var(--thm-brd-rad-std);
		/*
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		*/
		box-shadow: 0 15px 15px rgba(0,0,0,0.2);

		}

		#nav1 ul.navlist>li.altern>ul{
		right: 0;
		left: auto;
		margin: 0 -20px 0 0;
		
		margin: 0;
		}

		.no-touch #nav1 ul.navlist>li:hover>ul,
		.no-touch #nav1 ul.navlist>li>a:focus+ul,
		#nav1 ul.navlist>li.opensub>ul{
		display: block;
		}
		.no-touch #nav1 ul.navlist>li:hover>a{

		}

		.no-touch #nav1 ul.navlist>li:hover>ul::after,
		#nav1 ul.navlist>li.opensub>ul::after{
		content: "";
		position: absolute;
		top: -30px;
		left: 20px;
		width: 0px;
		height: 0px;

		border: 15px solid transparent;
		border-top-color: #F75601;
		border-top-color: var(--thm-clr-nv1-anc-hil);
		border-top-width: 15px;

		filter: drop-shadow(0 3px 3px rgba(0,0,0,0.3));
		}

		.no-touch #nav1 ul.navlist>li.altern:hover>ul::after,
		#nav1 ul.navlist>li.opensub.altern>ul::after{
		left: auto;
		right: 20px;
		}


		#nav1 ul.navlist>li>ul li.aktiv>a,
		#nav1 ul.navlist>li>ul li.aktiv>a:link,
		#nav1 ul.navlist>li>ul li.aktiv>a:visited,
		.no-touch #nav1 ul.navlist>li>ul li.aktiv>a:hover{
		font-weight: 700;
		font-weight: var(--thm-fnt-std-wbd);
		}

		#nav1 ul.navlist>li>ul>li{
		font-size: 0.95em;
		line-height: 2em;
		}

		#nav1 ul.navlist>li>ul li{
		float: none;
		display: block;

		padding: 0 0;

		position: relative;

		}

		#nav1 ul.navlist>li>ul>li:first-child,
		#nav1 ul.navlist>li>ul>li:first-child>ul>li:first-child{
		}

		#nav1 ul.navlist>li>ul.altern li{
		}

		#nav1 ul.navlist>li>ul li a,
		#nav1 ul.navlist>li>ul li a:link,
		#nav1 ul.navlist>li>ul li a:visited{
		display: block;
		padding: 0.8em 50px 0.8em 25px;
		min-width: 225px;

		font-weight: 400;
		font-weight: var(--thm-fnt-std-wrg);

		border-top: 1px solid rgba(0,0,0,0.2);
		border-top-color: var(--thm-clr-nv1-trn);
		}
		#nav1 ul.navlist>li>ul li:first-child>a{
		border-top: 0;
		
		border-top-left-radius: 3px;
		border-top-left-radius: var(--thm-brd-rad-std);
		border-top-right-radius: 3px;
		border-top-right-radius: var(--thm-brd-rad-std);
		}
		#nav1 ul.navlist>li>ul li:last-child>a{
		border-bottom-left-radius: 3px;
		border-bottom-left-radius: var(--thm-brd-rad-std);
		border-bottom-right-radius: 3px;
		border-bottom-right-radius: var(--thm-brd-rad-std);
		}
		#nav1 ul.navlist>li>ul>li:first-child>a/*,
		#nav1 ul.navlist>li>ul>li:first-child>ul>li:first-child>a*/{
		}

		#nav1 ul.navlist>li>ul li a.has_menu::after{

		max-width: 50px;
		height: 2em;
		position: absolute;
		top: 0em;
		right: 0;
		color: #747474 !important;
		color: var(--thm-clr-ntr) !important;
		
		/*Feather*/
		content: "\e912";
		transition: 0.05s !important;
		}

		#nav1 ul.navlist>li>ul>li:first-child>a.has_menu::after{

		}

		.no-touch #nav1 ul.navlist>li>ul li a:hover{
		color: #000000;
		color: var(--thm-clr-nv1-anc);
		background: #F75601;
		background-color: var(--thm-clr-nv1-anc-hil);
		
		background: rgba(247,86,1,0.2);
		background-color: var(--thm-clr-nv1-anc-bgr-hil);
		}

		#nav1 ul.navlist>li>ul li.aktiv>a,
		#nav1 ul.navlist>li>ul li.aktiv>a:link,
		#nav1 ul.navlist>li>ul li.aktiv>a:visited,
		.no-touch #nav1 ul.navlist>li>ul li.aktiv>a:hover{

		}

		.no-touch #nav1 ul.navlist>li>ul li:hover>a.has_menu:after/*,
		#nav1 ul.navlist>li>ul li.aktiv>a.has_menu:after*/{

		}


		#nav1 ul.navlist>li>ul ul{
		display: none;
		position: absolute;
		left: 100%;
		top: 1px;

		padding: 0px ;
		margin: 0 1px;
		z-index: -1;

		background:#FFFFFF;
		background-color: var(--thm-clr-nv1-bgr);

		border-bottom: 3px solid #F75601;
		border-bottom-color: var(--thm-clr-nv1-anc-hil);
		
		box-shadow: 0 15px 15px rgba(0,0,0,0.2);

		border-radius: 3px;
		border-radius: var(--thm-brd-rad-std);
		/*
		border-top-left-radius: 0;
		*/
		}
		#nav1 ul.navlist>li>ul>li:first-child ul{
		top: 0px;
		}

		.no-touch #nav1 ul.navlist>li>ul ul::before{
		position: absolute;
		content:"";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: -10px;
		background: transparent;
		z-index: auto;
		}

		.no-touch #nav1 ul.navlist>li>ul>li:hover>ul,
		#nav1 ul.navlist>li>ul>li.opensub>ul{
		display: block;
		}

		#nav1 ul.navlist>li>ul li ul li a,
		#nav1 ul.navlist>li>ul li ul li a:link,
		#nav1 ul.navlist>li>ul li ul li a:visited{
		white-space: nowrap;
		font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
		text-transform: none;
		padding-right: 25px;
		min-width: 250px;
		}

		#nav1 ul.navlist>li>ul li:not(:first-child) ul li:first-child a{
		/*margin-top: 1px;*/
		}

		.no-touch #nav1 ul.navlist>li>ul li ul li a:hover,
		.no-touch #nav1 ul.navlist>li>ul li ul li.aktiv>a:hover{

		}

		#nav1 ul.navlist>li>ul.altern li ul{
		left: auto;
		right: 100%;
		}

		#nav1 ul.navlist>li>ul.altern li ul li a,
		#nav1 ul.navlist>li>ul.altern li ul li a:link,
		#nav1 ul.navlist>li>ul.altern li ul li a:visited{

		}

		/*#nav1 ul.navlist>li.altern>ul li a.has_menu:after,*/
		#nav1 ul.navlist>li>ul.altern li a:hover.has_menu:after{
		
		/*Feather*/
		/*
		content: "\e910";
		*/
		transform: rotate(180deg);
		transition: 0.1s !important;
		}



		#nav1:hover ~ .abdecker{
		opacity: 0.5;
		opacity: var(--thm-clr-abd-opc);
		transition: bottom 0s, opacity 0.3s;
		bottom: 0;
		}

}
/* Ende Desktop-Navi */

	#extrabox.open ~ .abdecker{
	opacity: 0.5;
	opacity: var(--thm-clr-abd-opc);
	transition: bottom 0s, opacity 0.3s;
	bottom: 0;
	}

	#extrabox.open ~ .abdecker,
	#extrabox:hover ~ .abdecker{
	z-index: 35;
	}

#suche{
width: 240px;
width: 14.285714285714286%;
padding: 36px 0px 0 0px;
margin: 0 1.19047619047619% 0 0px;

/**/

margin-top: 0;
position: absolute;
top: 0;
right: 0;

}

#suchform{
display: block;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
overflow: hidden;
position: relative;
	display: none;
}

#suchform input{
	
font-size: 0.789473684210526em;
line-height: 1.333333333333333em;
	
width: 100%;

background: #ffffff;
border: 1px solid #747474;
border-color: var(--thm-clr-ntr);
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
padding: 0.666666666666667em 40px 0.666666666666667em 10px;

overflow: hidden;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
box-sizing: border-box;  
display: inline-block;
color: #000000;
color: var(--thm-clr-std-txt);

box-shadow: 0px 2px 3px rgba(0,0,0,0.1) inset;
box-shadow: none;

/*-webkit-font-smoothing: subpixel-antialiased;*/
}

#suchform label{
position: absolute;
left: -99999px;
}

#suchform button{
width: 35px;
border: 0;
overflow: hidden;
color: #000000;
color: var(--thm-clr-std-txt);
background: transparent;
cursor: pointer;
position: absolute;
right: 1px;
top: 1px;
bottom: 1px;
padding: 0;
}

#suchform button::after{

/*Feather*/
content: "\e9c1";
}

#suchform button:hover{
color: #000000;
color: var(--thm-clr-std-pri);
}

#suchform button span{
position: absolute;
left: -99999px;
}

#suchform ::-webkit-input-placeholder{
text-transform: uppercase;
text-align: left;
color: #747474;
color: var(--thm-clr-ntr);
}
#suchform :-moz-placeholder{
text-transform: uppercase;
text-align: left;
color: #747474;
color: var(--thm-clr-ntr);
}
#suchform ::-moz-placeholder{
text-transform: uppercase;
text-align: left;
color: #747474;
color: var(--thm-clr-ntr);
}
#suchform :-ms-input-placeholder{
text-transform: uppercase;
text-align: left;
color: #747474;
color: var(--thm-clr-ntr);
}




#nav1 ul.navlng{

display: flex;
flex-direction: row;
justify-content: flex-end;

font-size: 0.736842105263158em;
line-height: 1.2em;

list-style: none;	
padding: 36px 0 0 0;
margin: -18px 0 0 0px;
margin-top: -3px;

margin-right: 1.19047619047619%;
padding-right: 14.285714285714286%;

margin-right: 15.5%;
padding-right: 20px;
padding-right: 15px;

/**/

position: absolute;
right: 0;
top: 0;
}

#nav1 ul.navlng>li{
margin: 0 0 0 0em;
position: relative;
white-space: nowrap;
}


#nav1 ul.navlng li a,
#nav1 ul.navlng li a:link,
#nav1 ul.navlng li a:visited{
display: block;
font-size: 1em;
line-height: 3.5em;

color: #747474;
color: var(--thm-clr-nv1_l-anc);
padding: 0 0.8em;
text-decoration: none;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
position: relative;

text-transform: uppercase;

}
#nav1 ul.navlng li a::before{
content:"";
border-right: 1px solid #747474;
border-right-color: var(--thm-clr-nv1_l-anc);
position: relative;
left: -0.8em;
/*
position: absolute;
left: 0;
top: 0;
bottom: 0;
height: 1em;
*/
}
#nav1 ul.navlng li:first-child a::before{
border-right: 0;
}

#nav1 ul.navlng li.aktiv a,
#nav1 ul.navlng li.aktiv a:link,
#nav1 ul.navlng li.aktiv a:visited{
color: #000000;
color: var(--thm-clr-nv1_l-anc-hil);
cursor: default;
}


.no-touch #nav1 ul.navlng li:not(.aktiv) a:hover,
#nav1 ul.navlng li a:focus{
outline: 0;
color: #F75601;
color: var(--thm-clr-nv1_l-anc-hil);
}
#nav1 ul.navlng li a:focus{
text-decoration: underline;
}





#breadcrumbs{
overflow: hidden;
clear: both;
padding: 0px 0 0 0;
/*min-height: 66px;*/
	max-height: 80px;
}

#breadcrumbs>.inner{
position: relative;
border: 0;
overflow: hidden;
width: 1680px; 
margin: 0 auto;
padding: 30px 0 10px 0;
}

#breadcrumbs p{
font-size: 0.894736842105263em;
line-height: 1.647058823529412em;
padding: 0 1.19047619047619% 0 1.19047619047619%;
margin: 0;
min-height: 4.058823529411765em;
}

#breadcrumbs p>span,
#breadcrumbs p>span a,
#breadcrumbs p>span a:link,
#breadcrumbs p>span a:visited{
color: #747474;
color: var(--thm-clr-ntr);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
text-decoration: none;

}

.no-touch #breadcrumbs p>span a:hover,
#breadcrumbs p>span a:focus{
outline: 0;
color: #F75601;
color: var(--thm-clr-std-pri);
text-decoration: none;
background: none;

}

#breadcrumbs p>span{
margin-right: 7px;
padding-left: 13px;
display: inline-block;
position: relative;
}
#breadcrumbs p>span.offscreen{
position: absolute;
}

#breadcrumbs p>span:after{
content: ">";
font-size: 1em;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.7;
margin-top: 0em;
margin-right: 0;
position: absolute;
left: -0.2em;
top: 0px;

transform: scale(0.5,1);
	
color: inherit;
}
#breadcrumbs p:first-line{

}

#breadcrumbs p span.offscreen:first-child+span{
padding-left: 0;
background: none;
}
#breadcrumbs p span.offscreen:first-child+span:after{
display: none;
}

#breadcrumbs p span:last-child a:hover{
color: #747474;
color: var(--thm-clr-ntr);
background: none;
cursor: default;
}



#content{
clear: both;
padding: 0 0 0 0;
min-height: 600px;
}

#content>section{
clear: both;
position: relative;
border: 0;
overflow: hidden;
width: auto;
padding: 0 0;

background: #FFFFFF;
background-color: var(--thm-clr-vt0-bgr);
}

#content>section.sc_dekobild{
z-index: 1;
}

#content>section.sc_dekobild>.bild{
padding: 0;
}

#content>section.sc_dekobild img{
display: block;
width: 100%;
max-height: 450px;
object-fit: cover;
object-position: center top;
position: relative;

/*Bild nicht verkleinern sondern seitlich anschneiden*/
object-fit: cover;
height: 450px;
max-width: 100%;
border-radius: 0;
}

#content>section.variant1{
background: #E2DACF;
background-color: var(--thm-clr-vt1-bgr);
color: #FFFFFF;
color: var(--thm-clr-vt1-txt);
}

#content>section.variant1 h2,
#content>section.variant1 .textblock h3,
#content>section.variant1 .textblock h4,
#content>section.variant1 .textblock h5,
#content>section.variant1 .textblock h6{
color: #000000;
color: var(--thm-clr-vt1-hls);
}

#content>section.variant1 .textblock p,
#content>section.variant1 .textblock li{
color: #FFFFFF;
color: var(--thm-clr-vt1-txt);
color: #393939;
}

#content>section.variant1 .textblock ul li::marker{
color: #F75601;
color: var(--thm-clr-vt1-lim);
}

#content>section.variant1 .textblock a,
#content>section.variant1 .formblock a{
color: #F75601;
color: var(--thm-clr-vt1-anc);
}

#content>section.variant1 .textblock a:hover,
#content>section.variant1 .formblock a:hover{
color: #670431;
color: var(--thm-clr-vt1-anc-hil);
}

#content>section.variant1 button,
#content>section.variant1 [type="button"],
#content>section.variant1 [type="reset"],
#content>section.variant1 [type="submit"],
#content>section.variant1 p.mehr a,
#content>section.variant1 p.mehr a:link,
#content>section.variant1 p.mehr a:visited,
#content>section.variant1 a p.mehr,
#content>section.variant1 ul.links a,
#content>section.variant1 ul.links a:link,
#content>section.variant1 ul.links a:visited,
#content>section.variant1 .loginBox span a,
#content>section.variant1 .loginBox span a:link,
#content>section.variant1 .loginBox span a:visited,
#content>section.variant1 .rueckmeldung span a,
#content>section.variant1 .rueckmeldung span a:link,
#content>section.variant1 .rueckmeldung span a:visited
{
color: #ffffff;
color: var(--thm-clr-vt1-btn);
text-transform: uppercase;
text-decoration: none;
background: #F75601;
background-color: var(--thm-clr-vt1-btn-bgr);
border-color: var(--thm-clr-vt1-btn-brd);
}
#content>section.variant1 button:hover,
#content>section.variant1 [type="button"]:hover,
#content>section.variant1 [type="reset"]:hover,
#content>section.variant1 [type="submit"]:hover,
#content>section.variant1 p.mehr a:hover,
#content>section.variant1 a:hover p.mehr,
#content>section.variant1 ul.links a:hover,
#content>section.variant1 a.BBbutton:hover
{
color: #ffffff;
color: var(--thm-clr-vt1-btn-hov);
background-color: #670431;
background-color: var(--thm-clr-vt1-btn-bgr-hov);
border-color: var(--thm-clr-vt1-btn-bhi);
}

#content>section.variant1 .loginBox span a,
#content>section.variant1 .rueckmeldung span a {
	font-size: 70%;
	margin: 10px;
	padding: 7px 15px;
}

#content>section.variant2{
background: #670431;
background-color: var(--thm-clr-vt2-bgr);
color: #FFFFFF;
color: var(--thm-clr-vt2-txt);
}

#content>section.variant2 h2{
color: #FFFFFF;
color: var(--thm-clr-vt2-hls);
}

#content>section.variant2 a{
color: #F75601;
color: var(--thm-clr-vt2-anc);
}

#content>section.variant2 a:hover{
color: #FFFFFF;
color: var(--thm-clr-vt2-anc-hil);
}



#content>section.variant2 p.mehr>a{
color: var(--thm-clr-vt2-btn);
background-color: var(--thm-clr-vt2-btn-bgr);
border-color: var(--thm-clr-vt2-btn-brd);
}
#content>section.variant2 p.mehr>a:hover{
color: var(--thm-clr-vt2-btn-hov);
background-color: var(--thm-clr-vt2-btn-bgr-hov);
border-color: var(--thm-clr-vt2-btn-bhi);
}

#content>section.variant2>div>div>*{
color: inherit;
}

#content>section.variant2 blockquote::before{
color: #FFFFFF;
color: var(--thm-clr-std-pri);
}



#content>section>.inner{
position: relative;
border: 0;
/*overflow: hidden;*/
width: 1680px; 
min-height: 70px;
margin: 0 auto;

padding: 5.263157894736842em 0;
padding: var(--thm-sct-pdv) 0;
}

#content>section>.verData {
	padding-top: calc( var(--thm-sct-pdv) / 3);
	padding-bottom: 0;
}


#content>section:first-child>.inner {
	padding-top: var(--thm-sct-pdv);
	padding-top: 40px;
}

#content>section:last-child>.inner{
	padding-bottom: calc(var(--thm-sct-pdv) * 2);
}

#content>section#sc_stoerer>.inner{
padding-bottom: 0 !important;
}

#content>section#sc_aktuellhome>.inner{
padding-top: 0 !important;
}

#content>section#sc_einleitung+section.sc_auflistung>.inner{
/* nur bei nicht gesetztem Dekobild */
padding-top: 0 !important;
}

#content>section.variant0 + section.variant0>.inner{
padding-top: 0 !important;
}

#content>section>.inner::after{
content: "";
float: none;
clear: both;
display: block;
}

#content>section>.inner>:last-child{
margin-bottom: 0 !important;
}

#content>section>.inner>h2{
margin: 0 1.19047619047619% 1.5em 1.19047619047619%;
position: relative;
}

#content>section>.inner>h3{
margin: 0 1.19047619047619% 1.5em 1.19047619047619%;
position: relative;
}

#content>section.slim1>.inner>*{
margin-left: 9.523809523809524%;
margin-right: 9.523809523809524%;
}
#content>section.slim2>.inner>*{
margin-left: 7.142857142857143%;
margin-right: 7.142857142857143%;
}



#content ol, #content ul{
}

#content ul{
list-style-position: outside;
list-style-type: square;
margin-top: 0.789473684210526em;
margin-bottom: 1.578947368421053em;
}

#content ol{
list-style-position: outside;
list-style-type: decimal;
}

#content ul li,
#content ol li{
margin-left: 1.3em;
margin-bottom: 0.789473684210526em;
}

#content ul li::marker{
color: #F75601;
color: var(--thm-clr-std-pri);
}

#content ul li{
}

#content ul>li>ul,
#content ol>li>ul{
list-style-type: circle;
margin-top: 0.789473684210526em;
}



#content .tab-cont{
overflow: auto;
/*
border-right: 1px solid #747474;
border-color-right: var(--thm-clr-ntr);
border-left: 1px solid #747474;
border-color-left: var(--thm-clr-ntr);
*/
margin: 0 0 1.578947368421053em 0;
}

#content table {
width: 100%;
border-collapse: collapse;
border: 0px solid #747474;
border-color: var(--thm-clr-ntr);
margin-bottom: 0em;
clear: both;
box-sizing: border-box;
}

#content table em{
font-style: normal;
color: #670431;
color: var(--thm-clr-std-sek);
}
/*
#content td, 
#content th {
border: 1px solid #747474;
border-color: var(--thm-clr-ntr);
padding: 0.2em 0.5em;
background: transparent !important;
}

#content th {
font-weight: 700;
font-weight: var(--thm-fnt-hls-wbd);
}
*/


#site_footer{
position: relative;
color: #ffffff;
color: var(--thm-clr-ftr-txt);
overflow: hidden;
background: #670431;
background-color: var(--thm-clr-ftr-bgr);
}

#site_footer a,
#site_footer a:link,
#site_footer a:visited{
color: #ffffff;
color: var(--thm-clr-ftr-anc);
}

.no-touch #site_footer a:hover,
#site_footer a:focus{
outline: 0;
color: #ffffff;
color: var(--thm-clr-ftr-anc-hil);
}

#site_footer #topbutton{
display: none;
}

#site_footer .inner{
position: relative;
width: 1680px;
margin: 0px auto;
min-height: 140px;
padding: 2em 0 2em 0;
overflow: hidden;
}

#site_footer .inner>nav#footer_nav{
width: 64.285714285714286%;
margin: 0 1.19047619047619%;
margin-top: -0.55em;

float: right;
display: inline-block;

overflow: hidden;
padding-bottom: 0em;

font-size: 1.052631578947368em;
line-height: 1.2em;
}

#site_footer .inner>#footer_text{
position: relative;

color: #ffffff;
color: var(--thm-clr-ftr-txt);
width: 30.952380952380952%;
margin: 0 1.19047619047619%;
padding: 0px;

float: left;
display: inline;

}

#site_footer .inner>#footer_text>a,
#site_footer .inner>#footer_text>a:link,
#site_footer .inner>#footer_text>a:visited{
color: #F75601;
color: var(--thm-clr-ftr-anc);
}

.no-touch #site_footer .inner>#footer_text>a:hover{
color: #ffffff;
color: var(--thm-clr-ftr-anc-hil);
}

#site_footer h4{
font-size: 1em;
line-height: 1.578947368421053em;
line-height: var(--thm-fnt-bse-lht);
text-transform: none;
font-weight: 700;
font-weight: var(--thm-fnt-hls-wbd);
margin-top: 2.947368421052632em;
}
#site_footer h4:first-child{
margin-top: 0;
}

#site_footer ul.navlist{
overflow: hidden;
float: right;
margin-bottom: 1em;

display: flex;
flex-direction: row-reverse;
flex-wrap: wrap;
}

#site_footer ul.navlist>li{
float: left;
display: inline;
margin-left: 1.5em;

}
/*
#site_footer ul.navlist li.off{
display: none;
}
*/
#site_footer ul.navlist li a,
#site_footer ul.navlist li a:link,
#site_footer ul.navlist li a:visited{
display: block;
font-size: 1em;
line-height: 2em;
color: #ffffff;
color: var(--thm-clr-ftr-fnv);
background-color: transparent;
padding: 0.25em 0;
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
font-weight: var(--thm-fnt-std-wbd);
position: relative;
white-space: nowrap;
}
.no-touch #site_footer ul.navlist li a:hover,
#site_footer ul.navlist li a:focus{
outline: 0;
color: #F75601;
color: var(--thm-clr-ftr-fnv-hil);
}
#site_footer ul.navlist li.aktiv a,
#site_footer ul.navlist li.aktiv a:link,
#site_footer ul.navlist li.aktiv a:visited{
color: #F75601;
color: var(--thm-clr-ftr-anc-hil);
}
#site_footer ul.navlist li a span{

}

#site_footer ul.navlist li:first-child a span{
padding-left: 0;
border-left: 0;
}

#site_footer #social_nav{
position: relative;

color: #ffffff;
color: var(--thm-clr-ftr-txt);
width: 64.285714285714286%;
margin: 0 1.19047619047619%;
padding: 0px;

clear: right;
float: right;
display: inline;

overflow: hidden;
}

#site_footer ul#nav_social_hl{
clear: both;
float: right;
}

#site_footer ul#nav_social{
list-style: none;
margin: 0px 0 0px 0;
float: right;
display: inline-block;

width: auto;
min-height: 48px;

display: flex;
flex-direction: row;
flex-wrap: wrap;
}

#site_footer ul#nav_social li{

float: left;
display: inline-block;
width: auto;
margin: 0 0 0.5em 0.5em;
}

#site_footer ul#nav_social li a{
display: block;
width: 48px;
height: 48px;
font-size: 0.3em;
line-height: 48px;
padding: 0;

border: 0;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

text-align: center;
overflow: hidden;
/**/
background-color: #F75601;
background-color: var(--thm-clr-ftr-soc);

background-repeat: no-repeat;
background-position: center center;
background-size: 100% 100%;


}

#site_footer ul#nav_social li#n_facebook a{background-image: url('/comfort/img-dsg/icon_facebook.svg');}
#site_footer ul#nav_social li#n_twitter a{background-image: url('/comfort/img-dsg/icon_twitter.svg');}
#site_footer ul#nav_social li#n_youtube a{background-image: url('/comfort/img-dsg/icon_youtube.svg');}
#site_footer ul#nav_social li#n_xing a{background-image: url('/comfort/img-dsg/icon_xing.svg');}
#site_footer ul#nav_social li#n_linkedin a{background-image: url('/comfort/img-dsg/icon_linkedin.svg');}
#site_footer ul#nav_social li#n_instagram a{background-image: url('/comfort/img-dsg/icon_instagram.svg');}

.no-touch #site_footer ul#nav_social li a:hover,
#site_footer ul#nav_social li a:focus{
outline: 0;
background-color: #747474 !important;
background-color: var(--thm-clr-ftr-soc-hil) !important;
}

#site_footer ul#nav_social li a span{
/**/
position: absolute;
left: -99999px;
}

#extrabox{
position: fixed;
left: 100%;
z-index: 40;
/*z-index: 200;*/
margin-top: 10px;
top: 240px;
/*top: 0;*/
box-sizing: border-box;
/*
transition: 0.4s;
*/
}

#extrabox.open{

}

#extrabox #extrabox_button{
position: absolute;
right: 100%;
top: 0;

z-index: 100;
width: 50px;
height: 50px;

font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
text-transform: none;
padding: 0 0px;
background: #FFFFFF;
background-color: var(--thm-clr-exb-btn-bgr);
color: #F75601;
color: var(--thm-clr-exb-btn);
box-shadow: 0 0 0.6em rgba(0,0,0,0.25);
box-shadow: var(--thm-shw-exb);
margin: 0 4px 0 0;
cursor: pointer;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

}

#extrabox #extrabox_button::before{

/*Feather*/
content: "\e9a7";
font-size: 2rem !important;
}

#extrabox #extrabox_button:hover{
background-color: #670431;
background-color: var(--thm-clr-exb-btn-bgr-hil);
color: #FFFFFF;
color: var(--thm-clr-exb-btn-hil);
}

#extrabox #extrabox_button>span{

}

.no-touch #extrabox #extrabox_button:hover{

}

#extrabox #extrabox_close{
position: absolute;
right: 0;
top: 0;

width: 50px;
height: 50px;
padding: 0 0px;
background: transparent;
color: #FFFFFF;
color: var(--thm-clr-exb);
margin: 0.6em 0.6em 0 0;
cursor: pointer;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
}
#extrabox #extrabox_close::before{

/*Feather*/
content: "\ea02";
font-size: 2rem !important;
}

#extrabox #extrabox_close:hover{
color: #670431;
color: var(--thm-clr-std-sek);
}

#extrabox #extrabox_inner{
max-width: 90%;
max-width: calc( 90vw - 60px );
width: 400px;
background: #F75601;
background-color: var(--thm-clr-exb-bgr);
color: #ffffff;
color: var(--thm-clr-exb);
box-shadow: 0 0 0.6em rgba(0,0,0,0.0);
transition: 400ms;
box-sizing: border-box;
padding: 20px 25px;
opacity: 0;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
}

#extrabox.open #extrabox_inner{
transform: translateX(-100%);
transform: translateX( calc( -100% - 60px ) );
box-shadow: 0 0 10px rgba(0,0,0,0.25);
box-shadow: var(--thm-shw-exb);
opacity: 1;
}

#extrabox h3{
font-size: 1.210526315789474em;
line-height: 1.217391304347826em;
margin: 0 2em 0.5em 0;
color: #FFFFFF;
color: var(--thm-clr-exb);
font-weight: 700;
font-weight: var(--thm-fnt-hls-wbd);
text-transform: none;
}

#extrabox p{
font-size: 1em;
line-height: 1.315789473684211em;
margin: 0 0 1.315789473684211em 0;
color: #FFFFFF;
color: var(--thm-clr-exb);
}

#extrabox a,
#extrabox a:link,
#extrabox a:visited{
color: #FFFFFF;
color: var(--thm-clr-exb-anc);
text-decoration: underline;
}
#extrabox a:hover{
color:  #670431;
color: var(--thm-clr-exb-anc-hil);
}

#extrabox_inner>:last-child{
margin-bottom: 0;
}

/* EB-Position nach Scrollen ändern */
html.scrolled_a_bit #extrabox{
top: auto;
bottom: 0px;
margin-top: 0px;
margin-bottom: 10px;
}

html.scrolled_a_bit #extrabox #extrabox_button{
top: auto;
bottom: 0px;
}






/* Allgemeine Styles / Blöcke */

#hl_main{
clear: both;
color: #000000;
color: var(--thm-clr-std-hlm);
position: relative;
}
#hl_main>span.datum{
/**/
position: absolute;
bottom: 100%;
left: 0;
margin: 0 0 0.263157894736842em 0;
font-size: 0.422222222222222em;
line-height: 1.578947368421053em;
line-height: var(--thm-fnt-bse-lht);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
font-family: var(--thm-fnt-std);
/*
color: var(--thm-clr-ntr);
*/
/*
opacity: 0.6;
*/
}


.stoererblock{
clear: both;
margin: 0 1.19047619047619% 5em 1.19047619047619%;
padding: 2.380952380952381%;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
box-sizing: border-box;
color: #ffffff;
color: var(--thm-clr-sto);
background: #670431;
background-color: var(--thm-clr-sto-bgr);
text-decoration: none;

display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-start;
}

.stoererblock>.bild{
width: 27.941176470588235%;
margin: 0 2.941176470588235% 0px 0;
background: #000;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
overflow: hidden;
}

.stoererblock>.bild+.text{
width: 69.117647058823529%;
}

.stoererblock>.text{

}

.stoererblock h3{
color: #ffffff;
width: 100%;
margin: 0;
text-transform: uppercase;
margin-bottom: 1em;

color: var(--thm-clr-sto);

}

.stoererblock p{
color: #ffffff;

color: var(--thm-clr-sto);

}
.stoererblock .text>:last-child{
margin-bottom: 0;
}

.stoererblock p.mehr{
}

.stoererblock p.mehr>a{
color: var(--thm-clr-sto-anc);
background-color: var(--thm-clr-sto-anc-bgr);
border-color: var(--thm-clr-std-btn-bhi);
}
.stoererblock p.mehr>a:hover{
color: var(--thm-clr-sto-anc-hil);
background-color: var(--thm-clr-sto-anc-bgr-hil);
border-color: var(--thm-clr-std-btn-brd);
}


.aktuellhomeblock{
clear: both;
margin: 0 1.19047619047619% 5em 1.19047619047619%;
padding: 0;
box-sizing: border-box;
text-decoration: none;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-start;
}

.aktuellhomeblock>.bild{
width: 27.941176470588235%;
margin: 0 2.941176470588235% 0px 0;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
overflow: hidden;
}

.aktuellhomeblock>.bild+.text{
width: 69.117647058823529%;
}

.aktuellhomeblock>.text{

}

.aktuellhomeblock h3{
width: 100%;
margin: 0;
text-transform: uppercase;
margin-bottom: 1em;
}

.aktuellhomeblock h3>span.datum{
display: block;
margin: 0em 0 0.6em 0;
font-size: 0.863636363636364em;
line-height: 1.0em;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
color: inherit;
font-family: var(--thm-fnt-std);

opacity: 0.6;
}

.aktuellhomeblock p{

}

.aktuellhomeblock .text>:last-child{
margin-bottom: 0;
}

.aktuellhomeblock p.mehr{
}

.aktuellhomeblock p.mehr>a{

}
.aktuellhomeblock p.mehr>a:hover{

}


/*
.specialblock{
clear: both;
margin: 0 1.19047619047619% 5em 1.19047619047619%;
padding: 2.380952380952381%;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
box-sizing: border-box;
color: #ffffff;
color: var(--thm-clr-sto);
background: #670431;
background-color: var(--thm-clr-sto-bgr);
text-decoration: none;

display: flex;
flex-wrap: nowrap;
flex-direction: row;
align-items: flex-start;
}
*/


.specialblock em{
display: block;
font-size: 1.157894736842105em;
font-size: 1.473684210526316em;
line-height: 1.2em;
margin: 0.25em 0;
margin: 0.75em 0;
font-style: normal;
font-weight: 700;
font-weight: var(--thm-fnt-hls-wbd);

color: #F75601;
color: var(--thm-clr-std-pri);
/*
text-align: center;
*/
}

.specialblock blockquote{
font-size: 1.5em;
line-height: var(--thm-fnt-bse-lht);
}

.specialblock blockquote>p{
margin-bottom: 0.5em;
}

.specialblock blockquote+p.autor{
padding-left: 3.0em;
padding-left: 4.5em;
/*margin-bottom: 0;*/
opacity: 0.8;
}

.specialblock blockquote em{
display: inline;
font-size: inherit;
line-height: inherit;
}

.specialblock>:last-child{
margin-bottom: 0;
}

.textblock{
clear: both;
margin: 0 1.19047619047619% 3em 1.19047619047619%;
}

.textblock.columns{
-webkit-column-count: 2; 
-moz-column-count: 2;
column-count: 2;

-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}

#content .textblock>:last-child{
margin-bottom: 0;
}

#b_landing #content .textblock>p.mehr,
#b_landing #content .specialblock>p.mehr{
display: flex;
flex-direction: row;
flex-wrap: wrap;
/*
margin: 0 0 0 -0.842105263157895em;
*/
margin: 0;
}
#b_landing #content .textblock>p.mehr>a,
#b_landing #content .specialblock>p.mehr>a{
margin: 0 1em 1em 0;

}
#b_landing #content .textblock>p.mehr>a:last-child,
#b_landing #content .specialblock>p.mehr>a:last-child{
margin-right: 0;
}

.textblock>.vid_yt{
width: 100%;
margin: 4em 0;
margin: var(--thm-sct-pdv) 0;
}

.textblock>.bild{
display: block;
width: auto;
margin: 4em 0;
margin: var(--thm-sct-pdv) 0;
}

.textblock>.bild:not(:last-child):first-child{
float: right;
display: inline-block;
width: 27.941176470588235%;
min-width: 130px;
margin: 0 0 0.5em 2.941176470588235%;
}

div.vid_yt .ytplayer{
padding-bottom: 56.25%;
height: 0;
position: relative;

overflow: hidden;
background: #747474;
background-color: var(--thm-clr-ntr);
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
}

div.vid_yt .ytplayer>iframe{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

p.legende{
position: relative;
font-size: 0.842105263157895em;
line-height: 1.2em;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
margin: 0.5em 0 0 0;
}

/****/

div.abschnitteblock{
	/*min-width: 850px;*/
}

div.textblock + div.abschnitteblock{
margin-top: 5.263157894736842em;
margin-top: var(--thm-sct-pdv);
}

div.abschnitt{
margin-bottom: 2.38095238095238%; 
/*margin-bottom: 3em; */
overflow: visible;

display: flex;
flex-direction: row-reverse;
align-items: stretch;
}
div.abschnitt:nth-child(2n){
flex-direction: row;
}
div.abschnitt:last-child{
margin-bottom: 0em; 
}
div.abschnitt>div{
box-shadow: 0 0 0.6em rgba(0,0,0,0.1);
box-shadow: var(--thm-shw-std);
background: #ffffff;
background-color: var(--thm-clr-std-bgr);
color: #000000;
color: var(--thm-clr-std-txt);
overflow: hidden;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
}
div.abschnitt .bild,
div.abschnitt .vid_yt{
width: 47.619047619047619%;
margin: 0 1.19047619047619%; 
float: left;
display: inline-block;
position: relative;
z-index: 1;
}

div.abschnitt .bild:first-child,
div.abschnitt .vid_yt:first-child{
/*width: 97.619047619047619%;*/
width: auto;
}

div.abschnitt .vid_yt .ytplayer{
border-radius: 0;
}

div.abschnitt .bild img{
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;

border-radius: 0;
}

div.abschnitt .text{
width: 47.619047619047619%;
margin: 0 1.19047619047619%; 
float: right;
display: inline-block;
box-sizing: border-box;
padding: 2.38095238095238%;
	padding: 1.38095238095238%;
	margin-bottom: 24px;
}

div.abschnitt .text:last-child{
width: auto;
width: 97.619047619047619%;
}

div.abschnitt .text :last-child{
margin-bottom: 0;
}

div.abschnitt .text h3{
text-transform: uppercase;
}

div.abschnitt .text p{
}

#content div.abschnitt .text p.mehr a,
#content div.abschnitt .text p.mehr a:link,
#content div.abschnitt .text p.mehr a:visited{
color: var(--thm-clr-std-btn);
background-color: var(--thm-clr-std-btn-bgr);
border: var(--thm-btn-brd-thk) solid var(--thm-clr-std-btn-brd);
}

#content div.abschnitt .text p.mehr a:hover{
color: var(--thm-clr-std-btn-hov);
background-color: var(--thm-clr-std-btn-bgr-hov);
border-color: var(--thm-clr-std-btn-bhi);
}


#slideshow{
position: relative;
/*
padding-bottom: 41.818181818181818%;
height: 0;
*/

height: 100vh;
max-height: 600px;
overflow: hidden;

  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

#slideshow .slidebox{
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
bottom: 0;
z-index: 0;

background: #747474;
background-color: var(--thm-clr-ntr);

overflow: hidden;

animation-duration: inherit; 
}

#slideshow .slidebox>.sb_inner{
width: 1680px;
height: 100%;
margin: 0 auto;
position: relative;

display: flex;
justify-content: flex-end;

animation-duration: inherit; 
}

#slideshow .slidebox.altern>.sb_inner{
justify-content: flex-start;
}

#slideshow .slidebox .bild{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
bottom: 0;
margin: 0;

overflow: hidden;

animation-duration: inherit; 
}

#slideshow .slidebox .bild img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;

animation-duration: inherit; 
}

#slideshow .slidebox .text{
position: relative;
z-index: 8;

min-width: 300px;
width: 38.952380952380952%;
padding: 1.785714285714286%;
margin: 0 1.19047619047619%;

margin-top: 5%;
align-self: center;

box-sizing: border-box;

color: #000000;
color: var(--thm-clr-vt1-txt);

animation-duration: inherit; 
}

#slideshow .slidebox .text::before{
content:"";
background: #E2DACF;
background-color: var(--thm-clr-vt1-bgr);
background-color: rgba(124, 131, 137, var(--bg-opacity));
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;

opacity: 0.85;
}

#slideshow .slidebox.altern .text{

}

#slideshow .slidebox .text h3{
color: var(--thm-clr-vt1-txt);
font-size: 1.894736842105263em; 
line-height: 1.25em;
font-weight: 700 !important;
margin-top: -0.2em;
margin-bottom: 0.5em;
text-transform: none;
}

#slideshow .slidebox .text>:last-child{
margin-bottom: 0;
}

#slideshow div.slidebox.obersteebene {
z-index: 3;
}

#slideshow div.slidebox.mittlereebene {
z-index: 2;
}

@keyframes burns1 {
    0% { 
		object-position: 30% center;
	}
    100% { 
		object-position: 70% center;
	}
}

#slideshow-seitenanzeige{
margin-top: 15px;
text-align: center;
line-height: 1px;
}

#slideshow-seitenanzeige span{
display: inline-block;
height: 10px;
width: 10px;

border: 0px solid #F75601;
border-color: var(--thm-clr-std-pri);

border-radius: 50%;
overflow: hidden;
font-size: 1px;
line-height: 0;

background: #747474;
background-color: var(--thm-clr-ntr);

margin: 0 6px;

position: relative;
transition: 0.5s;
}

#slideshow-seitenanzeige span.aktiv{
background: #F75601;
background-color: var(--thm-clr-std-pri);
cursor: default;
}

#slideshow-buttons{
margin: 0;
overflow: visible;

position: absolute;
bottom: 50%;
left: 0;
right: 0;

z-index: 10;
width: 100%;
height: 100%;
margin: 0 auto;
/**/
pointer-events: none;

}

.no-touch #slideshow-buttons{
/*display: none;*/
}

.touch #slideshow-buttons{
/*display: none !important;*/
}

#slideshow-buttons>div{
position: absolute;
bottom: 2px;
margin: 0 1em;
z-index: 10;
width: 50px;
height: 50px;

cursor: pointer;
pointer-events: auto;
background-color: transparent;
border-radius: 50%;
border: 3px solid;
box-sizing: border-box;

color: #ffffff;
color: var(--thm-clr-std-bgr);

filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
transform: translate(0,50%);


}

#slideshow-buttons>div>span{
position: absolute;
left: -99999px;
}

#slideshow-buttons>div#slider-bt-next{
right: 0;
}

#slideshow-buttons>div#slider-bt-next::before{

/*Feather*/
content: "\e912";
}
#slideshow-buttons>div#slider-bt-prev{
right: auto;
left: 0;
}

#slideshow-buttons>div#slider-bt-prev::before{

/*Feather*/
content: "\e910";
}


.bildstreifen{
clear: both;
width: auto;
margin: 0 0;
position: relative;

  -webkit-user-select: none;
     -moz-user-select: -moz-none;
      -ms-user-select: none;
          user-select: none;
}

.bildstreifen:first-child{
margin-top: 0;
}

.bildstreifen:last-child{
/*margin-bottom: 3em;*/
margin-bottom: 0em;
}

.bildstreifen_contents{
width: auto;
margin: 0;
overflow: hidden;
/* 
overflow-x: scroll;
*/
position: relative;
padding-bottom: 0px;
}

.touch .bildstreifen.aktiv .bildstreifen_contents{
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
}

/*
.touch .bildstreifen_contents::-webkit-scrollbar {
display: none !important;
opacity: 0;
}
*/

#content .bildstreifen ul{
width: 10000px;
height: 450px;
padding-bottom: 30px;
list-style: none;
overflow: visible;
margin: 0;
}

#content .bildstreifen.aktiv ul.dragable{
cursor: default;
cursor: -webkit-grab; 
cursor: -moz-grab;
cursor: grab;
}

#content .bildstreifen.aktiv ul.dragging{
cursor: ew-resize;
cursor: -webkit-grabbing; 
cursor: -moz-grabbing;
cursor: grabbing;
}

#content .bildstreifen ul li{
margin: 0 !important;
float: left;
display: inline;
width: auto;
height: 100%;
list-style-image: none !important;
}

#content .bildstreifen ul li .bild{
padding: 0 0 0 30px;
background: none;
position: relative;
height: 100%;
width: auto;
float: left;
display: inline;
margin: 0;
}

#content .bildstreifen ul li .bild img{
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
position: relative;
width: auto;
height: 100%;
float: left;
display: inline;
}
#content .bildstreifen ul li:first-child .bild img{
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
#content .bildstreifen ul li:last-child .bild img{
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}

#content .bildstreifen ul li:first-child .bild{
padding-left: 0px;
}

.bildstreifen_controls{
visibility: hidden;
}

.bildstreifen.aktiv .bildstreifen_controls{
visibility: visible;
position: absolute;
top: 0;
left: 0;
width: 100%;
}

.bildstreifen_controls span{
position: absolute;
width: 50px;
height: 50px;
border-radius: 50%;
border: 3px solid;
box-sizing: border-box;
color: #ffffff;
color: var(--thm-clr-std-bgr);
cursor: pointer;
top: 200px;
background-color: transparent;

filter: drop-shadow(0 0 3px rgba(0,0,0,0.4));
}

.bildstreifen_controls span.dis{
opacity: 0.4;
cursor: default;
}

.bildstreifen_controls span.bildstreifen_back::before{

/*Feather*/
content: "\e910";
}

.bildstreifen_controls span.bildstreifen_more::before{

/*Feather*/
content: "\e912";
}

.bildstreifen:hover .bildstreifen_controls span.bildstreifen_back,
.touch .bildstreifen_controls span.bildstreifen_back,
.bildstreifen_controls span.bildstreifen_back{
left: 20px;
}

.bildstreifen:hover .bildstreifen_controls span.bildstreifen_more,
.touch .bildstreifen_controls span.bildstreifen_more,
.bildstreifen_controls span.bildstreifen_more{
right: 20px;
}

.bildstreifen_controls span span{
position: absolute;
left: -99999px;
}

.bildstreifen_position{
visibility: hidden;
display: none;
padding: 0 ;
position: relative;
padding-top: 0px;
width: auto; 
margin: 0 auto;
}

.bildstreifen.aktiv .bildstreifen_position{
visibility: visible;
}

.no-touch .bildstreifen_position{
display: block;
}

.bildstreifen_position div.bar{
margin: 0;
height: 3px;
background: transparent;
position: relative;
overflow: hidden;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
margin-left: 9.523809523809524%;
margin-right: 9.523809523809524%;
}

.bildstreifen_position div.bar span.before{
position: absolute;
top: 0;
left: 0;
height: 3px;
width: 0;
background: #747474;
background-color: var(--thm-clr-ntr);
opacity: 0.4;
}

.bildstreifen_position div.bar span.after{
position: absolute;
top: 0;
left: 80%;
height: 3px;
width: 0;
background: #747474;
background-color: var(--thm-clr-ntr);
opacity: 0.4;
}

.bildstreifen_position div.bar span.current{
position: absolute;
top: 0;
left: 40%;
height: 3px;
width: 0;
background: #F75601;
background-color: var(--thm-clr-std-pri);
overflow: hidden;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
}


.akkordeonblock{
clear: both;
margin: 0 0 0em 0;
}


div.expandlist{
clear: both;
margin: 0 0 0em 0;
}

#content div.expandlist>ul{
list-style-type: none !important;
clear: both;
margin: 0;
/*
border-bottom: 1px solid #747474;
border-bottom-color: var(--thm-clr-ntr);
*/
}

#content div.expandlist>ul>li{
margin: 0 0 1.5em 0;
padding: 0;

position: relative;

/*
border-top: 1px solid #747474;
border-top-color: var(--thm-clr-ntr);
*/
}

div.expandlist>ul>li>h3{
font-size: 1.157894736842105em;
line-height: 1.363636363636364em;
font-weight: 700;
font-weight: var(--thm-fnt-hls-wbd);
text-transform: uppercase;
margin: 0;
padding: 0.681818181818182em 1em;
padding-right: 60px;
cursor: pointer;
position: relative;
overflow: hidden;

background: #ffffff;
background-color: var(--thm-clr-std-bgr);

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

box-shadow: 0 0 0.6em rgba(0,0,0,0.1);
box-shadow: var(--thm-shw-std);
}

.no-touch div.expandlist>ul>li>h3:hover{

color: #F75601;
color: var(--thm-clr-std-pri);

box-shadow: 0 0 0.6em rgba(0,0,0,0.5);
box-shadow: var(--thm-shw-std-hil);
}

div.expandlist>ul>li.aktiv>h3{

color:  #670431;
color: var(--thm-clr-std-sek);
}

div.expandlist>ul>li>h3::after{

/*Feather*/
content: "\e9b1";

position: absolute;
right: 0;
top: 0;
max-width: 50px;
max-height: 50px;

margin: 0.2em 0.2em 0 0;
}

div.expandlist>ul>li.aktiv>h3::after{

/*Feather*/
content: "\e996";
}

div.expandlist ul>li>.contents{
overflow: hidden;
padding: 2em 0;
padding-bottom: 1em;
position: relative;

box-sizing: border-box;
}

div.expandlist ul>li>.contents .bild{
width: 27.941176470588235%;
float: right;
display: inline;
margin: 0 0 1em 1.5em;
}
div.expandlist ul>li>.contents .bild>a{
display: block;
width: 100%;
/*
overflow: hidden;
*/
position: relative;
color: #ffffff;
color: var(--thm-clr-std-bgr);

text-decoration: none;
}

div.expandlist ul>li>.contents .bild>a::after{

/*Feather*/
content: "\e9b1";

max-width: 50px;
max-height: 50px;

background-color: #670431;
background-color: var(--thm-clr-std-sek);

position: absolute;
z-index: 1;
right: 0;
bottom: 0;
margin: 5%;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

transition: 0.2s;
opacity: 0;

box-shadow: 0 0 10px #ffffff;
box-shadow: 0 0 10px var(--thm-clr-std-bgr);
}

.no-touch div.expandlist ul>li>.contents .bild>a:hover::after,
.no-touch div.expandlist ul>li>.contents .bild>a:focus::after,
.touch div.expandlist ul>li>.contents .bild>a::after{
opacity: 1;
}

.no-touch div.expandlist ul>li>.contents .bild>a:hover,
div.expandlist ul>li>.contents .bild>a:focus{
outline: 0;
}

div.expandlist ul>li>.contents .bild img{
width: 100%;
display: block;
margin-top: 1.5em;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
}

div.expandlist ul>li>.contents .bild>img:first-child,
div.expandlist ul>li>.contents .bild>a:first-child>img{
margin-top: 0em;
}
div.expandlist ul>li>.contents .bild img+p{
}
div.expandlist ul>li>.contents .text{
width: auto;
float: none;
display: block;
}
div.expandlist ul>li>.contents .bild+.text{
/*
width: 65.30612244897959%;
float: left;
display: inline;
*/
}



/****/



div.newsblock{
}

div.textblock + div.newsblock{
margin-top: 5.263157894736842em;
margin-top: var(--thm-sct-pdv);
}

div.pseudocols{
position: relative;
margin: 0 0 0em 0;
overflow: visible;
}

#content div.pseudocols>ul{
list-style: none;
padding: 0;
margin: 0;
overflow: visible;
}

#content div.pseudocols>ul>li{
width: 30.952380952380952%;
margin: 1.19047619047619%;

background:#ffffff;
background-color: var(--thm-clr-std-bgr);

color: #000000;
color: var(--thm-clr-std-txt);

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

float: left;
display: inline;
position: relative;

overflow: hidden;
min-height: 50px;

box-shadow: 0 0 0.6em rgba(0,0,0,0.1);
box-shadow: var(--thm-shw-std);
}

div.pseudocols>ul>li .bild{
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 68.461538461538462%;
border-radius: 0;
}

div.pseudocols>ul>li .bild img{
display: block;
width: 100%;
border-radius: 0;
}

div.pseudocols>ul>li .text{
padding: 7.692307692307692%;
}

div.pseudocols>ul>li h3{
font-size: 1.157894736842105em;
line-height: 1.363636363636364em;

position: relative;
margin-top: 1.4em;

text-transform: uppercase;
}

div.pseudocols>ul>li h3>span.datum{
position: absolute;
bottom: 100%;
left: 0;

display: block;
font-size: 0.863636363636364em;
line-height: 1em;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
font-family: var(--thm-fnt-std);
margin: 0 0 0.7em 0;
/*
opacity: 0.6;
*/
}

div.pseudocols>ul>li .text blockquote{
display: block;
margin: 0;
}

div.pseudocols>ul>li .text p{
margin:  0 0 1em 0;
}

#content div.pseudocols>ul>li .text p.mehr a,
#content div.pseudocols>ul>li .text p.mehr a:link,
#content div.pseudocols>ul>li .text p.mehr a:visited{
color: var(--thm-clr-std-btn);
background-color: var(--thm-clr-std-btn-bgr);
border: var(--thm-btn-brd-thk) solid var(--thm-clr-std-btn-brd);
}

#content div.pseudocols>ul>li .text p.mehr a:hover{
color: var(--thm-clr-std-btn-hov);
background-color: var(--thm-clr-std-btn-bgr-hov);
border-color: var(--thm-clr-std-btn-bhi);
}

div.pseudocols>ul>li .text :last-child{
margin-bottom: 0;
}


.formblock{
clear: both;
margin: 0 1.19047619047619% 3em 1.19047619047619%;
}

.formblock>form.k_form{
margin: 0 -1.388888888888889%;
}


/****/


.nowrap{
white-space: nowrap;
}


div#vid_overlay{
position: fixed;
top: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 99998;

/*
box-shadow: 0 0 300px rgba(255,255,255,1) inset;
*/
cursor: pointer;

display: flex;
align-items: center;
justify-content: center;
}
div#vid_overlay::before{
content:"";
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,1);
opacity: 0.5;
background: var(--thm-clr-abd-bgr);
}
div#vid_overlay>.inner{
width: 96vw;
height: 300px;
height: calc( 96vw * 0.5625 );

max-height: 922.5px;
max-width: 1640px;

display: block;

margin: 0;
background: rgba(0,0,0,0.0);
border: 0px solid #fff;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
/*
box-shadow: 0 0 100px rgba(0,0,0,0.6);
*/
position: relative;
overflow: hidden;
}

@media (min-aspect-ratio: 16/9) {

	div#vid_overlay>.inner{
	width:  calc( 96vh * 1.777777777777778 );
	height: 96vh;
	}

}

div#vid_overlay iframe{
background: rgba(0,0,0,0.0);
border: 0px solid #fff;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

#osm_cnt{
clear: both;
width: auto;
margin: 0;
height: 300px;
height: 40vh;
position: relative;
}

#content .leaflet-container a {
color: #670431;
color: var(--thm-clr-std-sek);
}

.leaflet-pane {
z-index: 10 !important;
}

.leaflet-top, 
.leaflet-bottom {
z-index: 20 !important;
}

.leaflet-map-pane{
}

.leaflet-tile-pane{
}

.leaflet-layer{
}

.leaflet-tile-container{
}

.leaflet-tile-pane img{
filter: brightness(0.95) saturate(0.0) ; 
filter: brightness(100%) saturate(60%) ; 
}

#content .leaflet-left .leaflet-control {
    margin-left: 25px;
}
#content .leaflet-top .leaflet-control {
    margin-top: 25px;
}





/* Auflistungen */

.auflistungblock{
clear: both;
padding: 0;
}
div.textblock + div.auflistungblock{
margin-top: 5.263157894736842em;
margin-top: var(--thm-sct-pdv);
}


#content .auflistungblock ul.ab_gruppenliste{
list-style: none;
margin: 0;
}

#content .auflistungblock ul.ab_gruppenliste>li{
list-style: none;
margin: 0;
margin-top: 2em;
}
#content .auflistungblock ul.ab_gruppenliste>li:first-child{
margin-top: 0;
}

#content .auflistungblock ul.ab_gruppenliste h3{
font-size: 1.157894736842105em;
line-height: 1.363636363636364em;
text-transform: uppercase;
background: #E2DACF;
background-color: var(--thm-clr-vt1-bgr);
color: #000000;
color: var(--thm-clr-vt1-hls);
padding: 0.681818181818182em 1em;

border-radius: 3px;
}


#content .auflistungblock ul.ab_gruppe{
list-style: none;
margin: 0;
}

#content .auflistungblock ul.ab_gruppe>li{
list-style: none;
width: auto;
padding: 2em 0;
margin: 0;
display: block;
position: relative;
overflow: hidden;

min-height: 50px;

border-top: 1px solid #747474;
border-top-color: var(--thm-clr-ntr);
box-sizing: border-box;

display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}

#content .auflistungblock ul.ab_gruppe>li:first-child{
border: 0;
}


.auflistungblock ul.ab_gruppe>li h4{
position: relative;
width: 100%;
order: 1;
font-size: 1.157894736842105em; 
line-height: 1.4em;

text-transform: uppercase; 
font-weight: 700; 
font-weight: var(--thm-fnt-hls-wbd);
}

.auflistungblock ul.ab_gruppe>li>.text{
display: block;
width: auto;
margin: 0;
position: relative;

order: 2;
}
.auflistungblock ul.ab_gruppe>li>.bild+.text{
max-width: 69.117647058823529%;
}

.auflistungblock ul.ab_gruppe>li>.bild{
width: 27.941176470588235%;
margin: 0 0 0 0;
overflow: hidden;
display: inline-block;
float: right;
position: relative;
z-index: 1;
align-self: stretch;
order: 3;
/*
background-size: 1px 1px;
*/
}
.auflistungblock ul.ab_gruppe>li>.bild>a{
display: block;
width: 100%;
overflow: hidden;
position: relative;
color: #ffffff;
color: var(--thm-clr-std-bgr);

text-decoration: none;
}
.auflistungblock ul.ab_gruppe>li>.bild>a::after{

/*Feather*/
content: "\e9b1";

max-width: 50px;
max-height: 50px;

background-color: #670431;
background-color: var(--thm-clr-std-sek);

position: absolute;
z-index: 1;
right: 0;
bottom: 0;
margin: 5%;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

transition: 0.2s;
opacity: 0;

box-shadow: 0 0 10px #ffffff;
box-shadow: 0 0 10px var(--thm-clr-std-bgr);
}
.auflistungblock ul.ab_gruppe>li>.bild img{
display: block;
width: 100%;
}

.no-touch .auflistungblock ul.ab_gruppe>li>.bild>a:hover::after,
.no-touch .auflistungblock ul.ab_gruppe>li>.bild>a:focus::after,
.touch .auflistungblock ul.ab_gruppe>li>.bild>a::after{
opacity: 1;
}

.auflistungblock ul.ab_gruppe>li>.bild.pic_yt{
padding-bottom: 21.1%;
padding-bottom: 15.6%;
height: 0;
color: #FFFFFF;
color: var(--thm-clr-std-bgr);
overflow: hidden;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
}
.auflistungblock ul.ab_gruppe>li>.bild.pic_yt>a{
display: none;
}
.auflistungblock ul.ab_gruppe>li>.bild.pic_yt img{
width: 100%;
height: auto;
margin: -9.5% 0;

}

.auflistungblock ul.ab_gruppe>li>.bild.pic_yt::before{

/*Feather*/
/*content: "\e9af";*/
/*
content: "\ea05";
font-size: 3em !important;

position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0%;
top: 0%;
cursor: pointer;

opacity: 0.9;
filter: drop-shadow(0 3px 3px rgba(0,0,0,0.3));
*/
}

.auflistungblock ul.ab_gruppe>li>.bild.pic_yt::before{

/*Feather*/

content: "";

position: absolute;
z-index: 1;
width: 100%;
height: 100%;
left: 0%;
top: 0%;
cursor: pointer;


background-repeat: no-repeat;
background-position: center center;
background-size: 26.31578947368421% auto;
background-size: 17.89473684210526% auto;
background-size: 68px 48px;
background-image: url('../img-dsg/icon-yt-play.svg');

}
.no-touch .auflistungblock ul.ab_gruppe>li>.bild.pic_yt:hover::before{
background-image: url('../img-dsg/icon-yt-play-o.svg');
}


.auflistungblock ul.ab_gruppe>li .text>div{
position: relative;
width: 20.512820512820513%;
margin: 0 0 0 2.564102564102564%;
}

.auflistungblock ul.ab_gruppe>li .text p,
.auflistungblock ul.ab_gruppe>li .text ul{
margin-bottom: 0.789473684210526em;
}

#content .auflistungblock ul.ab_gruppe>li .text ul{
margin: 0 0 0.368421052631579em 0;
}

#content .auflistungblock ul.ab_gruppe>li .text ul li{
margin-bottom: 0.368421052631579em;
}

.auflistungblock ul.ab_gruppe>li .text p.mehr{
margin-top: 1.2em;
margin-bottom: 0em;
}



/* Kacheln für Schnelleinstiege */

div.textblock + div.klickkachelnblock{
margin-top: 5.263157894736842em;
margin-top: var(--thm-sct-pdv);
}

#content ul.klickkachelnliste{
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
}

#content ul.klickkachelnliste>li{
list-style: none;
width: 30.952380952380952%;
margin: 1.19047619047619%;
position: relative;
min-height: 50px;

color: #000000;
color: var(--thm-clr-std-txt);
/*
background: #ffffff;
background-color: var(--thm-clr-std-bgr);
*/
}

#content ul.klickkachelnliste>li>a,
#content ul.klickkachelnliste>li>.a-subst{
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
text-decoration: none;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
background: #ffffff;
background-color: var(--thm-clr-std-bgr);
color: inherit;
overflow: hidden;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
height: 100%;
box-shadow: 0 0 0.6em rgba(0,0,0,0.1);
box-shadow: var(--thm-shw-std);

transition: box-shadow 0.2s;
}
.no-touch #content ul.klickkachelnliste>li>a:hover,
#content ul.klickkachelnliste>li>a:focus{
outline: 0;
color: inherit;
box-shadow: 0 0 0.6em rgba(0,0,0,0.5);
box-shadow: var(--thm-shw-std-hil);
}

#content ul.klickkachelnliste>li h3{

}

#content ul.klickkachelnliste>li .bild{
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 68.461538461538462%;
border-radius: 0;
}

#content ul.klickkachelnliste>li .bild>img{
display: block;
width: 100%;
border-radius: 0;
}

#content ul.klickkachelnliste>li .text{
position: relative;
margin: 7.692307692307692%;

box-sizing: border-box;
flex-grow: 1;

}
#content ul.klickkachelnliste>li .text :last-child{
margin-bottom: 0;

}
#content ul.klickkachelnliste>li>a>.text{
/*padding-right: 60px;*/
padding-bottom: 60px;
}
#content ul.klickkachelnliste>li>a>.text::before{
position: absolute;
width: 50px;
height: 50px;
box-sizing: border-box;
right: 0;
bottom: 0;
margin: 0 -5px -5px 0;
color: #F75601;
color: var(--thm-clr-std-pri);
border: 3px solid;
border-radius: 50%;

/*Feather*/
content: "\e912";
}

.no-touch #content ul.klickkachelnliste>li>a:hover>.text::before,
#content ul.klickkachelnliste>li>a:focus>.text::before{
color: #670431;
color: var(--thm-clr-std-sek);
}



/* Kacheln für Schnelleinstiege */

div.textblock + div.kachelnblock{
margin-top: 5.263157894736842em;
margin-top: var(--thm-sct-pdv);
}

#content ul.kachelnliste{
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 0;
}

#content ul.kachelnliste>li{
list-style: none;
width: 30.952380952380952%;
margin: 1.19047619047619%;
position: relative;
min-height: 50px;

display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
text-decoration: none;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);

background: #ffffff;
background-color: var(--thm-clr-std-bgr);

color: #000000;
color: var(--thm-clr-std-txt);

overflow: hidden;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

box-shadow: 0 0 0.6em rgba(0,0,0,0.1);
box-shadow: var(--thm-shw-std);
}


#content ul.kachelnliste>li h3{

}

#content ul.kachelnliste>li .bild{
display: block;
position: relative;
width: 100%;
height: 0;
padding-bottom: 68.461538461538462%;
border-radius: 0;
}

#content ul.kachelnliste>li .bild>img{
display: block;
width: 100%;
border-radius: 0;
}

#content ul.kachelnliste>li .text{
position: relative;
margin: 7.692307692307692%;

box-sizing: border-box;
flex-grow: 1;

display: flex;
flex-direction: column;


}
#content ul.kachelnliste>li .text :last-child{
margin-bottom: 0;

}

#content ul.kachelnliste>li .text>*{
flex-grow: 1;
}
#content ul.kachelnliste>li .text>h3{
flex-grow: 0;
}
#content ul.kachelnliste>li .text>p.mehr{
flex-grow: 0;
}

#content ul.kachelnliste>li .text>p.mehr a,
#content ul.kachelnliste>li .text>p.mehr a:link,
#content ul.kachelnliste>li .text>p.mehr a:visited{
color: var(--thm-clr-std-btn);
background-color: var(--thm-clr-std-btn-bgr);
border: var(--thm-btn-brd-thk) solid var(--thm-clr-std-btn-brd);
}
#content ul.kachelnliste>li .text>p.mehr a:hover{
color: var(--thm-clr-std-btn-hov);
background-color: var(--thm-clr-std-btn-bgr-hov);
border-color: var(--thm-clr-std-btn-bhi);
}

.logoblock{

}
div.textblock + div.logoblock{
margin-top: 5.263157894736842em;
margin-top: var(--thm-sct-pdv);
}

#content .logoblock>ul{
clear: both;
list-style: none;
display: block;
margin: 0em 0;
overflow: visible;

display: flex;
flex-direction: row;
flex-wrap: wrap;
}

#content .logoblock>ul>li{
width: 30.45977011494253%;
width: 22.619047619047619%;
margin: 1.19047619047619%;
background: #ffffff;
background-color: rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0.6em rgba(0,0,0,0.1);
box-shadow: var(--thm-shw-std);
position: relative;
overflow: hidden;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
transition: box-shadow 0.5s;
}
.no-touch #content .logoblock>ul>li:hover{
box-shadow: 0 0 0.6em rgba(0,0,0,0.4);
box-shadow: var(--thm-shw-std-hil);
}

#content .logoblock>ul>li .bild{
box-sizing: border-box;
padding: 7.894736842105263%;
height: auto;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}

#content .logoblock>ul>li.reduce_size .bild{
padding: 15.789473684210526%;
padding: 11.842105263157895%;
}

#content .logoblock>ul>li .bild>img{
display: block;
width: auto;
max-width: 100%;
max-height: 120px;
margin: 0 auto;
border-radius: 0;
}

#content .logoblock>ul>li>a{
display: block;
position: relative;
height: 100%;
}

.no-touch #content .logoblock>ul>li>a,
.no-touch #content .logoblock>ul>li>.bild{
filter:  saturate(0);
transition: filter 0.5s;
}

#content .logoblock>ul>li>a:hover{
background: transparent;
}

.no-touch #content .logoblock>ul>li>a:hover,
#content .logoblock>ul>li>a:focus,
.no-touch #content .logoblock>ul>li>.bild:hover{
background: transparent;
filter: none;
outline: 0;
}



.galerieblock{
clear: both;
padding: 0em 0 0 0;
}

div.textblock + div.galerieblock{
margin-top: 5.263157894736842em;
margin-top: var(--thm-sct-pdv);
}

#content ul.galerieliste{
list-style: none;
margin: 0;
overflow: visible;
}

#content ul.galerieliste li{
width: 22.619047619047619%;

padding: 0;
margin: 1.19047619047619%; 

float: left;
display: inline-block;
}


#content ul.galerieliste li:nth-child(4n-3){
clear: left;
}

#content ul.galerieliste li>a{
display: block;
width: 100%;
height: 0;
padding-bottom: 100%;
overflow: hidden;
position: relative;
color: #ffffff;
color: var(--thm-clr-std-bgr);

text-decoration: none;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

box-shadow: 0 0 0.6em rgba(0,0,0,0.1);
box-shadow: var(--thm-shw-std);
}

.no-touch #content ul.galerieliste li>a:hover,
#content ul.galerieliste li>a:focus{
outline: 0;
background-color: #F75601;
background-color: var(--thm-clr-std-pri);

box-shadow: 0 0 0.6em rgba(0,0,0,0.5);
box-shadow: var(--thm-shw-std-hil);
}

#content ul.galerieliste li>a::after{

/*Feather*/
content: "\e9b1";

max-width: 50px;
max-height: 50px;

background-color: #670431;
background-color: var(--thm-clr-std-sek);

position: absolute;
z-index: 1;
/*
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
*/

right: 0;
bottom: 0;
margin: 5%;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

transition: 0.2s;
opacity: 0;

box-shadow: 0 0 10px #ffffff;
box-shadow: 0 0 10px var(--thm-clr-std-bgr);
}

.no-touch #content ul.galerieliste li>a:hover::after,
#content ul.galerieliste li>a:focus::after,
.touch #content ul.galerieliste li>a::after{
opacity: 1;
}

/*
.touch #content ul.galerieliste li>a::after{
transform: none;
left: auto;
top: auto;
right: 10px;
bottom: 10px;
text-shadow: 0 0 2px rgba(0,0,0,0.5);
background-color: rgba(0,0,0,0.3);
border: 1px solid #ffffff;
box-sizing: border-box;
}
*/
#content ul.galerieliste li>a>img{
display: block;
width: 100%;

position: absolute;
height: 100%;
object-fit: cover;

transition: 0.2s;
}
/* */
.no-touch #content ul.galerieliste li>a:hover img,
#content ul.galerieliste li>a:focus img{
filter: grayscale(1) brightness(1.3);
mix-blend-mode: multiply;
}





/* Bereichs-spezifische Styles */


/* Home */

#b_home #breadcrumbs{
display: none;
}




/* Kontakt */

/*TO-DO*/


#b_kontakt .textblock .bild{
width: 48.529411764705882%;
margin: 0 0 4px 2.941176470588235%;
}

/*
#b_kontakt #sc_einleitung .textblock{
clear: none;
margin: 0 1.19047619047619%;
width: 30.952380952380952%;
float: left;
display: inline-block;
}
*/


/*TO-DO*/
#b_suchergebnisse{
}

#b_suchergebnisse #breadcrumbs {
display: none;
}

ul#suchergebnisliste{
list-style-type: none !important;
margin: 0;
padding: 0;
overflow: visible;
box-sizing: border-box;
margin: 0;
}

#content ul#suchergebnisliste li{
min-height: 50px;
margin: 0 0 2em 0;
}

#content ul#suchergebnisliste li:last-child{
margin-bottom: 0;
}

ul#suchergebnisliste li a{
padding: 2.205882352941176%;
box-sizing: border-box;
display: block;
text-decoration: none;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
color: inherit;
background: #ffffff;
background-color: var(--thm-clr-std-bgr);
position: relative;
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

box-shadow: 0 0 0.6em rgba(0,0,0,0.1);
box-shadow: var(--thm-shw-std);
}

.no-touch ul#suchergebnisliste li a:hover,
ul#suchergebnisliste li a:focus{

box-shadow: 0 0 0.6em rgba(0,0,0,0.5);
box-shadow: var(--thm-shw-std-hil);
}

ul#suchergebnisliste li a h3{
/*
font-size: 1em;
line-height: 1.578947368421053em;
line-height: var(--thm-fnt-bse-lht);
*/
margin-bottom: 0.7em;
}
ul#suchergebnisliste li:first-child a h3{

}

.no-touch ul#suchergebnisliste li a:hover h3,
ul#suchergebnisliste li a:focus h3{
color: #F75601;
color: var(--thm-clr-std-pri);
}


ul#suchergebnisliste li a p.textausschnitt{
margin-bottom: 0.75em;
}

.no-touch ul#suchergebnisliste li a:hover p{

}

ul#suchergebnisliste li a p.pfad{
font-size: 0.894736842105263em;
line-height: 1.647058823529412em;
margin:0em 60px 0 0;
color: #747474;
color: var(--thm-clr-ntr);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
}
.no-touch ul#suchergebnisliste li a:hover p.pfad,
ul#suchergebnisliste li a:focus p.pfad{

}
ul#suchergebnisliste li a p.pfad>span{
margin-right: 10px;
padding-left: 15px;
display: inline-block;
position: relative;
/*background: url('../img-dsg/BG_pathfinder_trenner3.gif') no-repeat left 2px;*/


}
ul#suchergebnisliste li a p.pfad>span.offscreen{
position: absolute;
}
ul#suchergebnisliste li a p.pfad>span:after{
content: ">";
font-size: 1em;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.7;
margin-top: 0em;
margin-right: 0;
position: absolute;
left: -0.2em;
top: 0px;

transform: scale(0.5,1);
	
color: inherit;
}
.no-touch ul#suchergebnisliste li a:hover p.pfad>span:after,
ul#suchergebnisliste li a:focus p.pfad>span:after{

}
ul#suchergebnisliste li a p.pfad span:first-child{
padding-left: 0;
}
ul#suchergebnisliste li a p.pfad span:first-child:after{
display: none;
}





form.k_form{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}

form.k_form div.offscreen{
position: absolute;
left: -99999px;
}

.k_form .pt1{
width: 50%;
}
.k_form .pt2{
width: 50%;
}
.k_form .pt3{
width: 100%;
}

.k_form label{
position: relative;
font-size: 1em;
line-height: 1.578947368421053em;
line-height: var(--thm-fnt-bse-lht);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);

margin: 0px 0px 2px 0;
padding: 0 0 0 1px;
white-space: nowrap;
display: block;
/*
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
*/

padding: 0 0 0 0;
display: block;
/*
margin: 0px 2.380952380952381% 1.5em 2.380952380952381%;
*/
margin: 0px 2.702702702702703% 1.5em 2.702702702702703%;
}

.k_form .pt3 label{
/*
margin: 0px 1.19047619047619% 1em 1.19047619047619%;
*/
margin: 0 1.351351351351351%  1em 1.351351351351351%;
overflow: hidden;
}

.k_form .pt3 label#LKF_Datenschutzhinweise_gelesen{
	color: var( --thm-clr-std-dsh-hell );
	margin-top: 0.5em;
	margin-bottom: 2em;
}

.k_form label>span{
position: absolute;
left: -99999px;
}

.k_form label>input,
.k_form label>select,
.k_form label>textarea{
display: block;
width: 100%;
}



.k_form input,
.k_form select,
.k_form textarea{
/*
-webkit-appearance: none;
*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;  
box-sizing: border-box;
  
font-family: inherit;
font-size: 1em;
line-height: 1.578947368421053em;
line-height: var(--thm-fnt-bse-lht);
padding: 13px 10px 13px 10px;

background: #FFFFFF;
border: 2px solid #FFFFFF;
color: #000000;

border-radius: 3px;
border-radius: var(--thm-brd-rad-std);

margin: 0;
}

.k_form .marker{
font-size: 1.25em;
line-height: 0em;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
display: inline-block;
}

.k_form input[type="checkbox"],
.k_form input[type="radio"]{
width: auto;

background: none;

box-shadow: none !important;
-webkit-box-shadow: none !important;

border: 0;

-webkit-border-radius: 3px !important;
-webkit-border-radius: var(--thm-brd-rad-std) !important;
border-radius: 3px !important;
border-radius: var(--thm-brd-rad-std) !important;

margin-top: 0.5em;
/*
margin-right: 0.5em;
*/
margin-left: 1px;
float: left;
}

.k_form label>input[type="checkbox"]+span,
.k_form label>input[type="radio"]+span,
.k_form label>input[type="checkbox"]+label+span,
.k_form label>input[type="radio"]+label+span{
display: block;
position: relative;
left: auto;

float: right;
white-space: normal;
width: calc( 100% - 1.2em );
}

.k_form input[type="text"],
.k_form textarea{
-webkit-appearance: none;
}

.k_form select{
font-size: 1em;
padding: 13px 10px 13px 10px;
width: 100%;

box-shadow: none;
-webkit-box-shadow: none !important;

/*appearance: none;*/
-moz-appearance: none;
-webkit-appearance: none;

background-position: 98.5% center;
background-repeat: no-repeat;
background-image : url('../img-dsg/icon_select.svg');
/*
background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166 166"><polygon fill="%23'var(--thm-clr-tst)'" points="83 26.8 65.7 61.8 27.1 67.4 55 94.7 48.5 133.2 83 115 117.5 133.2 111 94.7 138.9 67.4 100.3 61.8 83 26.8 83 26.8"/></svg>');
*/
background-size: auto 0.6em !important;
}

form.k_form  select[value=""],
form.k_form  select option[value=""]{
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
}

.k_form .pt2 #LKF_Mitteilung{
height: 100%;
}
.k_form .pt2 #LKF_Mitteilung textarea{
display: block;
width: 100%;
max-width:  100%;
min-width:  100%;
height: 100px;
max-height: 80vh;
min-height: 160px;
overflow: auto;
resize: vertical;
resize: none;
margin: 0;
height: 100%;
height: calc( 100% - 1.5em );
}


.k_form label.error{
position: absolute;
top: 0em;
right: 2px;

margin: 5px 3px 0 0;
margin-right: var(--thm-brd-rad-std);
font-size: 0.789473684210526em;
line-height: 1em;
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
color: #AA0000;
color: var(--thm-clr-err);
text-align: right;
}


.k_form input[type="checkbox"]+label.error,
.k_form input[type="radio"]+label.error{
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
border: 2px solid #AA0000;
border-color: var(--thm-clr-err);
border-radius: 3px;
border-radius: var(--thm-brd-rad-std);
border-top-left-radius: 2px;
text-indent: -100%;
margin: 0;
text-align: left;
}

.k_form input.error, 
.k_form select.error, 
.k_form textarea.error{
border: 2px solid #AA0000;
border-color: var(--thm-clr-err);
/*
outline: 0 !important;
*/
}

.k_form #CKF_submit{
height: auto;
min-height: 0 !important;
margin-bottom: 1em;
clear: both;

padding-top: 2em;
}

.k_form button,
.k_form #KF_submit{
	margin: 0px 1.351351351351351% 0.25em 1.351351351351351%;
	margin-bottom: 0;
}

.k_form #KF_submit:hover{

}

.k_form p.pflichtfelder{
margin: 0.8125em 1.351351351351351%;
font-size: 0.88235294117647em;
line-height: 1.33333333333em;
text-align: right;
clear: both;
float: right;
max-width: 48%;
}

form.k_form  ::-webkit-input-placeholder {
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.75;
}
form.k_form  :-moz-placeholder { /* Firefox 18- */
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.75;
}
form.k_form  ::-moz-placeholder {  /* Firefox 19+ */
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.75;
}
form.k_form  :-ms-input-placeholder {  
color: #000000;
color: var(--thm-clr-std-txt);
font-weight: 400;
font-weight: var(--thm-fnt-std-wrg);
opacity: 0.75;
}


.textblock .adr, #footer_text .adr {
	width: 57px;
	display: inline-block;
}



@font-face {
font-family: 'Feather';
src:
url('../fonts/Feather.ttf?sdxovp') format('truetype'),
url('../fonts/Feather.woff?sdxovp') format('woff'),
url('../fonts/Feather.svg?sdxovp#Feather') format('svg');
font-weight: normal;
font-style: normal;
}

/* (Pseudo-)Elemente mit Icon-Font */

#menubutton::after,
#nav1 ul.navlist > li span.mbutton::after,
#nav1 ul.navlist>li>ul li a.has_menu::after,
#suchform button::after,
#extrabox #extrabox_button::before,
#extrabox #extrabox_close::before,
#slideshow-buttons>div#slider-bt-next::before,
#slideshow-buttons>div#slider-bt-prev::before,
.bildstreifen_controls span.bildstreifen_back::before,
.bildstreifen_controls span.bildstreifen_more::before,
ul.klickkachelnliste>li>a>.text::before,
.auflistungblock ul.ab_gruppe>li>.bild>a::after,
/*.auflistungblock ul.ab_gruppe>li>.bild.pic_yt::before,*/
div.expandlist>ul>li>h3::after,
#content ul.galerieliste li>a::after,
div.expandlist ul>li>.contents .bild>a::after,
#lbPrevLink::after, 
#lbNextLink::after,
#lbCloseLink::after{

font-family: "Feather" !important;
font-style: normal !important;
font-weight: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: 100%;
height: 100%;
color: inherit;

transition: 0.2s;

/*font-size: 1.5em;*/
font-size: 1.8rem;
}


/*
html.demomode .bild>img{
visibility: hidden;
}
*/


.k_form label.frm_cnt6, .k_form label.frm_cnt7 {
	float: left;
	width: 47%;
}

.k_form label.frm_cnt7 {
	float: right;
}

.k_form label.frm_headline {
	clear: both;
	width: 100%;
	margin-bottom: 0;
	padding-top: 1em;
}

.k_form label h4 {
}

.k_form input[type="file"] {
	position: absolute;
	left: -99999px;
}

.k_form label.frm_cnt6 label, .k_form label.frm_cnt7 label {
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	overflow: hidden;
	white-space: normal;
	cursor: pointer;
	color: #ffffff;
	background: #003D6E;
	background: #777777;
	display: inline-block;
	position: relative;
	padding: 0.5em 0.8em;
	padding-right: 0.8em;
	padding-right: 2em;
	border-radius: 6px;
	text-decoration: none;
}

.k_form input[type="file"] + button.remove {
	position: absolute;
	right: 0;
	top: 0;
	border: 0;
	border-radius: 4px;
	background: #fff;
	color: #777777;
	font-size: 1em;
	line-height: 1.25em;
	margin: 0.45em 0.45em 0 0;
	cursor: pointer;
}

#LKF_Datenschutzhinweise_gelesen {
	margin-top: 0;
}


/*
Kundeninformationsanzeigen
*/

.showKdInfo {

}

.showKdInfo span.klein {
	border-radius: 6px;
	font-size: 0.73em;
	margin-right: 0.4em;
	width: 99%;
	display: inline-flex;
	background-color: #efefef;
	background-color: var(--thm-clr-std-txt-bgr);
	color: white;
	font-weight: bold;
	padding:  0 0.4em;
	text-transform:capitalize;
}

.showKdInfo span.gross {
	font-size: inherit;
	width: 96.5%;
	display: inline-flex;
	background-color: rgba(235, 235, 235, 0.24);
	line-height: 1.8em;
	padding: 0 0.4em;
	border-radius: 6px;
	outline: 1px solid #0a1060;
	outline-color: rgb(10, 16, 96);
	outline-style: solid;
	outline-width: 1px;
	outline-offset: 3px;
	margin-left: 4px;
	margin-top: 6px;
}


.showKdInfo span.gross:last-child {
	margin-bottom: 0.8em;
}

.showKdInfo span.klein,
.showKdInfo span.gross {
	margin-bottom: 5px;
}

.showKdInfo span.kdi_plz {
	min-width: unset;
	margin-right: 0.5em;
}

.kdInfoFeld {
	width: 48%;
	float: left;
}

.kdInfoFeld:nth-child(2n) {
	float: right;
}
/************************************************************/
.showVtInfo span.klein {
	color: white;
	padding: 0 0.5em;
	border-radius: 6px;
	background-color: var(--thm-clr-std-txt-bgr);
	font-weight: bold;
	text-transform:capitalize;
	width: 28%;
	float: left;
}

.showVtInfo span.gross {
	font-size: inherit;
	width: 65%;
	background-color: rgba(235, 235, 235, 0.64);
	padding: 0 0.4em;
	border-radius: 6px;
	margin-left: 4px;
	float: left;
}


.showKdInfo span.gross:last-child {
	margin-bottom: 0.8em;
}

.showKdInfo span.klein,
.showKdInfo span.gross {
	margin-bottom: 5px;
}

.showKdInfo span.kdi_plz {
	min-width: unset;
	margin-right: 0.5em;
}
/***********************************/



.kdFeldFull {
	width: 100%;
}

.kdFeldFull:nth-child(2n) {
	float:left;
}

div.abschnittDirection {
	flex-direction: row-reverse;
	flex-direction: unset;
}

/*div.abschnittDirection .text:last-child {
	width: auto;
	width: 47.619047619047619%;
}*/

div.abschnittDirection .text:first-child {
	width: auto;
	width: 97.619047619047619%;
}


/*Kundentabellen*/
div.kdT {
	display: block;
}

div.kdT section.kdTFilter {
	margin-bottom: 0.5em;
}

div.kdT section.kdTFilter:first-child {
	float: none;
}

div.kdT section.kdTLine:nth-child(2n+1) {
	background-color: lightgrey;
}


div.kdT>section>div>span{
	margin-top: 0.35em;
}

div.kdT>section>div:nth-child(1),
div.kdT>section>div:nth-child(2),
div.kdT>section>div:nth-child(3),
div.kdT>section>div:nth-child(4),
div.kdT>section>div:nth-child(5){
	float: left;
	padding: 0 0.6%;
}

div.kdT>section>div>span:nth-child(1),
div.kdT>section>div>span:nth-child(2),
div.kdT>section>div>span:nth-child(3),
div.kdT>section>div>span:nth-child(4),
div.kdT>section>div>span:nth-child(5),
div.kdT>section>div>span:nth-child(6){
	float: left;
}

	/* Spaltenbreite DEFAULT */
div.kdT>section>div:nth-child(1){
	min-width: 14%;
}

div.kdT>section>div:nth-child(2) {
	min-width: 13%;
}

div.kdT>section>div:nth-child(3){
	min-width: 5%;
}


div.kdT>section>div:nth-child(4) {
	min-width: 19%;
}

div.kdT>section>div:nth-child(5) {
	min-width: 32%;
	overflow: hidden;
}

/* Spaltenbreite belegSpalte */
div.kdT>section>div.belegSpalte:nth-child(1){
	min-width: 14%;
}

div.kdT>section>div.belegSpalte:nth-child(2){
	min-width: 20%;
}


div.kdT>section>div.belegSpalte:nth-child(3){
	min-width: 10%;
}

div.kdT>section>div.belegSpalte:nth-child(4){
	min-width: 17%;
}

div.kdT>section>div.belegSpalte:nth-child(5){
	min-width: 17%;
}


/* Spaltenbreite artikelSpalte */
div.kdT>section>div.artikelSpalte:nth-child(1){
	min-width: 12%;
}

div.kdT>section>div.artikelSpalte:nth-child(2){
	min-width: 51%;
}

div.kdT>section>div.artikelSpalte:nth-child(3){
	min-width: 10%;
}

/* Spaltenbreite konsiSpalte */
div.kdT>section>div.konsiSpalte:nth-child(1){
	min-width: 10%;
}
div.kdT>section>div.konsiSpalte:nth-child(2){
	min-width: 5%;
}
div.kdT>section>div.konsiSpalte:nth-child(3){
	min-width: 51%;
}
div.kdT>section>div.konsiSpalte:nth-child(4){
	min-width: 5%;
}


div.kdT>section>div>span.tBetrag {
	float: right;
	margin-right: 11%;
	vertical-align: middle;
}


div.kdT>section>div>span.tBetrag:after {
	content: "€";
	padding-left: 4px;
}
/* ENDE belegSpalte */

div.kdT section.kdTLine {
	height: 2.3em;
}

div.kdT section.kdTLine:last-child{
	clear: both;
}

div.kdT section.kdTLine div span {
	display: inline-block;
	vertical-align: -moz-middle-with-baseline;
}

div.kdT section.kdTLine:hover {
	background-color: rgba(100, 100, 100, 0.8);
	border-radius: 6px;
	color: whitesmoke;
	cursor: pointer;
}

div.kdT>section.kdTHeader {
	font-weight: bold;
	color: white;
	background-color: var(--thm-clr-std-txt-bgr);
	padding: 0.6%;
	margin-bottom: 20px;
	display: flex;
	border-radius: 6px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.20);
	clear: both;
}

p.kdTB a {
	padding: 0.2125em 0.8em 0.2125em 0.7em !important;
	vertical-align: -moz-middle-with-baseline;
}

div.kdT section.kdTLine div span.cButton,
th div span.cButton,
div span.cButton {
	float: right;
	margin-right: 0.5em;
	margin-top: 0.23em;
	/*padding: 1px 7px;*/
}

div.kdT section.kdTLine div span button,
th div span button {
	margin-left: 0;
/*	height: 2.6em; */
	font-weight: bold;
/*	padding: 0.5125em 0.7em 0.8125em 0.7em; */
	font-size: 0.72105263157895em;
	right: 0;
}

section.kdTSchmal {
	display: none;
}

.vertragInfo {
	margin-bottom: 2em !important;
}

.vertragInfo div {
	float: left;
}

.vSchmal:after {
	clear: both;
}

.vertragInfo div:nth-child(even) {
	width: 68%;
	margin-bottom: 5px;
}
.vertragInfo div:nth-child(even) span {
	border-radius: 6px;
	width: 96%;
	background-color: var(--thm-clr-ntr);
	padding: 2px 11px;
	display: inline-flex;
}

.vertragInfo div:nth-child(odd) {
	width: 30%;
	clear: both;
	margin-bottom: 5px;
	min-width: 140px;
}

.vertragInfo div:nth-child(odd) span {
	border-radius: 6px;
	font-size: 0.73em;
	margin-right: 0.4em;
	display: inline-flex;
	background-color: #efefef;
	background-color: var(--thm-clr-std-txt-bgr);
	color: white;
	font-weight: bold;
	padding: 2px 11px;
	text-transform:capitalize;
	min-width: 80%;
}

.vertragInfo div:last-child {
	background-color: unset;
	display: block;
}

div.vertragInfo div p.mehr a {
	float: right;
}

.vertragInfoEnd {
	clear: both;
	margin-bottom: 20px;
}

div.abschnitt .loginBox, div.abschnitt .loginBox:last-child, div.abschnitt .rueckmeldung {
	/*width: 65%;*/
	margin: 0 auto;
	min-width: 352px;
	background-color: var(--thm-clr-frm-box);
}

div.abschnitt .loginBox, div.abschnitt .loginBox:last-child {
    padding: 3.692%;
}

div.abschnitt .rueckmeldung {
    padding: 1.692%; !important;
}


div.abschnitt .loginBox h3 {
	width: 98%
}


.k_login label {
	width: 100%;
	/* float: left; */
	margin-left: 0;
	margin-right: 0;
}

.k_login label:last-child {
	float: right;
}

div.zweiboxen {
	margin: 0 17.45%;
	margin-top: 1.8em;
}

div.abschnitt .loginerweitwerung,
div.abschnitt .loginerweitwerung:last-child {
	width: 47%;
	min-width: unset;
	margin: 0;
	position: relative;
}


a.aZweiBoxen,
button.aZweiBoxen {
	margin-left: 0;
	position: absolute;
	bottom: 1.5em;
}

h3.aZweiBoxenh3:nth-child(2) {
	margin-top: 0;
}


a.LeerBox,
button.LeerBox{
	color: rgba(0, 0, 0, 0) !important;
	background-color: rgba(0, 0, 0, 0) !important;
}


div.abschnitt .loginerweitwerung:first-child {
	float: left;
}

div.abschnitt .loginerweitwerung:last-child {
	margin-left: 5.6%;
}

.k_registrieren_mWidth {
    max-width: 711px;
}

.k_registrieren {
    max-width: 613px;
    margin: 0 auto;
}


.k_registrieren a {
	font-weight: 700;
}

.k_registrieren label {
	margin-bottom: 1.5em !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.k_registrieren button,
.k_registrieren #KF_submit {
    margin: 0;
}

.moreButton {
	width: 100%;
}

.k_registrieren span {
	display: block;
	margin-left: 10%;
	margin-top: 0.3em;
}

.k_registrieren span:last-child {
	margin-bottom: 0.3em !important;
}

#msgBlock {
	width: 95%;
	position: fixed;
	z-index: 10000;
	top: 9%;
	overflow: hidden;
	padding-bottom: 38px;
}

#msgBlock.msgBlockKlein {
	width: 10%;
	min-width: 105px;
}


#MSGinfos {
	display: block;
	height: auto;
	width: 80%;
	background-color: #f2f2f2;
	color: #000142;
	border: #8c0505;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-style: outset;
	padding: 10px;
	overflow: scroll;
/*	overflow-x: hidden;*/
	box-shadow: 9px 11px 24px rgba(0,0,0,0.45);
	margin: 0 auto;
	margin-bottom: 0;
	max-height: 80vh;
}

#clickInfo {
	left: 7px !important;
}

#clickInfo.msgBeforeShow img {
	display: block;
}


#clickInfo:after {
	content: "Mit Maus CLICK Fenster minimieren.";
	display: block;
	background-color: gray;
	color: whitesmoke;
	padding: 5px;
	padding-left: 50px;
	height: 34px;
}

#clickInfo.msgBeforeShow:after {
	content: unset !important;
}

#clickInfo.msgBeforeShow, .msginfosKlein {
	height: 41px !important;
	width: 46px !important;
	left: 3px;
	position: absolute;
	overflow: hidden !important;
	padding: 0 !important;
	padding-top: 3px !important;
}

.msgBlockKlein {
	height: 70px !important;
}

.MSGtext {
	margin-top: 0.6em;
}

.msginfosKlein > .MSGtext {
	margin-top: 80px;
}

#clickInfo img {
	display: none;
}

#clickInfo img.msgInfoBildC {
	display: block;
	width: 30px;
	position: absolute;
	margin-left: 5px;
	padding: 7px;
	background: gray;
}


.msginfosKlein img.msgInfoBildC {
	display: none !important;
}

.msginfosKlein img.msgInfoBildO {
	display: block !important;
	width: 32px;
}

.msginfosKlein > .MSGtext {
	display: none;
}

.MSGtext > p {
	margin-bottom: 0.8em;
	padding-left: 5px;
	padding-rigth: 5px;
	border-bottom: 1px solid lightgray;

}

.MSGtext span {
	background-color: lightgray;
	color: darkblue;
	display: block;
}

.MSGLine {
	background-color: #97976d;
	color: whitesmoke;
}

.kdTBreit {
	padding-bottom: 2em;
}

.hilfsBlockContract {
	display: block;
	height: 3em;
	background-color: var(--thm-clr-vt1-bgr);
}

.buttonShowMore {
	margin-top: 10px;
}

.buttonShowMore button {
	line-height: 0.9em;
}

.details-button {
	line-height: 0.5em;
	margin-left: 0;
	font-size: 0.65em;
	width: 38px;
	display: inline-block;
	height: 38px;
}

select.belegeJahr {
	height: 2em;
	padding: 2px 10px;
	border: var(--thm-btn-brd-thk) solid var(--thm-clr-std-btn-brd);
	border-radius: 3px;
	border-radius: var(--thm-brd-rad-std);
}

#breadcrumb {
	background-color: var(--thm-clr-vt1-bgr);
	padding-top: 20px;
	padding-left: 2%;
}

#breadcrumb ol {
	--tw-text-opacity: 1;
	color: rgb(67 97 238/var(--tw-text-opacity));
	font-weight: 600;
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
}


#breadcrumb ol li {
	--tw-bg-opacity: 1;
	background-color: lightgray;
	margin-left: unset;
	margin-bottom: unset;
}

#breadcrumb ol li:first-child {
	border-top-left-radius: .375rem;
	border-bottom-left-radius: .375rem;
}

#breadcrumb ol li a {
	color: var(--thm-clr-std-hls);
	padding: .375rem;
	padding-right: 0.375rem;
	padding-left: 0.375rem;
	align-items: center;
	display: flex;
	position: relative;
}


#breadcrumb ol li a:before {
	content: "";
	right: -15px;
	border-top-color: #0000;
	--tw-border-opacity: 1;
	border-left-color: rgb(235 237 242/var(--tw-border-opacity));
	border-bottom-color: #0000;
	width: 0;
	height: 0;
	margin: auto;
	z-index: 1;
	top: 0;
	bottom: 0;
	position: absolute;
	border-right-width: 0;
	border-left-width: 15px;
}

.dataTable-top{
	display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-weight:500;
	position: absolute;
	z-index: 40;
}
.dataTable-top{
	margin-bottom:0.55rem
}

.dataTable-search .dataTable-input,
.kdTFilter select {
	width:auto;
	background-color:#fff;
	color:#0e1726;
	border-color:#e0e6ed;
	border-radius:6px;
	padding:8px 16px;
	font-size:14px;
	line-height:20px;
	font-weight:600;
	border-width:1px;
	outline:none!important
}

.kdTFilter select {
	height: 37px;
}

.dataTable-search .dataTable-input:focus{
	border-color:#0e1726
}

.dataTable-search .dataTable-input{
	box-shadow:none!important
}

.dataTable-search .dataTable-input,
.kdTFilter select{
/*	background-color:#121e32; */
	color:#888ea8;
}

.verData .seachBlock {
	display: block;
	float: right;
	margin-bottom: 10px;
}


table.dataTable>thead>tr, div.dataTables_scrollHead {
	background-color: var(--thm-clr-std-txt-bgr);
	color: whitesmoke;
}

table.dataTable tr.even {
	background-color: lightgrey;
}


.dataTables_wrapper thead tr th {
	vertical-align: middle;
}

.dataTables_filter input {

}

/* Sidebar */
#sidebar {
	z-index: 10000 !important;
}

.sidebarVal {
	position: fixed;
	right: 2px;
	z-index: 40;
	z-index: 60;
	z-index: 110;
	top: 211px;
	max-width: 44px;
	display: flex;
	flex-direction: revert;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	z-index: 49;
}

.sidebarValInfo {
	right: -450px;
	display: block;
	flex-direction: unset;
}

.sidebarGross {
	right: 450px;
}

.sidebarGrossInfo {
	right: -4px;
}



#callback #callback_button {
	display: block;
	width: 45px;
	height: 45px;
	border: 1px solid var(--cnvs-contrast-500);
	border-right-width: 0;
	border-radius: 6px 0 0 6px;
	background: #E20036 url('../img-dsg/kontakt_w4.png') no-repeat center center;
	background-color: rgb(226, 0, 54);
	background-color: var(--thm-clr-vt1-btn-bgr);
	background-size: 32px auto;
	box-shadow: 0 0px 10px rgba(0,61,110,0.25);
	margin: 0 0px 0 0;
	position: relative;
	font-size: 0.818181818181818em;
	line-height: 1.2em;
	color: #000000;
	font-weight: 400;
	text-align: center;
	text-transform: none;
	cursor: pointer;
	left: 1px;
}

:root {

	/* Colors */
	--thm-clr-ntr: #747474;
	--thm-clr-err: #AA0000;

	--thm-clr-std-bgr: #FFFFFF;
	--thm-clr-std-bgr2: #124781;
	--thm-clr-std-pri: #F75601;
	--thm-clr-std-sek: #670431;
	--thm-clr-std-txt: #000000;
	--thm-clr-std-hls: #000000;
	--thm-clr-std-hls-hell: #464646;
	--thm-clr-std-dsh-hell: #494949; /*Datenschutz Hinweis color*/

	--thm-clr-std-hlm: var(--thm-clr-std-hls);
	--thm-clr-std-fol: var(--thm-clr-std-sek);

	--thm-clr-std-txt-bgr: var(--thm-clr-std-bgr2);
	--thm-clr-std-btn-bgr: var(--thm-clr-std-pri);
	--thm-clr-std-btn: var(--thm-clr-std-bgr);
	--thm-clr-std-btn-bgr-hov: var(--thm-clr-std-sek);
	--thm-clr-std-btn-hov: var(--thm-clr-std-bgr);
	--thm-clr-std-btn-brd: var(--thm-clr-std-sek);
	--thm-clr-std-btn-bhi: var(--thm-clr-std-pri);

	--thm-clr-vt0-bgr: var(--thm-clr-std-bgr);

	--thm-clr-vt1-bgr: #E2DACF;
	--thm-clr-vt1-txt: #e8e8e8;
	--thm-clr-vt1-hls: var(--thm-clr-std-hls);
	--thm-clr-vt1-anc: var(--thm-clr-std-pri);
	--thm-clr-vt1-anc-hil: var(--thm-clr-std-sek);
	--thm-clr-vt1-lim: var(--thm-clr-std-pri);

	--thm-clr-vt1-btn-bgr: var(--thm-clr-std-btn-bgr);
	--thm-clr-vt1-btn: var(--thm-clr-std-btn);
	--thm-clr-vt1-btn-bgr-hov: var(--thm-clr-std-btn-bgr-hov);
	--thm-clr-vt1-btn-hov: var(--thm-clr-std-btn-hov);
	--thm-clr-vt1-btn-brd: var(--thm-clr-std-btn-brd);
	--thm-clr-vt1-btn-bhi: var(--thm-clr-std-btn-bhi);

	--thm-clr-vt2-bgr: var(--thm-clr-std-sek);
	--thm-clr-vt2-txt: var(--thm-clr-std-bgr);
	--thm-clr-vt2-hls: var(--thm-clr-std-bgr);
	--thm-clr-vt2-anc: var(--thm-clr-std-pri);
	--thm-clr-vt2-anc-hil: var(--thm-clr-vt2-txt);

	--thm-clr-vt2-btn-bgr: var(--thm-clr-std-btn-bgr);
	--thm-clr-vt2-btn: var(--thm-clr-std-btn);
	--thm-clr-vt2-btn-bgr-hov: var(--thm-clr-std-btn-hov);
	--thm-clr-vt2-btn-hov: var(--thm-clr-std-btn-bgr-hov);
	--thm-clr-vt2-btn-brd: var(--thm-clr-std-btn-brd);
	--thm-clr-vt2-btn-bhi: var(--thm-clr-std-btn-bhi);

	--thm-clr-hdr-bgr: var(--thm-clr-std-bgr);
	--thm-clr-hdr-txt: var(--thm-clr-std-txt);

	--thm-clr-nv1-bgr: var(--thm-clr-std-bgr);
	--thm-clr-nv1-anc: var(--thm-clr-std-txt);
	--thm-clr-nv1-anc-hil: var(--thm-clr-std-pri);
	--thm-clr-nv1-anc-bgr-hil: rgba(247,86,1,0.2);
	--thm-clr-nv1_1-anc: var(--thm-clr-nv1-anc);
	--thm-clr-nv1_1-anc-hil: var(--thm-clr-nv1-anc-hil);
	--thm-clr-nv1-trn: rgba(0,0,0,0.2);
	--thm-clr-nv1_l-anc: var(--thm-clr-ntr);
	--thm-clr-nv1_l-anc-hil: var(--thm-clr-std-pri);
	--thm-clr-nv1-bgr-mob: var(--thm-clr-hdr-bgr);

	--thm-clr-sto-bgr: var(--thm-clr-std-sek);
	--thm-clr-sto: var(--thm-clr-std-bgr);
	--thm-clr-sto-anc: var(--thm-clr-std-bgr);
	--thm-clr-sto-anc-bgr: var(--thm-clr-std-pri);
	--thm-clr-sto-anc-hil: var(--thm-clr-std-pri);
	--thm-clr-sto-anc-bgr-hil: var(--thm-clr-std-bgr);

	--thm-clr-ftr-bgr: var(--thm-clr-std-sek);
	--thm-clr-ftr-txt: var(--thm-clr-std-bgr);
	--thm-clr-ftr-anc: var(--thm-clr-std-pri);
	--thm-clr-ftr-anc-hil: var(--thm-clr-std-bgr);
	--thm-clr-ftr-fnv: var(--thm-clr-std-bgr);
	--thm-clr-ftr-fnv-hil: var(--thm-clr-std-pri);
	--thm-clr-ftr-soc: var(--thm-clr-std-pri);
	--thm-clr-ftr-soc-hil: var(--thm-clr-ntr);

	--thm-clr-exb-bgr: var(--thm-clr-std-pri);
	--thm-clr-exb: var(--thm-clr-std-bgr);
	--thm-clr-exb-anc: var(--thm-clr-exb);
	--thm-clr-exb-anc-hil: var(--thm-clr-std-sek);
	--thm-clr-exb-btn: var(--thm-clr-std-pri);
	--thm-clr-exb-btn-bgr: var(--thm-clr-std-bgr);
	--thm-clr-exb-btn-hil: var(--thm-clr-std-bgr);
	--thm-clr-exb-btn-bgr-hil: var(--thm-clr-std-sek);

	--thm-clr-mmb: var(--thm-clr-std-pri);
	--thm-clr-mmb-bgr: var(--thm-clr-hdr-bgr);

	--thm-clr-abd-bgr: var(--thm-clr-std-txt);
	--thm-clr-abd-opc: 0.5;

	/* Shapes */

	/* --thm-fnt-bse-siz: 118.75%; */
	--thm-fnt-bse-siz: 102%;
	/* --thm-fnt-bse-lht: 1.578947368421053em; */
	--thm-fnt-bse-lht: 1.378947368421053em;

	--thm-fnt-std: "Open-Sans", Arial, Helvetica, sans-serif;
	/*--thm-fnt-std: "Ubuntu", Arial, Helvetica, sans-serif; */
	--thm-fnt-hls: var(--thm-fnt-std);

	--thm-fnt-std-wrg: 300;
	--thm-fnt-std-wbd: 700;
	--thm-fnt-hls-wrg: 300;
	--thm-fnt-hls-wbd: 700;

	--thm-brd-rad-std: 3px;
	--thm-shw-std: 0 0 0.6em rgba(0,0,0,0.1);
	--thm-shw-std: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.12);
	--thm-shw-std-hil: 0 0 0.6em rgba(0,0,0,0.4);

	--thm-btn-brd-thk: 0px;

	/*--thm-sct-pdv: 3.157894736842105em;*/
	--thm-sct-pdv: 5.263157894736842em;

	--thm-hgt-lgo-dkt: auto;
	--thm-wdt-lgo-dkt: 520px;
	--thm-mtp-lgo-dkt: 30px;
	--thm-hgt-lgo-tbl: auto;
	--thm-wdt-lgo-tbl: 300px;
	--thm-mtp-lgo-tbl: 10px;
	--thm-hgt-lgo-smp: auto;
	--thm-wdt-lgo-smp: 250px;
	--thm-mtp-lgo-smp: 8px;

	--thm-top-mmb-tbl: 35px;
	--thm-top-mmb-smp: 24px;

	--thm-shw-exb: 0 0 0.6em rgba(0,0,0,0.25);

	--bg-opacity: 0.8;
}
