@charset "utf-8";
/* CSS Document */

body {font-family: 'robotolight'; background-color:#fff}

.iwcc-accept-all 	 {cursor:pointer;}
.iwcc-save-selection {cursor:pointer;}
#iwcc-toggle-details {cursor:pointer;}

.respic {
	width:100%;
	max-width:1800px;
	height:auto;
}

.contentbox ul, .contentbox2 ul, .contentbox3 ul {
	width:100%;
	margin:0;
	padding:0;
	margin:auto;
	font-family: 'robotolight';
}
.contentbox li, .contentbox2 li, .contentbox3 li {
	margin:auto;
	margin-left:0px;
	width:100%;
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	font-family: 'robotolight';
	font-size:16px;
	line-height:22px; 
	color:#222;
	padding-left: 1.3em;
	margin-left: 0em;
	text-indent: -1.2em;
}
.contentbox li:last-child, .contentbox2 li:last-child, .contentbox3 li:last-child {
	width:100%;
	list-style:none;
	padding-top:5px;
	padding-bottom:5px;
	font-size:16px;
	line-height:22px; 
	color:#222;
	margin-bottom:10px;
	padding-left: 1.3em;
	margin-left: 0em;
	text-indent: -1.2em;
}

.contentbox li::before, .contentbox2 li::before, .contentbox3 li:before { 
  	content: "»";
  	color: #ccc;
    font-family: 'robotobold';
	font-size:20px;
	padding-right:10px;
}
@media screen and (max-width: 1200px) {
.contentbox li, .contentbox2 li, .contentbox li:last-child, .contentbox2 li:last-child, .contentbox3 li, .contentbox3 li:last-child {
	font-size:14px;
	line-height:16px; 
	padding-left: 1.3em;
	margin-left: 0em;
	text-indent: -1.4em;
}
}

#corner-slider {
    position:fixed;
    z-index:10000;
	overflow:hidden;
	
	/*Change to your own dimensions*/
	height:500px;
	width:600px;
	max-width:92%;
	
	/*Change to your own colors*/
	border:0px solid #fff;
	background:#fff;
}

#corner-slider img { 
	width:600px;
	height:auto;
}

#corner-slider.hidden{
    display:none;
}
#corner-slider .close {
    position:absolute;
	cursor:pointer;
	font-size:35px;
	color:#424242;
	font-family: 'robotobold';
	display:inline-block;
	z-index:1002;
	
	/*Change here the close button position*/
	right:12px;
	top:12px;
}

.socialicon {float:left; width:35px; height:35px; display:inline; padding-right:10px;}

/*----- BASIC EFFECTS ------------------------------------------------------------------------------------------------*/

::selection 		{background: #424242; color: #fff; }
::-moz-selection 	{background: #424242; color: #fff; }

/* HAUPTMENU OBEN --------------------------------------------------------------------------------------------------- */

.mainmenu 		{float:right; margin-right:3%; margin-top:1%;}
.menupoint		{margin-left:14px; font-size:18px; font-family: 'robotomedium'; color:#000;}
.menupoint_blue	{margin-left:14px; font-size:18px; font-family: 'robotomedium'; color:#009fe3;}

/* MENU ------------------------------------------------------------------------------------------------------------- */

.header1 			{position:fixed; top:0px; width:100%; height:100px; z-index:6000;}
.headerinside1		{position:relative; max-width:1800px; width:100%; margin:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.header2 			{position:fixed; top:0px; width:100%; height:95px; z-index:6000; background-color:rgba(255, 255, 255, 0.9); display:table;}
.headerinside2		{position:relative; height:95px; display:table; max-width:1800px; width:100%; margin:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
@media screen and (max-width: 1200px) {
.headerinside2		{position:relative; height:60px; display:table; max-width:1200px; width:100%; margin:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.header2 			{position:fixed; top:0px; width:100%; height:50px; z-index:6000; background-color:rgba(255, 255, 255, 0.9); display:table;}	
}

.logo_start			{padding:1.1% 3% 0% 4%; display:inline; float:left; width:140px; z-index:3000;}
@media screen and (max-width: 1200px) {
.logo_start			{padding:15px 3% 0% 4%; display:inline; float:left; width:80px; z-index:3000;}
}

/* HAMBURGER WEISS --------------------------- */

.active {
  background-color:transparent !important;
}

.button_container, .button_container2 {
  position: absolute;
  top:35px;
  right:4%;
  height: 18px;
  width: 28px;
  cursor: pointer;
  z-index:5000;
  transition: opacity 0.25s ease;
  display:block;	
}
@media screen and (max-width: 1200px) {
.button_container, .button_container2 {
  position: absolute;
  top:15px;
  right:2%;	
}
}

@media screen and (max-width: 800px) {
.button_container, .button_container2 {
  position: absolute;
  top:15px;
  right:4%;	
}
}

.button_container:hover, .button_container2:hover {
  opacity: 0.7;
}

.button_container.active .top {
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #009fe3;
  z-index:10000;
}
.button_container.active .middle {
  opacity: 0;
  background: #009fe3;
  z-index:10000;
}
.button_container.active .bottom {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #009fe3;
  z-index:10000;
}
.button_container span {
  background: #fff;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
  z-index:10000;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.angebotspdfbutton {
	padding:8px 10px 8px 10px;
	background-color:rgba(108, 78, 138, 1.0);
	letter-spacing:2px;
	text-transform:uppercase;
	font-family: 'robotomedium';
	font-weight:normal;
	font-size:18px;
	line-height:28px;
	color:#fff;
	margin-right:20px;
}

.angebotspdfbutton:hover, .angebotspdfbutton:focus, .angebotspdfbutton:active {
	padding:8px 10px 8px 10px;
	background-color:rgba(108, 78, 138, 0.7);
	letter-spacing:2px;
	text-transform:uppercase;
	font-family: 'robotomedium';
	font-weight:normal;
	font-size:18px;
	line-height:28px;
	color:#fff;
}

.verkaufsanfragebutton {
	padding:8px 10px 8px 10px;
	background-color:rgba(108, 78, 138, 1.0);
	letter-spacing:2px;
	text-transform:uppercase;
	font-family: 'robotomedium';
	font-weight:normal;
	font-size:18px;
	line-height:28px;
	color:#fff;
}

.verkaufsanfragebutton:hover, .verkaufsanfragebutton:focus, .verkaufsanfragebutton:active {
	padding:8px 10px 8px 10px;
	background-color:rgba(108, 78, 138, 0.7);
	letter-spacing:2px;
	text-transform:uppercase;
	font-family: 'robotomedium';
	font-weight:normal;
	font-size:18px;
	line-height:28px;
	color:#fff;
}

/* HAMBURGER BLAU ----------------------------- */

.button_container2 {display:none;}

@media screen and (max-width: 1200px) {
	.button_container2 {display:block;}
	.mainmenu {display:none;}
}

.button_container2.active .top {
  transform: translateY(11px) translateX(0) rotate(45deg);
  background: #009fe3;
  z-index:10000;
}
.button_container2.active .middle {
  opacity: 0;
  background: #009fe3;
  z-index:10000;
}
.button_container2.active .bottom {
  transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #009fe3;
  z-index:10000;
}
.button_container2 span {
  background: #009fe3;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.35s ease;
  cursor: pointer;
  z-index:10000;
}
.button_container2 span:nth-of-type(2) {
  top: 11px;
}
.button_container2 span:nth-of-type(3) {
  top: 22px;
}

/* OVERLAY ----------------------------------- */

.overlay {
  position: fixed;
  background: #fff;
  background-image: url(../../media/burgermenuback.jpg);
  background-size:cover;
  top: 0px;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
  overflow: hidden;
  z-index:5000;	
}
.overlay.open {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  animation: fadeInRight 0.5s ease forwards;
  animation-delay: 0.35s;
}
.overlay.open li:nth-of-type(2) {
  animation-delay: 0.4s;
}
.overlay.open li:nth-of-type(3) {
  animation-delay: 0.45s;
}
.overlay.open li:nth-of-type(4) {
  animation-delay: 0.5s;
}
.overlay nav {
  position: relative;
  margin-top:18%;
}
.overlay ul {
  list-style: none;
  margin:auto;
  padding:0;
  margin:0;	
}
.overlay ul li {
  font-size: 20px;
  text-align:center;
  display: block;
  margin:auto;
  padding-top:15px;
  font-family: 'robotomedium';
}
.overlay ul li ul li {
  font-size: 16px;
  text-align:center;
  display: block;
  margin:auto;
  padding-top:0px;
}

.overlay ul li a, .overlay ul li ul li a {
  position: relative;
  color: #222;
  text-decoration: none;
}

.menubox 	{display:table; margin:auto; max-width:630px; width:100%;}
.menubox a  {font-size:24px;}
.menubox a:hover  {color:#222;}
.menuboxspace {float:left; padding-right:145px;}

@media screen and (max-width: 800px) {
.menubox 	{display:table; margin:auto; max-width:500px; width:100%;}
.menubox a  {font-size:18px;}
.menuboxspace {float:left; padding-right:100px;}
.overlay nav {position: relative; margin-top:20%;

}
}
@media screen and (max-width: 600px) {
.menubox 	{display:table; margin:auto; padding-left:4%; max-width:460px; width:100%;}
.menubox a  {font-size:14px;}
.menuboxspace {float:left; padding-right:50px;}
.overlay nav {position: relative; margin-top:20%;
}
}

/* CAROUSEL 100% Fullscreen ----------------------------------------------------------------------------------------- */

.startslider		{position:relative; width:100%; height:100%; text-align: center; padding:0; margin:0; overflow:hidden;}
.starttextbox		{position:absolute; width:25%; height:150px; right:20%; top:46%; text-align:right; z-index:1000;}
.starttext			{font-size:2em; line-height:1em; color:white; text-shadow: 2px 2px 5px #222; font-family: 'robotobold';}
@media screen and (max-width: 750px) {
.starttextbox		{position:absolute; width:75%; height:70px; left:4%; top:75%; text-align:left; z-index:1000;}
.starttext			{font-size:1.5em; line-height:1em; color:white; text-align:left; text-shadow: 2px 2px 5px #222; font-family: 'robotobold';}
}

.subslider 			{width:100%; height:100%; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.subheaderbild 		{height:100%; width:100%; object-fit: cover;}

.subheadline {
  color: white;
  font-size: 80px;
  line-height: 80px;
  font-family: 'robotoregular';
  text-transform:uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  text-shadow: 2px 2px 5px #222;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

@media screen and (max-width: 1200px) {
.subslider 			{width:100%; height:auto; margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.subheaderbild 		{height:auto; width:100%; object-fit: contain;}
.subheadline 		{top:25%;}
}

@media screen and (max-width: 750px) {
.subheadline {
  font-size: 50px;
  line-height: 50px;
}
}
@media screen and (max-width: 600px) {
.subheadline {
  font-size: 35px;
  line-height: 35px;
}
}

/* Kachel Big -------------------------------------------------------------------------------------------------------- */

.kachelbig {
  position: relative;
  width: 99%;
  padding:0%;
  margin:0.5%;
  overflow:hidden;
}

.kachelsmall {
  position: relative;
  width: 49%;
  display: flex;
  padding: 0%;
  margin:0.5%;	
  overflow:hidden;	
}

.kachelbig img, .kachelsmall img {
  transition: transform 2s, filter 1.5s ease-in-out;
  transform-origin: center center;
}
.kachelbig:hover img, .kachelsmall:hover img {
  transform: scale(1.05);
}

.kachelpic {
  display: block;
  width: 100%;
  height: auto;
}
.blueback {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 159, 227, 0.75);
}
.kachelbig:hover .blueback {
  opacity: 1;
}

.blueback2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 159, 227, 0.75);
}
.kachelsmall:hover .blueback2 {
  opacity: 1;
}

.dunkelgreen2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(77, 117, 72, 0.75);
}
.kachelsmall:hover .dunkelgreen2 {
  opacity: 1;
}

.lila2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(108, 78, 138, 0.75);
}
.kachelsmall:hover .lila2 {
  opacity: 1;
}

.greenback {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(82, 174, 50, 0.75);
}
.kachelsmall:hover .greenback {
  opacity: 1;
}

.orangeback {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(255, 148, 0, 0.75);
}
.kachelsmall:hover .orangeback {
  opacity: 1;
}

.redback {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(229, 35, 27, 0.75);
}
.kachelsmall:hover .redback {
  opacity: 1;
}

.navyback {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(0, 79, 159, 0.75);
}
.kachelsmall:hover .navyback {
  opacity: 1;
}

.yellowback {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba(251, 186, 0, 0.75);
}
.kachelsmall:hover .yellowback {
  opacity: 1;
}

.kacheltext {
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-family: 'robotoregular';
  text-transform:uppercase;
  position: absolute;
  top: 85%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.kacheltext2 {
  position: absolute;
  top: 35%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 50px;
  line-height: 54px;
  color: white;
  text-shadow: 2px 2px 5px #222;
  font-family: 'robotomedium_italic';	
}

.kacheltext_small {
  color: white;
  font-size: 40px;
  line-height: 40px;
  font-family: 'robotoregular';
  text-transform:uppercase;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
.kacheltext2_small {
  position: absolute;
  top: 90%;
  left: 50%;
  width:80%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 35px;
  line-height: 40px;
  color: white;
  text-shadow: 2px 2px 5px #222;
  font-family: 'robotomedium_italic';	
}

.kacheltext3_small {
  position: absolute;
  top: 92%;
  left: 50%;
  width:80%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 25px;
  line-height: 25px;
  color: white;
  text-shadow: 2px 2px 5px #222;
  font-family: 'robotomedium_italic';	
}

.mini {font-size:24px;}

@media screen and (max-width: 1200px) {
.kacheltext_small	{font-size: 32px; line-height:24px;}
.kacheltext2_small	{font-size: 28px; line-height:18px; top: 80%;}
.kacheltext3_small	{font-size: 20px; line-height:22px; top: 90%;}	
}
@media screen and (max-width: 1000px) {
.kacheltext_small	{font-size: 20px; line-height:24px;}
.kacheltext2_small	{font-size: 16px; line-height:18px; top: 70%;}
.kacheltext3_small	{font-size: 16px; line-height:18px; top: 88%;}
.kacheltext			{font-size: 20px; line-height:24px;}
.kacheltext2		{font-size: 20px; line-height:24px;}
.mini 				{font-size:14px;}
}

@media screen and (max-width: 750px) {
.kacheltext3_small	{font-size: 12px; line-height:14px; top: 85%;}
}

/* Basic Kacheln --------------------------------------------------------------------------------------------------- */

.boxgrid_start {
 	display: flex;
  	flex-wrap: wrap;
	padding:0.25%;
}
.flex-item {
	flex-grow:1;
	flex-shrink:1;
	flex: 0 50%;
	padding:0%;
	justify-content:space-between;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Zweispaltige Blöcke Kompetenzen -------------------------------------------------------------------------------*/

.contentbox {
  display:flex;
  flex-direction:row;
  width:100%;
  margin-bottom:20px;	
}
.contentbox :nth-child(1) { order: 1; }
.contentbox :nth-child(2) { order: 2; }

.contentbox2 {
  display:flex;
  flex-direction:row;
  width:100%;
  margin-bottom:20px;
}
.contentbox2 :nth-child(1) { order: 2; }
.contentbox2 :nth-child(2) { order: 1; }

.element1 {width:50%; padding:3% 5% 5% 5%;; align-items: center; justify-content: center;}
.element2 {width:auto; margin-bottom:20px;}

@media screen and (max-width: 1400px) {
.element1 {width:70%; padding:1% 5% 5% 5%; align-items: center; justify-content: center;}
.element2 {width:auto; margin-bottom:10px;}
}

@media screen and (max-width: 1200px) {
.element1 {width:70%; padding:0% 5% 5% 5%; align-items: center; justify-content: center;}
}

@media screen and (max-width: 1000px) {
.element1 {width:100%; padding:2%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; align-items: center; justify-content: center;}
.element2 {width:100%; padding:2%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:0px; clear:both;}
	
.contentbox2 :nth-child(1) { order: 1; }
.contentbox2 :nth-child(2) { order: 2; }
	
.contentbox, .contentbox2 {
  display:flex;
  flex-direction:column;
}
}

.contentbox3 {
	background-color:#fff; display:table; padding:3.5%; margin:auto; width:100%; max-width:1800px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;	
}
.angebotsblock_links 	{float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:1%; margin-right:2%; padding:0% 1% 0% 1%; width:46%;}
.angebotsblock_rechts 	{float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:2%; margin-right:1%; padding:0% 1% 0% 1%; width:46%;}
@media screen and (max-width: 800px) {
.angebotsblock_links	{float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:0px; margin-right:0%; padding:0% 2% 0% 2%; width:100%;}
.angebotsblock_rechts	{float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-left:0px; margin-right:0%; padding:0% 2% 0% 2%; width:100%;}	
}

/* Zweispaltige Blöcke bei Fahrzeugen und Specials ------------------------------------------------------------------*/

.balken_1blue, .balken_1navy, .balken_1red, .balken_1orange, .balken_1yellow, .balken_1green {position:absolute; right:3%; top:50%; width:18px; height:1200px; z-index:5;}
.balken_2blue, .balken_2navy, .balken_2red, .balken_2orange, .balken_2yellow, .balken_2green {position:absolute; left:3%; top:135%; width:18px; height:950px; z-index:5;}
.balken_3blue, .balken_3navy, .balken_3red, .balken_3orange, .balken_3yellow, .balken_3green {position:absolute; right:3%; top:217%; width:18px; height:650px; z-index:5;}
.balken_4blue, .balken_4navy, .balken_4red, .balken_4orange, .balken_4yellow, .balken_4green {position:absolute; left:3%; top:272%; width:18px; height:750px; z-index:5;}
.balken_5blue, .balken_5navy, .balken_5red, .balken_5orange, .balken_5yellow, .balken_5green {position:absolute; right:3%; top:320%; width:18px; height:650px; z-index:5;}
.balken_6blue, .balken_6navy, .balken_6red, .balken_6orange, .balken_6yellow, .balken_6green {position:absolute; left:3%; top:363%; width:18px; height:750px; z-index:5;}
.balken_7blue, .balken_7navy, .balken_7red, .balken_7orange, .balken_7yellow, .balken_7green {position:absolute; right:3%; top:427%; width:18px; height:650px; z-index:5;}
.balken_8blue, .balken_8navy, .balken_8red, .balken_8orange, .balken_8yellow, .balken_8green {position:absolute; left:3%; top:478%; width:18px; height:650px; z-index:5;}

.balken_1lila {position:absolute; right:3%; top:60%; width:18px; height:900px; z-index:5;}
.balken_2lila {position:absolute; left:3%; top:110%; width:18px; height:500px; z-index:5;}

.balken_1blue, .balken_2blue, .balken_3blue, .balken_4blue, .balken_5blue, .balken_6blue, .balken_7blue, .balken_8blue {background-color:rgba(91, 197, 242, 0.7);}
.balken_1navy, .balken_2navy, .balken_3navy, .balken_4navy, .balken_5navy, .balken_6navy, .balken_7navy, .balken_8navy {background-color:rgba(0, 79, 159, 0.7);}
.balken_1red, .balken_2red, .balken_3red, .balken_4red, .balken_5red, .balken_6red, .balken_7red, .balken_8red {background-color:rgba(229, 35, 27, 0.7);}
.balken_1orange, .balken_2orange, .balken_3orange, .balken_4orange, .balken_5orange, .balken_6orange, .balken_7orange, .balken_8orange {background-color:rgba(255, 148, 0, 0.7);}
.balken_1yellow, .balken_2yellow, .balken_3yellow, .balken_4yellow, .balken_5yellow, .balken_6yellow, .balken_7yellow, .balken_8yellow {background-color:rgba(251, 186, 0, 0.7);}
.balken_1green, .balken_2green, .balken_3green, .balken_4green, .balken_5green, .balken_6green, .balken_7green, .balken_8green {background-color:rgba(82, 174, 50, 0.7);}
.balken_1lila, .balken_2lila {background-color:rgba(108, 78, 138, 0.7);}

.abstand_3	  {margin-top:150px;}
.abstand_5	  {margin-top:150px;}
.abstand_7	  {margin-top:150px;}

.huge		  {clear:both; font-size:45px; color:#009fe3; font-family: 'robotoitalic'; text-align:center; padding-bottom:100px; margin:auto; margin-top:1%;}
.huge_navy	  {clear:both; font-size:45px; color:#004f9f; font-family: 'robotoitalic'; text-align:center; padding-bottom:100px; margin:auto; margin-top:1%;}
.huge_green	  {clear:both; font-size:45px; color:#52ae32; font-family: 'robotoitalic'; text-align:center; padding-bottom:100px; margin:auto; margin-top:1%;}
.huge_orange  {clear:both; font-size:45px; color:#ff9400; font-family: 'robotoitalic'; text-align:center; padding-bottom:100px; margin:auto; margin-top:1%;}
.huge_red     {clear:both; font-size:45px; color:#e5231b; font-family: 'robotoitalic'; text-align:center; padding-bottom:100px; margin:auto; margin-top:1%;}
.huge_yellow  {clear:both; font-size:45px; color:#fbba00; font-family: 'robotoitalic'; text-align:center; padding-bottom:100px; margin:auto; margin-top:1%;}

@media screen and (max-width: 1650px) {
.balken_8blue, .balken_8navy, .balken_8red, .balken_8orange, .balken_8yellow, .balken_8green {display:none}
}
@media screen and (max-width: 1200px) {
.balken_7blue, .balken_7navy, .balken_7red, .balken_7orange, .balken_7yellow, .balken_7green {display:none}
.balken_6blue, .balken_6navy, .balken_6red, .balken_6orange, .balken_6yellow, .balken_6green {display:none}
.balken_1lila {display:none;}
.balken_2lila {display:none;}
}
@media screen and (max-width: 1024px) {
.abstand_3	  {margin-top:0px;}	
.abstand_5	  {margin-top:0px;}	
.abstand_7	  {margin-top:0px;}	
.balken_1blue, .balken_1navy, .balken_1red, .balken_1orange, .balken_1yellow, .balken_1green {display:none}
.balken_2blue, .balken_2navy, .balken_2red, .balken_2orange, .balken_2yellow, .balken_2gree  {display:none}
.balken_3blue, .balken_3navy, .balken_3red, .balken_3orange, .balken_3yellow, .balken_3green {display:none}
.balken_4blue, .balken_4navy, .balken_4red, .balken_4orange, .balken_4yellow, .balken_4green {display:none}
.balken_5blue, .balken_5navy, .balken_5red, .balken_5orange, .balken_5yellow, .balken_5green {display:none}
.huge		  {clear:both; font-size:38px; color:#009fe3; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_navy	  {clear:both; font-size:38px; color:#004f9f; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_green	  {clear:both; font-size:38px; color:#52ae32; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_orange  {clear:both; font-size:38px; color:#ff9400; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_red     {clear:both; font-size:38px; color:#e5231b; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_yellow  {clear:both; font-size:38px; color:#fbba00; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
}
@media screen and (max-width: 750px) {
.huge		  {clear:both; font-size:25px; color:#009fe3; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_navy	  {clear:both; font-size:25px; color:#004f9f; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_green	  {clear:both; font-size:25px; color:#52ae32; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_orange  {clear:both; font-size:25px; color:#ff9400; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_red     {clear:both; font-size:25px; color:#e5231b; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
.huge_yellow  {clear:both; font-size:25px; color:#fbba00; font-family: 'robotoitalic'; text-align:center; padding-bottom:50px; margin:auto; margin-top:1%;}
}

/* Anprechpartner ---------------------------------------------------------------------------------------------------*/

.personenwrap {width:100%; display:flex; flex-direction:row; overflow:hidden; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.personbox 	  {padding:1%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.personbox:nth-child(1) { flex-shrink: 1}
.personbox:nth-child(2) { flex-shrink: 1}
.personbox:nth-child(3) { flex-shrink: 1}
.personbox:nth-child(4) { flex-shrink: 1}
.personbox:nth-child(5) { flex-shrink: 1}
.personbox:nth-child(6) { flex-shrink: 1}

.perspic {width:100%; max-width:500px; height:auto;}

@media screen and (max-width: 1250px) {
.personenwrap {width:100%; padding:3%; display: flex; flex-wrap: wrap; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.personbox {flex: 33.3333333%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
}
@media screen and (max-width: 750px) {
.personenwrap {width:100%; padding:3%; display: flex; flex-wrap: wrap; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.personbox {flex: 50%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
}


/* ACCORDION -------------------------------------------------------------------------------------------------------- */

.hide {
    display: none !important;
}

.openbox_team {
cursor: pointer;
color: #009fe3;
text-transform: uppercase;
padding: 10px;
width: 96%;
margin: 0%;
margin-left: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size:22px;
font-family: 'robotomedium';
line-height:28px;
-webkit-transition: .5s all ease-out; -moz-transition: .5s all ease-out; transition: .5s all ease-out; opacity: 1.0; filter: alpha(opacity=100);
}

@media screen and (max-width: 1000px) {
.openbox_team {
font-size:16px;
line-height:30px;
padding:5px;
}
}

.openbox_team:hover	{cursor: pointer; opacity: 0.7; filter: alpha(opacity=70);}

.plus, .minus 			  {-webkit-transition: .5s all ease-out; -moz-transition: .5s all ease-out; transition: .5s all ease-out; opacity: 1.0; filter: alpha(opacity=100);}
.plus:hover, .plus:focus,
.minus:hover, .minus:focus{opacity: 0.7; filter: alpha(opacity=70);}

.acbox			{display:none; width:98%; font-size:16px; line-height:22px; font-family: 'robotolight'; margin: 0% 3% 15px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.acbox ul		{list-style: none;	padding: 0; margin: 0; padding-left:10px; margin-left:-1em;}	
.acbox ul li    {
	margin-left: 0px;
	padding: 30px 30px 30px -30px;
	padding-top: 5px;
	padding-bottom: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	padding-left: 1.3em;
	margin-left: 2em;
	text-indent: -2.15em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

@media screen and (max-width:1400px) {
.acbox ul li    {
	font-size: 16px;
	font-family: 'robotolight';
	line-height: 26px;
}	
}

.acbox ul:after	{clear:both;}

@media screen and (max-width:1200px) {
.acbox {
font-family: 'robotolight';
font-size: 14px;
line-height: 20px;
width:94%;
}
}

/* Abstand für Modul mit Abstand -------------------------------------------------------------------------------------*/

.abstand	{height:3%; clear:both;}
@media screen and (max-width: 1024px) {
.abstand	{height:1%; clear:both;}
}

/* ---------------- SUPERMODUL STYLES -------------------------------------------------------------------------------- */

.deluxebox {
	display: block;
}
@media screen and (max-width:1600px) {
.deluxebox {
	padding:3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

.deluxebox img {
	width:calc(100% + 3%);
	height:auto;
	margin-left:-1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Tablet landscape */
@media screen and (max-width: 1200px) {
	.deluxebox_columns_1 { width: 100% !important; } /* 1 Columns layout */
	.deluxebox_columns_2 { width: 50% !important; } /* 2 Columns layout */
	.deluxebox_columns_3 { width: 33.33333% !important; } /* 3 Columns layout */
	.deluxebox_columns_4 { width: 50% !important; } /* 4 Columns layout */
	.deluxebox_columns_5 { width: 20% !important; } /* 5 Columns layout */
	.deluxebox_columns_6 { width: 33.33333% !important; } /* 6 Columns layout */
}

/* Tablet portrait */
@media screen and (max-width: 750px) {
	.deluxebox_columns_1 { width: 100%; } /* 1 Columns layout */
	.deluxebox_columns_2 { width: 100% !important; } /* 2 Columns layout */
	.deluxebox_columns_3 { width: 80%;} /* 3 Columns layout */
	.deluxebox_columns_4 { width: 50%; } /* 4 Columns layout */
	.deluxebox_columns_5 { width: 100% !important;} /* 5 Columns layout */
	.deluxebox_columns_6 { width: 100%; } /* 6 Columns layout */
	
	.deluxebox img {
	width:calc(80% + 0%);
	height:auto;
	margin-left:-1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

.deluxebox_content h1 		{font-family: 'robotomedium'; font-weight:normal; font-size:34px; line-height:42px; color:#009fe3; margin:0; padding:0; margin-top:0px;}
.deluxebox_content h2 		{font-family: 'robotomedium'; font-weight:normal; font-size:34px; line-height:42px; color:#009fe3; margin:0; padding:0; margin-top:0px;}
.deluxebox_content h3 		{font-family: 'robotomedium'; text-transform:uppercase; font-size:26px; line-height:30px; color:#333; margin:0; padding:0; margin-top:0px;}
.deluxebox_content h4 		{font-family: 'robotoregular'; font-size:22px; line-height:30px; color:#424242; margin:0; padding:0; margin-top:0px; }
.deluxebox_content h5 		{font-family: 'robotoregular'; font-size:16px; line-height:32px; color:#333; margin:0; padding:0; margin-top:0px; }
.deluxebox_content h6 		{font-family: 'robotoregular'; font-size:14px; line-height:22px; color:#222; margin:0; padding:0; margin-top:0px; }
.deluxebox_content p    	{font-family: 'robotolight'; font-size:16px; line-height:22px; color:#222; padding-top:5px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.deluxebox_content i    	{font-family: 'robotoitalic'; font-weight:normal; }
.deluxebox_content a    	{font-family: 'robotoregular'; font-weight:normal; color:#e03103;}
.deluxebox_content a:hover  {font-family: 'robotoregular'; font-weight:normal; color:#e03103;}
.deluxebox_content strong	{font-family: 'robotobold'; font-weight:normal;}

.deluxebox_content ul		{list-style: none;	padding: 0; margin: 0; padding-left:10px; margin-left:-1em;}	
.deluxebox_content ul li    {
	font-size: 20px;
	font-family: 'robotoitalic';
	line-height: 28px;
	color: #222;
	margin-left: 0px;
	padding: 30px 30px 30px -30px;
	padding-top: 5px;
	padding-bottom: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	padding-left: 1.3em;
	margin-left: 2em;
	text-indent: -1.05em;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.deluxebox_content ul li::before {
    content: "»";
	padding-right:8px;
	font-size: 30px;
	font-family: 'robotoitalic';
    color: #e03103; 
}
.deluxebox_content ul:after	  {clear:both;}

/* TYPO ------------------------------------------------------------------------------------------- */

h1							{font-family: 'robotomedium'; font-weight:normal; font-size:34px; line-height:42px; color:#009fe3; margin:0; padding:0; margin-top:0px;}

h2 							{font-family: 'robotomedium'; font-weight:normal; font-size:34px; line-height:42px; margin:0; padding:0; margin-top:1%;}
.blue						{color:#009fe3;}
.lila						{color:rgba(108, 78, 138, 1);}
.navy						{color:#004f9f;}
.red						{color:#e5231b;}
.orange						{color:#ff9400;}
.yellow						{color:#fbba00;}
.green						{color:#52ae32;}

h3 							{font-family: 'robotomedium'; font-size:26px; line-height:30px; color:#009fe3; margin:0; padding:0; margin-top:0px;}
h4  						{font-family: 'robotoregular'; font-size:18px; line-height:30px; font-weight:normal; color:#222; margin:0; padding:0; margin-top:0px;}
h5  						{font-family: 'robotoregular'; font-size:14px; line-height:20px; font-weight:normal; color:#444; margin:0; padding:0; margin-top:0px;}

p 							{font-family: 'robotolight'; font-size:16px; line-height:22px; color:#222; padding-top:5px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}

.footer p   				{font-family: 'robotolight'; font-size:16px; line-height:20px; color:#222; padding-top:5px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.footer a  				    {color:#009fe3; text-decoration:none;
							-webkit-transition: .5s all ease-out; -moz-transition: .5s all ease-out; transition: .5s all ease-out; opacity: 1.0; filter: alpha(opacity=100);}
.footer a:hover 			{color:#444; text-decoration:none; opacity: 0.7; filter: alpha(opacity=70);}

a 							{color:#009fe3; text-decoration:none;
							-webkit-transition: .5s all ease-out; -moz-transition: .5s all ease-out; transition: .5s all ease-out; opacity: 1.0; filter: alpha(opacity=100);}
a:hover 					{color:#009fe3; text-decoration:none; opacity: 0.7; filter: alpha(opacity=70);}

strong 						{font-family: 'robotomedium'; font-weight:normal;}

@media screen and (max-width:1200px) {
h1							{font-family: 'robotomedium'; font-weight:normal; font-size:26px; line-height:24px; color:#009fe3; margin:0; padding:0;}	
h2 							{font-family: 'robotomedium'; font-size:20px; font-weight:normal; line-height:30px; color:#009fe3; margin:0; padding:0; margin-top:1%;}
.deluxebox_content h2 		{font-family: 'robotomedium'; font-size:20px; font-weight:normal; line-height:30px; color:#009fe3; margin:0; padding:0; margin-top:1%;}
h3 							{font-family: 'robotomedium'; font-size:24px; line-height:26px; color:#009fe3; margin:0; padding:0; margin-top:1%;}
.deluxebox_content h3 		{font-family: 'robotomedium'; font-size:24px; line-height:26px; color:#009fe3; margin:0; padding:0; margin-top:1%;}
h4  						{font-family: 'robotoregular'; font-size:16px; line-height:20px; font-weight:normal; color:#424242; margin:0; padding:0; margin-top:0px;}
h5  						{font-family: 'robotoregular'; font-size:12px; line-height:18px; font-weight:normal; color:#444; margin:0; padding:0; margin-top:0px;}
.deluxebox_content h4 		{font-family: 'robotoregular'; font-size:18px; line-height:24px; font-weight:normal; color:#424242; margin:0; padding:0; margin-top:0px; }
p 							{font-family: 'robotolight'; color:#222; font-size:14px; line-height:20px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.deluxebox_content p    	{font-family: 'robotolight'; color:#222; font-size:14px; line-height:20px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.footer p   				{font-family: 'robotolight'; font-size:14px; line-height:18px; color:#222; padding-top:5px; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
a 							{font-size:14px;}
	
.deluxebox_content ul li    {
	font-size: 18px;
	line-height: 24px;
}
.deluxebox_content ul li::before {
    content: "»";
	padding-right:8px;
	font-size: 24px;
    color: #e03103; 
}	
}

.text-center				{text-align:center;}
.text-left 					{text-align:left;}
.text-right					{text-align:right;}
.text-justify               {text-align:justify;}

/* KONTAKTFORM ------------------------------------------------------------------------------------------*/

form {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  border: 0;
  max-width: 80rem;
}
form fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
form fieldset legend {
  display: none;
}
form .form-group {
  margin-top: 7px;
}
form label {
  display: block;
  margin: 0px;
  width: 100%;
  cursor: pointer;
  font-family: 'robotolight';
  color:#000;
  font-size: 16px;
  margin-top:5px;
}
form input {
  float:left;	
  width: 100%;
  outline: 0;
  border: 2px solid white;
  padding: 10px 20px 10px 10px;
  font-size: 18px;
  line-height: 28px;
  border: 2px solid #ccc;
  font-family: 'robotolight';
  background-color:#fff; 
  color:#000;
}
form input input:focus, form input textarea:focus {
  border: 2px solid #444;
  background-color:#ececec;
  color:#000;
}
form input:focus {
  border: 2px solid #444;
  color:#000;
  background-color:#ececec;
}
form select {
  width: 99.7%;
  outline: 0;
  border: 2px solid #eaeae0;
  padding: 3.5px 7px;
  font-size: 15px;
  line-height: 14px;
  font-family: 'robotolight';
}
form select input:focus, form select textarea:focus {
  border: 2px solid #444;
  outline:0;
  font-family: 'robotolight';
}
form select:focus {
  border: 2px solid #444;
  outline:0;
  font-family: 'robotolight';
}
form button {
  font-size: 22px;
  line-height: 24px;
  background: #009fe3;
  color: white;
  padding: 10px 20px 10px 20px;
  margin-top: 14px;
  text-align:center;
  outline: none;
  cursor: pointer;
  width:100%;
  font-family: 'robotoregular';
  letter-spacing:2px;
  border:0px solid #009fe3;
}
form button:hover, form button:focus {
  background: rgba(0, 79, 159, 1.0);
  border:0px solid rgba(0, 79, 159, 1.0);
  color:#fff;
}
form button:active {
  border:0px solid #009fe3;
  background: #009fe3;
  color:6d7a78;
}
form textarea {
  width: 100%;
  outline: 0;
  border: 2px solid #ccc;
  padding: 10px 20px 10px 10px;
  font-size: 18px;
  line-height: 28px;
  color:#000;
  font-family: 'robotolight';
  background-color:#fff;
}
form textarea input:focus, form textarea textarea:focus {
  border: 2px solid #444;
  background-color:#ececec;
  color:#000;
}
form textarea:focus {
  border: 2px solid #444;
  background-color:#ececec;
  color:#000;
}

form input[type=checkbox] {
	float:left;
	margin-right:20px;
	width:20px;
	height:20px;
	font-size:20px;
	display:inline;
	border:1px solid #000;
}

form input[type=radio] {
	float: left;
	width: 40px;
	margin-top: 5px;
	margin-left: -13px;
	
}

.yform form .form_warning label {
  color: #ccc;
}
.alert-danger {
	color:#e5231b;
	font-family: 'robotolight_italic';
}
.alert-danger ul {list-style:none;}

.alert-danger ul li::before {
    content: "»";
    font-family: 'robotomedium';
    font-size: 18px;
    font-weight: normal;
    color: #ccc;
    padding-right:10px;
    margin-left: -2em;
    display: inline-block;
    list-style: none;
}