/* 
*   ================================================================================================
*   Custom Font
*   ================================================================================================
*/
@charset "UTF-8";
@font-face {
  font-family: 'DINWebPro';
  src: url("../fonts/dinwebpro_1.ttf") format("truetype"), url("../fonts/dinwebpro_2.woff") format("woff"), url("../fonts/dinwebpro.eot");
  font-style: normal; }
@font-face {
  font-family: 'DINWebPro-Medium';
  src: url("../fonts/dinwebpro_medium_1.ttf") format("truetype"), url("../fonts/dinwebpro_medium_2.woff") format("woff"), url("../fonts/dinwebpro_medium.eot");
  font-style: bold; }
@font-face {
  font-family: 'DINWebPro-Light';
  src: url("../fonts/dinwebpro_light_1.ttf") format("truetype"), url("../fonts/dinwebpro_light_2.woff") format("woff"), url("../fonts/dinwebpro_light.eot");
  font-style: lighter; }
@font-face {
  font-family: 'DINWeb-CondMedium';
  src: url("../fonts/dinweb_condmedium_1.woff") format("woff"), url("../fonts/dinweb_condmedium.eot"); }

html {
  scroll-behavior: smooth;
}

body{
	font-family: "DINWebPro", sans-serif !important;
	font-size: 16px;
}

.font-weight-light{
	font-family: "DINWebPro-Light", sans-serif !important;
}

.display-3{
	font-size: 3rem;
}
.display-4{
	font-size: 2.5rem;
}
ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

main{
	min-height: 300px;
}

p:last-child{
	margin-bottom: 0!important;
}

/* 	
*   ================================================================================================	
*   Focus outline fixer	
*   ================================================================================================	
*/	
body.focusOutline .elastic-search-header-icon-close-sm:focus::before,
body.focusOutline .elastic-search-header-icon-close-lg:focus::before {
	background-color: #fff !important;	
    color: #000 !important;
}
body.focusOutline a:focus, 
body.focusOutline nav a:focus,
body.focusOutline div.logodistance a:focus,	
body.focusOutline nav ul li a.nav-link span:focus,	
body.focusOutline nav.navbar div.form-inline a.leichtesprache i:focus,	
body.focusOutline nav.navbar div.navbar-collapse form button.btn-outline-light:focus,	
body.focusOutline .bg-primary:focus,		
body.focusOutline .bg-secondary:focus,	
body.focusOutline .btn-primary:focus,	
body.focusOutline .btn-primary-2:focus,	
body.focusOutline button:focus,	
body.focusOutline input:focus,	
body.focusOutline textarea:focus,	
body.focusOutline button.navbar-toggler:focus,	
body.focusOutline label:focus::after {	
	outline: 3px solid #000; 	
	background-color: #fff !important;	
    color: #000 !important;
}	

body.focusOutline nav button.navbar-toggler:focus i {
	color: #000;
}
body.focusOutline nav div ul.dropdown-menu li a.dropdown-item:focus,
body.focusOutline div.language-select div.dropdown-menu a.dropdown-item:focus {
	font-weight: bold;
	text-decoration: underline;
}
body.focusOutline nav.navbar div.form-inline a.leichtesprache:focus i{	
	outline: 0; 	
    color: #000 !important;
}	
body.focusOutline main .carousel-control-next:focus, 
body.focusOutline main .carousel-control-prev:focus {
	outline: 0 !important;
	background-color: transparent!important;
}
main .carousel-control-next span:hover, 
main .carousel-control-prev span:hover,
body.focusOutline .carousel-container a:focus span,
body.focusOutline .bildergalerie a:focus span {
	width: 4rem;
    height: 4rem;
    border-radius: 5rem;
}
body.focusOutline .carousel-container a.carousel-control-prev:focus span,
body.focusOutline .bildergalerie a.carousel-control-prev:focus span {
    background-image: url("/media/basis/img/icons/arrow_prev_hover.svg");
}
body.focusOutline .carousel-container a.carousel-control-next:focus span,
body.focusOutline .bildergalerie a.carousel-control-next:focus span {
    background-image: url("/media/basis/img/icons/arrow_next_hover.svg");
}
body.focusOutline .carousel-container nav ul li a.nav-link:focus span,	
body.focusOutline .carousel-container nav.navbar div.form-inline a.leichtesprache:focus i{	
	color: #000 !important;	
}	
body.focusOutline div.headerstyle a.row.float-right:focus{
	height: 58px;
	width: 160px;
	margin: 0;
	position: absolute;
	right: 1em;
}

a:focus,	
button:focus,	
input:focus,	
textarea:focus,	
button.navbar-toggler:focus,	
label:focus::after {	
	outline: none; 	
}	

/* 	
*   ================================================================================================	
*   Skip	
*   ================================================================================================	
*/	
div.skip {	
	list-style: none;	
	position: fixed;	
	z-index: 99999;	
}	
div.skip ul li a {	
	display: block;	
	position: absolute;	
	overflow: hidden;	
	left: -9999px;	
}	
div.skip ul li a:active,	
div.skip ul li a:focus {	
	position: fixed;	
	z-index: 999;	
	left: 0;	
	overflow: visible;	
	padding: 10px;	
	width: 100%;	
	font-size: 1.5em;	
	outline: none;	
	top: 0;	
}	
div.skip ul.skip li a {	
	display: block;	
	position: absolute;	
	top: 0;	
	left: 0;	
	height: 20px;	
	line-height: 1px;	
	font-weight: bold;	
	padding: 30px 10px 30px 20px;	
	text-decoration: underline;	
	z-index: 10000;	
	right: 0;	
	width: 100%;	
	font-size: 1.5em;	
}

/* 
*   ================================================================================================
*   Leichte Sprache
*   ================================================================================================
*/
.easy-language p {
  font-size: 20px;
  font-size: 2rem;
  line-height: 38px;
  line-height: 3rem;
}
.easy-language h1 {
  font-size: 30px;
  font-size: 3rem;
  line-height: 38px;
  line-height: 3.8rem;
}
.easy-language h2 {
  font-size: 25px;
  font-size: 2.5rem;
  line-height: 38px;
  line-height: 3.8rem;
}
.easy-language article.easy-language-list ul{
	padding-left: 1.5em;
	list-style-type: disc !important;
	font-size: 20px;
  	font-size: 2rem;
  	line-height: 38px;
  	line-height: 3rem;
}
.easy-language article.easy-language-list ul li:first-child{
    margin-top: 1em;
}
.easy-language article.easy-language-list ul ul{
	margin-top: 1em;
    margin-bottom: 0;
	font-size: 20px;
 	font-size: 2rem;
    line-height: 38px;
    line-height: 3rem;
}
.easy-language article.easy-language-list ul ul li:last-child{
    margin-bottom: 1em;
}

/* 
*   ================================================================================================
*   Maximale Breite
*   ================================================================================================
*/
.mw-stage_picture {
	max-width: 1034px;
} 
.mw-header_picture {
	max-width: 660px;
} 

/* 
*   ================================================================================================
*   Buttons
*   ================================================================================================
*/
.image-container .slider .btn,
.jumbotron .container p a.btn,
div.col-lg-12 a.btn {
	padding: .375rem .75rem !important;
}
.mt-6 {
	margin-top: 6rem;
}