/* -------------------- Schriften -------------------- */
@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;
}

* {box-sizing: border-box; scroll-behavior: smooth;}
body {
	background-color: #F8F8F8;
	margin: 0;
	font-family: Montserrat Regular, sans-serif;
	font-size: 17px;
	color: #344756;
	line-height: 31px;
	-moz-hyphens: auto;
	hyphens: auto;
}

h1, h2, h3, h4 {font-family: Montserrat SemiBold, sans-serif;}
h1.large {font-size: 54px; line-height: 100%; letter-spacing: -1.5px;}
h1 {font-size: 45px; line-height: 100%; margin-top: 25px; margin-bottom: 25px; letter-spacing: -1.5px;}
h2 {}
h3 {font-size: 22px; line-height: 100%;}
h4 {margin: 0}
b, strong {font-family: Montserrat Medium, sans-serif; font-weight: normal;}
.text_vor_ueberschrift {font-family: Montserrat Medium, sans-serif; font-size: 20px; display: inline-block; margin-bottom: 8px; letter-spacing: -1px;}

a {
	color: #527fa2;
	text-decoration: none;
	border-bottom: 1px solid #527fa2;
	font-family: Montserrat SemiBold, sans-serif;
}
input[type=submit], input[type=button] {font-family: Montserrat Medium, sans-serif; cursor: pointer;}
input[type=textbox],textarea,input[type=text],input[type=password],input[type=email],input[type=number]{
	padding:10px;
	border:1px solid lightgray;
	font-family:inherit;
	transition:border-color 300ms;
	font-size:inherit;
}
select {
	font-family: Montserrat Regular, sans-serif;
	font-size: 13px;
	padding: 0 10px;
	border: 1px solid #E6E7E8;
	border-radius: 0;
	background-color: transparent;
	height: 36px;
	color: #344756;
	cursor: pointer;
	transition:border-color 300ms;
}
input[type=textbox]:hover,textarea:hover,input[type=text]:hover,
input[type=password]:hover,input[type=email]:hover,input[type=number]:hover, select:hover {border-color:#527fa2;}
input[type=textbox]:focus,textarea:focus,input[type=text]:focus,
input[type=password]:focus,input[type=email]:focus,input[type=number]:focus, select:focus {border-color:#527fa2; outline:none;}

label {cursor: pointer;}

.button_mittelblau, input[type=button], .buttonWhite {
	display: inline-block;
	border: none;
	text-align: center;
	padding: 11px 37px;
	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;
	font-family: Montserrat SemiBold, sans-serif;
}
.button_mittelblau, input[type=button] {
	color: white;
	background-color: #527fa2;
}
.button_mittelblau:hover, input[type=button]:hover {background-color: #344756}
.buttonWhite {
	color: #344756;
	background-color: white;
	border: 1px solid #fff;
}
.buttonWhite:hover {
	color: white;
	background-color: #344756;
}

.line_big {line-height: 42px;}
hr {background-color: #527fa2; border: none; height: 2px;}

.listCkeckmark {
	list-style-image: url('./bilder/hacken_mittelblau.png');
	padding-left: 25px;
}

@media screen and (max-width: 600px) {
	h1 {font-size: 42px; margin-top: 15px; margin-bottom: 15px;}
	h1.large {font-size: 46px}
	.text_vor_ueberschrift {font-size: 16px; line-height: 100%; letter-spacing: 0;}
}


/* -------------------- Farben -------------------- */
.weiss {color: white} .bg_weiss {background-color: white}
.dunkelblau {color: #344756} .bg_dunkelblau {background-color: #344756}
.mittelblau {color: #527fa2} .bg_mittelblau {background-color: #527fa2}
.grau {color: #E6E7E8} .bg_grau {background-color: #E6E7E8}
.gruen {color: #D7DF23} .bg_gruen {background-color: #D7DF23}
.dunkelgrau{color: #808080;}

/* -------------------- Allgemeine Einstellungen -------------------- */
.dib {display: inline-block;}
.block {display: block;}
.none, .radio_none {display: none;}
.oScroll {overflow: scroll;}
.oHide {overflow: hidden;}
.oVisible {overflow: visible;}
.hr {text-align:right}
.hl {text-align:left}
.hc {text-align:center}
.vt {vertical-align:top}
.vb {vertical-align:bottom}
.vm {vertical-align:middle}
.float_left {float:left;}
.float_right {float:right;}
.float_clear {float:none;}
.absolute {position:absolute;}
.relative {position:relative;}


/* -------------------- Abstände -------------------- */
.lm0 {margin-left: 0} .rm0 {margin-right: 0}
.tm0 {margin-top: 0} .bm0 {margin-bottom: 0}
.hm0 {margin-left: 0; margin-right: 0;}
.vm0 {margin-top: 0; margin-bottom: 0;}

.lm5 {margin-left: 10px} .rm5 {margin-right: 10px}
.tm5 {margin-top: 10px} .bm5 {margin-bottom: 10px}
.hm5 {margin-left: 10px; margin-right: 10px;}
.vm5 {margin-top: 10px; margin-bottom: 10px;}

.lm9 {margin-left: 17px} .rm9 {margin-right: 17px}
.tm9 {margin-top: 17px} .bm9 {margin-bottom: 17px}
.hm9 {margin-left: 17px; margin-right: 17px;}
.vm9 {margin-top: 17px; margin-bottom: 17px;}

.lp9 {padding-left: 17px} .rp9 {padding-right: 17px}
.tp9 {padding-top: 17px} .bp9 {padding-bottom: 17px}
.hp9 {padding-left: 17px; padding-right: 17px;}
.vp9 {padding-top: 17px; padding-bottom: 17px;}

.tm18 {margin-top: 34px} .bm18 {margin-bottom: 34px}
.lm18 {margin-left: 34px} .rm18 {margin-right: 34px}

.bm27 {margin-bottom: 51px}

.lm36 {margin-left: 68px} .rm36 {margin-right: 68px}
.tm36 {margin-top: 68px} .bm36 {margin-bottom: 68px}
.hm36 {margin-left: 68px; margin-right: 68px;}
.vm36 {margin-top: 68px; margin-bottom: 68px;}

.lp36 {padding-left: 68px} .rp36 {padding-right: 68px}
.tp36, .tp36-18 {padding-top: 68px} .bp36 {padding-bottom: 68px}
.hp36 {padding-left: 68px; padding-right: 68px;}
.vp36 {padding-top: 68px; padding-bottom: 68px;}

.lm54 {margin-left: 102px} .rm54 {margin-right: 102px}
.tm54 {margin-top: 102px} .bm54 {margin-bottom: 102px}
.hm54 {margin-left: 102px; margin-right: 102px;}
.vm54 {margin-top: 102px; margin-bottom: 102px;}

.lp54 {padding-left: 102px} .rp54 {padding-right: 102px}
.tp54 {padding-top: 102px} .bp54 {padding-bottom: 102px}
.hp54 {padding-left: 102px; padding-right: 102px;}
.vp54 {padding-top: 102px; padding-bottom: 102px;}

.lp36-18-9 {padding-left: 68px} .rp36-18-9 {padding-right: 68px}
.tp36-18-9 {padding-top: 68px} .bp36-18-9 {padding-bottom: 68px}
.hp36-18-9 {padding-left: 68px; padding-right: 68px;}
.vp36-18-9 {padding-top: 68px; padding-bottom: 68px;}

.tp54-36-36 {padding-top: 102px;}
.tp36-36-18 {padding-top: 68px}

.tm18-9 {margin-top: 34px}

.wide1, .col14, .col14-2-1, .wide2, .col24,.wide3, .col34,.wide4, .col44,
.col13, .col13-2-1, .col23, .col33, .col15, .col25, .col35, .col45, .col12, .col12-1-1  {display: inline-block; }
.col44, .col33, .wide4 {width: 100%;}
.wide1, .col14 {width: 24.5%;}
.col15 {width: 19.5%;}
.col13, .col13-2-1 {width: 32.5%;}
.col25 {width: 39.5%;}
.wide2, .col24, .col12, .col12-1-1 {width: 49.2%;}
.col35 {width: 59.5%;}
.col45 {width: 79.5%;}
.col23 {width: 66%;}
.wide3, .col34 {width: 74.2%;}

.show360 {display: none !important;}

@media screen and (max-width: 1440px) {
	.hide1440 {display: none !important;}
}
@media screen and (max-width: 1240px) {
	.hide1240 {display: none !important;}
	.col13-2-1 {width: 49%;} 
}
@media screen and (max-width: 1024px) {
	.col12-1-1 {width: 100%;}
	.hide1024 {display: none !important;}
	.col25, .col35, .col14-2-1 {width: 49%;} 
	.col15 {width: 24.5%}
	.col45 {width: 74.5%}
	
	.lp36-18-9 {padding-left: 50px} .rp36-18-9 {padding-right: 50px}
	.tp36-18-9 {padding-top: 50px} .bp36-18-9 {padding-bottom: 50px}
	.hp36-18-9 {padding-left: 50px; padding-right: 50px;}
	.vp36-18-9 {padding-top: 50px; padding-bottom: 50px;}
	
	.tp54-36-36 {padding-top: 68px;}
	.bm0-36 {margin-bottom: 68px;}
}
@media screen and (max-width: 768px) {
	.hide768 {display: none !important;}

	.wide2, .col24, .col23, .wide3, .col34, .col12, .col13-2-1, .col14-2-1 {width: 100%;}
	.wide1, .col14, .col13  {width: 49%;}
}

@media screen and (max-width: 600px) {	
	.hide600 {display: none !important;}
	.wide1, .col14, .col13, .col15, .col25, .col35, .col45 {width: 100%;}
	
	.lp36-18-9 {padding-left: 20px} .rp36-18-9 {padding-right: 20px}
	.tp36-18-9 {padding-top: 20px} .bp36-18-9 {padding-bottom: 20px}
	.hp36-18-9 {padding-left: 20px; padding-right: 20px;}
	.vp36-18-9 {padding-top: 20px; padding-bottom: 20px;}
	
	.tp36-36-18 {padding-top: 30px}
	.tp36-18 {padding-top: 30px;}
	
	.tm18-9 {margin-top: 20px}
	
	.lp0-9 {padding-left: 20px;}
	.rp0-9 {padding-right: 20px;}
}
@media screen and (max-width: 360px) {
	.hide360 {display: none !important;}
	.show360 {display: inline-block !important;}
}

/* -------------------- Pageframes -------------------- */
#main {
	max-width: 1440px;
	margin: 0 auto;
	background-color: white;
	overflow: hidden;
}
#lightframe_freeclass {
	height: 550px;
	overflow: auto;
	padding: 12px;
	font-size: 15px;
	line-height: 25px;
	background-color: white;
}
#lightframe_freeclass a {border-bottom: none}


/* -------------------- Module -------------------- */
/* --- Menue --- */
.sprache_en  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/en/freeclass_logo_england.svg") !important}
.sprache_fr  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/fr/freeclass_logo_frankreich.svg") !important}
.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:first-of-type {width: 14%}
.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2) {width: 11%}
.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) {width: 27%}
.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) {width: 19%}
.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:last-of-type {width: 24%}

.sprache_it  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/it/freeclass_logo_italien.svg") !important}
.sprache_cs  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/cs/freeclass_logo_tschechien.svg") !important}
.sprache_ro  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/ro/freeclass_logo_rumaenien.svg") !important}
.sprache_pl  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/pl/freeclass_logo_polen.svg") !important}
.sprache_sk  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/sk/freeclass_logo_slowakei.svg") !important}
.sprache_hu  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/hu/freeclass_logo_ungarn.svg") !important}
.sprache_nl  #jubaconMenu > #jubaconMenuLogo {background-image: url("./bilder/nl/freeclass_logo_niederlande.svg") !important}
/* Untermenue IT */
.sprache_en #main_menue label#lbl_showSubMenu_eb_1_01,
.sprache_it #main_menue label#lbl_showSubMenu_eb_1_01,
.sprache_cs #main_menue label#lbl_showSubMenu_eb_1_01,
.sprache_ro #main_menue label#lbl_showSubMenu_eb_1_01,
.sprache_pl #main_menue label#lbl_showSubMenu_eb_1_01,
.sprache_sk #main_menue label#lbl_showSubMenu_eb_1_01,
.sprache_hu #main_menue label#lbl_showSubMenu_eb_1_01 {display: none;}


/*#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {min-width: 200px !important;}*/

@media screen and (max-width: 1024px) {
	#jubaconMenu > ul#menu_eb_1 > li > ul#menu_eb_2 {min-width: unset !important;}
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li {width: auto !important}
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) > a > span {
		display: inline !important;
	}
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) > a > .MenuTooltipText {
		display: none !important;
	}
}

@media screen and (max-width: 1240px) {
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) > a > span {
		display: none;
	}
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:first-of-type {width: 17%}
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(2) {width: 12%}
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(3) {width: 17%}
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:nth-of-type(4) {width: 22%}
	.sprache_fr  #jubaconMenu > ul#menu_eb_1 > li:last-of-type {width: 27%}
}
	
/* --- Startseite Banner --- */
#banner_unter_menue {
	background-image: url("./bilder/banner_startseite.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 446px;
	position: relative;
	margin-top: 91px;
}
#banner_streifen {
	background-color: white;
	height: 50px;
	width: 53.5%;
	position: absolute;
	right: 0;
	bottom: 0;
}
#banner_streifen::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: -30px;
	top: 0;
	border-left: 30px solid transparent;
	border-bottom: 50px solid white;
}
#banner_unter_menue > #banner_schrift {
	background-color: rgba(82, 128, 166, 0.81);
	position: absolute;
	bottom: 0;
	left: 0;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-right: 42px;
}
#banner_unter_menue > #banner_schrift::after {
	content: '';
	display: inline-block;
	position: absolute;
	right: -70px;
	top: 0;
	border-right: 70px solid transparent;
	border-bottom: 160px solid rgba(82, 128, 166, 0.81);
}
#banner_unter_menue > #banner_schrift > .banner_schrift_klein {
	font-family: Montserrat Medium, sans-serif;
	font-size: 29px;
	letter-spacing: -1px;
}
@media screen and (max-width: 1024px) {
	#banner_unter_menue {height: 328px}
}
@media screen and (max-width: 600px) {
	#banner_unter_menue {margin-top: 55px}
	#banner_schrift h1.large {font-size: 24px}
	#banner_unter_menue > #banner_schrift > .banner_schrift_klein {font-size: 14px; line-height: 100%;}
	#banner_unter_menue > #banner_schrift {padding-top: 10px; padding-bottom: 17px;}
}

/* --- Startseite Einleitung --- */
#startseite_einleitung_text {
	display: inline-block;
	width: 41.5%;
}
#startseite_einleitung_bild {width: 48.5%}
@media screen and (max-width: 1024px) {
	#startseite_einleitung_text {width: 60%}
	#startseite_einleitung_bild {width: 60%; margin-right: -25%;}
}
@media screen and (max-width: 600px) {
	#startseite_einleitung {padding-right: 20px}
	#startseite_einleitung_bild {display: none}
	#startseite_einleitung_text {width: 100%}
}

/* --- Startseite Nutzen --- */
#startseite_nutzen_container {width: 77%; position: relative; z-index: 100; float: right; margin-bottom: 50px; padding: 25px; line-height: 25px;}
#startseite_nutzen_liste_container {
	display: grid;
	grid-template-columns: auto auto auto auto;
}
.startseite_nutzen_liste {padding: 0 24px 24px 24px; border-right: 2px solid #E6E7E8;}
.startseite_nutzen_liste:first-of-type {border-left: 2px solid #E6E7E8}
.startseite_nutzen_liste img {height: 50px}
#startseite_nutzen_streifen {width: calc(100% - 78px - 68px); height: 186px; bottom: 0; right: 0;}
#startseite_nutzen_streifen::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 78px solid transparent;
	border-bottom: 186px solid #344756;
	left: -78px;
}
.startseite_nutzen_striche:nth-of-type(1) {margin-bottom: 24px}
.startseite_nutzen_striche:nth-of-type(2) {margin-top: 24px}
@media screen and (max-width: 1024px) {
	#startseite_nutzen_liste_container {
		grid-template-columns: auto auto;
		border-left: 2px solid #E6E7E8;
		border-right: 2px solid #E6E7E8;
	}
	.startseite_nutzen_liste:nth-of-type(2), .startseite_nutzen_liste:nth-of-type(4) {border-right: none}
	.startseite_nutzen_liste:first-of-type {border: none}
	.startseite_nutzen_liste > div {
		height: 100%;
		border: none;
	}
	.startseite_nutzen_liste {padding-left: 40px; padding-right: 40px;}
	.startseite_nutzen_liste {padding-top: 0}
	.startseite_nutzen_liste:nth-of-type(3) > div, .startseite_nutzen_liste:nth-of-type(4) > div {border-top: 2px solid #E6E7E8; padding-top: 24px;}
	.startseite_nutzen_liste:nth-of-type(1) {padding-right: 0}
	.startseite_nutzen_liste:nth-of-type(1) > div {border-right: 2px solid #E6E7E8; padding-right: 40px;}
	.startseite_nutzen_liste:nth-of-type(1), .startseite_nutzen_liste:nth-of-type(2) {padding-bottom: 24px}
	#startseite_nutzen_container {margin-bottom: 76px}
	#startseite_nutzen_streifen {width: calc(100% - 78px - 50px)}
}
@media screen and (max-width: 600px) {
	#startseite_nutzen {padding-left: 20px; padding-top: 54px; padding-bottom: 34px;}
	#startseite_nutzen_container {width: 100%}
	#startseite_nutzen_container {padding: 0 4px 15px 4px;}
	#startseite_nutzen_liste_container {grid-template-columns: auto}
	.startseite_nutzen_liste:nth-of-type(1) > div {border-right: none}
	.startseite_nutzen_liste {border-right: none}
	.startseite_nutzen_liste {padding: 0 42px 26px 42px !important}
	.startseite_nutzen_liste > div {padding: 0 0 26px 0 !important; border-bottom: 2px solid #E6E7E8; border-top: none !important;}
	#startseite_nutzen_streifen {width: calc(100% - 78px - 20px)}
}


/* --- Startseite Klassifikationsstruktur --- */
#startseite_klassifikationsstru {padding-top: 100px}
#startseite_klassifikationsstru h1:first-of-type {width: 65%}
#startseite_klassifikationsstrukrur_streifen_01 {
	height: 46px;
	width: 28.5%;
	background-color: #527fa2;
	position: absolute;
	top: 100px;
	right: 0;
}
#startseite_klassifikationsstrukrur_streifen_01::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 20px solid transparent;
	border-bottom: 46px solid #527fa2;
	left: -20px;
}
#startseite_klassifikationsstrukrur_streifen_02 {
	height: 46px;
	width: 32.5%;
	background-color: #E6E7E8;
	position: absolute;
	top: 161px;
	right: 0;
}
#startseite_klassifikationsstrukrur_streifen_02::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 20px solid transparent;
	border-bottom: 46px solid #E6E7E8;
	left: -20px;
}
#startseite_klassifikationsstrukrur_streifen_03 {
	height: 46px;
	width: 44%;
	background-color: #E6E7E8;
	position: absolute;
	bottom: 0;
	left: 0;
}
#startseite_klassifikationsstrukrur_streifen_03::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 20px solid transparent;
	border-top: 46px solid #E6E7E8;
	right: -20px;
}
#startseite_klassifikationsstrukrur_bild {max-width: 100%}
#startseite_klassifikationsstrukrur_bild_mobile {display: none}
@media screen and (max-width: 1024px) {
	#startseite_klassifikationsstru h1:first-of-type {width: auto}
	#startseite_klassifikationsstrukrur_streifen_01 {width: 13%; top: 210px;}
	#startseite_klassifikationsstrukrur_streifen_02 {width: 18.5%; top: 271px;}
	#startseite_klassifikationsstrukrur_streifen_03 {width: 51%}
	#startseite_klassifikationsstrukrur_bild {margin-top: 26px; margin-bottom: 56px;}
}
@media screen and (max-width: 600px) {
	#startseite_klassifikationsstru {padding-right: 20px; padding-top: 70px}
	#startseite_klassifikationsstrukrur_streifen_01 {height: 25px; top: 210px; width: 12%;}
	#startseite_klassifikationsstrukrur_streifen_01::before {border-left: 10px solid transparent; border-bottom: 25px solid #527fa2; left: -10px;}
	#startseite_klassifikationsstrukrur_streifen_02 {height: 25px; top: 241px; width: 20%;}
	#startseite_klassifikationsstrukrur_streifen_02::before {border-left: 10px solid transparent; border-bottom: 25px solid #E6E7E8; left: -10px;}
	#startseite_klassifikationsstrukrur_streifen_03 {height: 25px; width: 58%;}
	#startseite_klassifikationsstrukrur_streifen_03::after {border-right: 10px solid transparent; border-top: 25px solid #E6E7E8; right: -10px;}
	#startseite_klassifikationsstrukrur_bild {display: none}
	#startseite_klassifikationsstrukrur_bild_mobile {
		display: block;
		max-width: 100%;
		margin-top: 60px;
		margin-bottom: 42px;
	}
}

/* --- Startseite Mehr Informationen --- */
#startseite_informationen {padding-top: 68px}
#startseite_informationen_container {
	width: 58%;
	position: relative;
	z-index: 100;
	float: right;
	margin-bottom: 50px;
	padding: 25px;
}
#startseite_informationen_liste_container {
	border-left: 2px solid #E6E7E8;
	border-right: 2px solid #E6E7E8;
	display: grid;
	grid-template-columns: auto auto;
}
.startseite_informationen_liste {padding: 24px}
.startseite_informationen_liste:nth-of-type(1) {padding-top: 0}
.startseite_informationen_liste:nth-of-type(2) {padding-top: 0}
.startseite_informationen_liste:nth-of-type(3) {padding-right: 0; padding-top: 0; padding-bottom: 0;}
.startseite_informationen_liste:nth-of-type(4) {padding-left: 0; padding-top: 0; padding-bottom: 0;}
.startseite_informationen_liste:nth-of-type(3) > div {padding-right: 24px}
.startseite_informationen_liste:nth-of-type(4) > div {padding-left: 24px}
.startseite_informationen_liste:nth-of-type(3) > div, .startseite_informationen_liste:nth-of-type(4) > div {border-top: 2px solid #E6E7E8; padding-top: 24px;}
.startseite_informationen_liste img {height: 26px}
#startseite_informationen_streifen_01 {width: 59.5%; height: 112px; bottom: 106px; right: 0;}
#startseite_informationen_streifen_01::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 48px solid transparent;
	border-bottom: 112px solid #344756;
	left: -48px;
}
#startseite_informationen_streifen_02 {width: 31%; height: 112px; bottom: 264px; left: 0;}
#startseite_informationen_streifen_02::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 48px solid transparent;
	border-bottom: 112px solid #E6E7E8;
	right: -48px;
}
#startseite_informationen hr.bm9 {margin-bottom: 24px}
#startseite_informationen hr.tm9 {margin-top: 24px}
@media screen and (max-width: 1024px) {
	#startseite_informationen_container {width: 84%}
	#startseite_informationen_streifen_01 {width: 83.5%}
	#startseite_informationen_streifen_02 {width: 9%}
}
@media screen and (max-width: 600px) {
	#startseite_informationen_streifen_02 {display: none}
	#startseite_informationen {padding-left: 20px; padding-bottom: 0;}
	#startseite_informationen_container {width: 100%; padding: 0; margin-bottom: 182px;}
	#startseite_informationen_liste_container {grid-template-columns: auto}
	.startseite_informationen_liste {padding: 26px 14px 0 14px !important}
	.startseite_informationen_liste > div {
		padding: 0 0 34px 0 !important;
		border-top: none !important;
		border-bottom: 2px solid #E6E7E8;
	}
	.startseite_informationen_liste:last-of-type > div {border-bottom: none}
	.startseite_informationen_liste:nth-of-type(1) {padding-top: 0 !important}
	#startseite_informationen_streifen_01 {height: 78px; width: calc(100% - 20px -32px); bottom: 79px;}
	#startseite_informationen_streifen_01::before {
		border-left: 32px solid transparent;
		border-bottom: 78px solid #344756;
		left: -32px;
	}
	#startseite_informationen hr.tm9 {margin-top: 5px}
}

/* --- Text mit Streifen --- */
/* Var R1 */
.text_mit_streifen_r1_streif1 {
	height: 46px;
	width: 23%;
	background-color: #527fa2;
	position: absolute;
	top: 136px;
	left: 0;
}
.text_mit_streifen_r1_streif1::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 20px solid transparent;
	border-bottom: 46px solid #527fa2;
	right: -20px;
}
.text_mit_streifen_r1_streif2 {
	height: 46px;
	width: 27.2%;
	background-color: #E6E7E8;
	position: absolute;
	top: 194px;
	left: 0;
}
.text_mit_streifen_r1_streif2::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 20px solid transparent;
	border-bottom: 46px solid #E6E7E8;
	right: -20px;
}
.text_mit_streifen_r1_text {width: 50%; display: inline-block;}
@media screen and (max-width: 1024px) {
	.text_mit_streifen_r1_text {width: 60%}
}
@media screen and (max-width: 600px) {
	.text_mit_streifen_r1_text {width: 100%; text-align: left; padding-left: 20px}
	.text_mit_streifen_r1_streif1, .text_mit_streifen_r1_streif2 {
		position: relative;
		height: 25px;
		top: auto;
	}
	.text_mit_streifen_r1_streif1 {
		margin-top: 20px;
		width: 73%;
	}
	.text_mit_streifen_r1_streif2 {
		margin-top: 10px;
		width: 77.2%;
	}
	.text_mit_streifen_r1_streif1::after {
		border-right: 10px solid transparent;
		border-bottom: 25px solid #527fa2;
		right: -10px;
	}
	.text_mit_streifen_r1_streif2::after {
		border-right: 10px solid transparent;
		border-bottom: 25px solid #E6E7E8;
		right: -10px;
	}
}

/* Var R2 */
.text_mit_streifen_r2_streif1 {
	height: 46px;
	width: 39%;
	background-color: #527fa2;
	position: absolute;
	top: 355px;
	left: 0;
}
.text_mit_streifen_r2_streif1::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 20px solid transparent;
	border-bottom: 46px solid #527fa2;
	right: -20px;
}
.text_mit_streifen_r2_streif2 {
	height: 46px;
	width: 43%;
	background-color: #E6E7E8;
	position: absolute;
	top: 413px;
	left: 0;
}
.text_mit_streifen_r2_streif2::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 20px solid transparent;
	border-bottom: 46px solid #E6E7E8;
	right: -20px;
}
.text_mit_streifen_r2_text {width: 42%; display: inline-block;}
@media screen and (max-width: 1024px) {
	.text_mit_streifen_r2_text {width: 60%}
	.text_mit_streifen_r2_streif1 {width: 23%}
	.text_mit_streifen_r2_streif2 {width: 27.2%}
}
@media screen and (max-width: 600px) {
	.text_mit_streifen_r2_text {width: 100%; text-align: left; padding-left: 20px;}
	.text_mit_streifen_r2_streif1, .text_mit_streifen_r2_streif2 {
		position: relative;
		height: 25px;
		top: auto;
	}
	.text_mit_streifen_r2_streif1 {
		margin-top: 20px;
		width: 79%;
	}
	.text_mit_streifen_r2_streif2 {
		margin-top: 10px;
		width: 83%;
	}
	.text_mit_streifen_r2_streif1::after {
		border-right: 10px solid transparent;
		border-bottom: 25px solid #527fa2;
		right: -10px;
	}
	.text_mit_streifen_r2_streif2::after {
		border-right: 10px solid transparent;
		border-bottom: 25px solid #E6E7E8;
		right: -10px;
	}
}

/* Var L1 */
.text_mit_streifen_l1_streif1 {
	height: 46px;
	width: 39%;
	background-color: #527fa2;
	position: absolute;
	top: 355px;
	right: 0;
}
.text_mit_streifen_l1_streif1::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 20px solid transparent;
	border-bottom: 46px solid #527fa2;
	left: -20px;
}
.text_mit_streifen_l1_streif2 {
	height: 46px;
	width: 43%;
	background-color: #E6E7E8;
	position: absolute;
	top: 413px;
	right: 0;
}
.text_mit_streifen_l1_streif2::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 20px solid transparent;
	border-bottom: 46px solid #E6E7E8;
	left: -20px;
}
.text_mit_streifen_l1_text {width: 40%; display: inline-block;}
@media screen and (max-width: 1024px) {
	.text_mit_streifen_l1_text {width: 60%}
	.text_mit_streifen_l1_streif1 {width: 23%}
	.text_mit_streifen_l1_streif2 {width: 27.2%}
}
@media screen and (max-width: 600px) {
	.text_mit_streifen_l1_text {width: 100%; padding-right: 20px;}
	.text_mit_streifen_l1_streif1, .text_mit_streifen_l1_streif2 {
		position: relative;
		top: auto;
		height: 25px;
		float: right;
	}
	.text_mit_streifen_l1_streif1 {
		margin-top: 20px;
		width: 79%;
	}
	.text_mit_streifen_l1_streif1::after {
		border-left: 10px solid transparent;
		border-bottom: 25px solid #527fa2;
		left: -10px;
	}
	.text_mit_streifen_l1_streif2 {
		margin-top: 10px;
		width: 83%;
	}
	.text_mit_streifen_l1_streif2::after {
		border-left: 10px solid transparent;
		border-bottom: 25px solid #E6E7E8;
		left: -10px;
	}
}

/* Var L2 */
.text_mit_streifen_l2_streif1, .text_mit_streifen_l2_streif2, .text_mit_streifen_l2_streif3 {
	height: 113px;
	width: 16%;
	background-color: #E6E7E8;
	position: absolute;
	top: 480px;
	right: 0;
}
.text_mit_streifen_l2_streif1::after, .text_mit_streifen_l2_streif2::after, .text_mit_streifen_l2_streif3::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 48px solid transparent;
	border-bottom: 113px solid #E6E7E8;
	left: -48px;
}
.text_mit_streifen_l2_streif2 {
	width: 22%;
	top: 613px;
}
.text_mit_streifen_l2_streif3 {
	width: 28.5%;
	top: 746px;
}
.text_mit_streifen_l2_text {width: 40%; display: inline-block;}
@media screen and (max-width: 1024px) {
	.text_mit_streifen_l2_text {width: 60%}
	.text_mit_streifen_l2_streif1 {width: 11%}
	.text_mit_streifen_l2_streif2 {width: 17%}
	.text_mit_streifen_l2_streif3 {width: 23.5%}
}
@media screen and (max-width: 600px) {
	.text_mit_streifen_l2_text {width: 100%; padding-right: 20px;}
	.text_mit_streifen_l2_streif1, .text_mit_streifen_l2_streif2, .text_mit_streifen_l2_streif3 {
		height: 78px;
		position: relative;
		top: auto;
		float: right;
	}
	.text_mit_streifen_l2_streif1 {
		margin-top: 30px;
		width: 66%;
	}
	.text_mit_streifen_l2_streif2 {
		margin-top: 15px;
		width: 72%;
	}
	.text_mit_streifen_l2_streif3 {display: none}
	.text_mit_streifen_l2_streif1::after, .text_mit_streifen_l2_streif2::after {
		border-left: 32px solid transparent;
		border-bottom: 78px solid #E6E7E8;
		left: -32px;
	}
}

/* Var R3 mit blauem Streifen in Box */
.text_mit_streifen_r3_container {
	width: 59%;
	position: relative;
	z-index: 10;
	margin-bottom: 50px;
	padding: 25px;
	display: inline-block;
}
.text_mit_streifen_r3_inhalt {
	border-left: 2px solid #E6E7E8;
	border-right: 2px solid #E6E7E8;
	padding: 0 32px 24px 32px;
}
.text_mit_streifen_r3_streif1 {
	width: 60.5%;
	height: 112px;
	bottom: 4px;
	right: 0;
	position: absolute;
	background-color: #344756;
}
.text_mit_streifen_r3_streif1::before {
	content: '';
	display: inline-block;
	position: absolute;
	border-left: 48px solid transparent;
	border-bottom: 112px solid #344756;
	left: -48px;
}
.text_mit_streifen_r3_container hr.tm9 {margin-top: 32px}
.text_mit_streifen_r3_container hr.bm9 {margin-bottom: 32px}
@media screen and (max-width: 1024px) {
	.text_mit_streifen_r3_container {width: 84%}
	.text_mit_streifen_r3_streif1 {width: 83.5%}
	.text_mit_streifen_r3_container hr.tm9 {margin-top: 24px}
	.text_mit_streifen_r3_container hr.bm9 {margin-bottom: 24px}
}
@media screen and (max-width: 600px) {
	.text_mit_streifen_r3 {padding-left: 20px}
	.text_mit_streifen_r3_container {width: 100%; padding: 0; margin-bottom: 0;}
	.text_mit_streifen_r3_inhalt {padding: 0 14px 14px 14px}
	.text_mit_streifen_r3_container hr.tm9 {margin-top: 5px}
	.text_mit_streifen_r3_streif1 {
		height: 78px;
		position: relative;
		top: auto;
		float: right;
		margin-top: 30px;
		width: 83.5%;
		right: -20px;
	}
	.text_mit_streifen_r3_streif1::before {
		border-left: 32px solid transparent;
		border-bottom: 78px solid #344756;
		left: -32px;
	}
}

/* --- Einleitung Unterseite mit Streifen - Bild bleibt sichtbar --- */
#einleitung_unterseite_01_text {
	display: inline-block;
	width: 46.5%;
}
#einleitung_unterseite_01_bild {
	max-width: 43.5%;
	margin-top: 45px;
}
.einleitung_unterseite_01_streifen_links {
	height: 46px;
	width: 32%;
	background-color: #E6E7E8;
	position: relative;
	margin-top: 92px;
}
.einleitung_unterseite_01_streifen_links::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 20px solid transparent;
	border-top: 46px solid #E6E7E8;
	right: -20px;
}
@media screen and (max-width: 1024px) {
	#einleitung_unterseite_01_text {width: 75%}
	#einleitung_unterseite_01_bild {
		max-width: 75%;
		float: none;
		padding-left: 50px;
		margin-top: 80px;
	}
	.einleitung_unterseite_01_streifen_links {width: 50%}
	.einleitung_unterseite_01_streifen_links {margin-top: 60px;}
}
@media screen and (max-width: 600px) {
	#einleitung_unterseite_01_text {width: 100%}
	#einleitung_unterseite_01_bild {
		max-width: 100%;
		margin-top: 60px;
		padding-left: 20px;
	}
	.einleitung_unterseite_01_streifen_links {
		height: 25px;
		width: 75%;
		margin-top: 40px;
	}
	.einleitung_unterseite_01_streifen_links::after {
		border-right: 10px solid transparent;
		border-top: 25px solid #E6E7E8;
		right: -10px;
	}
}

/* Links Box - Rechts Text */
.box_mit_text_box {
	width: 54%;
	position: relative;
	z-index: 10;
	margin-bottom: 50px;
	padding: 25px;
	display: inline-block;
}
.box_mit_text_box_inhalt {
	border-left: 2px solid #E6E7E8;
	border-right: 2px solid #E6E7E8;
	padding: 0 32px 24px 32px;
}
.box_mit_text_streifen {
	width: 52.6%;
	height: 112px;
	bottom: 4px;
	left: 0;
	position: absolute;
	background-color: #344756;
}
.box_mit_text_streifen::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 48px solid transparent;
	border-bottom: 112px solid #344756;
	right: -48px;
}
.box_mit_text_box hr.tm9 {margin-top: 32px}
.box_mit_text_box hr.bm9 {margin-bottom: 32px}
.box_mit_text_text {
	width: 46%;
	padding-top: 25px;
}
@media screen and (max-width: 1024px) {
	.box_mit_text_box {margin-bottom: 0;}
	.box_mit_text_box {width: 84%}
	.box_mit_text_streifen {
		position: relative;
		width: 88.5%;
		bottom: 67px;
		left: -50px;
	}
	.box_mit_text_box hr.tm9 {margin-top: 24px}
	.box_mit_text_box hr.bm9 {margin-bottom: 24px}
	.box_mit_text_text {padding-top: 0; padding-left: 0; width: 88.5%;}
}
@media screen and (max-width: 600px) {
	.box_mit_text {padding-left: 20px}
	.box_mit_text_box {width: 100%; padding: 0; margin-bottom: 0;}
	.box_mit_text_box_inhalt {padding: 0 14px 14px 14px}
	.box_mit_text_box hr.tm9 {margin-top: 5px}
	.box_mit_text_streifen {
		height: 78px;
		margin-top: 25px;
		width: 95%;
		bottom: 0;
	}
	.box_mit_text_streifen::after {
		border-right: 32px solid transparent;
		border-bottom: 78px solid #344756;
		right: -32px;
	}
	.box_mit_text_text {width: 100%; margin-top: 50px;}
}

/* Links Text - Rechts Bild */
.links_text_rechts_bild_text {
	display: inline-block;
	width: 46.5%;
}
.links_text_rechts_bild_bild {
	max-width: 43.5%;
	margin-top: 45px;
}
.links_text_rechts_bild_streif1, .links_text_rechts_bild_streif2 {
	height: 46px;
	background-color: #E6E7E8;
	position: relative;
	left: 0;
}
.links_text_rechts_bild_streif1 {width: 42%; margin-top: 74px;}
.links_text_rechts_bild_streif2 {width: 46%; margin-top: 12px;}
.links_text_rechts_bild_streif1::after, .links_text_rechts_bild_streif2::after {
	content: '';
	display: inline-block;
	position: absolute;
	border-right: 20px solid transparent;
	border-bottom: 46px solid #E6E7E8;
	right: -20px;
}
@media screen and (max-width: 1024px) {
	.links_text_rechts_bild_text {width: 75%;}
	.links_text_rechts_bild_bild {
		max-width: 75%;
		float: none;
		margin-top: 68px;
	}
	.links_text_rechts_bild_streif1 {width: 51%}
	.links_text_rechts_bild_streif2 {width: 55%}
}
@media screen and (max-width: 600px) {
	.links_text_rechts_bild_text {width: 100%;}
	.links_text_rechts_bild_bild {max-width: 100%; padding-left: 20px;}
	.links_text_rechts_bild_streif1, .links_text_rechts_bild_streif2 {
		position: relative;
		height: 25px;
		top: auto;
	}
	.links_text_rechts_bild_streif1 {
		margin-top: 54px;
		width: 79%;
	}
	.links_text_rechts_bild_streif2 {
		margin-top: 10px;
		width: 83%;
	}
	.links_text_rechts_bild_streif1::after, .links_text_rechts_bild_streif2::after {
		border-right: 10px solid transparent;
		border-bottom: 25px solid #E6E7E8;
		right: -10px;
	}
}

/* --- UL mit Strichen --- */
ul.list_strich_links {list-style: none; padding-left: 0;}
ul.list_strich_links > li::before {
	content: '';
	display: inline-block;
	background-image: url("./bilder/strich_liste.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 6px;
	margin-right: 9px;
}
ul.list_strich_rechts {list-style: none; padding-left: 0;}
ul.list_strich_rechts > li::after {
	content: '';
	display: inline-block;
	background-image: url("./bilder/strich_liste.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 13px;
	height: 6px;
	margin-left: 9px;
}

/* --- UL mit Hacken --- */
ul.list_hacken_dunkelblau, ul.list_hacken_mittelblau {list-style: none}
ul.list_hacken_dunkelblau > li, ul.list_hacken_mittelblau > li {position: relative}
ul.list_hacken_dunkelblau > li::before, ul.list_hacken_mittelblau > li::before {
	content: '';
	display: inline-block;
	height: 15px;
	width: 19px;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	left: -30px;
	top: 8px;
}
ul.list_hacken_dunkelblau > li::before {background-image: url('./bilder/hacken_dunkelblau.png');}
ul.list_hacken_mittelblau > li::before {background-image: url('./bilder/hacken_mittelblau.png');}

/* --- Nutzen --- */
#nutzenEinleitungLinks, #nutzenEinleitungRechts {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
#nutzenEinleitungRechts {
	position: relative;
}

#nutzenEinleitungLinksOben {width: 85%;}
#nutzenEinleitungLinksStreifen {
	background-color: #5280A6;
	color: white;
	padding: 12px 0;
	position: relative;
	z-index: 1;
	margin-top: 60px;
	margin-bottom: 50px;
}
#nutzenEinleitungLinksStreifen::before, #nutzenEinleitungLinksStreifen::after {
  content: '';
  position: absolute;
  background-color: #5280A6;
  height: 100%;
  top: 0;
}
#nutzenEinleitungLinksStreifen::before {
  left: -68px;
  width: 68px;
}
#nutzenEinleitungLinksStreifen::after {
	width: calc((100%) / 8 + 100px);
	right: calc((-100%) / 8 + 15px);
	transform: skew(24deg);
}
#nutzenEinleitungLinksStreifenText {
	position: relative;
	z-index: 1;
}

#nutzenEinleitungRechtsBild {
	width: 100%;
	max-width: 520px;
}
#nutzenEinleitungRechtsText {
	text-align: right;
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (max-width: 1440px) {
	#nutzenEinleitungRechts {text-align: right;}
	#nutzenEinleitungRechtsText {
		position: static;
		margin-top: 20px;
	}
}

@media screen and (max-width: 1024px) {
	#nutzenEinleitungLinks, #nutzenEinleitungRechts {width: 75%;}
	#nutzenEinleitungLinksStreifen::before {
		left: -50px;
		width: 50px;
	}
	#nutzenEinleitungRechts, #nutzenEinleitungRechtsText {text-align: left;}
}

@media screen and (max-width: 600px) {
	#nutzenEinleitungLinks, #nutzenEinleitungRechts {width: 100%;}
	#nutzenEinleitungLinksStreifen::before, #nutzenEinleitungLinksStreifen::after {display: none;}
	#nutzenEinleitungLinksStreifen {
		background-color: transparent;
		color: inherit;
		margin-top: 20px;
		margin-bottom: 20px;
	}
}




@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1240px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 600px) {}
@media screen and (max-width: 360px) {}


/*--------------------------------------------------------------------*/
/*------------------------- Barrierefreiheit -------------------------*/
/*--------------------------------------------------------------------*/

#jubaAccessabilityChk:checked ~ * .headerIconsPic div,
#jubaAccessabilityChk:checked ~ * #lblSucheAjax {
	filter: invert() hue-rotate(180deg);
}