/* css zu meldesystem */

/* elements.popupinfo  */
x{}
/* ausblenden wenn checkbox über graue fläche abgewählt wird */
  label#lbl_JubaPopupMessageBoxGreyOverall, aside#JubaPopupMessage,
	label#lbl_JubaPopupMessageIcon {display: none;}

/* einblenden der Info */
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ aside#JubaPopupMessage {
	display:block; border: 1px solid #005541; background-color: #fff; 
	position: fixed; z-index: 300; 
	left: calc(50% - 140px); top: 2rem;
	width: 280px; padding: 1rem;
}
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ label#lbl_JubaPopupMessageBoxGreyOverall {
	position:fixed; left: 0px; top: 0px;
	width: 100%; height: 100%;
    	display:block;
	background-color: rgba(200,200,200,0.7);
	z-index: 299
}
input[type="checkbox"]#rad_JubaPopupMessage:checked ~ aside label#lbl_JubaPopupMessageIcon { 
	display: block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAEvElEQVRIiZ2WS4hbVRjHs6uPUhC61EWtpVIsCoqgFitFEUWpWBFB1IXoQsFNRRHBB11IFRdVXLifUmfSNplMHpPkZl6ZTN7vTN43j5tMZvKYdJKZzLRJys/FTHPndjKteODHuff78/2/e757uOeqVPuMjY0NlpaWKBQKVKtVms0mGxsb3Lx5k83NTdbX12m323Q6Hba2ttjPZ+jo9XpIkoQoijQaDVqtNmtrLZrNG9Trq9RqdWq1Bo3GKs3mDdbWWqyvr7O5uUm3271/sV6vRy6Xo1wus7bWotFoUqvVqVZr96RWrdNsNmm32/R6vf0L9ft9crkclcoSjdVVlldWWF5e2Z7/A5XlFVZ22jp0Rb1ej2w2i1SSqNXqLC1VWKr8D5YqVCrLNBoNbt26BSAXkySJdDrDykqVUqksk8pQCkSUsTtkRKQrmuFauUy9Xuf27dvbRba2tkgkEkilEsWiRKFY3Eato3j0RYqnz8mxXRS//I7igSMU3/uMQjC8R5ekEu12e7tIuVwmmUxSLEqIYg4xl0f0+CkePLZtcuAI+R9+3Y7vkJswU3zoqKz/9pdS35krleXtjRCLxUhnMmSyIplsdkDu/E8Dk+LBY2SN1m0tkaTw9KsDrXDqrCLvDulsFlEUabVaqKLRKMlUmsQukqk0iUSS/PNvymYnTpOMRMl+/bNc/NCTpKwzJFNpUumMwieZSpNIpsjnC6iCwSCJRJLFxfgeEpZpCo+cGJiK736qaGPm2wvEE0kFu/Nji3EyWRGVw7HAYjxBJBobSuLin/KT7yL3zGtEwxFisUUFe/KTKVRTU1OEI1GCofC+ZN76SFnk4WNExrSEwhHCkaiCu3PDkSgqQRDw+QNDCQRD+PwBglfHKT7wuLyKJ17C5w/gDwTxB4IEgqHBPMxDZbfP43S5cbm9Crw+P16fH5fbS/qVc3vaFfn+F9weH26PD6/Ph8vtxe3xKX08XgLBICqny8WcfZ4Fp0uB0+XB6fIQuvC7bL5rNYVDx/GOaXC63Dhdnp0ct8LDseAiEAih8ng8WAWBeccC9nnHAMeCE6fZSv7wyYFx/P3PyZw8I++uk2dwzM7hWHBin3fs8ZizzxMKhVHl83ksFgu2qWlm5+aZmbUzM2tnzj5P/I0P5e372HPYLQKOy2MUDh2X2/bJV8zZ5bzdTM/MUqlUUHU6HRwLDvQGA1PTMwNcFy8p3oHr4qWB5jv/o6w9eBTnH38rcqemZ7AKNrxer3xqiqKI0WhiQm9EsE1jtQhkjr4wMIq9/gFWYUpB/NRZeTVvf6zQzBYBQbBRLpflT3232yUSiaDT6dBN6LFYbdiuqFl8+R1yh59CuKbFbLEqENTXyT76LN4vvlHETZMWTJNm4vHE3lOy1+sRCoW4rtFwXTuOyWzBZLZgvTyKcdI8FJPeIF9PmtEbTRiMJqKxGP1+f/gx3O12CYfDaLVaRsfUjOv0GIyTCvSGvfcTeiPa8QlMJjPxePz+PxT9fp9qtYrVamV0dJQr/4xy9ZoGjVaHbsKwY2xiXKdHo9Wh0eqY0BuYm7NTKpXu/SNx92g2mwSDQWw2GxqtFrX6KmNqNSMjI4yMXEaj1SIIAj6fj5Ik0el09jX/F5Hf+SiQLF0OAAAAAElFTkSuQmCC); 
width: 25px; height: 25px; 
	position:relative; bottom: 0px; left: 0px; margin-right:12px; margin-top: 12px;
}
#JubaPopupMessage, #JubaPopupMessage .listpopupmessages {color: black !important;}
/* --- --- */
/* MainMenueCSS  */
/* ------------------------------------- */
/* ---------- 10 - Main Menue ---------- */
/* ------------------------------------- */
#mainMenu input[type="radio"], #mainMenu input[type="checkbox"] {
	display: none;
}

#jubaconMenu {
    width: 100%;
    font-size: 20px;
    background-color: var(--dunkelblau);
    padding: 20px 0;
}

#jubaconMenu a {text-decoration: none;}

#jubaconMenu * {
    color: var(--weiss);
}



#jubaconMenu > #jubaconMenuLogo {
    display: inline-block;
    border-right: 3px solid white;
    width: calc(100% - 1000px);
    vertical-align: middle;
}

#jubaconMenu > #jubaconMenuLogo::after {
    content: url("/bilder/logo.svg");
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    vertical-align: middle;
    padding: 0px 26% 0px 16%;
}



@media (min-width: 1241px) {
	#jubaconMenu > #menu_eb_1 {
		vertical-align: middle;
		display: inline-block;
		padding-left: 102px;
	}

	#jubaconMenu > #menu_eb_1 > li {
		display: inline-block;
		padding-right: 34px;
	}
	
    #jubaconMenu > #menu_eb_1 > li:last-of-type > a {
        background: var(--weiss);
        padding: 12px 50px;
        border-radius: 12px;
    }
    
    #jubaconMenu > #menu_eb_1 > li:last-of-type a {color: var(--dunkelblau);}
	
	
	
	/* ------------------- */
	/* ----- Ebene 2 ----- */
	/* ------------------- */
	#mainMenu #menu_eb_1 > li {
		position: relative;
	}
	
	#mainMenu #menu_eb_1 > li:nth-of-type(2)::after, #mainMenu #menu_eb_1 > li:nth-of-type(3)::after {
		content: '';
		display: block;
		width: 12px;
		height: 7px;
		background-image: url('/bilder/mainMenueArrow.png');
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		position: absolute;
		top: 10px;
		right: 15px;
	}

	#mainMenu #menu_eb_1 ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 300px;
		background-color: white;
		list-style: none;
		margin: 0;
		padding: 10px;
		z-index: 1;
		box-shadow: var(--text) 2px 2px 5px;
	}

	#mainMenu #menu_eb_1 > li:hover > ul {
		display: block;
	}

	#mainMenu #menu_eb_1 ul a {
		color: var(--text);
	}
}

@media (max-width: 1240px) {
	#mainMenu label.toggleMenuButton {
        display: block;
        width: 38px;
        height: 29px;
        cursor: pointer;
        position: absolute;
        top: calc((92.2px / 2) - 15px);
        right: 45px;
        transition: right .6s;
    }
	
    #mainMenu #menu_eb_1, #mainMenu #menu_eb_1 ul {
        display: block;
        height: 100%;
        width: 300px;
        max-width: 100%;
        font-size: 20px;
        padding: 76px 20px;
        background-color: var(--dunkelblau);
        right: -300px;
        top: 0;
        z-index: 200;
        transition: right .6s;
        margin: 0;
        color: #dbdbdb;
    }
	
	#mainMenu #menu_eb_1 {
		position: fixed;
	}
	
	#mainMenu #menu_eb_1 ul {
		position: absolute;
	}
	
	label#lbl_openMenu span, 
    label#lbl_openMenu::after, 
    label#lbl_openMenu::before {
        display: block;
        width: 100%;
        height: 4px;
        background-color: var(--weiss);
        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; }
	
	#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 > label.toggleMenuButton#lbl_closeMenu {
        visibility: hidden;
        position: fixed; 
        z-index: 300; 
    }

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

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

    #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: #fff;
        text-decoration: underline;
    }

    #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);
    }

    #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; }

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

    #rad1_menuOpen:checked ~ #jubaconMenu > #lbl_closeMenu {visibility: visible;}
    #mainMenu #menu_eb_1 > li > input[type=radio]:checked ~ ul#menu_eb_2 { right: 0px; }
    input#rad1_menuOpen:checked ~ label#lbl_openMenu > span { opacity: 0; }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::after {
        bottom: 12px;
        transform: rotate(45deg);
    }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::before {
        top: 13px;
        transform: rotate(-45deg);
    }
	
    #mainMenu {
        width: 100%;
        position: relative;
    }

	#jubaconMenu > #jubaconMenuLogo {width: 250px;}
	
	input#rad1_menuOpen:checked ~ label#lbl_openMenu::after {
        bottom: 12px;
        transform: rotate(45deg);
    }
    
    input#rad1_menuOpen:checked ~ label#lbl_openMenu::before {
        top: 13px;
        transform: rotate(-45deg);
    }
    
    input#rad1_menuOpen:checked ~ label#lbl_openMenu::after { bottom: 10px; }
    input#rad1_menuOpen:checked ~ label#lbl_openMenu::before { top: 10px; }
    input#rad1_menuOpen:checked ~ label#lbl_openMenu > span { opacity: 0; color: var(--weiss);}
    
    #rad1_menuOpen:checked ~ #jubaconMenu > ul#menu_eb_1 {
        box-shadow: -5px 10px 18px;
    }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::after {
        bottom: 12px;
        transform: rotate(45deg);
    }

    input#rad1_menuOpen:checked ~ label#lbl_openMenu::before {
        top: 13px;
        transform: rotate(-45deg);
    }
	
	
	#jubaconMenu > #jubaconMenuLogo {
		border-right: none;
	}
}



@media screen and (max-width: 600px) {
    #mainMenu #menu_eb_1, #mainMenu #menu_eb_1 ul {
        font-size: 17px; 
        line-height: 24px;
    }
}
/* --- --- */
/* MeldesystemCSS  */
/* ------------------------------------- */
/* ---------- 4 - Meldesystem ---------- */
/* ------------------------------------- */
:root {
	/* Farben aus global.css holen
	--meldeMainColor: #336699;
	--meldeSecColor: #17A589;
	--meldeWeiss: #fff;
	--meldeGrau: #F5F6F6;
	*/
}

/* ----- Breiten ----- */
.meldeCol12, .meldeCol23 {
	display: inline-block;
	vertical-align: top;
}

.meldeCol12 {
	width: 50%;
}

.meldeCol23, .meldungFormCol23 {
	width: 66.66%;
}

@media (max-width: 1024px) {
	.meldungFormCol23, .meldeCol23 {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.meldeCol12 {
		width: 100%;
	}
}


/* ----- Abstaende ----- */
.meldeTm9 {
	margin-top: 14px;
}

.meldeBm9 {
	margin-bottom: 14px;
}

.meldeRm9 {
	margin-right: 14px;
}

.meldeLm9 {
	margin-left: 14px;
}

.meldeRp9 {
	padding-right: 14px;
}

.meldeTm18 {
	margin-top: 28px;
}

.meldeBm18 {
	margin-bottom: 28px;
}

.meldeBm36 {
	margin-bottom: 56px;
}

@media (max-width: 768px) {
	.meldeTmrp0 {
		padding-right: 0;
	}
}



/* ----- Allgemeines ----- */
.tooltipInfo, .meldeNone {
	display: none;
}

.MeldeInputFixedWidth {
	width: 300px;
}

.meldePlatzhalter300 {
	height: 300px;
}



.meldungErfassenHeadline {
	font-size: 54px;
}

@media (max-width: 1024px) {
	.meldungErfassenHeadline {
		font-size: 44px;
	}
}

@media (max-width: 768px) {
	.meldungErfassenHeadline {
		font-size: 34px;
	}
}

@media (max-width: 600px) {
	.meldungErfassenHeadline {
		font-size: 22px;
	}
}



.meldungCaptchaWrapper > div > * {
	display: inline-block;
	vertical-align: top;
}

.meldungCaptchaWrapper > div > aside {margin-right: 14px;}



.meldungFormCol23 input:not([type="checkbox"], [type="radio"], [type="button"], [type="submit"], [name="zlca_givemefive"], [type="file"]),
.meldungFormCol23 textarea,
.meldungFormCol23 select {
	width: 100%;
}




.meldeFormLinks, .meldeFormRechts {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 14px;
}

.meldeFormLinks {
	width: 200px;
}

.meldeFormRechts {
	width: calc(100% - 200px);
}

@media (max-width: 600px) {
	.meldeFormLinks, .meldeFormRechts {
		width: 100%;
	}
	
	.meldeFormLinks {
		margin-bottom: 0;
	}
}


.meldeHr {
	text-align: right;
}


@media print{
	.meldeHidePrint {
		display: none;
	}
}



/* Meldeliste */
.meldeliste {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	width: 75%;
	border: 1px dotted grey;
	border-radius: 7px;
	background-color: #fcfcfc;
	overflow: hidden;
	margin-bottom: 14px;
}

.meldeliste:hover {
	background-color: #f8f8f8;
}

.meldelisteLinks, .meldelisteRechts {
	padding: 5px;
}

.meldelisteLinks {
	width: 75%;
}

.meldelisteRechts {
	width: 25%;
	border-left: 1px dotted grey;
	position: relative;
	padding-bottom: 30px;
	text-align: center;
	hyphens: none;
}

.meldelisteEinsehenButton {
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-decoration: none;
	transition: 300ms ease-in-out;
	color: var(--weiss);
	background-color: var(--meldeMainColor);
	border: 1px solid var(--meldeMainColor);
	border-radius: 0 0 7px 0;
}

.meldelisteEinsehenButton:hover {
	color: var(--meldeMainColor);
	background-color: var(--weiss);
}

.mail_vorhanden_icon.mail1 {
	display:none !important;
}

.mail_vorhanden_icon:not(.mail1) {
	position: absolute;
	width: 15px;
	right: 7px;
	top: 7px
}



@media (max-width: 1240px) {
	.meldeliste {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.meldelisteLinks, .meldelisteRechts {
		width: 100%;
	}
	
	.meldelisteRechts {
		border-left: none;
		border-top: 1px dotted grey;
		padding-bottom: 40px;
		padding-top: 15px;
	}
}



/* Meldeliste Verlauf */
.melde_kurztext, .melde_langtext, .meldeliste_verlauf_status_mobile {
	width: 100%;
	border-top: 1px dotted grey;
	padding: 17px 5px;
}

.melde_langtext, .meldeliste_verlauf_status_mobile {
	padding-bottom: calc(17px + 40px);
	position: relative;
}

.melde_langtext .meldelisteEinsehenButton, .meldeliste_verlauf_status_mobile .meldelisteEinsehenButton {
	right: 0;
	left: unset;
	width: unset;
	padding: 5px 20px;
}

.meldeliste_verlauf .meldelisteRechts .meldelisteEinsehenButton {
	border-radius: 0;
}

.meldeliste_verlauf_status_mobile {
	display: none;
	text-align: center;
}

@media (max-width: 768px) {
	.meldeliste_verlauf .meldelisteLinks {
		width: 100%;
	}
	
	.meldeliste_verlauf .meldelisteRechts {
		display: none;
	}
	
	.meldeliste_verlauf_status_mobile {
	display: block;
	}
	
	.melde_langtext .meldelisteEinsehenButton, .meldeliste_verlauf_status_mobile .meldelisteEinsehenButton {
		width: 100%;
		text-align: center;
	}
	
	.melde_langtext .meldelisteEinsehenButton {
		border-radius: 0;
	}
}




/* Meldung abschliessen */
.meldeFileUploadPre {
	display: inline-block;
	height: 80px;
	width: 80px;
	vertical-align: top;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #E0E0E0;
}

.meldeFileUploadPre.type_pdf, .meldeFileUploadPre.type_none {
	background-image: url('https://www.inndata.at/bilder/module/icon_dokument_dunkelgrau.svg');
    background-size: 50px;
    border-width: 3px;
    border-color: #888;
}

.meldeFileUploadPre.type_none {
	pointer-events: none;
}








/* Meldung kommentieren */
#meldePopupCloseButton{
	width: 20px;
	height: 20px;
	z-index: 1;
	right: 15px;
	top: 15px;
	position: fixed;
	cursor:pointer;
}

#meldePopupCloseButton::before, #meldePopupCloseButton::after {
	content: '';
	display: inline-block;
	height: 3px;
	background-color: #344756;
	width: 100%;
	position: absolute;
	top: calc(50% - 1px);
}

#meldePopupCloseButton::before {transform: rotate(-45deg);}

#meldePopupCloseButton::after {transform: rotate(45deg);}








/* Informationen Faq - Oben */
#meldeStufenWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: end;
	gap: 16px;
}

.meldeStufenBox {
	width: calc(25% - 12px);
}

.meldeStufenBox:first-of-type .meldeStufenBoxUnten {
	min-height: 408px;
}

.meldeStufenBoxOben {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	column-gap: 32px;
	margin-bottom: 5px;
}

.meldeStufenBoxObenZahl, .meldeStufenBoxObenText {
	display: inline-flex;
	align-items: center;
	height: 60px;
	position: relative;
}

.meldeStufenBoxObenZahl {
	background-color: var(--meldeSecColor);
	color: var(--meldeWeiss);
	font-size: 31px;
	width: 50px;
	padding-left: 10px;
}

.meldeStufenBoxObenText {
	background-color: var(--meldeMainColor);
	color: var(--meldeWeiss);
	line-height: 120%;
	width: calc(100% - 50px - 32px);
	padding: 10px;
}

.meldeStufenBoxObenZahl::after, .meldeStufenBoxObenText::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
}

.meldeStufenBoxObenZahl::after {
	border-bottom: 60px solid var(--meldeSecColor);
	border-right: 27px solid transparent;
	right: -27px;
}

.meldeStufenBoxObenText::before {
	border-top: 60px solid var(--meldeMainColor);
	border-left: 27px solid transparent;
	left: -27px;
}

.meldeStufenBoxUnten {
	background-color: var(--meldeGrau);
	padding: 20px 15px;
	font-size: 90%;
}

.meldeListStreifen {
	padding-left: 30px;
	list-style: none;
	margin: 0;
}

.meldeListStreifen li:not(:last-of-type) {
	margin-bottom: 15px;
	position: relative;
}

.meldeListStreifen li::before {
	content: '-';
	position: absolute;
	left: -30px;
	top: 0;
	color: var(--meldeSecColor);
}

.meldeStufenBoxButtonWrapper {
	margin-top: 20px;
}


@media (max-width: 1240px) {
	.meldeStufenBox {
		width: calc(33.33% - 10.66px);
	}
}

@media (max-width: 900px) {
	#meldeStufenWrapper {
		align-items: start;
	}
	
	.meldeStufenBox {
		width: calc(50% - 8px);
	}
	
	.meldeStufenBoxButtonWrapper {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.meldeStufenBox {
		width: 100%;
	}
	
	.meldeStufenBox:first-of-type .meldeStufenBoxUnten {
		min-height: unset;
	}
}



/* Informationen Faq - Unten */
#meldeAnwendungsbereicheList {
	list-style: none;
	margin: 0;
	padding-left: 0;
	
	display: grid;
	grid-template-areas:
	'anwendung_1 anwendung_4 anwendung_7' 
	'anwendung_2 anwendung_5 anwendung_8' 
	'anwendung_3 anwendung_6 none       ';
	grid-template-columns: 28% 28% 44%;
	row-gap: 20px;
}

#meldeAnwendungsbereicheList > li {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
	align-items: center;
	padding-right: 50px;
	line-height: 140%;
}

#meldeAnwendungsbereicheList > li:nth-of-type(1) {
	grid-area: anwendung_1;
}

#meldeAnwendungsbereicheList > li:nth-of-type(2) {
	grid-area: anwendung_2;
}

#meldeAnwendungsbereicheList > li:nth-of-type(3) {
	grid-area: anwendung_3;
}

#meldeAnwendungsbereicheList > li:nth-of-type(4) {
	grid-area: anwendung_4;
}

#meldeAnwendungsbereicheList > li:nth-of-type(5) {
	grid-area: anwendung_5;
}

#meldeAnwendungsbereicheList > li:nth-of-type(6) {
	grid-area: anwendung_6;
}

#meldeAnwendungsbereicheList > li:nth-of-type(7) {
	grid-area: anwendung_7;
	padding-right: 0;
}

#meldeAnwendungsbereicheList > li:nth-of-type(8) {
	grid-area: anwendung_8;
	padding-right: 0;
}

.meldeAnwendungsbereicheListNum {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: left;
	column-gap: 23px;
	width: 68px;
}

.meldeAnwendungsbereicheListNumLinks, .meldeAnwendungsbereicheListNumRechts {
	height: 44px;
	position: relative;
}

.meldeAnwendungsbereicheListNumLinks {
	background-color: var(--meldeMainColor);
	font-size: 31px;
	width: 3px;
	
}

.meldeAnwendungsbereicheListNumRechts {
	display: inline-flex;
	align-items: center;
	background-color: var(--meldeSecColor);
	color: var(--meldeWeiss);
	width: 40px;
	padding-right: 10px;
	font-size: 24px;
}

.meldeAnwendungsbereicheListNumLinks::after, .meldeAnwendungsbereicheListNumRechts::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
}

.meldeAnwendungsbereicheListNumLinks::after {
	border-right: 20px solid transparent;
	border-bottom: 44px solid var(--meldeMainColor);
	right: -20px;
}

.meldeAnwendungsbereicheListNumRechts::before {
	border-left: 20px solid transparent;
	border-top: 44px solid var(--meldeSecColor);
	left: -20px;
}

.meldeAnwendungsbereicheListText {
	display: inline-block;
	width: calc(100% - 68px);
	padding-left: 14px;
}


@media (max-width: 1024px) {
	#meldeAnwendungsbereicheList {
		grid-template-areas:
		'anwendung_1 anwendung_5' 
		'anwendung_2 anwendung_6' 
		'anwendung_3 anwendung_7' 
		'anwendung_4 anwendung_8';
		grid-template-columns: 50% 50%;
		row-gap: 30px;
	}
	
	#meldeAnwendungsbereicheList > li:nth-of-type(5), #meldeAnwendungsbereicheList > li:nth-of-type(6) {
		padding-right: 0;
	}
}

@media (max-width: 600px) {
	#meldeAnwendungsbereicheList {
		grid-template-areas:
		'anwendung_1' 
		'anwendung_2' 
		'anwendung_3' 
		'anwendung_4' 
		'anwendung_5' 
		'anwendung_6' 
		'anwendung_7' 
		'anwendung_8';
		grid-template-columns: 100%;
		row-gap: 20px;
	}
	
	#meldeAnwendungsbereicheList > li {
		padding-right: 0;
	}
}





@media (max-width: 1024px) {
	
}

@media (max-width: 768px) {
	
}

@media (max-width: 600px) {
	
}
/* --- --- */