/* css zu presse */

/* DppMenueIconsCSS  */
/*DppMenueIconsCSS*/
#jubaconMenu { display: flex; }

#headerTop {
    width: 1440px;
    max-width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0px;
    z-index: 150;
}

.accessabilityShow {
	text-align: left
}

#mainMenu {
    display: inline-block;
    width: calc(100% - 150px)!important;
    padding-left: 68px;
    position: relative;
    z-index: 2;
    vertical-align: top;
}

#mainMenuIcons {
    width: 150px;
    float: right;
    background-color: #344756;
    position: relative;
	text-align: center;
}

#headerIconTel { background-image: url('/bilder/dropdown_telefon.svg'); }
#headerIconMail { background-image: url('/bilder/dropdown_mail.svg'); }
#headerIconAdress { background-image: url('/bilder/dropdown_standort.svg'); }




#mainMenuIcons input[type=checkbox] { display: none; }

#jubaconMenu a { border: none; }



#jubaconMenu > #jubaconMenuLogo {
    display: inline-block;
    height: 64px;
    width: 17%;
    margin-top: 14px;
    margin-right: -4.5px;
    background-image: url("/bilder/logo.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
	position: relative;
	z-index: 3;
}

#jubaconMenu > ul#menu_eb_1 {
    display: inline-block;
    width: 83%;
    margin: 0px;
    padding: 0px;
    vertical-align: top;
}

#jubaconMenu > ul#menu_eb_1 > li {
    display: inline-block;
    width: 20%;
    text-align: center;
    margin-right: -4.5px;
}

#jubaconMenu > ul#menu_eb_1 > li > a {
    display: inline-block;
    height: 91px;
    padding: 30px 0px;
	position: relative;
	z-index: 3;
}

#jubaconMenu > ul#menu_eb_1 > li {
    vertical-align: top;
    position: relative;
}

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0px;
    background-color: #527fa2;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 20px;
    transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
}

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li { padding: 5px 20px; }

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li > a {
    display: block;
    color: #fff;
    font-family: Montserrat Regular, sans-serif;
}

#mainMenuIcons > ul {
    display: inline-block;
    margin: 0px; 
    padding: 0px; 
}

#mainMenuIcons > ul > li {
    display: inline-block; 
    vertical-align: top;
}

#mainMenuIcons > ul > li > .headerIconsPic {
    display: inline-block;
    height: 91px;
    padding: 0px 11px;
    vertical-align: top;
}

#mainMenuIcons > ul > li > a { border-bottom: none; }

.headerIconsPic > div {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-top: 31px;
    background-size: contain;
    background-repeat: no-repeat;
}

#headerIconsContact > .headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt.svg'); }

#headerIconsLogin > .headerIconsPic > div { background-image: url('/bilder/menu_icon_login.svg'); }

#mainMenuIcons > ul > li > ul {
    display: block;
    width: 300px;
    opacity: 0;
    margin: 0px;
    padding: 30px 10px 10px 10px;;
    background-color: #fff;
    box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24);
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 101;
    transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -webkit-transition: opacity .3s;
	margin-top:1px;
}

#headerIconsContact > ul > li {
    display: inline-block; 
    margin-bottom: 5px;
}

#headerTop > section.bigIncludeTo { display: block; }



#jubaconMenu a,
#mainMenu label,
#mainMenu .MenuTooltipText,
#mainMenu input[type=radio] { display: none; }



#jubaconMenu > ul#menu_eb_1 > li:hover ul#menu_eb_2 {
    opacity: 1; 
    pointer-events: auto;
}

#headerIconsContact:hover > .headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt_hover.svg'); }

#headerIconsLogin:hover > .headerIconsPic > div { background-image: url('/bilder/menu_icon_login_hover.svg'); }

#mainMenuIcons > ul > li:hover > ul {
    opacity: 1;
    pointer-events: auto;
}



#jubaconMenu > ul#menu_eb_1 > li > a:hover::after {
    content: '';
    display: block;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 1px;
}


#mainMenuIcons::before {
    content: '';
    
    height: 91px;
    background-color: #344756;
    position: absolute;
    left: -100px;
}


#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) > a,
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) > a,
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) > a { color: #fff; }

#jubaconMenu > ul#menu_eb_1 > li:first-of-type { 
    width: 18%;
    margin-left: 3%; 
}

#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) { width: 23%; }
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) { width: 21%; }
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) { width: 15%; }

#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3),
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4),
#jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) { background-color: #344756; }

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li:last-of-type { border-bottom: none; margin-top: 1px; }

#headerIconsContact > ul > .headerIconsContactList > div:first-of-type {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 6px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

#headerIconsContact > ul > li > div:nth-of-type(2) {
    display: inline-block;
    vertical-align: top;
}



@media screen and (min-width: 1025px) {
	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 { min-width: 250px; }
    /*#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
		display: flex;
		flex-wrap: wrap;
		min-width: 460px;
	}*/

	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li {
		width: 100%;
		display: inline-block;
	}



    #jubaconMenu > ul#menu_eb_1 > li:hover { background-color: #527fa2; }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li:hover { background-color: #344756; }



    #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover > a,
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2):hover > a { color: #344756; }

    #jubaconMenu > ul#menu_eb_1 > li::before, 
    #jubaconMenu > ul#menu_eb_1 > li::after {
        content: '';
        display: block;
        width: 40px;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0px;
        z-index: 2;
    }

    #jubaconMenu > ul#menu_eb_1 > li::before { left: -20px; }

    #jubaconMenu > ul#menu_eb_1 > li::after { right: -20px; }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3)::before {
        opacity: 1;
        
        z-index: 1;
    }

    #jubaconMenu > ul#menu_eb_1 > li:hover::before,
    #jubaconMenu > ul#menu_eb_1 > li:hover::after { opacity: 1; }

    #jubaconMenu > ul#menu_eb_1 > li:hover::before { background-image: linear-gradient(to top right, #344756 49%, #527fa2 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover::before,
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2):hover::before,
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3):hover::before { background-image: linear-gradient(to top right, #fff 49%, #527fa2 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:hover::after { background-image: linear-gradient(to top right, #527fa2 49%, #344756 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover::after { background-image: linear-gradient(to top right, #527fa2 49%, var(--darkblue) 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:last-of-type > ul#menu_eb_2 {
    	left: unset;
    	right: -20px;
    }
}

@media screen and (min-width: 1025px) {
  #jubaconMenu > ul#menu_eb_1 > li:hover::before {
    background-image: linear-gradient(to top right, var(--darkblue) 49%, #527fa2 50%)!important;
  }
  
  #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover::before {
    background-image: linear-gradient(to top right, #ffff 49%, #527fa2 50%)!important;
  }
}


@media screen and (max-width: 1024px) {
    #mainMenu {
        width: 30%!important;
        padding-left: 50px; 
        position: static;
    }

    #mainMenuIcons {
        width: 65%;
        text-align: right;
		padding-left: 0;
    }

    ul#menu_eb_2 { overflow-y: auto; }



    #mainMenu label.toggleMenuButton {
        display: block;
        width: 38px;
        height: 29px;
        cursor: pointer;
        position: absolute;
        top: 31px;
        right: 45px;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #mainMenu label.toggleMenuButton#lbl_openMenu { z-index: 201; }

    #mainMenu label.lbl_hideSubMenu {
        display: block;
        width: 30px;
        height: 40px;
        position: absolute;
        top: 25px;
        left: 15px;
    }

    label#lbl_openMenu span { margin: 13px 0px; }



    #jubaconMenu > #jubaconMenuLogo { width: 45%; }

    #jubaconMenu > ul#menu_eb_1 { display: none; }

    #mainMenuIcons > ul {
        margin-right: 100px; 
        text-align: left;
    }

    #mainMenuIcons > ul > li > label { cursor: pointer; }

    #jubaconMenu > label.toggleMenuButton#lbl_closeMenu {
        visibility: hidden;
        position: fixed; 
        z-index: 300; 
		opacity: 0;
    }

    #jubaconMenu > ul#menu_eb_1 {
        display: block;
        height: 100%;
        width: 300px;
        max-width: 100%;
        font-size: 20px;
        padding: 76px 20px;
        background-color: #527fa2;
        position: fixed;
        right: -300px;
        top: 0;
        z-index: 200;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #jubaconMenu > ul#menu_eb_1 > li {
        display: block;
        width: auto;
        padding: 10px;
        margin-right: 0px;
        text-align: left;
        border-bottom: 2px solid #344756;
        position: static;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a {
        height: auto;
        padding: 0px;
        color: #fff;
		font-family: Montserrat Regular, sans-serif;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
        display: block;
        width: 300px;
        height: 100%;
        max-width: 100%;
        opacity: 1;
        padding: 5px 20px;
        padding-top: 76px;
        pointer-events: auto;
        position: absolute;
        top: 0;
        right: -300px;
        z-index: 250;
        transition: right .6s;
        -o-transition: right .6s;
        -ms-transition: right .6s;
        -moz-transition: right .6s;
        -webkit-transition: right .6s;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li {
        border-bottom: 2px solid #344756;
        padding: 10px;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 { left: auto; }



    #mainMenu #menu_eb_2 ~ label {
        display: block;
        height: 53px;
        width: 40px;
        margin-top: -42px;
        position: absolute;
        right: 20px;
    }



    #mainMenuIcons > ul > li:hover > ul {
        opacity: 0; 
        pointer-events: none;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a:hover { text-decoration: underline; }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li > a:hover {
        color: #fff;
        text-decoration: underline;
    }



    #mainMenuIcons::before {
        width: auto;
        height: auto;
        background-color: transparent;
        border-left: 42px solid transparent;
        border-top: 91px solid #344756;
        position: absolute;
        left: -42px;
        top: 0px;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a:hover::after { display: none; }

    #mainMenu #menu_eb_2 ~ label::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 20px;
        margin-left: 15px;
        border-top: 3px solid #344756;
        border-right: 3px solid #344756;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    #mainMenu label.lbl_hideSubMenu::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 15px;
        margin-left: 10px;
        border-top: 3px solid #344756;
        border-right: 3px solid #344756;
        transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
    }

    label#lbl_openMenu span, 
    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #fff!important;
        border-radius: 2px;
        transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
    }

    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        content: '';
        position: absolute;
        left: 0px;
    }

    label#lbl_openMenu::before { top: 0px; }
    label#lbl_openMenu::after { bottom: 0px; }



    #jubaconMenu > ul#menu_eb_1 > li:first-of-type {
        margin-left: 0px;
        width: auto;
    }

    #jubaconMenu > ul#menu_eb_1 > li:last-of-type { border-bottom: none; }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3), 
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4), 
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) { 
        width: auto;
        background-color: transparent; 
    }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3)::before { display: none; }



    #mainMenuIcons > ul > li > input[type=checkbox]:checked ~ ul {
        opacity: 1;
        pointer-events: auto;
    }

    #mainMenuIcons > ul > li#headerIconsContact > input[type=checkbox]:checked ~ label.headerIconsPic > div { background-image: url('/bilder/menu_icon_kontakt_hover.svg'); }


    #rad3_menuOpen:checked ~ #jubaconMenu > ul#menu_eb_1 {
        right: 0;
        box-shadow: -5px 10px 18px;
    }

    #rad3_menuOpen:checked ~ label.toggleMenuButton#lbl_openMenu { right: 20px; }

    #rad3_menuOpen:checked ~ #jubaconMenu > label.toggleMenuButton#lbl_closeMenu {
        visibility: visible;
        right: 20px; 
    }

    #mainMenu #menu_eb_1 > li > input[type=radio]:checked ~ ul#menu_eb_2 { right: 0px; }

    input#rad3_menuOpen:checked ~ label#lbl_openMenu > span { opacity: 0; }

    input#rad3_menuOpen:checked ~ label#lbl_openMenu::after {
        bottom: 12px;
        transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    input#rad3_menuOpen:checked ~ label#lbl_openMenu::before {
        top: 13px;
        transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
}


@media screen and (max-width: 600px) {
    #mainMenu { padding-left: 20px; }



    #mainMenu label.toggleMenuButton {
        width: 27px; 
        height: 24px; 
        top: 16px; 
        right: 20px;
    }

    label#lbl_openMenu span { margin: 10px 0px; }



    #mainMenuIcons > ul > li > .headerIconsPic { height: 55px; }

    .headerIconsPic > div {
        height: 26px;
        width: 26px;
        margin-top: 15px;
    }

    #jubaconMenu > #jubaconMenuLogo {
        display: block;
        height: 55px; 
        margin-top: 0px; 
    }

    #jubaconMenu > ul#menu_eb_1 {
        font-size: 17px; 
        line-height: 24px;
    }

    #mainMenuIcons > ul { margin-right: 60px; }



    #mainMenuIcons::before {
        border-top: 55px solid #344756;
        border-left: 25px solid transparent;
        left: -25px;
    }



    input#rad3_menuOpen:checked ~ label#lbl_openMenu::after { bottom: 10px; }

    input#rad3_menuOpen:checked ~ label#lbl_openMenu::before { top: 10px; }
	
	#mainMenu #menu_eb_2 ~ label {
        height: 44px;
        margin-top: -38px;
    }
}





/* ---------- Uhr ---------- */

#uhrblatt {
    display: block;
    width: 192px;
    height: 192px;
    margin-left: 40px;
    margin-top: 30px;
    position: relative;
    background: url('/bilder/ziffernblatt.svg');
	background-size: contain !important;
}

#stundenzeiger {
    display: inline-block;
    width: 4px;
    height: 190px;
    background: url('/bilder/stundenzeiger.gif');
    position: absolute;
    left: 96px;
    -webkit-animation: stunden 86400s linear infinite;
    -moz-animation: stunden 86400s linear infinite;
    animation: stunden 86400s linear infinite;
	background-size: contain;
}

#minutenzeiger {
    display: inline-block;
    width: 4px;
    height: 190px;
    position: absolute;
    left: 96px;
    background: url('/bilder/minutenzeiger.gif');
    -webkit-animation: minuten 3600s linear infinite;
    -moz-animation: minuten 3600s linear infinite;
    animation: minuten 3600s linear infinite;
	background-size: contain;
}

#sekundenzeiger {
    display: inline-block;
    width: 4px;
    height: 190px;
    background: url('/bilder/sekundenzeiger.gif');
    position: absolute;
    left: 96px;
    -webkit-animation: sekunden 60s linear infinite;
    -moz-animation: sekunden 60s linear infinite;
    animation: sekunden 60s linear infinite;
	background-size: contain;
}

@media (min-width: 1024px) {
  #mainMenuIcons {
    height: 92px;
  }
}
@media (max-width: 678px){
  #mainMenuIcons{width: 50%}
}
/* --- --- */
/* DppServer  */
@font-face {
    font-family: 'Montserrat-Light';
    src: url("/fonts/montserrat/Montserrat-Light.otf");
    font-style: normal;
    font-weight: 300;
    font-display: fallback;
}

@font-face {
    font-family: 'Montserrat-Regular';
    src: url("/fonts/montserrat/Montserrat-Regular.otf");
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
}

@font-face {
    font-family: 'Montserrat-Medium';
    src: url("/fonts/montserrat/Montserrat-Medium.otf");
    font-style: normal;
    font-weight: 500;
    font-display: fallback;
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url("/fonts/montserrat/Montserrat-SemiBold.otf");
    font-style: normal;
    font-weight: 600;
    font-display: fallback;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url("/fonts/montserrat/Montserrat-Bold.otf");
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
}

:root {
    --beige: #D5D9BA;
    --green: #D7DF22;
    --darkblue: #334756;
}

.green {
    color: var(--green);
}

#main {
    background-color: #fff;
}

body {
    background-color: #f8f8f8;
    color: var(--darkblue);
}

.DppContent {
    width: 66%;
    padding-right: 68px;
}

.DppButtonGreen {
    background-color: var(--green);
    display: inline-block;
    padding: 10px 30px;
    text-decoration: none;
    font-family: 'Montserrat-SemiBold'
}
.DppButton{
	display: inline-block;
    padding: 10px 30px;
    text-decoration: none;
    font-family: 'Montserrat-SemiBold'
}

.semiBold {
    font-family: 'Montserrat-SemiBold';
}

#main_lightframe {
    height: 100vh;
    background-color: white;
}

@media (max-width: 1024px) {
    .DppContent {
        width: 100%;
        padding-right: 0;
    }
}
/* --- --- */
/* DppServerFooterCSS  */
footer a {
	text-decoration: none;
}

footer>div {
	display: flex;
}

footer>div>section {
	width: 100%
}

footer h3 {
	font-family: Montserrat-semiBold, arial, sans-serif;
	font-weight: bolder
}

footer h3>img {
	object-fit: contain;
	width: 200px;
	transform: translateY(-23px);
}

.footerLogo {
	margin-bottom: -20px;
}

footer .newsletterButton {
	color: var(--darkblue);
	text-decoration: none;
	display: inline-block;
	padding: 10px 20px;
	border: 3px solid var(--beige);
	background-color: var(--beige);
	font-weight: bold;
	transition: 300ms ease-in-out;
	margin-bottom: 68px
}

footer .newsletterButton:hover {
	color: var(--beige);
	background-color: transparent;
}

@media (max-width: 1024px) {
	footer>div {
		
		padding-bottom: 0 !important;
	}

	footer>div>section {
		width: 49%;
		vertical-align: top;
		display: inline-block;
		margin-bottom: 68px;
	}

	footer>div {
        display: inline-block;
    }
	
	footer>div>section:last-of-type {margin-bottom: 0;}
}

@media (max-width: 600px) {
	footer>div>section {
		width: 100%;
	}
}
/* --- --- */
/* FreeDPPCSS  */
#bannerUnterMenue > #bannerUnterMenueText {background-color: rgba(82, 128, 166, 0.81) !important;}
#bannerUnterMenue > #bannerUnterMenueText::after {border-bottom: 160px solid rgba(82, 128, 166, 0.81) !important;}

.SwitchLanguageButton{
  position: absolute;
  right: 0;
  bottom:0
}
/* --- --- */
/* FreeDPPMainMenueCSS  */
#main {
	position: relative;
}

#accessabilityButton {
	bottom: 70px!important;
}

#jubaconMenu { 
	display: flex; 
}

#jubaconMenuLogo {
  border-bottom: none;
}


#DppServerHeader{
  z-index: 2;
  max-width: 1440px;
  background-color:#fff;
}

@media screen and (min-width: 1025px) {
  #jubaconMenu > ul#menu_eb_1 > li:hover {
    background-color: #527fa2;
    
  }
  
  #jubaconMenu > ul#menu_eb_1 > li:hover > a{
    color: white!important;
  }
  
  #jubaconMenu > ul#menu_eb_1 > li > a{
    color: white;
  }
}

#DppServerHeader + *{margin-top:91px;}

#mainMenu {
    display: inline-block;
    width: 100%;
    padding-left: 68px;
    position: relative;
    z-index: 2;
    vertical-align: top;
	color:#fff;
}

#jubaconMenu a {text-decoration: none;}

#jubaconMenu > #jubaconMenuLogo {
    display: inline-block;
    height: 77px;
    margin-top: 15px;
    margin-right: -4.5px;
    background-image: url("/juba/pic/adminCompanyLogo.svg");
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
	position: relative;
	z-index: 3;
    flex-grow: 0;
}

#jubaconMenu > ul#menu_eb_1 {
    display: inline-flex;
	justify-content: right;
    margin: 0px;
    padding: 0px;
    padding-left:40px;
    flex-grow: 1;
}

#jubaconMenu > ul#menu_eb_1 > li {
    display: inline-block;
    text-align: center;
    margin-right: -4.5px;
}



#jubaconMenu > ul#menu_eb_1 > li > a {
    display: inline-block;
    height: 91px;
    padding: 30px 0px;
	position: relative;
	z-index: 3;
}

#jubaconMenu > ul#menu_eb_1 > li {
    vertical-align: top;
    position: relative;
}

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
    width: 100%;
    text-align: left;
    margin: 0;
    padding: 0px;
    background-color: #527fa2;
    list-style: none;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    left: 20px;
    transition: opacity .3s;
}

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li { padding: 5px 20px; }

#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li > a {
    display: block;
    color: white;
    font-family: Montserrat Regular, sans-serif;
}

#headerTop > section.bigIncludeTo { display: block; }



#jubaconMenu a,
#mainMenu label,
#mainMenu .MenuTooltipText,
#mainMenu input[type=radio] { display: none; }



#jubaconMenu > ul#menu_eb_1 > li:hover ul#menu_eb_2 {
    opacity: 1; 
    pointer-events: auto;
}

@media screen and (min-width: 1025px) {
	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 { min-width: 250px !important; margin-top: 1px;}

    #jubaconMenu > ul#menu_eb_1 > li{background-color: var(--darkblue)}



    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li:hover { background-color: var(--darkblue); }

	#jubaconMenu > ul#menu_eb_1 > li{flex-grow: 1;width: unset !important;}
    #jubaconMenu > ul#menu_eb_1 > li:first-of-type:not(:hover){
        background-color: #fff;
    }
    #jubaconMenu > ul#menu_eb_1 > li:first-of-type > a{
        color: var(--darkblue);
    }

    

    #jubaconMenu > ul#menu_eb_1 > li::before, 
    #jubaconMenu > ul#menu_eb_1 > li::after {
        content: '';
        display: block;
        width: 40px;
        height: 100%;
        opacity: 0;
        position: absolute;
        top: 0px;
        z-index: 2;
    }

    #jubaconMenu > ul#menu_eb_1 > li::before { left: -20px; }

    #jubaconMenu > ul#menu_eb_1 > li::after { right: -20px; }

    #jubaconMenu > ul#menu_eb_1 > li.menulevel1selected > a {font-family: 'Montserrat-Bold';}

    #jubaconMenu > ul#menu_eb_1 > li:hover::before,
    #jubaconMenu > ul#menu_eb_1 > li:hover::after { opacity: 1; }

    #jubaconMenu > ul#menu_eb_1 > li:hover::before { background-image: linear-gradient(to top right, var(--darkblue) 49%, var(--beige) 50%); }

    #jubaconMenu > ul#menu_eb_1 > li:hover::after { background-image: linear-gradient(to top right, #527fa2 49%, var(--darkblue) 50%); }
    #jubaconMenu > ul#menu_eb_1 > li:last-of-type:hover::after { background-image: linear-gradient(to top right, #527fa2 49%, #344756 50%); }
    #jubaconMenu > ul#menu_eb_1 > li:first-of-type + li:hover::before{
        background-image: linear-gradient(to top right, #fff 49%, #527fa2 50%) !important;
    }
    
    #jubaconMenu > ul#menu_eb_1 > li:first-of-type::after{
        opacity: 1;
        background-image: linear-gradient(to top right, #fff 49%, var(--darkblue) 50%);
        right: -15px;
    }
     #jubaconMenu > ul#menu_eb_1 > li:first-of-type:hover::before{
        background-image: linear-gradient\(to top right, #fff 49%, #527fa2;
    }

    #jubaconMenu > ul#menu_eb_1 > li:last-of-type > ul#menu_eb_2 {
    	left: unset;
    	right: -20px;
		margin-top: 1px;
    }
}


@media screen and (max-width: 1024px) {
	#jubaconMenu { width: 450px; }
	
    #mainMenu {
        width: 30%;
        padding-left: 50px; 
        position: static;
    }

    ul#menu_eb_2 { overflow-y: auto; }



    #mainMenu label.toggleMenuButton {
        display: block;
        width: 38px;
        height: 29px;
        cursor: pointer;
        position: absolute;
        top: 31px;
        right: 45px;
        transition: right .6s;
    }

    #mainMenu label.toggleMenuButton#lbl_openMenu { z-index: 201; }

    #mainMenu label.lbl_hideSubMenu {
        display: block;
        width: 30px;
        height: 40px;
        position: absolute;
        top: 25px;
        left: 15px;
    }

    label#lbl_openMenu span { margin: 13px 0px; }



    #jubaconMenu > #jubaconMenuLogo { width: 85%;  height: 76px; }

    #jubaconMenu > ul#menu_eb_1 { display: none; }

    #jubaconMenu > label.toggleMenuButton#lbl_closeMenu {
        visibility: hidden;
        position: fixed; 
        z-index: 300; 
    }

    #jubaconMenu > ul#menu_eb_1 {
        display: block;
        height: 100%;
        width: 320px;
        max-width: 100%;
        font-size: 20px;
        padding: 76px 20px;
        background-color: #527fa2;
        position: fixed;
        right: -320px;
        top: 0;
        z-index: 200;
        transition: right .6s;
		color: #474747;
    }

    #jubaconMenu > ul#menu_eb_1 > li {
        display: block;
        width: auto;
        padding: 10px;
        margin-right: 0px;
        text-align: left;
        border-bottom: 2px solid #fff;
        position: static;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a {
        height: auto;
        padding: 0px;
        color: #fff;
		font-family: Montserrat Regular, sans-serif;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {
        display: block;
        width: 320px;
        height: 100%;
        max-width: 100%;
        opacity: 1;
        padding: 5px 20px;
        padding-top: 76px;
        pointer-events: auto;
        position: absolute;
        top: 0;
        right: -320px;
        z-index: 250;
        transition: right .6s;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li {
        border-bottom: 2px solid #344756;
        padding: 10px;
    }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 { left: auto; }



    #mainMenu #menu_eb_2 ~ label {
        display: block;
        height: 53px;
        width: 40px;
        margin-top: -42px;
        position: absolute;
        right: 20px;
    }

    #jubaconMenu > ul#menu_eb_1 > li > a:hover { text-decoration: underline; }

    #jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 > li > a:hover {
        color: white;
        text-decoration: underline;
    }


    #jubaconMenu > ul#menu_eb_1 > li > a:hover::after { display: none; }

    #mainMenu #menu_eb_2 ~ label::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 20px;
        margin-left: 15px;
        border-top: 3px solid #344756;
        border-right: 3px solid #344756;
        transform: rotate(45deg);
    }

    #mainMenu label.lbl_hideSubMenu::after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        margin-top: 15px;
        margin-left: 10px;
        border-top: 3px solid #344756;
        border-right: 3px solid #344756;
        transform: rotate(225deg);
    }

    label#lbl_openMenu span, 
    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        display: block;
        width: 100%;
        height: 4px;
        background-color: var(--darkblue);
        border-radius: 2px;
        transition: all .3s ease-in-out;
    }

    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        content: '';
        position: absolute;
        left: 0px;
    }

    label#lbl_openMenu::before { top: 0px; }
    label#lbl_openMenu::after { bottom: 0px; }



    #jubaconMenu > ul#menu_eb_1 > li:first-of-type {
        margin-left: 0px;
        width: auto;
    }


    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3), 
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4), 
    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(5) { 
        width: auto;
        background-color: transparent; 
    }

    #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3)::before { display: none; }

    #rad30_menuOpen:checked ~ #jubaconMenu > ul#menu_eb_1 {
        right: 0;
		box-shadow: -5px 10px 18px var(--darkblue);
    }

    #rad30_menuOpen:checked ~ label.toggleMenuButton#lbl_openMenu { right: 20px; }

    #rad30_menuOpen:checked ~ #jubaconMenu > label.toggleMenuButton#lbl_closeMenu {
        visibility: visible;
        right: 20px; 
    }

    #mainMenu #menu_eb_1 > li > input[type=radio]:checked ~ ul#menu_eb_2 { right: 0px; }

    input#rad30_menuOpen:checked ~ label#lbl_openMenu > span { opacity: 0; }

    input#rad30_menuOpen:checked ~ label#lbl_openMenu::after {
        background-color: #fff;
        bottom: 12px;
        transform: rotate(45deg);
    }

    input#rad30_menuOpen:checked ~ label#lbl_openMenu::before {
        background-color: #fff;
        top: 13px;
        transform: rotate(-45deg);
    }
}


@media screen and (max-width: 600px) {
	#jubaconMenu { width: 150px; }
	
    #DppServerHeader + *{margin-top:55px;}
    #mainMenu { padding-left: 20px; }



    #mainMenu label.toggleMenuButton {
        width: 27px; 
        top: 16px;
		height: 24px;
        right: 20px;
		transition: 0.3s;
    }

    label#lbl_openMenu span { margin: 10px 0px; }

    #jubaconMenu > #jubaconMenuLogo {
        display: block;
        height: 55px; 
        margin-top: 0px; 
    }

    #jubaconMenu > ul#menu_eb_1 {
        font-size: 17px; 
        line-height: 24px;
    }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::after { bottom: 10px; }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::before { top: 10px; }

	input#rad30_menuOpen:checked ~ label#lbl_openMenu {height: 29px;}

	
	#mainMenu #menu_eb_2 ~ label {
        height: 44px;
        margin-top: -38px;
    }
}








@media (min-width: 1025px){
    #mainMenuIcons {
        width: 170px !important;
        text-align: center !important;
    }
    
    #lblSucheAjax {
        right: 29px !important;
    }

    #mainMenu {width: calc(100% - 170px) !important;}
}
#mainMenuIcons{ padding-right: 40px;}
#mainMenuIcons > ul > li > .headerIconsPic {padding: 0px 4px;}
@media screen and (max-width: 1024px) {
  #lblSucheAjax {
    right: 107px !important;
  }
}
@media screen and (max-width: 600px) {
  #lblSucheAjax {
    right: 69px !important;
  }
}


@media (min-width: 1201px) {
#jubaconMenuLogo{
  scale: 2;
  background-image: url('/bilder/LogoBigBird.svg') !important;
  transform: translateY(20%);
  background-position: center !important;
  background-size: 80% 90% !important;
  margin-left: calc(-68px + 15% / 2);
  width: 15% !important;
  margin-right: 1px !important;
  z-index: 1 !important;
  }
}
@media (max-width: 1200px) and (min-width:1025px){
#jubaconMenuLogo{
  scale: 1.4;
    background-image: url('/bilder/LogoBigBird.svg') !important;
  transform: translateY(20%);
  background-position: center !important;
  background-size: 90% !important;
  margin-left: calc(-103px + 15% / 2);
  width: 15% !important;
  margin-right: -30px !important;
  z-index: 1 !important;
  }
}
@media (max-width:1024px){
	#jubaconMenu > #jubaconMenuLogo {
  		margin-top: -7px;
		height: 90px;
	}

}
@media (max-width:600px){
  #jubaconMenu > #jubaconMenuLogo {
    margin-top: -4px;
    height: 55px;
}
}

.smt{scroll-margin-top: 80px;}
/* --- --- */
/* leafletCSS  */
/* required styles - 2022 lt. Kompass von https://unpkg.com/leaflet@1.8.0/dist/leaflet.css*/

.preventError { color: red; }
.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
	text-decoration: none;
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

/*.leaflet-pane         { z-index: 400; }*/

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	/*z-index: 800;*/
	z-index: 1; /* 230829 Timon */
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	/*z-index: 1000;*/
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(images/layers.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(images/layers-2x.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(images/marker-icon.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-control-attribution svg {
	display: inline !important;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;

	background: #fff;
	background: rgba(255, 255, 255, 0.5);
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */
	
@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
		}
	}

	
/*
Copyright (c) 2014, Per Liedman (per@liedman.net) Turn instruction icons Copyright (c) 2014, Mapbox (mapbox.com)

Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice
and this permission notice appear in all copies.

THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS.
IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE,
DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
*/
.leaflet-routing-container, .leaflet-routing-error {
    width: 320px;
    background-color: white;
    padding-top: 4px;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.leaflet-control-container .leaflet-routing-container-hide {
    width: 32px;
    height: 32px;
}

.leaflet-routing-container h2 {
    font-size: 14px;
}

.leaflet-routing-container h3 {
    font-size: 12px;
    font-weight: normal;
}

.leaflet-routing-collapsible .leaflet-routing-geocoders {
    margin-top: 20px;
}

.leaflet-routing-alt, .leaflet-routing-geocoders, .leaflet-routing-error {
    padding: 6px;
    margin-top: 2px;
    margin-bottom: 6px;
    border-bottom: 1px solid #ccc;
    max-height: 320px;
    overflow-y: auto;
    transition: all 0.2s ease;
}

.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-alt, 
.leaflet-control-container .leaflet-routing-container-hide .leaflet-routing-geocoders {
    display: none;
}

.leaflet-bar .leaflet-routing-alt:last-child {
    border-bottom: none;
}

.leaflet-routing-alt-minimized {
    color: #888;
    max-height: 64px;
    overflow: hidden;
    cursor: pointer;
}

.leaflet-routing-alt table {
    border-collapse: collapse;
}

.leaflet-routing-alt tr:hover {
    background-color: #eee;
    cursor: pointer;
}

.leaflet-routing-alt::-webkit-scrollbar {
    width: 8px;
}

.leaflet-routing-alt::-webkit-scrollbar-track {
    border-radius: 2px;
    background-color: #eee;
}

.leaflet-routing-alt::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: #888;
}

.leaflet-routing-icon {
    background-image: url('https://www.inndata.at/pic/eurobaumaps/leaflet-routing-icons.png');
    -webkit-background-size: 240px 20px;
    background-size: 240px 20px;
    background-repeat: no-repeat;
    margin: 0;
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
}

.leaflet-routing-icon-continue         { background-position: 0 0; }
.leaflet-routing-icon-sharp-right      { background-position: -20px 0; }
.leaflet-routing-icon-turn-right       { background-position: -40px 0; }
.leaflet-routing-icon-bear-right       { background-position: -60px 0; }
.leaflet-routing-icon-u-turn           { background-position: -80px 0; }
.leaflet-routing-icon-sharp-left       { background-position: -100px 0; }
.leaflet-routing-icon-turn-left        { background-position: -120px 0; }
.leaflet-routing-icon-bear-left        { background-position: -140px 0; }
.leaflet-routing-icon-depart           { background-position: -160px 0; }
.leaflet-routing-icon-enter-roundabout { background-position: -180px 0; }
.leaflet-routing-icon-arrive           { background-position: -200px 0; }
.leaflet-routing-icon-via              { background-position: -220px 0; }

.leaflet-routing-geocoders div {
    padding: 4px 0px 4px 0px;
}

.leaflet-routing-geocoders input {
    width: 303px;
    width: calc(100% - 4px);
    line-height: 1.67;
    border: 1px solid #ccc;
}

.leaflet-routing-geocoders button {
    font: bold 18px 'Lucida Console', Monaco, monospace;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: white;
    margin: 0;
    margin-right: 3px;
    float: right;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.leaflet-routing-add-waypoint:after {
    content: '+';
}

.leaflet-routing-reverse-waypoints:after {
    font-weight: normal;
    content: '\21c5';
}

.leaflet-routing-geocoders button:hover {
    background-color: #eee;
}

.leaflet-routing-geocoders input,.leaflet-routing-remove-waypoint,.leaflet-routing-geocoder {
    position: relative;
}

.leaflet-routing-geocoder-result {
    font: 12px/1.5 "Helvetica Neue", Arial, Helvetica, sans-serif;
    position: absolute;
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
    z-index: 1000; /* Arbitrary, but try to be above "most" things. */
}

.leaflet-routing-geocoder-result table {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    background-color: white;
    cursor: pointer;
}

.leaflet-routing-geocoder-result-open {
    max-height: 800px;
}

.leaflet-routing-geocoder-selected, .leaflet-routing-geocoder-result tr:hover {
    background-color: #eee;
}

.leaflet-routing-geocoder-no-results {
    font-style: italic;
    color: #888;
}

.leaflet-routing-remove-waypoint {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.leaflet-routing-remove-waypoint:after {
    position: absolute;
    display: block;
    width: 15px;
    height: 1px;
    z-index: 1;
    right: 1px;
    top: 4px;
    bottom: 0;
    margin: auto;
    padding: 2px;
    font-size: 18px;
    font-weight: bold;
    content: "\00d7";
    text-align: center;
    cursor: pointer;
    color: #ccc;
    background: white;
    padding-bottom: 16px;
    margin-top: -16px;
    padding-right: 4px;
    line-height: 1;
}

.leaflet-routing-remove-waypoint:hover {
    color: black;
}

.leaflet-routing-instruction-distance {
    width: 48px;
}

.leaflet-routing-collapse-btn {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    color: #000000;
    font-weight: bold;
	background-color: white;
	cursor: pointer;
	width: 20px;
}

.leaflet-routing-collapse-btn:after {
    content: '\00d7';
}

.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
    position: relative;
    left: 2px;
    top: -10px;
    display: block;
    width: 26px;
    height: 23px;
	background-color: transparent;
	font-weight: 1;
}

.leaflet-routing-container-hide .leaflet-routing-collapse-btn:after {
    content: none;
}

.leaflet-top .leaflet-routing-container.leaflet-routing-container-hide {
    margin-top: 10px !important;
}
.leaflet-right .leaflet-routing-container.leaflet-routing-container-hide {
    margin-right: 10px !important;
}
.leaflet-bottom .leaflet-routing-container.leaflet-routing-container-hide {
    margin-bottom: 10px !important;
}
.leaflet-left .leaflet-routing-container.leaflet-routing-container-hide {
    margin-left: 10px !important;
}

@media only screen and (max-width: 640px) {
    .leaflet-routing-container {
        margin: 0 !important;
        padding: 0 !important;
        width: 100%;
        height: 100%;
    }
}

/* custom styles by Inndata*/
#input-box {
	position: absolute;
	top: 0;
	/*z-index: 1000;*/
	width: 60%;
	margin-left: 70px;
	margin-top: 11px;
}

.input-btn {
	background-color: #fff;
	cursor: pointer;
	padding: 5px;
	height: 31px;
	border: 1px solid #ccc;

}

.input-btn:hover {
	background-color: #f4f4f4;
}

#loc-input {
	padding: 4px;
	box-sizing: border-box;
	height: 31px;
	background-color: #fff;
	border: 1px solid #ccc;
}

#map {
	height: 500px;
	width: 100%;
}

#map h2, #map h3 {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#close-btn {
	display: none;
}

.leaflet-routing-container {
	max-width: 280px;
}

.osrm-info-icon {
	cursor: pointer;
}

#osrm-info-text {
	display: none;
	margin: 0;
	padding: 0 5px;
	position: absolute;
	background-color: rgba(255, 255, 255, .8);
	bottom: 0;
	right: 0;
	z-index: 1000;
	font-size: 13px;
}

#osrm-info-text a {
	color: #0078A8;
	text-decoration: none;
}

#osrm-info-text a:hover {
	text-decoration: underline;
}

#input-box.multi-sel-box {
	position: unset;
	width: 100%;
	margin-left: 0px;
}

@media only screen and (max-width: 770px) {
	#start-btn {
		display: block;
	}
	
	#input-box > * {
		width: 120px;
	}
	
	#input-box {
		margin-left: 50px;
	}
}

@media only screen and (max-width: 640px) {
	.leaflet-routing-container-hide .leaflet-routing-collapse-btn {
		top: -6px !important;
	}
}
/* --- --- */
#backtotopContainer {
	width: calc(100% - 54px);
	position: absolute;
	text-align: right;
	top: 0;
	left: 0;
}
#backtotop {
	display: none;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 37px solid rgba(82, 128, 166, 0.55);
	position: fixed;
	bottom: 14px;
	z-index: 900;
}
/* --- --- */
#bannerUnterMenueKlein {
	height: 250px;
	margin-top: 91px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
#bannerUnterMenueKleinStripes {
	height: 50px;
	width: 53.5%;
	background-color: #fff;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#bannerUnterMenueKleinText,
#bannerUnterMenueKleinTextCoverStripe {
	padding-top: 35px;
	padding-bottom: 35px;
	padding-right: 42px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(52, 71, 86, 0.81);
}
#bannerUnterMenueKleinTextCoverStripe { background-color: rgba(82, 128, 166, 0.81); }
#bannerUnterMenueKleinText h1,
#bannerUnterMenueKleinTextCoverStripe h1 {
	font-size: 54px;
	margin-top: 0;
	margin-bottom: 0;
}
#bannerUnterMenueKleinText > .bannerUnterMenueKleinTextSmall,
#bannerUnterMenueKleinTextCoverStripe > .bannerUnterMenueKleinTextSmall {
	font-size: 29px;
	letter-spacing: -1px;
}
#bannerUnterMenueKleinText h1,
#bannerUnterMenueKleinTextCoverStripe h1,
#bannerUnterMenueKleinText > .bannerUnterMenueKleinTextSmall,
#bannerUnterMenueKleinTextCoverStripe > .bannerUnterMenueKleinTextSmall {
	color: white;
	font-family: Montserrat Medium, sans-serif;
}
#bannerUnterMenueKleinStripes::before {
	content: '';
	display: inline-block;
	border-left: 30px solid transparent;
	border-bottom: 50px solid #fff;
	position: absolute;
	left: -30px;
	top: 0;
}
#bannerUnterMenueKleinText::after,
#bannerUnterMenueKleinTextCoverStripe::after {
	content: '';
	display: inline-block;
	border-right: 70px solid transparent;
	border-bottom: 160px solid rgba(52, 71, 86, 0.81);
	position: absolute;
	right: -70px;
	top: 0px;
}

#bannerUnterMenueKleinTextCoverStripe::after { border-bottom-color: rgba(82, 128, 166, 0.81); }


@media screen and (max-width: 1112px) {
	#bannerUnterMenueKleinTextCoverStripe h1 { font-size: 40px; }
}


@media screen and (max-width: 1024px) {
	#bannerUnterMenueKlein { height: 200px; }
    #bannerUnterMenueKleinText h1 { font-size: 34px; }
	#bannerUnterMenueKleinText > .bannerUnterMenueKleinTextSmall,
	#bannerUnterMenueKleinTextCoverStripe > .bannerUnterMenueKleinTextSmall {
		font-size: 24px; 
		line-height: 100%;
	}
}
@media screen and (max-width: 600px) {
  	#bannerUnterMenueKlein { height: 150px; }
	#bannerUnterMenueKlein { margin-top: 55px; }
	#bannerUnterMenueKleinText h1 { font-size: 24px; }
	#bannerUnterMenueKleinText > .bannerUnterMenueKleinTextSmall,
	#bannerUnterMenueKleinTextCoverStripe > .bannerUnterMenueKleinTextSmall {
		font-size: 14px; 
		line-height: 100%;
	}
	#bannerUnterMenueKleinText,
	#bannerUnterMenueKleinTextCoverStripe {
		padding-top: 10px; 
		padding-bottom: 17px;
	}
}
#bannerUnterMenueKlein.BannerTextBlue > #bannerUnterMenueKleinText {background-color: rgba(82, 128, 166, 0.81) !important;}
#bannerUnterMenueKlein.BannerTextBlue > #bannerUnterMenueKleinText::after {border-bottom: 160px solid rgba(82, 128, 166, 0.81) !important;}
/* --- --- */
#sucheAjaxContainer {
	display: block;
	position: fixed;
	top: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1440px;
	height: 100%;
	pointer-events: none;
	z-index: 2;
}
#chkSucheAjax, #mandSucheAjax {display: none;}
#lblSucheAjax {
	position: absolute;
	top: 31px;
	right: 68px;
	width: 40px;
	height: 60px;
	pointer-events: all;
	background-image: url("/bilder/menu_icon_suche.svg");
	background-position: top right;
	background-repeat: no-repeat;
	background-size: 30px;
}
#lblSucheCloseArea {
	opacity: 0;
	pointer-events: none;
	cursor: unset;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.2);
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	transition: 300ms;
}
#sucheAjax {
	max-width: 100%;
	max-height: calc(100% - 91px);
	padding: 20px;
	text-align: right;
	background-color: #fff;
	box-shadow: 0px 3px 3px 0px rgba(59, 48, 48, 0.24);
	position: absolute;
	top: 91px;
	right: 0;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-webkit-transition: opacity .3s;
	overflow: auto;
}
#chkSucheAjax:checked ~ #sucheAjax, #lblSucheAjax:hover ~ #sucheAjax, #sucheAjax:hover, #chkSucheAjax:checked ~ #lblSucheCloseArea, #lblSucheAjax:has(*:focus) ~ #sucheAjax, #sucheAjax:has(*:focus) {
	opacity: 1;
	pointer-events: auto;
}
#chkSucheAjax:checked ~ #lblSucheAjax, #lblSucheAjax:hover {
	background-image: url("/bilder/menu_icon_suche_hover.svg");
}
#sucheAjaxTbBtn {
	max-width: 300px;
	display: inline-block;
}
#tbSucheAjax, #btnSucheAjax {vertical-align: top;}
#tbSucheAjax {
	width: calc(100% - 42px - 10px);
}
#btnSucheAjax {
	height: 42px;
	width: 42px;
	padding: 0;
	margin-left: 10px;
	background-image: url("/bilder/menu_icon_suche.svg");
	background-repeat: no-repeat;
	background-position: center;
}
#ergebnisseSucheAjax {
	display: none;
	text-align: left;
	width: 500px;
	max-width: 100%;
}
#ergebnisseSucheAjax > article{
	padding: 20px 0;
	border-bottom: 1px solid #e6e7e8;
}
.ergebnisSucheAjaxHeadline {
	margin-top: 0;
	margin-bottom: 10px;
}
@media screen and (max-width: 1024px) {
	#lblSucheAjax {right: 118px;}
	#lblSucheAjax:hover ~ #sucheAjax, #sucheAjax:hover {
		opacity: 0;
		pointer-events: none;
	}
	#chkSucheAjax:checked ~ #sucheAjax {
		opacity: 1;
		pointer-events: auto;
	}
}
@media screen and (max-width: 600px) {
	#lblSucheAjax {
		height: 40px;
		right: 64px;
		top: 15px;
		width: 36px;
		background-size: 26px;
	}
	#sucheAjax {
		top: 55px;
		max-height: calc(100% - 55px);
	}
}
/* --- --- */
.PresseHeadline,.PresseLangtext{
  width: calc(100% / 3 * 2);
  display:inline-block;
  padding-right:102px;
}
.PresseLangtext + img{
  max-width: calc(100% / 3);
  float: right;
}
@media screen and (max-width: 1024px){
  .PresseHeadline,.PresseLangtext{width: calc(100% / 4 * 3);padding-right: 0;}
  .PresseLangtext + img{
    max-width: calc(100% / 4 * 3);
    float: none;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 600px){
  .PresseHeadline,.PresseLangtext{width: 100%;}
  .PresseLangtext + img{
    max-width: 100%;
  }
}
/* --- --- */
.show_route1 {
	display: none;
}
.NeuigkeitenThb > a {border-bottom: none;}
#NeuigkeitenList{
  display: flex;
  flex-wrap: wrap;
  padding: 78px 68px 0px;
  gap:50px min(10vw,150px);
  justify-content: center;
}
.NeuigkeitenThb img {max-height: 100%;}
#NeuigkeitenList > article{
  border: 5px solid var(--darkblue);
  width: calc(50% - (150px / 2) - 25px);
  position: relative;
  display:flex;
  flex-direction: column;
  align-items: center;
  margin-right:25px;
}
#NeuigkeitenList > article::before,
#NeuigkeitenList > article::after{
  content: '';
  position: absolute;
}
#NeuigkeitenList > article::before{
  background-image: linear-gradient(to top right, var(--darkblue) 49%, #0000 51%);
  width: 25px;
  height: calc(100% + 10px);
  left:calc(100% + 5px);
  top:-5px;
}
#NeuigkeitenList > article::after{
  background-image: linear-gradient(to top right, #fff 49%, #0000 51%);
  background-repeat: no-repeat;
  background-position: left -10px;
  width: 25px;
  height: calc(100% + 10px);
  left:100%;
  top:0;
}
#NeuigkeitenList > article > .NeuigkeitenThb{
  text-align: center;
}
.NeuigkeitenThb {
	height: 300px;
}
#NeuigkeitenList > article > .NeuigkeitenText{
  padding-bottom: 100px;
  font-size: 18px;
}
#NeuigkeitenList > article > a{
  position: absolute;
  bottom: 24px;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  padding: 5px 20px;
  border: 3px solid var(--green);
  background-color: var(--green);
  transition: 300ms ease-in-out;
}
#NeuigkeitenList > article > a:hover{background-color:#0000;}
@media (max-width: 1440px){
  #NeuigkeitenList{
    padding: 78px 0px 0px;
  }
}
@media (max-width: 1024px){
  #NeuigkeitenList{
    flex-direction: column;
    align-items: center;
  }
  #NeuigkeitenList > article{
    width: calc(100% - 25px);
    padding: 17px
  }
}
@media (max-width: 600px){
  #NeuigkeitenList > article{width:100%;}
  #NeuigkeitenList > article::after,
  #NeuigkeitenList > article::before
  {display:none;}
}
/* --- --- */