@font-face {
    font-family: 'montserratsemibold';
    src: url('fonts/montserrat-semibold.woff2') format('woff2'),
         url('fonts/montserrat-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular.woff2') format('woff2'),
         url('fonts/montserrat-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
	font-family: montserratregular;
	color: white;
	box-sizing: border-box;
}
body {margin: 0;
background-color: black; /*oh210827 für test */
}
div.col66 {width:100%}/*oh210827 für test */
#hintergrund_statt_kamera {
	background-image: url("bilder/hintergrund_jubacon_zahnraeder.jpg");
	background-size: cover;
	background-position: center;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.flex { display: flex; }

.flexLine { height: auto !important; }

.thinContent { width: calc(100% - 227.5px - 2.5px); }

.pointer:hover { cursor: pointer; }

.ha { 
	hyphens: auto;
	-moz-hyphens: auto;
	word-break: break-word;
}


.lh { line-height: 45px; }

#hintergrund_transparent {
	/*background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(3, 50, 94, 0.9) 20%, rgba(3, 50, 94, 0.9) 80%, rgba(0, 0, 0, 1) 100%);*/
	/*background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(3, 50, 94, 0.9) 50%, rgba(0, 0, 0, 0.9) 100%);*/
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 0%, rgba(3, 50, 94, 0.95) 45%, rgba(3, 50, 94, 0.95) 55%, rgba(0, 0, 0, 0.95) 100%);
}
.wrapper {
	max-width: 1440px;
	margin: 0 auto;
}
a {font-size: 17px; text-decoration: none;}
a:hover {color: lightgrey;}
h1 {font-family: montserratsemibold; font-size: 60px; text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.5);}
h1.tuerkis {text-shadow: 0px 0px 10px rgb(73, 244, 210)}
h2 {font-family: montserratsemibold; text-shadow: 5px 5px 7px rgba(0, 0, 0, 0.5);}
h3 {font-family: montserratsemibold;}
h4 {font-family: montserratsemibold;}
.ueberschrift_modul3 {font-family: montserratsemibold; font-size: 34px;}
.ueberschriftGross { font-size: 50px; }
p {font-size: 17px; line-height: 45px;}
footer p {font-size: 16px;}
footer a {font-size: 16px;}
footer input[type=text] {font-size: 16px;}

.big { font-size: 120%; }

.semiBold,
.semiBold * { font-family: montserratsemibold, Arial; }

.tuerkis {color: #49F4D2}
.bg_tuerkis {background-color: #49F4D2}

.op0_6 {opacity: 0.6}
.op0_3 {opacity: 0.3}
.op0_1 {opacity: 0.1}
.op0_05 {opacity: 0.05}

input[type=radio] {display: none}

.button_standard {
	border: solid 1px #49F4D2;
	border-radius: 5px;
	background-image: linear-gradient(45deg, rgba(0,0,0,0.2) 0%, rgba(73,244,210,0.2) 50%, rgba(0,0,0,0.2) 100%);
}
.button_standard:hover {
	background-image: linear-gradient(45deg, rgba(73,244,210,0.2) 0%, rgba(0,0,0,0.2) 50%, rgba(73,244,210,0.2) 100%);
	color: #49F4D2;
}
.text_bg_border {
	border: solid 1px #49F4D2;
	border-radius: 5px;
	background-image: linear-gradient(45deg, rgba(0,0,0,0.2) 0%, rgba(73,244,210,0.2) 50%, rgba(0,0,0,0.2) 100%);
}

/* blöcke und Abstände */
.dib {display: inline-block;}
.block {display: block;}
.none, .radio_none {display: none !important;}
.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;}
.fixed {position:fixed;}
	
.positionRechts {position:absolute; top: 0px; bottom: 0px; right: 0px; }
.positionLinks {position:absolute; top: 0px; bottom: 0px; left: 0px; }
.positionRechtsUnten {position:absolute; bottom: 0px; right: 0px; } 
.positionLinksUnten {position:absolute; bottom: 0px; left: 0px; } 
.positionUnten {position:absolute; bottom: 0px;  } 
	
.moveOverBanner {position: relative; margin-top: -20%;}

.noShadow { text-shadow: none; }
	
.wide1, .col14, .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%;}
	
.vp0 {padding-top: 0px; padding-bottom: 0px;}
.tp0 {padding-top: 0px; } .bp0 {padding-bottom: 0px;}
.vm0 {margin-top: 0px; margin-bottom: 0px;}
.tm0 {margin-top: 0px; } .bm0 {margin-bottom: 0px;}

.hp0 {padding-left: 0px; padding-right: 0px;}
.lp0 {padding-left: 0px; } .rp0 {padding-right: 0px;}
.hm0 {margin-left: 0px; margin-right: 0px;}
.lm0 {margin-left: 0px; } .rm0 {margin-right: 0px;}

.hp6 {padding-left: 0.4rem; padding-right: 0.4rem;}
.lp6 {padding-left: 0.4rem; } .rp6 {padding-right: 0.4rem;}
.hm6 {margin-left: 0.4rem; margin-right: 0.4rem;}
.lm6 {margin-left: 0.4rem; } .rm6 {margin-right: 0.4rem;}
	
.vp6 {padding-top: 0.4rem; padding-bottom: 0.4rem;}
.tp6 {padding-top: 0.4rem; } .bp6 {padding-bottom: 0.4rem;}
.vm6 {margin-top: 0.4rem; margin-bottom: 0.4rem;}
.tm6 {margin-top: 0.4rem; } .bm6 {margin-bottom: 0.4rem;}

.hp9 {padding-left: 0.7rem; padding-right: 0.7rem;}
.lp9 {padding-left: 0.7rem; } .rp9 {padding-right: 0.7rem;}
.hm9 {margin-left: 0.7rem; margin-right: 0.7rem;}
.lm9 {margin-left: 0.7rem; } .rm9 {margin-right: 0.7rem;}
	
.vp9 {padding-top: 0.7rem; padding-bottom: 0.7rem;}
.tp9 {padding-top: 0.7rem; } .bp9 {padding-bottom: 0.7rem;}
.vm9 {margin-top: 0.7rem; margin-bottom: 0.7rem;}
.tm9 {margin-top: 0.7rem; } .bm9 {margin-bottom: 0.7rem;}

.hp18 {padding-left: 1.4rem; padding-right: 1.4rem;}
.lp18 {padding-left: 1.4rem; } .rp18 {padding-right: 1.4rem;}
.hm18 {margin-left: 1.4rem; margin-right: 1.4rem;}
.lm18 {margin-left: 1.4rem; } .rm18 {margin-right: 1.4rem;}
	
.vp18 {padding-top: 1.4rem; padding-bottom: 1.4rem;}
.tp18 {padding-top: 1.4rem; } .bp18 {padding-bottom: 1.4rem;}
.vm18 {margin-top: 1.4rem; margin-bottom: 1.4rem;}
.tm18 {margin-top: 1.4rem; } .bm18 {margin-bottom: 1.4rem;}

.hp27 {padding-left: 2.1rem; padding-right: 2.1rem;}
.lp27 {padding-left: 2.1rem; } .rp27 {padding-right: 2.1rem;}
.hm27 {margin-left: 2.1rem; margin-right: 2.1rem;}
.lm27 {margin-left: 2.1rem; } .rm27 {margin-right: 2.1rem;}
	
.vp27 {padding-top: 2.1rem; padding-bottom: 2.1rem;}
.tp27 {padding-top: 2.1rem; } .bp27 {padding-bottom: 2.1rem;}
.vm27 {margin-top: 2.1rem; margin-bottom: 2.1rem;}
.tm27 {margin-top: 2.1rem; } .bm27 {margin-bottom: 2.1rem;}

.hp36 {padding-left: 2.8rem; padding-right: 2.8rem;}
.lp36 {padding-left: 2.8rem; } .rp36 {padding-right: 2.8rem;}
.hm36 {margin-left: 2.8rem; margin-right: 2.8rem;}
.lm36 {margin-left: 2.8rem; } .rm36 {margin-right: 2.8rem;}
	
.vp36 {padding-top: 2.8rem; padding-bottom: 2.8rem;}
.tp36 {padding-top: 2.8rem; } .bp36 {padding-bottom: 2.8rem;}
.vm36 {margin-top: 2.8rem; margin-bottom: 2.8rem;}
.tm36 {margin-top: 2.8rem; } .bm36 {margin-bottom: 2.8rem;}

.hp54 {padding-left: 4rem; padding-right: 4rem;}
.lp54 {padding-left: 4rem; } .rp54 {padding-right: 4rem;}
.hm54 {margin-left: 4rem; margin-right: 4rem;}
.lm54 {margin-left: 4rem; } .rm54 {margin-right: 4rem;}
	
.vp54 {padding-top: 4rem; padding-bottom: 4rem;}
.tp54 {padding-top: 4rem; } .bp54 {padding-bottom: 4rem;}
.vm54 {margin-top: 4rem; margin-bottom: 4rem;}
.tm54 {margin-top: 4rem; } .bm54 {margin-bottom: 4rem;}

.wide1.hm9, .col14.hm9 {width: calc(24.9% - 1.4rem);}
.col13.hm9, .col13-2-1.hm9 {width: calc(33% - 1.4rem);}
.col13.hm9.button {width: calc(33% - 1.8rem);}
.wide2.hm9, .col24.hm9 {width: calc(49.9% - 1.4rem);}
.col23.hm9 {width: calc(66% - 1.4rem);}
.wide3.hm9, .col34.hm9 {width: calc(74.9% - 1.4rem);}
.col44.hm36, .col33.hm36, .wide4.hm36,
.col44.hm36-18, .col33.hm36-18, .wide4.hm36-18,
.col44.hm36-18-0, .col33.hm36-18-0, .wide4.hm36-18-0 { width: calc(100% - 5.6rem);}

.hm36-18-0, .hm36-18 {margin-left: 2.8rem; margin-right: 2.8rem;} 
.hp36-18-0, .hp36-18 {padding-left: 2.8rem; padding-right: 2.8rem;} 
.lp36-18-0, .lp36-18 {padding-left: 2.8rem;} 
.rp36-18-0, .rp36-18 {padding-right: 2.8rem;} 
.lm36-18-0, .lm36-18 {margin-right: 2.8rem;} 
.rm36-18-0, .rm36-18 {margin-right: 2.8rem;} 
	
.wide85 {width: 85%;}
	
.hp72 {padding-left: 5.6rem; padding-right: 5.6rem;}
.tp72 {padding-top: 5.6rem} .bp72 {padding-bottom: 5.6rem}
.vp72 {padding-top: 5.6rem; padding-bottom: 5.6rem;}
.lp72 {padding-left: 5.6rem;} .rp72 {padding-right: 5.6rem;}

.hm72 {margin-left: 5.6rem; margin-right: 5.6rem;}
.lm72 {margin-left: 5.6rem} .rm72 {margin-right: 5.6rem}
.vm72 {margin-top: 5.6rem; margin-bottom: 5.6rem;}
.tm72 {margin-top: 5.6rem} .bm72 {margin-bottom: 5.6rem}

.hp45 {padding-left: 3.5rem; padding-right: 3.5rem;}
.tp45 {padding-top: 3.5rem} .bp45 {padding-bottom: 3.5rem}
.vp45 {padding-top: 3.5rem; padding-bottom: 3.5rem;}
.lp45 {padding-left: 3.5rem;} .rp45 {padding-right: 3.5rem;}

.hm45 {margin-left: 3.5rem; margin-right: 3.5rem;}
.lm45 {margin-left: 3.5rem} .rm45 {margin-right: 3.5rem}
.vm45 {margin-top: 3.5rem; margin-bottom: 3.5rem;}
.tm45 {margin-top: 3.5rem} .bm45 {margin-bottom: 3.5rem}

@media screen and (max-width: 1440px) {
	.hp0-72-36-18 {padding-left: 5.6rem; padding-right: 5.6rem;}
}
@media screen and (max-width: 1260px) {
	.col14 {width: 49.5%}

	.thinContent { width: calc(100% - 186.5px - 2.5px); }

	.hr_1260 { text-align: right; }
}


@media screen and (max-width: 1260px) and (min-width: 601px) {
	.flex_1260_600 { display: flex; }
}


@media screen and (max-width: 1024px) {
	.hp0-72-36-18 {padding-left: 2.8rem; padding-right: 2.8rem;}
	h1 {font-size: 35px}
	h2 {font-size: 22px}
	p {font-size: 16px; line-height: 38px;}
	a {font-size: 16px;}
	.ueberschrift_modul3 {font-size: 28px;}
	.ueberschriftGross { font-size: 30px; }
}


@media screen and (max-width: 1024px) and (min-width: 851px) {
	.hide1024_850 { display: none; }
}


@media screen and (max-width: 850px) {
	.thinContent { width: calc(100% - 126.5px - 2.5px); }
}

@media screen and (max-width: 768px) {
	.col12 {width: 100%}
}

@media screen and (min-width: 601px) {
	.noFlex_600 { display: flex; }
}

@media screen and (max-width: 600px) {
	.hp0-72-36-18 {padding-left: 1.4rem; padding-right: 1.4rem;}
	.col14 {width: 100%}
	h1 {font-size: 24px}
	h2 {font-size: 20px}
	p {font-size: 15px; line-height: 30px;}
	a {font-size: 15px;}
	a.button_standard {padding-left: 35px; padding-right: 35px;}
	.ueberschrift_modul3 {font-size: 24px;}
	.ueberschriftGross { font-size: 20px; }

	.flex_600 { display: flex; }

	.thinContent { width: 100%; }
}

.w99 {width: 99%;}
.w98 {width: 98%;}
.w97 {width: 97%;}
.w90 {width: 95%;}





/* Menue Anfang */
#menue_logo img {height: 140px;}
#nav {display: inline-block;}
#nav > ul {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	margin: 22px 0 0 0;
}
#nav > ul > li {display: inline-block}
#nav > ul > li > a > img {display: none}
#header_kontakt > a > img{height: 71px}
#menu_mobile_checkbox {display: none}
#menue_logo_mobil {display: none}
	
@media screen and (max-width: 1260px) {
	#menue_logo img {height: 120px;}
	#nav > ul > li:last-of-type {margin-right: 0}
	#header_kontakt {display: none}
}
@media screen and (max-width: 1024px) {
	#menue_logo img {height: 110px;}
	#nav {display: none;}
	#menu_mobile_button {
		display: inline-block;
		width: 30px;
		height: 30px;
		transition: transform 1s;
		position: relative;
		z-index: 100;}
	#menu_mobile_button div {
		position: relative;
		content: '';
		background-color: #49F4D2;
		width: 100%;
		height: 4px;
		top: 20px;
		transition: 400ms;}
	#menu_mobile_button div::before, #menu_mobile_button div::after {
		content: '';
		background-color: #49F4D2;
		width: 100%;
		height: 4px;
		position: absolute;
		transition: 400ms;}
	#menu_mobile_button div::before {top: -11px}
	#menu_mobile_button div::after {top: 11px}
	#menu_mobile_checkbox:checked ~ #menu_mobile_button div {background-color: transparent}
	#menu_mobile_checkbox:checked ~ #menu_mobile_button div::before {
		transform: rotate(45deg);
		top: 0;}
	#menu_mobile_checkbox:checked ~ #menu_mobile_button div::after {
		transform: rotate(-45deg);
		top: 0;}
	#menu_mobile_checkbox:checked ~ #nav {display: inline-block}
	#menu_mobile_checkbox:checked ~ #nav > #header_kontakt {display: block}
	#nav {
		position: absolute;
		right: 0;
		top: 0;
		background-color: #041529;
		z-index: 50;
		margin-top: 0;
		width: 300px;
		max-width: 100%;
		overflow: hidden;
	}
	#menue_logo_mobil {display: block; height: 55px;}
	#nav > ul {
		text-align: right;
		margin-top: 0;
		margin-bottom: 30px;
		padding-left: 0;
	}
	#nav > ul > li {
		display: block;
		margin-right: 20px;
		border-bottom: solid 1px white;
	}
	#nav > ul > li:last-of-type {
		margin-right: 20px;
		border-bottom: none;
	}
	#nav > ul > li > a {
		line-height: 35px;
		position: relative;
		padding-right: 45px;
		padding-left: 8px;
	}
	#nav > ul > li > a > img {
		height: 18px;
		display: inline-block;
		position: absolute;
		right: 5px;
		top: -1px;}
	#header_kontakt > a > img{height: 50px}	
}
@media screen and (max-width: 768px) {
	#menue_logo img {height: 90px;}
}
@media screen and (max-width: 360px) {
	#menue_logo img {height: 66px;}
}
/* Menue Ende */

/* Modul 1 Anfang */
#modul1_container1 {width: 49.5%}

#modul1_container1.bigIconText { 
	width: calc(100% - 460px); 
	padding-left: 10px;
}

#modul1_container2 {width: 49.5%}
#modul1_container2.bigIconContainer { max-width: 460px; width: 100%; }

svg {stroke: #49F4D2; stroke-linecap: round;}
#modul1_circles1 {
	width: 460px;
	height: 460px;
}

#modul1_circles1.autoImg,
#modul1_circles2.autoImg {
	width: auto;
	height: auto;
	max-width: 460px;
	max-height: 460px;
}

#modul1_container1.bigIconText > div:first-of-type { width: 60%; }

#modul1_circles1.bigIcon {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

#modul1_circles1.bigIcon.funktionen {
	background-image: url('./bilder/funktionen.gif');
}

#modul1_circles1.bigIcon.geschwindigkeit { 
	background-image: url('./bilder/geschwindigkeit.gif');
}

#modul1_circles1.bigIcon.sicherheit { 
	background-image: url('./bilder/sicherheit.gif');
}

#modul1_circles1.bigIcon.ecommerce { 
	background-image: url('./bilder/ecommerce.gif');
}

svg circle {fill: none;}
.gradient_stop0_8 {stop-color: rgba(73, 244, 210, 0.8)}
.gradient_stop0_3 {stop-color: rgba(73, 244, 210, 0.3)}
.gradient_stop0_2 {stop-color: rgba(73, 244, 210, 0.2)}
#modul1_circles1 circle, #modul1_circles2 circle {
	cx: 50%;
	cy: 50%;
	transform-origin: 50% 50%;
}
.circle_dotted {
	stroke-width: 5px;
	stroke-linecap: round;
	stroke-dasharray: 11px 10px;
}
.play_symbol_circle1 {r: 227.5px}
.play_symbol_circle2 {
	r: 185px;
	stroke-width: 10px;
	stroke: url(#circle2_gradient);
	transform: rotate(90deg);
}
.play_symbol_circle3 {r: 137.5px; stroke-dasharray: 10px 10px;}
.play_symbol_circle4 {
	r: 103px;
	stroke-width: 14px;
	stroke: url(#circle4_gradient);
	transform: rotate(90deg);
}
.play_symbol_circle5_play {
	top: 144px;
	right: 144px;
	height: 171px;
}
.circle_filled {fill: #49F4D2 !important;}
.play_symbol_circle5_filled {r: 85px}
.rota_right {animation: rotating_right 40s linear infinite}
@keyframes rotating_right {
	0%		{ transform: rotate(0); }
	100%	{ transform: rotate(1turn); }
}
.rota_left {animation: rotating_left 40s linear infinite}
@keyframes rotating_left {
	0%		{ transform: rotate(0); }
	100%	{ transform: rotate(-1turn); }
}
#modul1_circles2 {
	width: 460px;
	height: 460px;
	right: 150px;
	top: -80px;
}

svg line {
	stroke-width: 5px;
	stroke-dasharray: 10px 7px;
}
#vl_modul1_container_2 {
	overflow: hidden;
	height: 197px;
}
#vl_modul1_2 {
	width: 235px;
	height: 100%;
	top: 0;

}
.hl_modul1_container_2 {
	height: 5px;
	overflow: hidden;
	width: calc(100% - 227.5px - 2.5px);
}
.hl_modul1_2 {
	width: 100%;
	right: 0;
}

#modul1_container2.bigIconContainer #vl_modul1_container_2 {
    height: calc(100% - 296px);
}

.funktionenListWrapper { margin-left: 50px; }

#hl_modul1_container_1 {display: none}
#vl_modul1_container_1 {display: none}
.hl_modul1_container_3 {display: none}
#vl_modul1_container_3 {display: none}
@media screen and (max-width: 1440px) {
	#vl_modul1_container_2 {
		height: 422px;
	}
}


@media screen and (min-width: 1261px) {
	#geschwPage #modul1_circles1 { margin-left: -170px; }

	#geschwPage #modul1_circles2 { right: 237px; }

	#ecomPage #modul1_circles1 { margin-left: -70px; }

	#ecomPage #modul1_circles2 { right: 185px; }
}


@media screen and (max-width: 1260px) {
	#modul1_circles1 {
		width: 358px;
		height: 358px;
	}

	#modul1_circles1.autoImg,
	#modul1_circles2.autoImg {
		max-width: 358px;
		max-height: 358px;
	}

	#modul1_container1.bigIconText,
	#modul1_container2.bigIconContainer { 
		width: 49.5%; 
		max-width: 100%;
	}

	#modul1_circles1.bigIcon { margin-left: auto; }
	
	.funktionenListWrapper { margin-left: 28px; }

	.funktionenList { 
		display: block; 
		width: 100%;
	}

	.play_symbol_circle1 {r: 176.5px}
	.play_symbol_circle2 {
		r: 143px;
		stroke-width: 8px;
	}
	.play_symbol_circle3 {r: 106.5px}
	.play_symbol_circle4 {
		r: 79px;
		stroke-width: 12px;
	}
	.play_symbol_circle5_play {
		top: 112px;
		right: 112px;
		height: 134px;
	}
	.play_symbol_circle5_filled {r: 67px}
	#modul1_circles2 {
		width: 358px;
		height: 358px;
		right: 105px;
		top: -50px;
	}
	#vl_modul1_container_2 {
		height: 422px;
	}
	#vl_modul1_2 {
		width: 184px;
	}
	.hl_modul1_container_2 {
		width: calc(100% - 176.5px - 2.5px);
	}



	.subPage .hl_modul1_container_2 { width: calc(100% - 186.5px - 2.5px); }

	

	#modul1_container1.bigIconText > div:first-of-type { width: 100%; }
}


@media screen and (max-width: 1260px) and (min-width: 851px) {
	#geschwPage #modul1_container2.bigIconContainer #vl_modul1_container_2 {
	    height: calc(100% - 278px);
	}
}


@media screen and (max-width: 850px) {
	.circle_dotted {
		stroke-width: 3px;
		stroke-linecap: round;
		stroke-dasharray: 6px 6px;
	}
	#modul1_circles1 {
		width: 244px;
		height: 244px;
	}

	#modul1_circles1.autoImg,
	#modul1_circles2.autoImg {
		max-width: 244px;
		max-height: 244px;
	}

	.play_symbol_circle1 {r: 120.5px}
	.play_symbol_circle2 {
		r: 98.5px;
		stroke-width: 5px;
	}
	.play_symbol_circle3 {r: 73.5px; stroke-dasharray: 5px 6px;}
	.play_symbol_circle4 {
		r: 55px;
		stroke-width: 8px;
	}
	.play_symbol_circle5_play {
		top: 76px;
		right: 76px;
		height: 92px;
	}
	.play_symbol_circle5_filled {r: 45.5px}
	#modul1_circles2 {
		width: 244px;
		height: 244px;
		right: 70px;
		top: -40px;
	}
	#vl_modul1_2 {
		width: 127px;
	}
	.hl_modul1_container_2 {
		width: calc(100% - 119.5px - 2.5px);
	}



	#modul1_container2.bigIconContainer #vl_modul1_container_2 {
		height: calc(100% - 252px);
	}

	.subPage .hl_modul1_container_2 { width: calc(100% - 126.5px - 2.5px); }

	#geschwPage #modul1_container2.bigIconContainer #vl_modul1_container_2 {
	    height: calc(100% - 193px);
	}

	#ecomPage #modul1_container2.bigIconContainer #vl_modul1_container_2 {
	    height: calc(100% - 225px);
	}
}
@media screen and (max-width: 600px) {
	#modul1 {position: relative; margin-top: 0;}
	#modul1_container_alles {text-align : left}
	#modul1_container1 {width: 90%; margin-top: 70px; padding-left: 0.9rem;}
	#modul1_container2 {width: 100%; position: absolute; right: 0; top: 0}
	#modul1_container_circles {position: absolute; right: 0; top: 0}
	#vl_modul1_container_2 {display: none}
	#hl_modul1_container_1 {
		display: inline-block;
		width: 100%;
		height: 165px;
	}

	#topContent { 
		width: 90%; 
		padding-left: .9rem;
	}

	#modul1_container1.bigIconText { width: 100%; }

	#hl_modul1_1 {
		width: calc(100% - 252px);
		height: 100%;
	}
	#vl_modul1_container_1 {display: inline-block; width: 5px; height: 662px;}
	#vl_modul1_1 {width: 100%; height: 100%}
	.hl_modul1_container_2 { display: none}
	.hl_modul1_container_3 {
		display: inline-block;
		width: 100%;
		height: 5px;
	}
	.hl_modul1_3 {
		width: 40%;
		height: 100%;
	}
	#vl_modul1_container_3 {
		display: block;
		width: 100%;
		height: 16px;
		margin-top: -10px;
		margin-bottom: 3px;
	}
	#vl_modul1_3 {
		width: 99%;
		height: 100%;
	}

	.hl_modul1_container_2.dontHide { 
		display: block; 
		width: 100%;
	}



	.subPage .hl_modul1_container_2 { width: 100%; }



	.subPage .flex_600 > #vl_modul1_container_1 { height: auto; }
}
@media screen and (max-width: 480px) {
	#vl_modul1_container_600 {height: 570px;}
}
@media screen and (max-width: 420px) {
	#vl_modul1_container_600 {height: 650px;}
}
/* Modul 1 Ende */

/* Modul 2 Anfang */
#modul2 {margin-top: -8px}

#modul2_linien_vorher {width: 50px; height: 362px;}

#funktionenPage #modul2_linien_vorher,
#sicherheitPage #modul2_linien_vorher,
#geschwPage #modul2_linien_vorher,
#ecomPage #modul2_linien_vorher { height: height: 240px; }

#pimPage #modul2_linien_vorher { height: auto; }

#funktionen_circles1 {
	width: 348px;
	height:510px;
}
#funktionen_circles1 circle {
	cx: 50%;
	cy: 50%;
	transform-origin: 50% 50%;
}
#funktionen_circle1 {
	r: 165.5px;
	stroke-width: 17px;
	stroke: url(#modul2_circle1_gradient);
}
#funktionen_circle2 {r: 134.5px}
#funktionen_circle3 {
	height: 221px;
	top: calc(-221px/2 + 510px/2);
	left: calc(-221px/2 + 348px/2);
}
#funktionen_circles2 {
	width: 244px;
	height:510px;
	margin-left: -174px;
}
#funktionen_circle4 {
	r: 237.5px;/*242.5px;*/
	stroke-width: 2px;
	stroke-linecap: round;
	stroke-dasharray: 7px 6px;
	cx: 0;
	cy: 50%;
}
#funktionen_circles3 {
	width: 358px;
	height:510px;
	margin-left: -256.5px;
}
.funktionen_circle_klein {
	r: 10.5px;
	stroke-width: 1px;
}
.funktionen_circle_klein:first-of-type {cx: 11.5px;cy: 17.5px;}
.funktionen_circle_klein:nth-of-type(2) {cx: 198px; cy: 113px;}
.funktionen_circle_klein:nth-of-type(3) {cx: 241px; cy: 208px;}
.funktionen_circle_klein:nth-of-type(4) {cx: 241px; cy: calc(100% - 208px);}
.funktionen_circle_klein:nth-of-type(5) {cx: 198px; cy: calc(100% - 113px);}
.funktionen_circle_klein:last-of-type {cx: 11.5px;cy: calc(100% - 17.5px);}
.line_1px line {stroke-width: 2px;stroke-dasharray: 0;}
.line_1px {
	right: 0;
	height: 2px;
	width: 348px;
}
#modul2_hl_buttons_1 {top: calc(-16px + 32px); width: 348px;}
#modul2_hl_buttons_2 {top: calc(-16px + 32px + 96px); width: 160px;}
#modul2_hl_buttons_3 {top: calc(-16px + 32px + 96px*2 - 1px); width: 117px;}
#modul2_hl_buttons_4 {top: calc(-16px + 32px + 96px*3 - 3px); width: 117px;}
#modul2_hl_buttons_5 {top: calc(-16px + 32px + 96px*4 - 4px); width: 160px;}
#modul2_hl_buttons_6 {top: calc(-16px + 32px + 96px*5 - 5px); width: 348px;}

#modul2_buttons {width: 32%; margin-top: 86px; margin-left: -5px;}
#modul2_buttons .text_bg_border {margin-bottom: 27.5px; line-height: 20px; height: 66.8px;}
#modul2_buttons .text_bg_border:first-of-type {width: 100%}
#modul2_buttons .text_bg_border:nth-of-type(2) {width: 90%}
#modul2_buttons .text_bg_border:nth-of-type(3) {width: 80%}
#modul2_buttons .text_bg_border:nth-of-type(4) {width: 70%}
#modul2_buttons .text_bg_border:nth-of-type(5) {width: 60%}
#modul2_buttons .text_bg_border:nth-of-type(6) {width: 50%}
#vl_modul2_container_1 {
	overflow: hidden;
	height: 362px;
	width: 5px;
}

#funktionenPage #vl_modul2_container_1,
#sicherheitPage #vl_modul2_container_1,
#geschwPage #vl_modul2_container_1,
#ecomPage #vl_modul2_container_1 { height: 240px; }

#pimPage #vl_modul2_container_1 { height: calc(100% + 27px); }

#vl_modul2_1 {
	width: 5px;
	height: 100%;
	position: relative;
	top: 0;
}
.hl_modul2_container_1 {
	overflow: hidden;
	width: 30px;
	height: 5px;
}
.hl_modul2_1 {
	height: 100%;
	width: 100%;
	position: relative;
	left: 0;
}
#vl_modul2_container_2 {
	overflow: hidden;
	width: 5px;
	margin-left: 237px;
	margin-top: -27px;
	height: 112px;
}
#vl_modul2_2 {
	width: 5px;
	height: 100%;
}
#hl_modul2_container_2 {
	height: 5px;
	overflow: hidden;
	width: 100%;
}
#hl_modul2_2 {
	width: 100%;
	padding-left: 237px;
}
@media screen and (max-width: 1430px) {
	#modul2_buttons .text_bg_border:nth-of-type(2) {padding-top: 13px}
}
@media screen and (max-width: 1260px) {
	#modul2_linien_vorher {width: 28px; height: 340px;}
	#vl_modul2_container_1 {height: 340px;}
	.hl_modul2_container_1 {width: 18px;}
	#funktionen_circles1 {width: 320px; height: 470px;}
	#funktionen_circle1 {r: 151.5px}
	#funktionen_circle2 {r: 122.5px;}
	#funktionen_circles3 {height: 470px; width: 300px;}
	#funktionen_circle3 {
		height: 204px;
		top: calc(-204px/2 + 470px/2);
		left: calc(-204px/2 + 320px/2);
	}
	#funktionen_circles2 {
		height: 470px;
		margin-left: -165px;
	}
	#funktionen_circle4 {r: 223px}
	.funktionen_circle_klein:first-of-type {
		cx: 11px;
		cy: 12.5px;
	}
	
	.funktionen_circle_klein:nth-of-type(2) {
		cx: 188px;
		cy: 102px;
	}
	.funktionen_circle_klein:nth-of-type(3) {
		cx: 227px;
		cy: 190px;
	}
	.funktionen_circle_klein:nth-of-type(4) {
		cx: 227px;
		cy: calc(100% - 190px);
	}
	.funktionen_circle_klein:nth-of-type(5) {
		cx: 188px;
		cy: calc(100% - 102px);
	}
	.funktionen_circle_klein:last-of-type {
		cx: 12px;
		cy: calc(100% - 12.5px);
	}
	#modul2_buttons {margin-top: 83px}
	#modul2_buttons .text_bg_border {height: 61.5px;}
	#modul2_hl_buttons_1 {top: calc(-16px + 28px); width: 289px;}
	#modul2_hl_buttons_2 {top: calc(-16px + 28px + 89px); width: 114px;}
	#modul2_hl_buttons_3 {top: calc(-16px + 28px + 89px*2); width: 74px;}
	#modul2_hl_buttons_4 {top: calc(-16px + 28px + 89px*3); width: 74px;}
	#modul2_hl_buttons_5 {top: calc(-16px + 28px + 89px*4); width: 114px;}
	#modul2_hl_buttons_6 {top: calc(-16px + 28px + 89px*5); width: 289px;}
	#modul2_buttons .text_bg_border:nth-of-type(2) {padding-top: 11px}
	#vl_modul2_container_2 {margin-left: 192px;}
	#hl_modul2_2 {padding-left: 192px;}
}
@media screen and (max-width: 1170px) {
	#modul2_buttons .text_bg_border:first-of-type {padding-top: 11px}
}
@media screen and (max-width: 910px) {
	#modul2_linien_vorher {height: 293px;}
	#vl_modul2_container_1 {height: 293px;}
	#funktionen_circles1 {width: 250px}
	#funktionen_circle1 {r: 116.5px}
	#funktionen_circle2 {r: 96px;}
	#funktionen_circle3 {
		height: 158px;
		top: calc(-158px/2 + 378px/2);
		left: calc(-158px/2 + 250px/2);
	}
	#modul2_buttons {margin-top: 88px}
	#modul2_buttons .text_bg_border {
		margin-bottom: 15px;
		line-height: 15px;
		height: 55px;
		padding-top: 11px;
	}
	#funktionen_circle4 {r: 174px;}
	#funktionen_circles2 {height: 377px; width:175px; margin-left: -131px;}
	#funktionen_circles1 {height: 377px;}
	#funktionen_circles3 {height: 377px; margin-left: -188.5px; width: 220px;}
	.funktionen_circle_klein:first-of-type {
		cx: 11px;
		cy: 14.5px;
	}
	.funktionen_circle_klein:nth-of-type(2) {
		cx: 148px;
		cy: 83.5px;
	}
	.funktionen_circle_klein:nth-of-type(3) {
		cx: 180px;
		cy: 154.5px;
	}
	.funktionen_circle_klein:nth-of-type(4) {
		cx: 180px;
		cy: calc(100% - 152.5px);
	}
	.funktionen_circle_klein:nth-of-type(5) {
		cx: 148px;
		cy: calc(100% - 83.5px);
	}
	.funktionen_circle_klein:last-of-type {
		cx: 12px;
		cy: calc(100% - 14.5px);
	}
	#modul2_hl_buttons_1 {top: calc(-16px + 30px); width: 211px;}
	#modul2_hl_buttons_2 {top: calc(-16px + 28px + 71px); width: 73px;}
	#modul2_hl_buttons_3 {top: calc(-16px + 28px + 71px*2); width: 41px;}
	#modul2_hl_buttons_4 {top: calc(-16px + 27px + 71px*3); width: 41px;}
	#modul2_hl_buttons_5 {top: calc(-16px + 26px + 71px*4); width: 73px;}
	#modul2_hl_buttons_6 {top: calc(-16px + 24px + 71px*5); width: 211px;}
	#modul2_buttons .text_bg_border:nth-of-type(2) {padding-top: 5px}
	#modul2_buttons {width: 38%;}
	#vl_modul2_container_2 {margin-left: 155px;}
	#hl_modul2_2 {padding-left: 155px;}
}
	

@media screen and (max-width: 700px) {
	#funktionen_circles1 {display: none}
	#funktionen_circle3 {display: none}
	#modul2_buttons {
		width: 88%;
		margin-top: 2.8rem;
	}
	#vl_modul2_container_1 {height: 100%;}
	#modul2_linien_vorher {height: 644px;}
	#modul2_buttons .text_bg_border:first-of-type {padding-top: 1.4rem;}
	#modul2_buttons .text_bg_border:nth-of-type(2) {width: 100%; padding-top: 1.4rem;}
	#modul2_buttons .text_bg_border:nth-of-type(3) {width: 100%;}
	#modul2_buttons .text_bg_border:nth-of-type(4) {width: 100%;}
	#modul2_buttons .text_bg_border:nth-of-type(5) {width: 100%;}
	#modul2_buttons .text_bg_border:nth-of-type(6) {width: 100%;}
	#modul2 > div:nth-child(2) {display: none;}
	#modul2 > div#modul5_text_oben:nth-child(2) { display: inline-block; }
	.hl_modul2_container_1 {display: none}

	.hl_modul2_container_1.dontHide { display: inline-block; }

	#modul2_buttons .text_bg_border {
		margin-bottom: 27.5px;
		line-height: 20px;
		height: 66.8px;
		padding-top: 1.4rem;
	}
	#vl_modul2_container_2 {display: none}
	#hl_modul2_2 {padding-left: 0}
}
@media screen and (max-width: 500px) {
	#modul2_buttons .text_bg_border:nth-of-type(2) {padding-top: 13px}
}
@media screen and (max-width: 415px) {
	#modul2_buttons .text_bg_border:first-of-type {padding-top: 13px}
}

/* Modul 2 Ende */

/* Modul 3 Anfang */
#modul3 img {height: 77px;}
#modul3_svgs {width: 5px; position: relative;}
#vl_modul3_container {
	overflow: hidden;
	height: 275px;
	width: 5px;}
#vl_modul3 {
	width: 5px;
	height: calc(100% - 70px);}
#modul3_circles {
	width: 66px;
	height: 66px;
	position: absolute;
	right: -30px;
	bottom: 0;}
#modul3_circles circle {
	cx: 50%;
	cy: 50%;
	transform-origin: 50% 50%;}
#modul3_circle1 {
	r: 32.5px;
	stroke-width: 1px;}
#modul3_circle2 {
	r: 26.5px;
	stroke-width: 1.5px;}
#modul3_circle3 {
	r: 20px;
	stroke-width: 1px;}
#modul3_circle4 {
	r: 15px;
	stroke-width: 2.5px;}
#modul3_circle5 {r: 12px;}
@media screen and (max-width: 1240px) {
	#modul3 > div {padding-left: 0; padding-right: 0;}
	.modul3_punkt {padding-left: 0;}
}
@media screen and (max-width: 600px) {
	#modul3 img {height: 62px;}
	#modul3_circles {display: none}
}
/* Modul 3 Ende */

/* Modul 4 Anfang */
#modul4 {height: 752px;}
.modul4_text {width: 70%;}
.modul4_text > img {height: 72px;}
.modul4_text > div {min-height: 300px;}
#modul4 p {line-height: 30px;}
.modul4_content_beitrag .vl_modul4_container:last-of-type {right: 0; display: none;}
.modul4_content_beitrag .vl_modul4_container:first-of-type {left: -4px;}
#vl_5_container {
	overflow: hidden;
	height: 100%;
	width: 5px;
	margin-top: 5px;
}

.subPage #modul3 > #vl_5_container { height: auto; }

.subPage #modul3 > div:first-of-type { width: calc(100% - 5px); }

#vl_5 {
	width: 5px;
	height: 100%;
}
@media screen and (max-width: 1440px) {
	#modul4 {height: 822px;}
	.modul4_text > div {min-height: 390px;}
}
@media screen and (max-width: 1260px) {
	#modul4 {height: 1086px}
	.modul4_text > div {min-height: 247px;}
}
@media screen and (max-width: 1024px) {
	.modul4_content_beitrag:nth-of-type(2) .vl_modul4_container:last-of-type,
}
@media screen and (max-width: 768px) {
	#modul4 {height: 1420px}
	.modul4_text > div {min-height: 375px;}
}
@media screen and (max-width: 600px) {
	#modul4 {height: auto}
	.modul4_content_beitrag .vl_modul4_container:last-of-type	{display: inline-block;}
	.modul4_text > div {min-height: 188px;}
	#vl_5_container {display: none}

	#vl_5_container.dontHide { display: inline-block; }
}
/* Modul 4 Ende */

/* Modul 5 Anfang */
#modul5_text_oben {width: 65%}
#modul5_unten {position: relative}
#modul5_text_unten {width: 49.2%}
#modul5_bild_unten {width: 49.2%}
.modul5_aufzaehlung img {height: 49px}
.modul5_aufzaehlung p {width: 70%; line-height: 30px; margin-top: -6px;}
.bigIconText .modul5_aufzaehlung p,
.funktionenList .modul5_aufzaehlung p { width: calc(100% - 50px - 1.4rem); }
.modul5_aufzaehlung:last-of-type p {padding-top: 14px}

.subPage .modul5_aufzaehlung:last-of-type p { padding-top: 0px; }

#modul5_bild {width: 351px ; right: 100px; top: 50px;}
#modul5_bild_schatten {width: 351px}
@media screen and (max-width: 1440px) {
	
}
@media screen and (max-width: 1260px) {
	#modul5_content {padding-left: 2.8rem}
	#modul5_bild {width: 300px; right: 90px; top: 45px;}
	#modul5_bild_schatten {width: 300px}
}
@media screen and (max-width: 1024px) {
	#modul5_text_oben {width: 100%}
	#modul5_text_unten {width: 65%}
	#modul5_bild_unten {width: auto; position: absolute; right: 0; bottom: 0;}
	#modul5_bild {width: 188px; right: 70px; top: 30px;}
	#modul5_bild_schatten {width: 188px}

	.subPage #modul5_text_oben { width: 75%; }
	
}


@media screen and (max-width: 850px) {
	.subPage #modul5_text_oben { width: 80%; }
}


@media screen and (max-width: 768px) {
	#modul5_content {padding-left: 1.4rem}
	#modul5_text_unten {width: 100%}
	#modul5_bild {display: none}
	#modul5_bild_schatten {}
}
/* Modul 5 Ende */

/* Footer Anfang */
footer > div:nth-of-type(1) {width: 24.5%}
footer > div:nth-of-type(2) {width: 32.5%}
footer > div:nth-of-type(3) {width: 21.5%}
footer > div:nth-of-type(4) {width: 20%}
#footer_logo {height: 125px}
footer div:nth-of-type(1) p, footer div:nth-of-type(2) p, footer div:nth-of-type(4) p {line-height: 30px;}
footer div:nth-of-type(3) p {line-height: 35px;}
footer input[type=text] {
	border: solid 1px #49F4D2;
	border-radius: 5px;
	background-image: linear-gradient(45deg, rgba(0,0,0,0.2) 0%, rgba(73,244,210,0.2) 50%, rgba(0,0,0,0.2) 100%);
	background-color: transparent;
}
footer input[type=text]:hover {background-image: linear-gradient(45deg, rgba(73,244,210,0.2) 0%, rgba(0,0,0,0.2) 50%, rgba(73,244,210,0.2) 100%);}
.footer_kontakt_icons {height: 71px}
@media screen and (max-width: 1260px) {
	footer > div:nth-of-type(1) {width: 49.5%}
	footer > div:nth-of-type(2) {width: 49.5%}
	footer > div:nth-of-type(3) {width: 49.5%}
	footer > div:nth-of-type(4) {width: 49.5%}
}
@media screen and (max-width: 600px) {
	footer > div:nth-of-type(1) {width: 100%}
	footer > div:nth-of-type(2) {width: 100%}
	footer > div:nth-of-type(3) {width: 100%}
	footer > div:nth-of-type(4) {width: 100%}
}
/* Footer Ende */












/* Vertikale Linie 2 Anfang */


.vl_modul4_container {
	overflow: hidden;
	height: 100%;
	width: 5px;
}
.vl_modul4 {
	width: 5px;
	height: 100%;
}






#vl_modul5_container {
	overflow: hidden;
	height: 465px;
	width: 5px;
}
#vl_modul5 {
	width: 5px;
	height: 100%;
}









/* Horizontale Linie 3 Anfang */
.hl_3_container {
	width: 100%;
	height: 5px;
}
.hl_3 {width: 100%;}

/* Horizontale Linie 3 Ende */

/* Linien Spawner Anfang */
/* Radio 1 */
#spawner_1:checked ~ * .vl_1 {
	top: 0;
}
/* Radio 2 */
#spawner_2:checked ~ * .vl_1 {
	top: 0;
}
#spawner_2:checked ~ * .hl_1 {
	right: 0;
}
/* Radio 3 */
#spawner_3:checked ~ * .vl_1 {
	top: 0;
}
#spawner_3:checked ~ * .hl_1 {
	right: 0;
}
#spawner_3:checked ~ * .vl_2 {
	top: 0;
}
/* Radio 4 */
#spawner_4:checked ~ * .vl_1 {
	top: 0;
	transition-delay: 0s;
}
#spawner_4:checked ~ * .hl_1 {
	right: 0;
	transition-delay: 1s;
}
#spawner_4:checked ~ * .vl_2 {
	top: 0;
	transition-delay: 3s;
}
#spawner_4:checked ~ * .hl_2 {
	left: 0;
	transition-delay: 4s;
}
/* Linien Spawner Ende */
/* Linien Ende */





/* *** E-COMMERCE - START *** */

.listBodyBox { width: calc(50% - 41px); }

.listHeader { 
	margin-bottom: 15px; 
	position: relative;
}

#ball {
    width: 51px;
    height: 51px;
    background-color: #fff;
    border-radius: 26px;
    margin-bottom: 15px;
}

#border {
    width: 0px;
    height: calc(100% - 66px);
    border: 1px solid #fff;
    margin: auto;
}

#listBorderWrapper { margin: 0px 10px; }



@media screen and (max-width: 1260px) and (min-width: 1025px) {
	.listHeader { font-size: 70%; }



	.listHeader > h2 { margin-top: 5px; }
}


@media screen and (min-width: 851px) {
	#listBodyWrapper { display: flex; }

	.listHeader { height: 51px; }

	#listHeaderLeft {
		border-top-left-radius: 26px;
		border-bottom-left-radius: 26px;
	}

	#listHeaderRight {
		border-top-right-radius: 26px;
		border-bottom-right-radius: 26px;
	}



	.listHeader::after {
	    content: '';
	    display: block;
	    height: 51px;
	    width: 51px;
	    position: absolute;
	    top: 0px;
	    z-index: 1;
	}

	#listHeaderLeft::after {
	    right: -40px;
	    background: radial-gradient(circle at center right, transparent 38px, #49F4D2 39px);
	}

	#listHeaderRight::after {
	    left: -40px;
	    background: radial-gradient(circle at center left, transparent 38px, #49F4D2 39px);
	}
}


@media screen and (max-width: 850px) {
	#listBorderWrapper { display: none; }

	.listBodyBox { width: 100%; }

	.listHeader { 
		border-radius: 36px; 
		padding-left: 1.6rem;
		padding-right: 1.6rem;
	}
}

/* *** E-COMMERCE - END *** */






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


@media screen and (max-width: 1260px) {
	
}
@media screen and (max-width: 600px) {
	
}

/* treeview */
#myTreeviewID li div { display: inline-block; width: 20px; height: 20px; background-color: red;}
#myTreeviewID li > ul {display:none;}
#myTreeviewID li.openleaf > ul {display:block;}
#myTreeviewID li.openleaf > div {background-color: blue;}



/* lightframe für anmeldung schwarz */
.lightFrame_bigDiv {background-color: #021B33 !important;}