@import url("module.css?__ts=1547817769") screen;

/* Reset CSS */
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.333;
	background-color:#fff;
}
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
}
*,*::after,*::before {
	box-sizing: border-box
}
/* Main HTML Elements */
body {
	font-size:1rem;
	font-size:16px;
	color:#555;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-smoothing:antialiased;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
p,.main-col ul,.main-col ol,.main-col dl {
	margin:0 0 1em 0;
}
strong {
	font-weight:600;
}
em {
	font-style:italic;
}
h1,h2,h3,h4,h5 {
	font-weight:300;
	margin-bottom:0.5em
}
h1 {
	font-size:2.5em
}
h2 {
	font-size:1.4em
}
h3 {
	font-size:1.2em
}
h4 {
	font-size:1.1em
}
h5 {
	font-weight:bold
}
hr, .trenner{
	width: 100%;
	height: 1px;
	display: inline-block;
	margin: 15px 0;
	background-color: #ddd;
	color: #ddd;
	clear: both;
}
img {
	max-width:100%;
	height:auto;
}
blockquote {
	padding:15px;
	border-left:3px solid #f0f0f0;
	margin-bottom:1em;
}
ul,ol,ul {
	padding-left:25px;
	list-style:square;
}
ul li,ol li {
	padding-left:10px;
}
ol {
	list-style:decimal;
}
ul ul {
	margin:7px 0;
}
table {
	margin-bottom:15px;
}
table td,table th {
	padding:10px;
}
table th {
	background-color:#f0f0f0;
	font-size:1.1em;
}
.sprungziel {
	display: none;
}
/* Colors */
.primary-bg-color {
	background-color:#004791;
	color:#fff
}
.primary-bg-color a {
	color:#fff
}
.primary-bg-color p {
	opacity:1;
}
.primary-text-color {
	color:#004791
}
.secondary-bg-color {
	background-color:#F1F1F1;
	color:#303030
}
a,a.visited,a.focus {
	color: #004791
}
/* Layout Helpers & Gridsystem */
.nav-h li {
	display:inline-block
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.pull-left {
	float:left;
}
.pull-right {
	float:right;
}
.xs-only{
	display: none;
}
.wrapper {
	max-width:100%;
	width:1400px;
	margin:auto;
	padding:0 15px;
	transition:width 0.4s;
	-webkit-transition:width 0.4s;
	-moz-transition:width 0.4s
}
.row {
	margin:0 -15px;
}
.row:after {
	display:table;
	content:"";
	clear:both
}
.column-1, .column-2, .column-3, .column-4, .column-5, .column-2x3, .column-3x4, .column-3x5, .column-4x5{
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left
}
/* Columns =>Number = Horizontal column count */
.column-1 {
	width:100%
}
.column-2 {
	width:50%
}
.column-3 {
	width:33.333%
}
.column-2x3 {
	width:66.666%
}
.column-4 {
	width:25%
}
.column-4{
	width: 25%
}
.column-3x4{
	width: 75%
}
.column-5 {
	width:20%
}
.column-3x5{
	width: 60%
}
.column-4x5{
	width: 80%
}
.collapse .column-1, .collapse .column-2, .collapse .column-3, .collapse .column-2x3, .collapse .column-4, .collapse .column-3x4, .collapse .column-5, .column-3x5, .collapse .column-4x5{
	padding: 0;
}
.stick-top {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	right:0;
}
.stick-bottom {
	position:fixed;
	width:100%;
	bottom:0;
	left:0;
	right:0;
}
.clearfix {
	clear: both
}
@media screen and (max-width: 1200px){
	.footer .column-4 {
	    width: 50%;
	}
}
/* Layout Helper Media Queries */
@media screen and (max-width: 680px){
	.column-1, .column-2, .column-3, .column-4, .column-5, .column-2x3, .column-3x4, .column-3x5, .column-4x5{
		width: 100%
	}
	.xs-only{
		display: block;
	}
	.hide-xs{
		display: none;
	}
	.stickypush, .footer, .footer .box, .stickywrapper{
		height: auto !important;
	}
	.footer .column-4 {
	    width: 100%;
	}
}

/* Tracking Box */
.tracking-box-wrap {display:none;position:fixed;top:0;left:0;right:0;z-index:999999;color:#111111;background:#f2f2f2;padding:15px;-webkit-box-shadow:0px 5px 5px 0px rgba(32,32,32,0.5);-moz-box-shadow:0px 5px 5px 0px rgba(32,32,32,0.5);box-shadow:0px 5px 5px 0px rgba(32,32,32,0.5);}
.tracking-box-text {float:left;width:90%;}
.tracking-box-buttons {float:right;width:10%;text-align:center;}
.tracking-box-buttons button.btn {margin:0;}
.clearfix:after {content:'.';clear:both;display:block;visibility:hidden;height:0px;}
button.btn {display:inline-block;position:relative;overflow:hidden;height:auto;padding:10px 25px 12px 25px;color:#fff;background-color:#342e28;border:none;border-radius:0px;font-weight:700;box-shadow:none;margin:10px 10px 0 0;text-decoration:none;cursor:pointer;-webkit-appearance:none;}

/*.btn-link {display:inline !important;overflow:hidden;height:auto;padding:10px 25px 12px 25px;color:#fff;background-color:#342e28;border:none;border-radius:0px;font-weight:700;box-shadow:none;margin:10px 10px 0 0;text-decoration:none;cursor:pointer;-webkit-appearance:none;}*/

/*-------------------------------------------------------------- Main Layout --------------------------------------------- */
html, body {
	height:100%;
}
body.startseite{
	background-color: #27221e;
}
body.startseite .content{
	-webkit-transition: -webkit-transform 0.2s;
	-moz-transition: -moz-transform 0.2s;
	transition: transform 0.2s;
	position: relative;
	z-index: 0;
}
.home-bg {
	background:url('dev-bg.jpg') no-repeat center center;
	background-size:cover;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
	-webkit-transition: -webkit-filter 0.6s;
	transition: filter 0.6s;
}
.home-bg.blur {
	-webkit-filter: blur(13px);
	filter: blur(13px);
}
.masthead {
	min-height:275px;
	position:relative;
	background:no-repeat center top;
	background-size:cover;
}
.masthead .page-title {
	position:absolute;
	bottom:30px;
	margin:0;
	color:#fff;
	font-weight:600;
	text-shadow:0 3px 4px rgba(0,0,0,0.4)
}
.masthead .logo{
	margin-left: -18px;
	position: relative;
	z-index: 1;
}
.topmenu li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.slicknav_menu{
	display: none;
	background-color: #27221e;
}
.slicknav_menu ul.slicknav_nav{
	padding: 55px 0 0 0;
	font-size: 1.2em;
}
.startseite .slicknav_menu ul.slicknav_nav > li:nth-child(3){
	display: none;
}
.slicknav_menu ul li{
	padding: 0;
}
.slicknav_menu a{
	color: #fff;
}
.slicknav_menu i{
	float:right;
}
.mobilelogo{
	position: absolute;
	z-index: 10;
	top: 0;
}
.topmenu {
	position:relative;
	height:115px;
	background-color:#eee;
	background-color:rgba(255,255,255,0.75);
	z-index: 10;
}
.topmenu .nlv_1 {
	position: relative;
	width: 100%;
	padding-left: 180px;
}
body.startseite .topmenu .nlv_1 {
	position: relative;
	padding: 0;
}
.topmenu .nlv_1 > li:hover{
	background-color: #fff;
	background-color:rgba(255,255,255,0.8);
}
.topmenu .nlv_1>li {
	width:25%;
	text-align:center;
	float:left;
	transition: background 0.2s ease-in-out;
}
.topmenu .nlv_1>li#nlt_2716_44,
.topmenu .nlv_1>li#nlt_2716_59,
.topmenu .nlv_1>li#nlt_2716_14,
.topmenu .nlv_1>li#nlt_2716_15{
	display: none;
}
.quicknav{
	background-color: #1d1c1a;
	background-color: rgba(29,28,26,0.7);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 11;
	color: #fff;
	font-size: 0.7em;
	padding: 3px;
}
.quicknav ul{
	padding: 0;
	list-style: none;
	float: left;
}
.quicknav li{
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid #fff;
}
.quicknav a{
	color: #fff;
	text-decoration: none;
	padding: 1px 6px;
	display: inline-block;
}
.rsbtn .rsbtn_play{
	color: #fff !important;
	text-decoration: none !important;
	padding: 1px 6px !important;
	height: auto !important;
	margin-bottom: 0 !important;
	display: inline-block !important;
	font-size: 1em !important;
	float: none !important;
	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif !important;
	line-height: 1.333 !important;
	margin-right: 10px !important;
}
.quicknav .rsbtn{
	height: auto !important;
	margin-bottom: 0 !important;
}
.quicknav li:last-child{
	border: none;
}
.quicknav .rsbtn{
	float: left;
	margin-right: 0
}
.quicknav .rsbtn i{
	margin-right: 5px
}
body.startseite .topmenu .nlv_1>li {
	width:20%;
}
body.startseite .topmenu a#nid_2716_1{
	font-size: 0;
	color: rgba(255,255,255,0);
	text-indent: -9999px;
	position: relative;
}
body.startseite .topmenu a#nid_2716_1:before{
	content: '';
	width: 100%;
	min-width: 171px;
	height:129px;
	display:inline-block;
	position: absolute;
	background: no-repeat center top;
	background-image: url('assets/logo-landkreis_miesbach_k.png');
	top:0;
	left: 0;
	z-index: 1;
}
.topmenu .nlv_1>li>a {
	padding:40px 0;
	display:inline-block;
	font-size:1.6em;
	text-decoration:none;
	color:#333;
	font-weight:300;
	width: 100%;
	height:115px;
}
.topmenu .nlv_2 {
	position: absolute;
	padding:0 0 25px;
	width: 100%;
	background-color: #fff;
	background-color:rgba(255,255,255,0.95);
	top: 108px;
	left: 0;
}
.topmenu .nlv_2 > li {
	float:left;
	width: 33.333%;
	position: relative;
}
.topmenu .nlv_2 > li > a{
	font-weight: 600;
}
.topmenu .nlv_2 a{
	text-decoration: none;
	font-size: 1.2em;
	color: #444;
	padding: 15px 30px;
	width: 100%;
	text-align:left;
	display: inline-block;
}
.topmenu .nlv_2 a:hover{
	background-color: #999;
	background-color: rgba(0,0,0,0.1);
}
.topmenu .nlv_2 ul{
	text-align: left;
	padding: 0;
	margin: 0;
}

.topmenu .nlv_2 ul a{
	padding: 7px 30px;
}
.topmenu .nlv_2 ul li{
	width: 100%;
}
.topmenu .nlv_4{
	display: none;
}
.topmenu ul li ul {
	visibility: hidden;
	transition: 0s 0.25s; /* delay of 1 seconds on hover off */
}
.topmenu ul li:hover ul {
	visibility: visible;
	transition-delay: 0.25s; /* react immediately on hover */
}
.docread-btn{
	font-size: 0.75em;
	color: #fff;
	background-color: #342e28;
	padding: 2px 5px;
	text-decoration: none;
	display: inline-block;
	border-radius: 3px;
}
.liste_bild{
    position: relative;
}
.liste_bild .docread-btn{
    position: absolute;
    top: 5px;
    right: 5px;
}
.liste_titel .docread-btn{
    display: inline-block !important;
    color: #fff !important;
    float: left;
}
.liste_titel .type-size{
    font-size: 0.6em;
}
.footer h2 {
	font-size:1.75em;
	font-weight:400;
}
.footer h2:after {
	content:'';
	display:block;
	width:75%;
	max-width:275px;
	height:1px;
	background-color:#fff;
	background-color:rgba(255,255,255,0.15);
	margin:10px 0;
}
.footer {
	background-color:#1a1714;
	display:inline-block;
	width:100%;
}
.footer .box {
	padding:20px;
	color:#fff;
}
.footer .aktuelles .teaser{
	font-size: 0.85em;
}
.footer .aktuelles .mitteilungen{
	margin: 0;
	padding-right: 15px;
}
.footer p{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	margin-bottom: 10px;
}
.footer a, .footer .liste_titel a{
	text-decoration: none;
	font-weight: 600;
	color:#fff
}
.footer .box a.btn:hover,
.footer .box a.btn:focus {
    text-decoration: none;
    background-color: #f2f2f2;
}
.footer a.more {
    display: block;
    margin: 10px 0;
}
.footer table, .footer td, .footer tr, .footer th{
	border: none !important;
	padding: 0;
}
.footer table{
	margin-bottom: 10px;
}
.footer > .collapse > [class*="column-"] h2 {
    font-size: 2.5em;
    font-weight: 300;
}
.footer > .collapse > [class*="column-"] h2:after {
    content:none;
}
/* Sticky Footer */
.stickywrapper{
	min-height: 100%;
	margin: 0 0 -261px;
}
.stickypush, .footer{
	height:261px;
}
.box.zeiten {
	background-color:#706c68;
}
.box.kontakt {
	background-color:#5c5752;
}
.box.aktuelles{
	background-color:#48423d;
}
.box.info{
	background-color:#342e28;
}
.box .btn {
	display:inline-block;
	padding:10px 13px;
	background-color:#fff;
	color:#333;
	text-decoration:none;
	font-weight:400;
	font-size:0.95em;
	min-width: 47%;
	margin: 0 5px 5px 0;
}
.box .btn:after {
	content:'\f054';
	display:inline-block;
	float:right;
	margin-left:8px;
	font-family:FontAwesome;
}
a.fb:before{
	content: '\f230';
	display:inline-block;
	float:left;
	margin-right:5px;
	font-family:FontAwesome;
	font-size:1.2em;
	font-weight: 400;
	margin-top: -2px;
}
.einleitung {
	display:block;
	margin-bottom: 1em;
}
/*--- Graphical Design ---*/
.slogan h1 {
	-webkit-transition: margin 0.2s;
	-moz-transition: margin 0.2s;
	transition: margin 0.2s;
	margin-top:10%;
	margin-bottom:0;
	color:#fff;
	font-size:6em;
	font-weight:700;
	text-shadow:0 0 10px #000;
	text-shadow:0 0 20px rgba(0,0,0,1),0 4px 3px rgba(0,0,0,0.4);
}
.slogan span {
	margin-top:15px;
	margin-bottom:55px;
	color:#fff;
	font-size:4.5em;
	font-weight:300;
	text-shadow:0 0 10px #000;
	text-shadow:0 0 20px rgba(0,0,0,1),0 4px 3px rgba(0,0,0,0.4);
	display:inline-block;
}
.suche form {
	background-color:#fff;
	padding:3px 15px;
	display:block;
	width:100%;
	border-radius:25px;
	overflow:hidden;
	border:none;
	position:relative;
	margin:-10px 0;
}
.suche #such {
	background-color:transparent;
	color:#444;
	border:none;
	float:left;
	width:80%;
	height:36px;
	font-weight:300;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.suche .lupe {
	font-family:FontAwesome;
	border:none;
	background:transparent;
	font-size:1.8em;
	color:#999;
	position:absolute;
	right:4px;
	top:4px;
	cursor:pointer;
	padding: 0;
}
body.startseite .suche form {
	background-color:#ddd;
	background-color:rgba(255,255,255,0.5);
	padding:13px 15px;
	display:inline-block;
	width:50%;
	border-radius:12px;
	overflow:hidden;
	border:3px solid #fff;
	position: relative;
}
body.startseite .suche .lupe {
	font-size:2.8em;
	color:#fff;
	right:5px;
	top:8px;
}
/* Muss leider redundant angegeben werden, da ansonsten nicht interpretiert */
body.startseite .suche #such {
	background-color:transparent;
	color:#333;
	/*color:#fff;*/
	/*text-shadow:0 0 3px #000;*/
	/*text-shadow:0 0 3px rgba(0,0,0,0.75);*/
	font-size:1.4em;
	border:none;
	float:left;
	width:80%;
	height:40px;
	font-weight:300;
	font-family:"Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
}
body.startseite .suche #such:input-placeholder {
	color:#fff;
	text-shadow:0 0 3px #000;
	text-shadow:0 0 3px rgba(0,0,0,0.75);
	opacity:1;
	font-weight:300;
}
body.startseite .suche #such::-webkit-input-placeholder {
	color:#fff;
	text-shadow:0 0 3px #000;
	text-shadow:0 0 3px rgba(0,0,0,0.75);
	opacity:1;
	font-weight:300;
}
body.startseite .suche input#such:-moz-placeholder {
	color:#fff;
	text-shadow:0 0 3px #000;
	text-shadow:0 0 3px rgba(0,0,0,0.75);
	opacity:1;
	font-weight:300;
}
body.startseite .suche input#such::-moz-placeholder {
	color:#fff;
	text-shadow:0 0 3px #000;
	text-shadow:0 0 3px rgba(0,0,0,0.75);
	opacity:1;
	font-weight:300;
}
body.startseite .suche #such:-ms-input-placeholder {
	color:#fff;
	text-shadow:0 0 3px #000;
	text-shadow:0 0 3px rgba(0,0,0,0.75);
	opacity:1;
	font-weight:300;
}
#content{
	clear: both;
}
.subtoolbar {
	background-color:#eee;
	padding:20px 0;
	color:#686868;
}
.subtoolbar a,.subtoolbar * {
	color:#686868;
	text-decoration:none;
}
.submenu {
	background-color:#eee;
	position:relative;
	margin-left:-10px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.submenu ul,.submenu ul li {
	list-style:none;
	padding:0;
}
.submenu ul ul {
	margin:0;
	padding-left: 15px;
}
.submenu .nlv_1>li>a {
	padding:25px 0 25px 10px;
	color:#fff;
	position:relative;
	display:block;
	font-size:1.8em;
	font-weight:300;
	z-index:5;
	background-color:#342e28;
	text-decoration:none;
}
.submenu .nlv_1>li>a>span {
	position:relative;
	z-index: 15;
}
.submenu .nlv_1>li>a:before {
	content:'';
	background-color:#342e28;
	display:block;
	width:300%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:4
}
.submenu .nlv_2 {
	padding:15px 0 35px;
}
.submenu .nlv_2 a {
	color:#5d5d5d;
	padding:6px 0 6px 10px;
	display:block;
	text-decoration:none;
	position:relative;
	z-index:5
}
.submenu .nlv_2:after {
	content:'';
	background-color:#eee;
	display:block;
	width:300%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
}
.submenu .nlv_2 li a:hover {
	background-color:#e1e1e1;
}
.submenu .nlv_2 a.nlk_on{
	border-right: 5px solid #342e28;
}
.main-col,.randspalte {
	padding-top:23px;
	padding-bottom:70px;
}
.main-col h1,.main-col h2,.main-col h3,.main-col h4,.main-col h5 {
	font-weight:600;

}
.randspalte {
	font-size:0.94em;
}
.randspalte_box {
	background-color:#eee;
	padding:15px;
	margin-bottom: 20px;
}
.randspalte_box h2 {
	background-color:#342e28;
	color:#fff;
	font-size:1.6em;
	padding:15px;
	margin:-15px;
	margin-bottom: 15px;
}

.themenbox .cont{
	background-color: #f0f0f0;
	padding: 1px;
}
.themenbox .capt{
	display: inline-block;
	width: 100%;
	padding: 7px;
}

.capt h2 {
	font-size: 1.1em;
	font-weight: 400;
	margin-bottom: 0;
}
.helper-links{
	margin-top: 10px;
}
.helper-links a{
	text-decoration: none;
	color: #666;
	font-size: 0.8em;
	display: block;
	padding: 5px 0;
}
.helper-links i{
	margin-right: 5px;
}

@media screen and (max-width: 1024px){
    .topmenu{
    	display: none;
    }
    .slicknav_menu{
    	display: block;
    }
    .mobilelogo{
        display: block;
    }
    .stickywrapper{
        position: relative;
    }
    .quicknav{
        top: 0;
    }
    .slicknav_menu{
    	display: block;
    }
}


@media screen and (max-height:1000px) {
    .slogan h1 {
    	margin-top: 5%;
    }
}
@media screen and (max-width: 960px) {

}
@media screen and (max-height:840px) {
    .slogan h1 {
    	margin-top: 0.5%;
    }
    body.startseite .content {
    	-moz-transform: scale(0.7);
    	-webkit-transform: scale(0.7);
    	transform: scale(0.7);
    }
    .footer.stick-bottom{
    	position: static;
    	height: auto !important;
    }
}

@media screen and (max-width:880px) {
    .home-bg{
    	height: 675px;
    }
    .footer.stick-bottom{
    	position: static;
    	height: auto !important;
    }
    /*.stickywrapper{
    	margin: 0 !important;
    	padding: 0 !important;
    	min-height: 0;
    	height: 675px;
    }*/
    body.startseite .content {
    	-moz-transform: scale(0.7);
    	-webkit-transform: scale(0.7);
    	transform: scale(0.7);
    }
    .topmenu{
    	font-size: 0.9em;
    }
    body.startseite .suche #such{
    	font-size: 1.7em;
    	width: 84%;
    }
}

@media screen and (max-width:680px) {

    /* Tracking Box */
    .tracking-box-text {width:80%;}
    .tracking-box-buttons {width:20%;}
    
    body.startseite .slogan{
    	font-size: 0.65em;
    }
    .home-bg{
    	height: 525px;
    }
    body.startseite .suche form{
    	width: 100%;
    }
    .suche form{
    	margin: 0;
    }
    .breadcrumb{
    	display: none;
    }
    
    .liste_bild, .liste_text{
    	width: 100%;
    }
    .topmenu{
    	display: none;
    }
    .topmenu .nlv_1>li#nlt_2716_44 {
    	display: inline-block;
    }
    .quicknav{
        width: 58%;
    }
}
/* Zusatzfunktion: Wichtige Mitteilung in einem modalen Fenster */
.modal-window,
.modal-window *,
.modal-window *::before,
.modal-window *::after {
-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
}
.modal-window {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 85;
    display: none;
    justify-content: center;
    align-items: center;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
.modal-window-overlay {
    background-color: #fff;
    overflow-y: auto;
    height: 100%;
    opacity: 0;
    animation-name: modal-window-open;
    animation-duration: 1s;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}
@keyframes modal-window-open {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}
@media screen and (min-width: 681px) {
    .modal-window-overlay {
        max-width: 960px;
        height: calc(100% - 30px);
        width: calc(100% - 30px);
    }
}
@media screen and (min-width: 681px) and (min-height: 431px) {
    .modal-window-overlay {
        height: auto;
        max-height: 400px;
    }
}
@media screen and (min-width: 681px) and (min-height: 631px) {
    .modal-window-overlay {
        max-height: 600px;
    }
}
@media screen and (min-width: 681px) and (min-height: 831px) {
    .modal-window-overlay {
        max-height: 800px;
    }
}
.modal-window-content {
    padding: 30px;
}
.modal-window-content div[style="display:inline"]:last-of-type > :last-child { /* Designtemplate-Felder */
    margin-bottom: 0;
}
.frontend .modal-window-hide-btn {
    vertical-align: bottom;
    margin-top: 30px;
}
.frontend .modal-window-hide-x {
    cursor: pointer;
    background-color: transparent;
    float: right;
    color: #404040;
    margin: -20px -20px 30px 30px;
    line-height: 1;
}
.modal-window-hide-x i[class^=fa] {
    margin-right: 0;
}
.modal-window-hide-x .fa-fw {
    height:1.25em;
}
html.noscroll {
    overflow: hidden;
}
.modal-window.flex {
    display: flex !important;
}
button i.fal, button i.far, button i.fas, button i.fab, button i.fa {
	line-height: 1.33;
	vertical-align: top;
	margin-right: 5px;
}

/* CS 07.07.2021 - TASK5360: Zusatzfunktion: Zwei-Klick-Loesung fuer Iframes */
.is-ios * {
	cursor: pointer;
}
.iframe-autowidth {
	position: relative;
	height: 0;
}
.iframe-autowidth .iframe-preview, .iframe-autowidth .iframe-frame {
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.iframe-preview {
	position: relative;
	background: center center/cover no-repeat;
}
.iframe-wrap, .iframe-preview, .iframe-frame {
	max-width: 100%;
}
.iframe-wrap[data-iframe-autowidth="1"] > .iframe-preview {
	max-width: none;
}
.iframe-preview .mc2_ac {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 2px 5px;
	background-color: #eee;
	background-color: rgba(255,255,255,0.75);
	max-width: 66.666%;
	text-align: left;
}
.iframe-message {
	display: none;
	position: absolute;
	width: 100%;
	width: calc(100% - 50px);
	max-width: 500px;
	padding: 25px;
	margin: 25px;
	background-color: #eee;
	-webkit-box-shadow: 0 5px 15px #000;
	-moz-box-shadow: 0 5px 15px #000;
	box-shadow: 0 5px 15px #000;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.iframe-message.top-left {
	top: 25px;
	left: 25px;
	margin: 0;
	max-width: 500px;
}
.iframe-message.top-right {
	top: 25px;
	right: 25px;
	margin: 0;
	max-width: 500px;
}
.iframe-message.top {
	top: 25px;
	left: 25px;
	right: 25px;
	margin: 0;
	max-width:none;
}
.iframe-message.dark {
	background-color: #333;
	background-color: rgba(0,0,0,0.75);
	color: #fff;
}
.iframe-message a {
	font-weight: bold;
}
.iframe-message.dark a {
	color: #fff;
}
.iframe-message .btn {
	margin: 0;
}
@media screen and (max-width: 960px) {
	.iframe-message {
		max-width: 500px;
		width: calc(100% - 30px);
		padding: 15px;
		margin: 15px;
		font-size: 0.75em;
	}
	.iframe-message.top-left {
		top: 15px;
		left: 15px;
	}
	.iframe-message.top-right {
		top: 15px;
		right: 15px;
	}
	.iframe-message.top {
		top: 15px;
		left: 15px;
		right: 15px;
	}
}
.result-list {
    margin-bottom: 0.75em;
    list-style: none;
    padding-left: 0;
}
.result-list > li, .result-list > dd, .result-list > div > dd {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

/* Für Mediathek (TT3769) */
video {
    max-width: 100%;
    height: auto;
}
button.btn {
    display: inline-block;
    padding: 7px 15px 10px;
    background-color: #342e28;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: normal;
    font-size: 1em;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -3px 0 rgba(0,0,0,0.15);
    border: none !important;
    margin: 10px 10px 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    vertical-align: middle;
}
a > i[class*="fa-"], button > i[class*="fa-"] {
    line-height: 1.33;
    vertical-align: top;
    margin-right: 5px;
}
/* TT2948 AT 14.07.2021 */
/* Zusatzfunktion: Mediathek */
audio, video {
	display: block;
	width: 100%;
}
.responsive-video, .flowplayer {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
	background-color: #000;
}
.responsive-video iframe, .flowplayer iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mediathek .result-list .list-img {
    overflow: visible;
}
/* HD 02.09.2022 - TASK12386 - Themenboxen */
.cards {
	background-color: #f0f0f0;
	color: #004791;
}
.cards > a {
	min-height: 100%;
	color: #004791;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	transition: background-color 0.25s, box-shadow 0.25s;
	text-decoration:none;
}
.cards > a:hover,
.cards > a:focus {
	background: #e0e0e0;
	-webkit-box-shadow: 0 5px 15px #000;
	-moz-box-shadow: 0 5px 15px #000;
	box-shadow: 0 5px 15px #000;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.25);
	box-shadow: 0 5px 15px rgba(0,0,0,0.25);
}
.cards img {
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	width: 100%;
	display: block;
}
.cards .image {
	position: relative;
	overflow: hidden;
}
.cards .image .bg-img {
	background: center center/cover no-repeat;
	padding-top: 66.666%;
}
.cards .image small, .cards .image .mc2_ac {
	background-color: #fff;
	background-color: rgba(255,255,255,0.85);
	padding: 5px;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 11.5px;
	max-width: 66.666%;
	max-width: calc(100% - 30px);
	color: #444;
}
.cards .icon {
	padding: 10px;
	text-align: center;
}
.cards .icon i {
	font-size: 44px;
	line-height: 1.33;
	margin-right: 0;
	text-align: center;
}
.cards > a .icon {
	color: #004791;
}
.cards .caption {
	padding: 25px;
}
.cards .image + .caption {
	padding: 15px;
}
.cards .icon + .caption {
	padding: 0 15px 15px;
	margin-top: -5px;
	text-align: center;
}
.cards .caption .title {
	margin: 0;
	font-size: 1.35em;
}
.cards .caption p {
	margin-bottom:0;
}
@media only screen and (max-width: 960px) {
    .cards.flex-col-4 {
		-ms-flex-preferred-size: calc(50% - 30px); /* IE 10 */
		flex-basis: calc(50% - 30px);
		width: calc(50% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.cards.flex-col-4 {
			flex-basis: calc(49.999% - 30px);
			width: calc(49.999% - 30px);
		}
	}
	.cards.flex-col-5, .cards.flex-col-6 {
		-ms-flex-preferred-size: calc(33.333% - 30px); /* IE 10 */
		flex-basis: calc(33.333% - 30px);
		width: calc(33.333% - 30px);
	}
}
@media only screen and (max-width: 680px) {
    .cards[class*="flex-col-"] {
		-ms-flex-preferred-size: 100%; /* IE 10 */
		flex-basis: 100%;
		width: 100%;
	}
}
/* Flex-Grid */
/* HD 02.09.2022 - TASK12386 - wegen neuer Themenboxen */
.flex-row {
	list-style: none;
	padding: 0;
	margin: 0 -15px calc(-30px + 0.75em) !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start; /* IE 11 */
}
[class*="flex-col-"] {
	/* Vorhandene Klassen: flex-col-1, -2, -3, -2x3, -4, -2x4, -3x4, -5, -2x5, -3x5, -4x5, -6, -2x6, -3x6, -4x6, -5x6 */
	padding: 0;
	margin: 0 15px 30px;
	min-width: 0;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.flex-col-1 {
	-ms-flex-preferred-size: 100%; /* IE 10 */
	flex-basis: 100%;
	width: 100%;
}
.flex-col-2, .flex-col-2x4, .flex-col-3x6 {
	-ms-flex-preferred-size: calc(50% - 30px); /* IE 10 */
	flex-basis: calc(50% - 30px);
	width: calc(50% - 30px);
}
@supports (-ms-ime-align:auto) { /* Edge */
	.flex-col-2, .flex-col-2x4, .flex-col-3x6 {
		flex-basis: calc(49.999% - 30px);
		width: calc(49.999% - 30px);
	}
}
.flex-col-3, .flex-col-2x6 {
	-ms-flex-preferred-size: calc(33.333% - 30px); /* IE 10 */
	flex-basis: calc(33.333% - 30px);
	width: calc(33.333% - 30px);
}
.flex-col-2x3, .flex-col-4x6 {
	-ms-flex-preferred-size: calc(66.666% - 30px); /* IE 10 */
	flex-basis: calc(66.666% - 30px);
	width: calc(66.666% - 30px);
}
.flex-col-4 {
	-ms-flex-preferred-size: calc(25% - 30px); /* IE 10 */
	flex-basis: calc(25% - 30px);
	width: calc(25% - 30px);
}
@supports (-ms-ime-align:auto) { /* Edge */
	.flex-col-4 {
		flex-basis: calc(24.999% - 30px);
		width: calc(24.999% - 30px);
	}
}
.flex-col-3x4 {
	-ms-flex-preferred-size: calc(75% - 30px); /* IE 10 */
	flex-basis: calc(75% - 30px);
	width: calc(75% - 30px);
}
@supports (-ms-ime-align:auto) { /* Edge */
	.flex-col-3x4 {
		flex-basis: calc(74.999% - 30px);
		width: calc(74.999% - 30px);
	}
}
.flex-col-5 {
	-ms-flex-preferred-size: calc(20% - 30px); /* IE 10 */
	flex-basis: calc(20% - 30px);
	width: calc(20% - 30px);
}
@supports (-ms-ime-align:auto) { /* Edge */
	.flex-col-5 {
		flex-basis: calc(19.999% - 30px);
		width: calc(19.999% - 30px);
	}
}
.flex-col-2x5 {
	-ms-flex-preferred-size: calc(40% - 30px); /* IE 10 */
	flex-basis: calc(40% - 30px);
	width: calc(40% - 30px);
}
@supports (-ms-ime-align:auto) { /* Edge */
	.flex-col-2x5 {
		flex-basis: calc(39.999% - 30px);
		width: calc(39.999% - 30px);
	}
}
.flex-col-3x5 {
	-ms-flex-preferred-size: calc(60% - 30px); /* IE 10 */
	flex-basis: calc(60% - 30px);
	width: calc(60% - 30px);
}
@supports (-ms-ime-align:auto) { /* Edge */
	.flex-col-3x5 {
		flex-basis: calc(59.999% - 30px);
		width: calc(59.999% - 30px);
	}
}
.flex-col-4x5 {
	-ms-flex-preferred-size: calc(80% - 30px); /* IE 10 */
	flex-basis: calc(80% - 30px);
	width: calc(80% - 30px);
}
@supports (-ms-ime-align:auto) { /* Edge */
	.flex-col-4x5 {
		flex-basis: calc(79.999% - 30px);
		width: calc(79.999% - 30px);
	}
}
.flex-col-6 {
	-ms-flex-preferred-size: calc(16.666% - 30px); /* IE 10 */
	flex-basis: calc(16.666% - 30px);
	width: calc(16.666% - 30px);
}
.flex-col-5x6 {
	-ms-flex-preferred-size: calc(83.333% - 30px); /* IE 10 */
	flex-basis: calc(83.333% - 30px);
	width: calc(83.333% - 30px);
}
@media only screen and (max-width: 960px) {
	.flex-col-md-1 {
		-ms-flex-preferred-size: 100%; /* IE 10 */
		flex-basis: 100%;
		width: 100%;
	}
    .flex-col-md-2, .flex-col-md-2x4, .flex-col-md-3x6 {
		-ms-flex-preferred-size: calc(50% - 30px); /* IE 10 */
		flex-basis: calc(50% - 30px);
		width: calc(50% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.flex-col-md-2, .flex-col-md-2x4, .flex-col-md-3x6 {
			flex-basis: calc(49.999% - 30px);
			width: calc(49.999% - 30px);
		}
	}
	.flex-col-md-3, .flex-col-md-2x6 {
		-ms-flex-preferred-size: calc(33.333% - 30px); /* IE 10 */
		flex-basis: calc(33.333% - 30px);
		width: calc(33.333% - 30px);
	}
	.flex-col-md-2x3, .flex-col-md-4x6 {
		-ms-flex-preferred-size: calc(66.666% - 30px); /* IE 10 */
		flex-basis: calc(66.666% - 30px);
		width: calc(66.666% - 30px);
	}
	.flex-col-md-4 {
		-ms-flex-preferred-size: calc(25% - 30px); /* IE 10 */
		flex-basis: calc(25% - 30px);
		width: calc(25% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.flex-col-md-4 {
			flex-basis: calc(24.999% - 30px);
			width: calc(24.999% - 30px);
		}
	}
	.flex-col-md-3x4 {
		-ms-flex-preferred-size: calc(75% - 30px); /* IE 10 */
		flex-basis: calc(75% - 30px);
		width: calc(75% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.flex-col-md-3x4 {
			flex-basis: calc(74.999% - 30px);
			width: calc(74.999% - 30px);
		}
	}
	.flex-col-md-5 {
		-ms-flex-preferred-size: calc(20% - 30px); /* IE 10 */
		flex-basis: calc(20% - 30px);
		width: calc(20% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.flex-col-md-5 {
			flex-basis: calc(19.999% - 30px);
			width: calc(19.999% - 30px);
		}
	}
	.flex-col-md-2x5 {
		-ms-flex-preferred-size: calc(40% - 30px); /* IE 10 */
		flex-basis: calc(40% - 30px);
		width: calc(40% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.flex-col-md-2x5 {
			flex-basis: calc(39.999% - 30px);
			width: calc(39.999% - 30px);
		}
	}
	.flex-col-md-3x5 {
		-ms-flex-preferred-size: calc(60% - 30px); /* IE 10 */
		flex-basis: calc(60% - 30px);
		width: calc(60% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.flex-col-md-3x5 {
			flex-basis: calc(59.999% - 30px);
			width: calc(59.999% - 30px);
		}
	}
	.flex-col-md-4x5 {
		-ms-flex-preferred-size: calc(80% - 30px); /* IE 10 */
		flex-basis: calc(80% - 30px);
		width: calc(80% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.flex-col-md-4x5 {
			flex-basis: calc(79.999% - 30px);
			width: calc(79.999% - 30px);
		}
	}
	.flex-col-md-6 {
    	-ms-flex-preferred-size: calc(16.666% - 30px); /* IE 10 */
    	flex-basis: calc(16.666% - 30px);
    	width: calc(16.666% - 30px);
	}
	.flex-col-md-5x6 {
    	-ms-flex-preferred-size: calc(83.333% - 30px); /* IE 10 */
    	flex-basis: calc(83.333% - 30px);
    	width: calc(83.333% - 30px);
	}
}
@media only screen and (max-width: 680px) {
	.flex-col-sm-1, [class*="flex-col-"] {
		-ms-flex-preferred-size: 100%; /* IE 10 */
		flex-basis: 100%;
		width: 100%;
	}
    .flex-col-sm-2 {
		-ms-flex-preferred-size: calc(50% - 30px); /* IE 10 */
		flex-basis: calc(50% - 30px);
		width: calc(50% - 30px);
	}
	@supports (-ms-ime-align:auto) { /* Edge */
		.flex-col-sm-2 {
			flex-basis: calc(49.999% - 30px);
			width: calc(49.999% - 30px);
		}
	}
	.flex-col-sm-3 {
		-ms-flex-preferred-size: calc(33.333% - 30px); /* IE 10 */
		flex-basis: calc(33.333% - 30px);
		width: calc(33.333% - 30px);
	}
	.flex-col-sm-2x3 {
		-ms-flex-preferred-size: calc(66.666% - 30px); /* IE 10 */
		flex-basis: calc(66.666% - 30px);
		width: calc(66.666% - 30px);
	}
}

/* Zusatzfunktion: Dynamisches Organigramm */
.org-chart {
	font-size: 1rem;
	overflow-wrap: break-word; /* Chrome */
	word-wrap: break-word; /* Chrome */
}
.org-chart .flex-row {
	margin: 0 -0.5em;
}
.org-chart [class*="flex-col-"] {
	margin: 0;
}
.org-chart .flex-col-2 {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	width: 50%;
}
.org-chart .flex-col-3 {
	-ms-flex-preferred-size: 33.333%;
	flex-basis: 33.333%;
	width: 33.333%;
}
.org-chart .flex-col-4 {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	width: 25%;
}
.org-chart .flex-col-5 {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	width: 20%;
}
.org-chart .flex-col-6 {
	-ms-flex-preferred-size: 16.666%;
	flex-basis: 16.666%;
	width: 16.666%;
}
@media only screen and (min-width: 961px) {
	.org-chart-level-1 .org-chart-main {
		order: 1;
	}
	.org-chart-level-1 .org-chart-left {
		order: 0;
	}
	.org-chart-level-1 .org-chart-right {
		order: 2;
	}
}
@media only screen and (max-width: 960px) {
	.org-chart .flex-col-md-1 {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}
	.org-chart .flex-col-4,
	.org-chart .flex-col-md-2 {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		width: 50%;
	}
	.org-chart .flex-col-6,
	.org-chart .flex-col-md-3,
	.org-chart .flex-col-5 {
		-ms-flex-preferred-size: 33.333%;
		flex-basis: 33.333%;
		width: 33.333%;
	}
	.org-chart-level-1 .flex-col-md-2 {
		margin-top: -1em;
	}
}
@media only screen and (max-width: 680px) {
	.org-chart [class*="flex-col-"] {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}
}
.org-chart-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	text-align: center;
	padding: 1em;
	margin: 1em 0.5em;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
	-webkit-transition: box-shadow 0.25s;
	-ms-transition: box-shadow 0.25s;
	transition: box-shadow 0.25s;
}
.org-chart-item:hover,
.org-chart-item:focus,
.tab-focus > .org-chart-item {
	-webkit-box-shadow: 0 5px 15px #000;
	-moz-box-shadow: 0 5px 15px #000;
	box-shadow: 0 5px 15px #000;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
}
.org-chart-item p {
	padding: 0;
	margin: 0;
}
.org-chart a {
text-decoration: none;
}

/* Behindertennavigator */
.bk_icons {
    
}
.bk_icons [class*="fa-"] {
    margin-right: 10px;
}
.bk_icons.first-block,
.bk_icons.last-block {
    display: inline-block;
}
.bk_icons.last-block {
    margin-left: 30px;
}

.beh_bedingt {color:#bbb} /* grau */
.beh_nein {color:#fff} /* nicht sichtbar */


/* CS 17.08.2023 - TASK17114 */
.org-chart-level-1.top {
    justify-content: center;
}
.org-chart-item.lv_top {
    background-color: #706c68;
    color: #fff;
}
.org-chart-item.lv_1 {
    background-color: #eee;
    color: #303030;
}
.org-chart-item.lv_2 {
    background-color: #0d12ff;
}
.org-chart-item.lv_3 {
    background-color: #2c62ff;
    color: #fff;
    margin: 1em;
}
.org-chart-item.lv_3.stab {
    background-color: #eee;
    color: #303030;
}
.org-chart-item.stab {
    margin: 1em;
}
.org-chart-item.lv_4 {
    background-color: #e3edff;
    color: #303030;
    margin: 1.5em;
}
.org-chart-item .custom-hyphens {
    hyphens: manual; 
}
.listitem-teams {
   display: flex;
   flex-direction: column;
   align-content: center;
   justify-content: end;
   text-align: center;
}
.org-chart-level-2 .toggler_titel {
    position: absolute;
    border-bottom: none;
    padding-left: 1.75px;
}
.listitem-teams .toggler_titel::after {
    /*margin-right: 12.5px;*/
    font-family: "Font Awesome 5 Pro";
    float: none;
    margin-right: 0;
    content: '\f13a';
    font-size: 1.5em;
    font-weight: 100;
    line-height: 0.75;
    background: #fff;
    border-radius: 50%;
}
.listitem-teams .toggler_titel.active::after {
    content: '\f139';
}