/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-condensed-v24-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-condensed-v24-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v24-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v24-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v24-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v24-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-condensed-v24-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/roboto-condensed-v24-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/roboto-condensed-v24-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/roboto-condensed-v24-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/roboto-condensed-v24-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/roboto-condensed-v24-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

body {
	box-sizing: border-box;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 1.4;
	font-size: 18px;
	font-weight: 300;
	color: #000000;
	margin: 0px;

	animation: fadein 1s;
	-moz-animation: fadein 1s; /* Firefox */
	-webkit-animation: fadein 1s; /* Safari and Chrome */
	-o-animation: fadein 1s; /* Opera */
}
body::-webkit-scrollbar {
    width: 0.75rem;
}

body::-webkit-scrollbar-track {
  background: #edeff2;
}

body::-webkit-scrollbar-thumb {
  background-color: #e30017;
  outline: 0px;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
	font-weight: 700;	
	line-height: 1;
}

#kopfgrafik h2,
h1 {
	font-size: 5rem;
	margin-top: 0rem;
	margin-bottom: 1.5rem;
}

h2 {
	font-size: 3rem;
	margin-top: 3rem;
	margin-bottom: 1.5rem;
}

.subheadline {
	font-weight: 400;
	letter-spacing: 0.02rem;
	/*color:  #e30017;*/
}

h1 .subheadline,
h2.subheadline {
	font-size: 1.125rem;
}

h3 {
	font-size: 2.5rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

h4 {
	font-size: 2rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
}

h5 {
	font-size: 1.5rem;
	margin-top: 1rem;
}

h6 {
	font-size: 1.25rem;
	margin-top: 1rem;
	line-height: 1.6;
}

a {
	text-decoration: none;
	color: rgba(0, 0, 0, 0.6);
	outline: none;
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out;
}

a:hover {
	text-decoration: none;
	outline: none;
	opacity: 1;
	color: #000000;
}

#nav_wrapper a,
.footer a {
	border-bottom: 0px;
}

blockquote, figure {
    display: block;
    margin: 0px;
}

button:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none !important;
}

::selection {
	background: #e30017;
	color: #ffffff;
}

::-moz-selection {
	background: #e30017;
	color: #ffffff;
}

img,
object {
	border: none;
	display: inline-block;
	max-width: 100%;
}
.object-fit {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.object-fit.right {
    object-position: right center;
}

b, strong {
    font-weight: 600;
}

.text-normal *,
.text-normal a {
	text-transform: none;
}

.btn-check:focus+.btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

#umsNeuigkeitDetaillink a:before,
.link-pfeil,
a:hover .link-pfeil {
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62.828' height='32.828' viewBox='0 0 62.828 32.828'%3E%3Cg transform='translate(0 1.414)'%3E%3Cpath d='M2684,720.6l15,15-15,15' transform='translate(-2639 -720.601)' fill='none' stroke='%23e30017' stroke-width='4'/%3E%3Cpath d='M60,0H0' transform='translate(0 15.25)' fill='none' stroke='%23e30017' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 60px;
	display: inline-block;
	width: 50px;
	height: 30px;
	margin-right: 15px;
	vertical-align: middle;
	overflow: hidden;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

#umsNeuigkeit:hover #umsNeuigkeitDetaillink a:before {
	width: 60px;
}

.link-pfeil {
	width: 60px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62.828' height='32.828' viewBox='0 0 62.828 32.828'%3E%3Cg transform='translate(0 1.414)'%3E%3Cpath d='M2684,720.6l15,15-15,15' transform='translate(-2639 -720.601)' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3Cpath d='M60,0H0' transform='translate(0 15.25)' fill='none' stroke='%23ffffff' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E");
}

.btn-link:before {
	content: "";
	background: #e30017;
	width: 50px;
	height: 4px;
	margin-right: 15px;
	margin-left: 0px;
	margin-top: -4px;
	display: inline-block;
	vertical-align: inherit;
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

.btn-link:hover:before {
	width: 60px;
}
.text-white .btn-link:before {
	background: #ffffff;
}
.btn,
#MODUL_Neuigkeiten .a-TABELLENLINK {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	padding: 0.75rem 2rem;
	margin-top: 1rem;
	margin-bottom: 0.25rem;
	border-radius: 0px;
	color: #ffffff;
	display: inline-block;
}

#umsNeuigkeitDetaillink a,
.btn-link {
	color: inherit !important;
	text-decoration: none;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	padding: 0rem;
	border: 0;
}

.btn-link:hover {
    color: #000000;
    border: 0;
}

.btn.border {
	border-width: 2px!important;
}
.btn.border:hover {
    background: #ffffff;
}
.btn:hover,
.btn:focus,
.btn:active {
	border-color: transparent;
}

#MODUL_Neuigkeiten .a-TABELLENLINK,
.btn-secondary:hover,
.btn-primary,
.bg-primary {
	background-color: #e30017 !important;
	border-color: #e30017 !important;
}
#MODUL_Neuigkeiten .a-TABELLENLINK:hover,
.btn-primary:hover {
	background-color: #e30017 !important;
}

.btn-secondary:hover,
.bg-primary > *,
.text-secondary,
.bg-dark .btn-link:hover {
	color: #ffffff !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(227, 0, 23, 0.3);
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(227, 0, 23, 0.3);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    background-color: #e30017;
    border-color: #e30017;
}

.btn-light,
.bg-light {
	background: #EDEFF2 !important;
}

.btn-secondary,
.bg-secondary {
	background: #23252B !important;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(237, 239, 242, 0.3);
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
    background-color: #EDEFF2;
    border-color: #edeff2;
}

.btn-dark,
.bg-dark {
	background: #09090d !important;
	background: #000 !important;
}
.bg-dark *,
.bg-dark *:hover {
	color: #ffffff;
}

.text-primary,
.btn-secondary,
.text-dark {
	color: #e30017 !important;
}
.btn-dark.focus, .btn-dark:focus,
.btn-dark:not(:disabled):not(.disabled).active:focus, .btn-dark:not(:disabled):not(.disabled):active:focus, .show > .btn-dark.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
    background-color: #e30017;
    border-color: #e30017;
}

.border-primary {
	border-color: #e30017 !important;
}
.border-secondary {
	border-color: #EDEFF2 !important;
}
.border-dark {
	border-color: #e30017;
}
.social-media-btn {
    padding: 0;
    margin: 2px;
    width: 60px;
    height: 60px;
}
.social-media-btn img {
    width: 24px;
}

.container {
	max-width: 100%;
	padding-left: 8rem;
	padding-right: 8rem;
}
.container-left {
	padding-left: 8rem;	
}
.container-right {
	padding-right: 8rem;	
}
.container-left .row > .container-right {
	padding-right: 0rem;	
}
#content_wrapper ul {
	margin: 30px 0px;
	padding-left: 0;
	list-style: none;
}

#content_wrapper ul li {
	padding-bottom: 10px;
	padding-left: 20px;
	position: relative;
	line-height: 1.6;
}

#content_wrapper ul li:before {
	content: "";
	height: 14px;
	width: 14px;
	border-right: 4px solid #e30017;
	border-top: 4px solid #e30017;
	transform: rotate(45deg);
	display: inline-block;
	margin-right: 10px;
	margin-left: -24px;
	
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out;
}

#content_wrapper ul li:hover > a {
    opacity: 0.7;
}

#content_wrapper .list-unstyled {
	padding-left: 0px;
}

#content_wrapper .list-unstyled li {
	margin-left: 0px;
	padding: 0;
}

#content_wrapper .list-unstyled li:before {
	content: normal;
}

#content_wrapper .list-unstyled li a {
	padding: 0px;
}

.linkliste a {
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
}
.grid-2 {
    columns: 2;
    gap: 2rem;
}
/*Menu*/
nav a {	
	padding-left: 1rem;
	padding-right: 1rem;
	color: #ffffff;
}
#nav_wrapper {
	background: rgba(255, 255, 255, 0);
	position: fixed;
	width: 100%;
	transition: All .1s ease-in-out;
	-webkit-transition: All .4s ease-in-out;
	-moz-transition: All .4s ease-in-out;
	-o-transition: All .4s ease-in-out;
}
#nav_wrapper.active {
	position: fixed;
	background: #fff;
}
#nav_wrapper .navbar-brand {
	padding: 1.25rem 0 !important;
	padding-right: 0;
	display: none;
}

#nav_wrapper .navbar-brand img {
	width: 200px;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}

.navbar-brand object {
	width: 40px;
}
#nav_wrapper .navbar .desktopHidden {
	display: none;
}
#nav_wrapper .navbar-nav > div > .nav-item > .nav-link {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
#nav_wrapper .navbar .nav-item .nav-link {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1rem;
	letter-spacing: 0.1rem;
	padding: 2rem 0;
	color: #ffffff;
}
#nav_wrapper .navbar .nav-item:last-child .nav-link {
    padding: 0;
}
#nav_wrapper .navbar .ms-xl-auto .nav-item:last-child .dropdown-menu {
	left: auto;
	right: 0;
}
#nav_wrapper .nav-header a:hover,
#nav_wrapper .navbar .nav-item .nav-link:hover,
#nav_wrapper .navbar .nav-item.aktiv > .nav-link,
#nav_wrapper.active .navbar .nav-item.aktiv > .nav-link,
#nav_wrapper.active .navbar .nav-item .nav-link:hover,
#nav_wrapper.active .navbar .dropdown-menu .nav-item .nav-link:hover {
	color: #e30017;
}

#nav_wrapper.active .navbar-brand,
#nav_wrapper .navbar-brand.white {
	display: block;
}
#nav_wrapper.active .navbar-brand.white {
	display: none;
}

#nav_wrapper.active .navbar {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition:0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}

#nav_wrapper.active .navbar .nav-item  .nav-link {
	color: #000000;
}

#nav_wrapper .navbar .dropdown-menu .nav-item .nav-link,
#nav_wrapper.active .navbar .nav-link {
	color: #ffffff;
}

#nav_wrapper .navbar .dropdown-menu .nav-item .nav-link:hover,
#nav_wrapper .navbar .dropdown-menu .nav-item .nav-link:hover h5,
#nav_wrapper.active .navbar .nav-link:hover {
	color: #e30017;
}

#nav_wrapper #main-nav li.mega-menu {
    position: inherit;
}

#nav_wrapper .mega-menu .dropdown-menu .row {
    width: 100%;
}
#nav_wrapper .mega-menu .dropdown-menu > .col-xl-12 {
	border-right: 1px solid rgba(227, 0, 23, .1);
}
#nav_wrapper .mega-menu .dropdown-menu > .col-xl-12:last-child {
	border-right: 0px;
}

#nav_wrapper .navbar .mega-menu {
    position: inherit;
}

#nav_wrapper .dropdown-menu {
	background: #fff;
	border-radius: 0px;
	width: 100%;
	min-width: none;
	left: 0;
	min-width: max-content;
	margin-top: 0;
}

#nav_wrapper .navbar .nav-item:last-child .dropdown-menu {
	left: auto;
	right: 0;
}
#nav_wrapper .navbar .dropdown-menu .nav-item  .nav-link {
	padding: 0.25rem 0rem;
	font-family: inherit;
	font-size: 18px;
	text-transform: none;
	font-weight: 300;
	letter-spacing: 0;
}

#nav_wrapper .icon a {
	width: 24px;
	height: 24px;
	margin-left: 1rem;
	background-size: contain;
	background-repeat: no-repeat;
	transition:All 0.2s ease-in-out;
	-webkit-transition:All 0.2s ease-in-out;
	-moz-transition:All 0.2s ease-in-out;
	-o-transition:All 0.2s ease-in-out;
}

#nav_wrapper .icon.mail a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M512,241.02344,0,47,96.86328,241.02344Z'/%3E%3Cpath class='a' d='M0,465.03906,512,271.01562H96.86328Z'/%3E%3C/svg%3E");
}


#nav_wrapper .icon.phone a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23ffffff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M512,431.50362l-80.44893,80.44893A431.45431,431.45431,0,0,1,0,80.59243L80.54492.04751,190.43764,109.94023l-71.658,71.658A211.67052,211.67052,0,0,0,330.49572,393.2204l71.61051-71.61051Z'/%3E%3C/svg%3E");
}

#nav_wrapper .icon.mail a:hover,
#nav_wrapper.active .icon.mail a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23e70017;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M512,241.02344,0,47,96.86328,241.02344Z'/%3E%3Cpath class='a' d='M0,465.03906,512,271.01562H96.86328Z'/%3E%3C/svg%3E");
}

#nav_wrapper .icon.phone a:hover,
#nav_wrapper.active  .icon.phone a {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23e70017;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M512,431.50362l-80.44893,80.44893A431.45431,431.45431,0,0,1,0,80.59243L80.54492.04751,190.43764,109.94023l-71.658,71.658A211.67052,211.67052,0,0,0,330.49572,393.2204l71.61051-71.61051Z'/%3E%3C/svg%3E");
}

#nav_wrapper.active .icon.mail a:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M512,241.02344,0,47,96.86328,241.02344Z'/%3E%3Cpath class='a' d='M0,465.03906,512,271.01562H96.86328Z'/%3E%3C/svg%3E");
}

#nav_wrapper.active  .icon.phone a:hover {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23000000;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M512,431.50362l-80.44893,80.44893A431.45431,431.45431,0,0,1,0,80.59243L80.54492.04751,190.43764,109.94023l-71.658,71.658A211.67052,211.67052,0,0,0,330.49572,393.2204l71.61051-71.61051Z'/%3E%3C/svg%3E");
}

.dropdown-toggle:after {
    content: normal;
    height: 24px;
    width: 24px;
    border-bottom: 4px solid #e30017;
    border-left: 4px solid #e30017;
    transform: rotate(-45deg);
    display: inline-block;
    border-top: 0;
    border-right: 0;
    margin-left: 20px;
    margin-top: -12px;
    margin-right: 4px;
}

.desktop-hidden {
	display: none;
}

/* sub-nav */
#content_wrapper .sub-nav ul {
    margin-top: 0;
    text-align: left;
}

/*Menu Ende*/

/* kopfgrafik */
.startseite #kopfgrafik,
.startseite .slider .slick-list,
.startseite .slider .slick-track {
	height: 100vh;
}
.startseite #kopfgrafik .kopfgrafik-text .d-flex {
	align-items: center !important;
}
.startseite #kopfgrafik .text-bottom {
    position: relative;
}
.startseite #kopfgrafik:after,
.mit-kopfgrafik #kopfgrafik:after {
    content: "";
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.mit-kopfgrafik #kopfgrafik {
	height: 70vh;
}
#kopfgrafik .kopfgrafik-text {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	z-index: 100;
}
#kopfgrafik .kopfgrafik-text .quicklinks  {
	position: absolute;
	bottom: 0;
}
#kopfgrafik .kopfgrafik-text .quicklinks .link-pfeil {
	margin-right: 0;
}
#kopfgrafik .kopfgrafik-text .quicklinks h6  {
	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}
#kopfgrafik .kopfgrafik-text .quicklinks a:hover h6  {
	color: #fff;
}
#kopfgrafik  {
	background: #09090d;
	background: #000;
	height: 40vh;
	position: relative;
	color: #ffffff;
	overflow: hidden;
}
#kopfgrafik a {
	color: #ffffff;
}
#kopfgrafik a:hover {
	color: #e30017;
}
.kopfgrafik-text h1 {
	color: #fff;
}

#kopfgrafik img {
	margin: 0 auto;
	display: block;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.jarallax {
	position: relative;
	z-index: 0;
}
.jarallax > .jarallax-img {
	position: absolute;
	object-fit: cover;
	object-position: top center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.overlay {
	position: relative;
}
.overlay:after {
    background: #000000;
    opacity: 0.6;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
    position: absolute;
}

.overlay > div {
    z-index: 1;
    position: relative;
}
/* Element  */
#kopfgrafik,
.piktogramm {
	position: relative;
	overflow: hidden;
	margin-top: calc(150 / 270 * -20%);
	z-index: 5;
}

.piktogramm:after {
	content:"";
	background-image: url(../../bilder/navigat/logo-piktogramm-element.svg);
	background-size: 50%;
	background-position: bottom left -5vw;
	background-repeat: no-repeat;
	width: 100%;
	display: block;
	bottom: 0;
	z-index: -1;
	padding-top: calc(150 / 270 * 50%);
}
#kopfgrafik,
.piktogramm.background {
	margin: 0;
}
#kopfgrafik:before,
.piktogramm.background:after {
	position: absolute;
}
#kopfgrafik:before {
	background-image: url(../../bilder/navigat/logo-piktogramm.svg);
	background-size: 120%;
	background-position: bottom -20% center;
	bottom: 0;
	padding-top: calc(300 / 112 * 50%);
	filter: invert(1) brightness(100);
	opacity: 0.05;
}

.produkte #kopfgrafik {
    height: 20vh;
}
.produkte #kopfgrafik:before {
	content: normal;
}
/* STARTSEITE */
.startseite #content > .container-left {
	display: none;
}
.produkte .kachel h5 {
	position: relative;
	z-index: 1;
}
.weitere-produkte .kachel a,
.produkte .kachel a {
	color: inherit;
}
.produkte .kachel img {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform-origin: center;
	transition: All 0.4s ease-in-out;
	-webkit-transition: All 0.4s ease-in-out;
	-moz-transition: All 0.4s ease-in-out;
	-o-transition: All 0.4s ease-in-out;
}
.produkte .kachel a:hover img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
}
.vorteile .icon:before {
	content: "";
	width: 60px;
	height: 60px;
	top: 10px;
	display: inline-block;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
}
.vorteile .individuell:before {
	background-image: url("../../bilder/navigat/icon-individuell.svg");
}
.vorteile .stueckzahl:before {
	background-image: url("../../bilder/navigat/icon-stueckzahl.svg");
}
.vorteile .beschriftung:before {
	background-image: url("../../bilder/navigat/icon-beschriftung.svg");
}
.vorteile .vorteil {
	position: relative;
}
.vorteile .d-inline-block {
	padding-left: 90px;
}

/*STARTSEITE ENDE*/

/*UNTERSEITE*/
.weitere-produkte .passiv {
	display: none !important;
}
.icon img {
	width: 24px;
	height: 24px;
	margin-right: 0.5rem;
}

.referenzliste .kachel {
	min-height: 300px;
}
/*UNTERSEITE ENDE*/

/*Accordeon*/
.accordion-header {
    padding: 0rem;
    background-color: transparent;	
    border: 0;
    border-bottom: 3px solid #e30017;
    margin-bottom: 0;
}
.accordion-item  {
	background: transparent;
	border: 0px;
	border-radius: 0;
}
.accordion-body {
    padding: 1rem 0;
    text-align: left;
}
.accordion-button {
	background-color: transparent;
	width: 100%;
	padding: 0;
	font-size: inherit;
	text-transform: inherit;
	font-weight: inherit;
	color: inherit;
	text-align: left;
	padding: .75rem 0rem;
	border-radius: 0;
	box-shadow: none;
}
.accordion-button:not(.collapsed) {
    color: #e30017;
    background-color: transparent;
    box-shadow: none;
}
.accordion-button:focus {
    box-shadow: none;
}
.accordion-button:after {
	content: "";
	background-image: none;
	height: 20px;
	width: 20px;
	border-left: 3px solid #e30017;
	border-bottom: 3px solid #e30017;
	transform: rotate(-45deg);
	display: inline-block;

	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

.accordion-button:not(.collapsed):after {
    background-image: none !important;
    transform: rotate(135deg);
}
/* nav-tabs  */
.nav-tabs {
    border-bottom: 0px;
    margin: 0 0 .5rem 0 !important;
}
.nav-tabs .nav-item {
	padding: 0 !important;
}
.nav-tabs .nav-item:before {
	content: normal !important;
}
.bg-dark .nav-tabs .nav-link {
    background-color: #23252B;
}
.nav-tabs .nav-link {
	color: inherit;
	background: #edeff2;
	border-radius: 0;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0.75rem 1rem;
	border: 0 !important;
	outline: 0 !important;
}
.nav-tabs h5 {
	display: inline-block;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    color: #fff;
    border-radius: 0;
    background-color: #e30017;
}

.nav-tabs .nav-link:after {
	content: normal;
	background-image: none;
	height: 12px;
	width: 12px;
	border-left: 2px solid #e30017;
	border-bottom: 2px solid #e30017;
	transform: rotate(-45deg);
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 2px;
	display: inline-block;

	transition: All 0.2s ease-in-out;
	-webkit-transition: All 0.2s ease-in-out;
	-moz-transition: All 0.2s ease-in-out;
	-o-transition: All 0.2s ease-in-out;
}

/* Geschichte */
.timeline {
  position: relative;
}

.timeline:after {
    content: '';
    position: absolute;
    width: 4px;
    background: #e30017;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -2px;
}

.timeline .zeitpunkt {
	padding: 1rem 4rem;
	position: relative;
	background: inherit;
	width: 50%;
	opacity: 0.4;
	transition: all 0.5s ease-in-out;
}

.timeline .zeitpunkt.aktiv {
	opacity: 1;
}

.timeline .zeitpunkt:nth-child(odd) {
  left: 0;
  text-align: right;
}

.timeline .zeitpunkt:nth-child(even) {
	left: 50%;
}
.timeline .zeitpunkt:before {
    content: '';
    position: absolute;
    width: 0px;
    height: 4px;
    top: 2.5rem;
    right: 0px;
    background: #e30017;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}
.timeline .zeitpunkt.aktiv:before {
	width: 40px;
}
.timeline .zeitpunkt:nth-child(even):before {
    left: 0px;
}

.timeline .zeitpunkt .ereignis {
	transition: all 0.5s ease-in-out;
}

.timeline .zeitpunkt:nth-child(odd) .ereignis {
  transform: translate3d(-200px, 0, 0);
}

.timeline .zeitpunkt:nth-child(even) .ereignis {
	transform: translate3d(200px, 0, 0);
}

.timeline .zeitpunkt.aktiv .ereignis {
 	transform: none;
}
/* Geschichte */
/*Tooltip*/
.tooltip-msg {
	position: fixed;
	top: 30vh;
	right: 20px;
	width: 100%;
	z-index: 1000;
}
.tooltip-icon {
	background-color: #e30017;
	padding: 10px;
	border-radius: 40px;
	position: absolute;
	right: 0;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.tooltip-icon.time {
	top: 0;
}
.tooltip-icon.phone {
	top: calc(60px + 10px);
}
.tooltip-icon.mail {
	top: calc(120px + 20px);
}
.tooltip-icon .text {
	display: none;	
	opacity: 0;
	visibility:hidden;
	text-decoration: none;
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
}
.tooltip-icon:hover .text {
	display: block;
	opacity: 1;
	visibility:visible;
	padding-right: 15px;
}
.tooltip-icon a {
    color: #ffffff;
}
.tooltip-icon:hover .icon {
    margin-right: 10px;
}
.tooltip-icon .icon {
	width: 40px;
	height: 40px;
	padding: 5px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	transition:All 0.2s ease;
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
}

.tooltip-icon .icon img {
	width: auto;
	height: auto;
	margin-right: 0;
}
/*Tooltip*/
#tooltip {	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1rem;
}
.gm-style div,
.gm-style div:focus {
    border: 0 !important;
    outline: 0 !important;
}
/* Tooltip */
#tooltip h1 {
    font-size: 1.25rem;
    margin-top: 0;
    margin-bottom: 1rem;
}
#tooltip h3 {
	font-size: 1.25rem;
	margin-top: 0;
	margin-bottom: 0.5rem;
}

#tooltip a {
	font-size: 1rem;
	padding-top: 0;
}

#tooltip p:last-child {
	margin-bottom: 0.5rem;
}
.gm-style .gm-style-iw-c {
	background: #000000;
	border-radius: 0 !important;
	max-height: none !important;
	padding: 3rem 2rem 2rem 2rem !important;
	text-align: center;
	width: 320px !important;
	max-width: 75vw !important;
	color: #fff;
}
.gm-style .gm-style-iw-d {
    overflow: inherit !important;
}
.gm-style .gm-style-iw-t:after {
    background: #000000;
}

button.gm-ui-hover-effect {
    top: 0 !important;
    right: 0 !important;
    width: 40px !important;
    height: 40px !important;
}
.gm-ui-hover-effect {
    opacity: 1;
}
.gm-style button img {
	width: 24px !important;
	height: 24px !important;
	filter: brightness(100%) invert(1);
}
/* News */
#MODUL_Neuigkeiten {
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-gap: 3rem;
}
#MODUL_Neuigkeiten #umsNeuigkeit {
    padding: 3rem;
    background: #edeff2;
    height: 100%;
}

#MODUL_Neuigkeiten h1 {
	font-size: 1.5rem;
	line-height: 1.3;
	margin-top: 0rem;
	margin-bottom: 1rem;
}
#umsNeuigkeitDatum {
    font-weight: 700;
    margin-bottom: 6rem;
    color: #e30017;
}
#umsNeuigkeitDetaillink {
	margin-top: 2rem;
}

#MODUL_Neuigkeiten.details {
	display: block;
}
#MODUL_Neuigkeiten.details #umsNeuigkeit {
	padding: 0;
	background: transparent;
}

#MODUL_Neuigkeiten.details #umsNeuigkeitDatum {
    font-size: 1.5rem;
	margin-bottom: 0;
}
#MODUL_Neuigkeiten.details #umsNeuigkeitKurzbeschreibung {
    font-weight: 700;
    font-size: 24px;
}

#MODUL_Neuigkeiten.details #umsNeuigkeitBilder {
	margin: 2rem 0;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-gap: 30px;
}
#MODUL_Neuigkeiten.details #umsNeuigkeitBilder a {
	padding-top: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}
#MODUL_Neuigkeiten.details #umsNeuigkeitBilder img {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*NEWS ENDE*/


/*SLICK SLIDER*/
.slider .slick-list,
.slider .slick-track {
	height: 100%;
}
.carousel,
.carousel-klein {
	overflow: hidden;
}
.carousel-klein .slick-list,
.carousel .slick-list {
	margin: 0 -1.5rem;
}
.carousel-klein .slick-slide,
.carousel .slick-slide {
	margin-left: 1.5rem;
	margin-right: 1.5rem;
}
.slick-slider .slick-slide{
    display: none;
}
.slick-slider .slick-slide:first-child{
    display: block;
}
.slick-initialized.slick-slider .slick-slide,
.slick-initialized.slick-slider .slick-slide:first-child{
    display: block;
}

.slick-slide img {
    margin: 0 auto;
}
.slick-prev, 
.slick-next {
    top: auto;
    bottom: -30px;
}
.slick-next,
.slick-next:hover,
.slick-next:focus,
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
	background: #e30017;
	width: 60px!important;
	height: 60px!important;
	z-index: 999;
	opacity: 1;
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
	right: 0px !important;
}

.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
	right: 64px !important;
	left: auto !important;
}
.slick-prev:before, 
.slick-next:before {
	content: "";
	height: 24px;
	width: 24px;
	border-color: #ffffff;
	border-style: solid;
	border-width: 3px;
	transform: rotate(45deg);
	display: inline-block;
	opacity: 1;
}
.slick-prev:before {
	border-right-width: 0px;
	border-top-width: 0px;
	margin-left: 8px;
}

.slick-next:before {
	border-left-width: 0px;
	border-bottom-width: 0px;
	margin-right: 8px;
}

.slick-next:hover,
.slick-next:focus,
.slick-prev:hover,
.slick-prev:focus {
	background: #000000;
}

.slick-dots li.slick-active button:before {
    background-color: #e30017;
    opacity: 1!important;
}

.slick-dots li button:before {
	content: "" !important;
	border: 1px solid #e30017;
	border-radius: 50%;
	opacity: 0.5 !important;
	color: #e30017 !important;
	width: 8px !important;
	height: 8px !important;
}

.vertical-slider .slick-next,
.vertical-slider.slick-next:hover,
.vertical-slider.slick-next:focus {
	right: 50% !important;
	top: 100% !important;
	margin-right: -25px;
}

.vertical-slider .slick-prev,
.vertical-slider .slick-prev:hover,
.vertical-slider .slick-prev:focus {
	left: 50% !important;
	top: 0 !important;
	margin-left: -25px;
}

.vertical-slider .slick-prev:before,
.vertical-slider .slick-next:before {
	transform: rotate(135deg);
}

.vertical-slider li {
	line-height: 2;
}

/*Formular*/

/*Footer*/
.footer {
	background-color: #090909;
	position: relative;
	color: #ffffff;
}
.footer .navbar-brand {
    display: inline-block;
    padding-bottom: 0;
    padding-top: 0;
    margin-right: 0;
    margin-bottom: 0px;
}
.footer .navbar-brand img {
    width: 250px;
}
.footer a,
.footer .nav-link {
	color: #ffffff;
}

.footer a:hover  {
	color: #e30017;
}
.footer .list-unstyled li a,
.footer h4 {
	line-height: 1.4;
}

#map_canvas {
	display: block;
	width: 100%;
	height: 500px;
}

@media(min-width:2000px) {
	.container {
		padding-left: 20vw;
		padding-right: 20vw;
	}
	.container-left {
		padding-left: 20vw;	
	}
	.container-right {
		padding-right: 20vw;	
	}
}
@media(max-width:1600px) {
	.container {
		padding-left: 4rem;
		padding-right: 4rem;
	}
	.container-left {
		padding-left: 4rem;	
	}
	.container-right {
		padding-right: 4rem;	
	}
}

/*******************************************/
/* Responisve Menü XL */
/*******************************************/
	@media(max-width:1199px) {
	.navbar>.container {
    	padding-left: 0;
    	padding-right: 0;
	}
	#nav_wrapper .navbar-brand {
		padding-left: 2rem !important;
	}

	/* Mobil Menu */
	#nav_wrapper .navbar {
    	height: auto;
    	box-shadow: none !important;
	}

	/* Full Height Mobil Menu */
	#nav_wrapper.active .navbar.navbar-nav-scroll.um-open,
	#nav_wrapper .navbar.navbar-nav-scroll.um-open {
		background: #000000;
		max-height: none;
		height: 100vh;
		-webkit-align-items: flex-start !important;
		-ms-flex-align: start !important;
		align-items: flex-start !important;
	}

	/* Nav-Links */
	#nav_wrapper .nav-header {
    	padding: 0 2rem;
	}
	#nav_wrapper .navbar .desktopHidden {
		display: inline-block;
	}
	#nav_wrapper .navbar-brand img {
    	width: 180px;
	}
	#nav_wrapper .navbar div > .nav-item {
		padding-left: 0;
		padding-right: 0;
	}
	#nav_wrapper .navbar div > .nav-item > a {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	#nav_wrapper .navbar .dropdown-menu .nav-item .btn-link {
		padding: 0px 2rem;
	}
	#nav_wrapper .navbar .dropdown-menu .subheadline,
	#nav_wrapper .navbar .dropdown-menu .nav-item .nav-link {
		padding: 2px 2rem !important;
	}
	#nav_wrapper .navbar-nav > div > .nav-item > .nav-link {
		font-size: 1.25rem;
		padding: 2rem 2rem;
		border-bottom: 1px solid rgba(255, 255, 255, .1);
	}

	#nav_wrapper .navbar-nav > div > .nav-item:last-child > .nav-link {
		border-bottom: 0px;
	}
	#nav_wrapper .navbar .nav-item .nav-link {
    	color: #ffffff !important;
	}
	#nav_wrapper .navbar .nav-item:hover > .nav-link,
	#nav_wrapper .navbar .nav-item.aktiv > .nav-link {
		background-color: #e30017;
		color: #ffffff !important;
	}
	#nav_wrapper .navbar .nav-item.pe-0:last-child .nav-link {
    	padding: 0;
    	margin: 2rem;
	}
	#nav_wrapper .navbar .nav-item.aktiv .dropdown-toggle:after,
	#nav_wrapper .navbar .nav-item .dropdown-toggle:hover:after  {
    	border-color: #ffffff;
	}

	/* Scroll Menü */
	#nav_wrapper .um-open .navbar-brand.white {
    	display: block;
	}
	#nav_wrapper .um-open .navbar-brand {
    	display: none;
	}
	#nav_wrapper.active .um-open .navbar-toggler span {
		background-color: #ffffff;
	}

	#nav_wrapper .icon.mail a {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23e70017;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M512,241.02344,0,47,96.86328,241.02344Z'/%3E%3Cpath class='a' d='M0,465.03906,512,271.01562H96.86328Z'/%3E%3C/svg%3E");
	}

	#nav_wrapper .icon.phone a {
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23e70017;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M512,431.50362l-80.44893,80.44893A431.45431,431.45431,0,0,1,0,80.59243L80.54492.04751,190.43764,109.94023l-71.658,71.658A211.67052,211.67052,0,0,0,330.49572,393.2204l71.61051-71.61051Z'/%3E%3C/svg%3E");
	}
	#nav_wrapper .icon.phone a {
		margin-left: 0;
	}
	#nav_wrapper .kontakt {
    	padding: 0 30px 30px 30px;
	}
	/* Dropdowns */
	.dropdown-menu .container {
    	padding: 0;
	}
	.dropdown-toggle:after {
    	content: "";
	}
	#nav_wrapper li:last-child .dropdown-menu {
    	right: 0;
    	left: auto;
	}
	#nav_wrapper .navbar  .dropdown-menu .border-end {
		border: 0 !important;
	}
	#nav_wrapper .navbar .dropdown-menu {
		left: inherit;
		min-width: inherit;
		padding-top: 30px;
		padding-bottom: 30px;
		margin: 0;
	}
	.navbar-nav > div {
    	width: 100%;
	}
	/* Mega Menu */
	#nav_wrapper #main-nav li.mega-menu {
		position: relative;
	}

	#nav_wrapper .navbar .btn.desktopHidden {
		margin-left: 30px !important;
	}

	/* Toggle Button */
	.navbar-toggler {
		cursor: pointer;
		border: none;
		height: 40px;
		width: 40px;
		margin-right: 2rem;
		padding: 0;
		z-index: 999999;
	}
	.navbar-toggler span {
    	background-color: #ffffff;
		display: block;
		width: 40px;
		height: 4px;
		border-radius: 0px;
		left: 0;
		opacity: 1;
	
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	
		-webkit-transition: 0.25s ease-in-out;
		-moz-transition:0.25s ease-in-out;
		-o-transition: 0.25s ease-in-out;
		transition: 0.25s ease-in-out;
	}
	#nav_wrapper.active .navbar-toggler span {
		background-color: #000000;
	} 

	#nav_wrapper .navbar-toggler span:nth-child(1) {
    	margin-top: 0px;
	}

	#nav_wrapper .navbar-toggler span:nth-child(2) {
    	margin-top: 8px;
	}

	#nav_wrapper .navbar-toggler span:nth-child(3) {
    	margin-top: 8px;
	}

	#nav_wrapper .navbar-toggler[aria-expanded="true"]  span:nth-child(2) {
		display: none;
	}

	#nav_wrapper .navbar-toggler[aria-expanded="true"] span:nth-child(1) {
		margin-left: 5px;
		margin-right: 5px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		transform-origin: calc(50% - 2px);
	}

	#nav_wrapper .navbar-toggler[aria-expanded="true"] span:nth-child(3) {
		margin-left: 5px;
		margin-right: 5px;
		margin-top: 0px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		transform-origin: calc(50% - 2px);
	}
	/*Mobil Menü ENDE*/
}

/*******************************************/


@media(max-width:1280px) {
	#kopfgrafik h2,
	h1 {
		font-size: 3rem;
	}
	h2 {
		font-size: 2.5rem;
	}
	h3 {
    	font-size: 2rem;
	}
	h4 {
		font-size: 1.5rem;
	}
	h5 {
		font-size: 1.25rem;
	}
	h6 {
		font-size: 1rem;
	}
	.carousel-klein .slick-list,
	.carousel .slick-list {
		margin: 0 -15px;
	}
	.carousel-klein .slick-slide,
	.carousel .slick-slide {
		margin-left: 15px;
		margin-right: 15px;
	}
}