body {
	margin: 0px;
	padding: 0px;
	font-family: Times;
	font-size: 20px;
	line-height: 28px;
	background-color: #f2f2f2;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}


.spacer {
	font-size: 6px;
	line-height: 6px;
}



/* AUFBAU

cell_main_wrapper
	cell_main_abovefooter

		cell_overall_header
			cell_inside_headernav
			cell_inside_headerimg
		...
	cell_main_footer
*/

.cell_main_wrapper { /* benoetigt fuer footer */
	position: relative;
	min-height: 100vh;
	margin: auto;
}


.cell_overall_headernav, .cell_overall_headerimg, .cell_overall_body, .cell_overall_footer {
	
}
.cell_inside_headernav, .cell_inside_headerimg, .cell_inside_body, .cell_inside_footer {
	padding: 20px;
	/* padding-left: 0px; */
	/*padding-left: 7%;
	padding-right: 7%;*/
	max-width: 950px; /* var(--maxcellwidth); */
}

.cell_inside_headernav {
	padding-left: 20px;
	margin-left: 0px;
}








/* HEADER / NAVIGATION */
.cell_behind_headernav {
	
	/* Ausgangshöhe: */
	min-height: 80px;
}
.cell_headernav_container {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	
	background-color: black;
	z-index: 100;
	
}



.cell_header_transitioncontainer {
	position: relative;
	width: 100%;
	height: 80px;
}
	.cell_overall_headernav {
		position: relative;
		max-width: 950px; /* var(--maxcellwidth); */
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}
		.cell_inside_headernav {
			position: relative;
			padding-top: 0px;
			padding-bottom: 0px;
			max-width: 950px; /* var(--maxcellwidth); */
			height: 80px;	
			z-index: 200;
		}
		.cell_warenkorb {
			position: absolute;
			bottom: -25px;
			right: 62px;
			height: 25px;
			line-height: 25px;
			font-family: 'ralewaymedium', Verdana, Arial;
			font-size: 14px;
			padding-right: 5px;
			padding-left: 5px;
			
			/* color: black; */
			
		}
		.cell_warenkorb a {
			color: white;
			text-decoration: none;
			display: block;
			padding-left: 5px;
			padding-right: 5px;
			background-color: #29aae2;
			/* background-color: orange; */
			border-radius: 4px;
		}
		.cell_warenkorb a:hover {
			color: white;
			text-decoration: none;
			background-color: #1a7196;
		}

.cell_toplogo {
	position: absolute;
	top: 40px;
	left: 0px;
	top: 50%;
	margin-top: -10px;
}
.cell_toplogo img {
	max-width: 200px;
}





.nav_main_large {
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: -14px;
	
	font-size: 18px;
	font-family: 'ralewaymedium', Verdana, Arial; /* var(--fontmedium); */
	
	display: none;
}
.nav_main_large a, .nav_main_sub a {
	color: #DDDDDD;
}
.nav_main_large a:hover, .nav_main_sub a:hover {
	color: white;
	text-decoration: none;
}

.nav_main_sub {
	position: absolute;
	right: 50px;
	top: 50%;
	margin-top: 10px;
	
	font-size: 13px;
	font-family: 'ralewaymedium', Verdana, Arial; /* var(--fontmedium); */
}



.nav_main_mobile {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -14px;
	
	z-index: 103;
	
	display: none;
}
.nav_main_mobile img {
	max-height: 28px;
	z-index: 105;
}
.nav_main_mobile_inlay {
	z-index: 104;
}
.nav_main_sub {
}

.nav_main_large {
	min-height: 40px;
}
.nav_main_mobile {
	min-height: 50px;
}
/* wenn Navigation kleiner ist: dieses Div auch kleiner */
/*
.smaller {
	.nav_main_large {
		min-height: 30px;
		background-color: orange;
	}
}
*/

@media screen and (min-width: 850px) {
	.nav_main_large {
		display: block;
	}
}
@media screen and (max-width: 849px) {
	/* Mobile Menu anzeigen */
	.nav_main_mobile	 {
		display: block;
	}
	/* Warenkorb nach rechts verschieben */
	.cell_warenkorb {
		right: 15px;
	}
}

div.smaller, div.smallercontainer {
	height: 40px;
	background-color: white;
	border-bottom: 1px solid #DDDDDD;
	transition: height 0.5s;
}

div.smaller a {
	color: #4e535b; /* var(--graydark); */
}
div.smaller a:hover {
	color: black;
}














/* LANDING */

.cell_header_landing {
	/* background-image: URL('../background/bokeh_car_lights_bg.jpg'); */
	background-image: URL('../background/IMG_6619_3.jpg');
	background-size: cover;
	background-position: center center;
	
	
}

.cell_landing_content {
	/* background-image: URL('../images/dark_tint.png'); */
	background-image: URL('../images/dark_tint_lighter.png');
	padding: 20px;
	padding-top: 50px;
	min-width: 500px;
	
	display: flex;
  	/*justify-content: center;*/
  	
  	min-height: 300px;
  	/*text-align: center;*/
}
.cell_landing_content div {
	/*text-align: left;*/
	/* min-width: 500px; */
	margin: auto;
	
}
.cell_landing_content a {
	color: #DDDDDD;
}


@media screen and (max-width: 800px) {
	.cell_landing_content {
		min-width: 300px;
		
		font-size: 30px;
		line-height: 40px;
	}
	.cell_landing_content > div {
		min-width: 300px;
	}
}

.cell_landing_content > div {
	padding-bottom: 30px;
	color: white;
	text-shadow:	0.1rem 0.1rem 1.2rem black;
}

.cell_landing_content input, .cell_boxes input, .cell_angebote_domain input, .submitbutton, .submitbutton_small, .formfield, .best_formfield, .best_formfield2 {
	font-family: 'ralewaymedium', Verdana, Arial; /* var(--fontmedium); */
	border-radius: 8px;
	border: none;
	outline: 0;
	padding: 0 1em;
	text-decoration: none;
	font-weight: 400;
}

.formfield:-moz-read-only { /* For Firefox */
  background-color: #f4f4f4;
  color: #666666;
}
.formfield:read-only {
  background-color: #f4f4f4;
  color: #666666;
}


.cell_landing_content input, .cell_boxes input, .cell_angebote_domain input, .submitbutton, .cell_boxes input {
	font-size: 18px;
	/* line-height: 28px; */
	padding-top: 4px;
	padding-bottom: 4px;
}
.submitbutton_small, .formfield, .best_formfield, .best_formfield2  {
	font-size: 16px;
	/* line-height: 25px; */
	padding-top: 2px;
	padding-bottom: 2px;
}



.cell_boxes input {
	border-radius: 4px;
	/* font-size: 16px;
	line-height: 26px; */
}
.submitbutton, .submitbutton_small  {
	background-color: #29aae2; /* var(--serverblau) */
	color: white;
	cursor: pointer;
}
.submitbutton:hover, .submitbutton_small:hover {
	background-color: #1a7196; /* var(--serverblauhover) */
}















/* BODY */
.cell_inside_body {
	padding-top: 70px;
	
	max-width: 950px; /* var(--maxcellwidth); */
	margin: 0 auto;
	
	font-family: 'ralewaylight', Verdana, Arial; /* var(--fontlight); */
}

#cell_body_bright {
	background-color: white;
	border-top: solid 1px #e3e3e3;
	
}

.cell_spacer {
	min-height: 50px;
}


.cell_boxes {
	text-align: center;
	float: left;
	width: 100%;
}
.cell_3box, .cell_2box {
	width: 33.3%;
	padding: 0px;
	margin-left: 0;
	float: left;
	
	font-family: 'ralewaylight', Verdana, Arial; /* var(--fontlight); */
	
}
.cell_3box {
	font-size: 20px;
	line-height: 23px;
}
.cell_2box {
	width: 49.9%;
}
@media screen and (max-width: 849px) {
	.cell_3box	 {
		width: 100%;
	}
}
.cell_box_inlay {
	border-radius: 4px;
	border: solid 1px #e3e3e3;
	background-color: white;
	margin-bottom: 50px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 20px;
}


.box_icon_overlay {
	
}
.box_icon {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;

	min-height: 48px;
	/* background-color: #DDDDDD; */
	margin-bottom: 20px;
	
}
#box_icon_basic {
	background-image: URL('../images/icon_plant-96.png');
}
#box_icon_business {
	background-image: URL('../images/icon_business-96.png');
}
#box_icon_expert {
	background-image: URL('../images/icon_brain-96.png');
}
















/* FOOTER */


/* 2 Klassen, damit Footer immer unten bleibt, auch bei wenig Seiteninhalt */
/* ACHTUNG: cell_main_abovefooter PADDING BOTTOM SOLLTE IMMER GLEICH cell_overall_footer height SEIN! */
.cell_main_abovefooter {
	padding-bottom: 250px;
}
.cell_overall_footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 250px;
}
.cell_inside_footer {
    position: relative;
}


.cell_inside_footer {
	
	padding-top: 50px;
	/* padding-bottom: 50px; */
	
	font-family: 'ralewaylight', Verdana, Arial; /* var(--fontlight); */
	font-size: 14px;
	line-height: 22px;
	color: white;
	
	max-width: 950px; /* var(--maxcellwidth); */
	margin: 0 auto;
}
.cell_inside_footer a {
	color: white;
}
.cell_overall_footer {
	background-color: #4e535b; /* var(--graydark); */
}
.cell_overall_footer .cell_2box div {
	text-align: left;
}

.cell_login_wrapper {
	position: absolute;
	top: 100px;
	left: 20px;
	font-family: 'ralewaylight', Verdana, Arial; /* var(--fontlight); */
	color: orange;
}

















@media screen and (min-width: 1000px) {
	.cell_inside {
		width: 1000px;
	}
}



/*
     FILE ARCHIVED ON 16:51:05 Sep 03, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 08:14:57 Aug 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 0.287
  captures_list: 0.377
  exclusion.robots: 0.031
  exclusion.robots.policy: 0.022
  esindex: 0.006
  cdx.remote: 8.199
  LoadShardBlock: 340.23 (3)
  PetaboxLoader3.resolve: 753.026 (4)
  PetaboxLoader3.datanode: 120.881 (5)
  load_resource: 769.928
  loaddict: 52.123
*/