html
{
	background-color:#ffffff;
}

body
{
	background-color:#f7f7f7;
	background-color:#00b050;
	text-align: left;
	margin:0;
	font-family: Roboto, Arial, Helvetica, sans-serif;
}

#content-main
{
	max-width:950px;
	margin-left:auto;
	margin-right:auto;

	margin-bottom:3em;
	
	margin-top:110px;
	height:83vh;
	overflow-y: scroll;

}

#content-main::-webkit-scrollbar 
{
  display: none;
}
#content-main
{
  scrollbar-width: none;
}

h1
{
    text-align: center;
}

.flex-container-row
{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	margin-bottom:2em;
}

.flex-container-col
{
	display: flex;
	flex-direction: column;
}

.c1
{    
	width:100%;
}

.c2
{    
	font-size: 1.5em;
	width:50%;
}

.c3
{
	width:33%;
}

.c4
{
	width:25%;
}



.c2Ka
{
	width:75%;
}
.c2Kb
{
	width:12%;
}




.flex-container-row-form
{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin-bottom: .2em;
}

header
{
	position: fixed;
	background-color: #fcfcfc;
	width:100%;
	height:110px;
	top:0;
}

#nav-top  a
{
	align-content:space-evenly;
	align-content:space-between;
}

#navCont,
#nav-top
{
    width: 950px;
	margin: 0px auto 0px auto;
}

#nav-top  a
{
  display: block;
  color: #444;
  text-align: center;
  padding: 10px;

  text-decoration: none;
  float: left;
}

#nav-top  a:hover 
{
  background-color: #222;
  color:#ddd;
  border-radius: 5px;
}
#nav-top  ul
{
	display:flex;
	justify-content:space-between;
	list-style:none;
	margin: 0;
	padding: 0; 
	font-size:1.2em;
}




#navCont
{
	display: flex;
	justify-content: space-between;
	
}






.footerWrap
{
    background-color: #fff;
    width: 100%;
    position: fixed;
    bottom: 0;
	margin: 0;
}

footer 
{
    border-top: 1px solid #888888;
    background-color: #fff;
    width: 985px;
    font-size: 0.9em;
    text-align: center;
    line-height: 2.8em;
    margin: 0px auto 0px auto;
    padding: 3px 0 3px 0;
    bottom: 0;
}

#box1
{
//	 background-image: url("../img/bgBox1a.png");
//	 background-image: url("../img/bgBox1.png");
	 background-image: url("../img/h.png?250114");
//	 background-size: cover; 
	 background-color:#fff;
	 background-repeat: no-repeat;
     background-position: top;
}



#box1
{
	height:575px;
}
	
#box1,
#box2,
#box3,
#box4,
#box5,
#box6,
.box
{
	background-color: #fff;
	margin-bottom:330px;
	font-size:22px;
	box-shadow: 10px 5px 5px #00b3fe;
	box-shadow: 10px 5px 5px #007f0e;
	margin-right:5px;
	border: 1px solid #00b3fe;
	border: 1px solid #007f0e;
	border-radius: 5px;
}
#DerKontakt.box
{
	margin-bottom:0px;
}

ul 
{
  list-style:none;
  text-align: left;
  padding-left: 1em;
  list-style-image: url('../img/bullet.png');/* Fallback PNG*/
  list-style-image: url('../img/bullet.svg');
}

.optAngebotErweitert
{
	margin-top:2em;
	margin-left:2em;
	//line-height:2em;
	height:0;
}

#optAngebot:checked ~ .optAngebotErweitert
{
    visibility:visible!important;
	height:100%;
}

.erforderlich
{
	color:#f00;
}

	

.links
{
	text-align:left;
}





h1 img
{
	height:80px;
}

#box1 h1 img
{
	height:50px;
}

#DieReferenzen h1
{
	margin-bottom:0;
}




#slide0:not(.currentSlide),
#slide1:not(.currentSlide),
#slide2:not(.currentSlide),
#slide3:not(.currentSlide),
#slide0:not(.currentSlide) *,
#slide1:not(.currentSlide) *,
#slide2:not(.currentSlide) *
#slide3:not(.currentSlide) *
{
	visibility: hidden;
	opacity: 0;
	transition: visibility 2s, opacity 2s linear;
	height:0;
	display:none;
}

#slide0.currentSlide,
#slide1.currentSlide,
#slide2.currentSlide,
#slide3.currentSlide,
#slide0.currentSlide *,
#slide1.currentSlide *,
#slide2.currentSlide *
#slide3.currentSlide *
{
	visibility: visible;
	opacity: 1;
	//height:100%;
	transition: visibility 2s, opacity 2s linear;
}


.refLi
{
	align-items: center;
	justify-content: center;
	display:flex;
	flex-direction:column;
	width:38.2%;
}

.refText
{
	width:60%;
	text-align:left;
	margin-bottom:4em;
}

.refName
{
	font-size:16px;
	text-align:center;
	color:red;
}
.refBeruf,
.refOrt
{
	font-size:16px;
	color:#000;
}
.slidewrapper
{
	height:13em;
}
.refQuote
{
	//font-size:60px;
	color:#f00;
}

.slide
{
	align-items: center;
	justify-content: center;
	display:flex;
	flex-direction:row ;
}

.refImg
{
	height:190px!important;
	margin:auto;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	
	border-radius:3px;
	box-shadow: 3px 2px 2px #999;
	margin-bottom:10px;
}


#slideIndikatorWrapper
{
	padding:0;
	display: flex;
	justify-content: center;
	align-items: center;
	list-style:none;
	margin-top: -30px;
}

#slideIndikatorWrapper li
{

}

.slideIndikator.currentSlide
{
  background-color: transparent;
  border: 2px solid rgba(66, 66, 66, 1);
}

.slideIndikator
{
	width:6px;
	height:6px;
	margin:6px;
	padding: 2px;
	border-radius: 50%;
    background-color: rgba(66, 66, 66, 1);
}

.slideIndikator.currentSlide
{
	width:9px;
	height:9px;
	background-color: rgba(66, 66, 66, 0);

}

#box1 h2 
{
	padding-left: 1em;
    font-size: 1.5em;
    font-weight: normal;
}

#headerLodImg
{
	margin-left:1em;
	margin-right:1em;
	width:calc(100% - 2em);
	max-height:100%;
	
	height:2em;
	margin:auto;
}
#navL
{
	padding-left: 10px;
	margin-top:1em;
}
#navR
{
	margin-top:2em;
}















#DieInnovation ul
{
	margin-left:10%;
}

.flex-container-innovation
{
	display: flex;
	flex-direction: row;
}

.flex-container-innovation.r0, 
.flex-container-innovation.r2,
.flex-container-innovation.r4 
{
	flex-direction: row-reverse;
}

.box
{
	padding:20px;
}

.c2Ia1_X
{
    background-image: url(../img/12schritte-wip.svg);
    width: 50%;
    background-size: 90% 90%;
}











.c2Ib0,
.c2Ia1,
.c2Ib2,
.c2Ia3,
.c2Ib4,
.c2Ia5 {
	text-align: center;
}


.c2Ib1,
.c2Ib3,
.c2Ib5 
{
	margin: auto;
	width: 80%;
	background-color: #01edc9;
	border-radius: 25px;
}

.c2Ia0,
.c2Ia2,
.c2Ia4 
{
	margin: auto;
	width: 80%;
	background-color: #00b3fe;
	border-radius: 25px;
	color: #fff;
}








.c2Ib0 
{
	background-image: url(../img/instrumente-aufbereitung.svg);
	width: 30%;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	background-position: center;
}
.c2Ia1 
{
	background-image: url(../img/selbstkontrollierend.svg);
	width: 30%;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	background-position: center;
}
.c2Ib2 
{
	background-image: url(../img/rechtssicher.svg);
	width: 30%;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	background-position: center;
}
.c2Ia3
{
	background-image: url(../img/dokumentation-manueller-schritte.svg);
	width: 30%;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	background-position: center;
}
.c2Ib4
{
	background-image: url(../img/papierlos.svg);
	width: 30%;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	background-position: center;
}
.c2Ia5 
{
	background-image: url(../img/tarif.svg);
	width: 30%;
	background-size: 80% 80%;
	background-repeat: no-repeat;
	background-position: center;
}


.c2Ia0, .c2Ib1, .c2Ia2, .c2Ib3, .c2Ia4, .c2Ib5 
{
	padding: 10px;
}






.flex-container-c3
{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    margin-bottom: 2em;
	width:38%;
	width:20%;/*2021-09-08*/
}

.c3a
{
	display: flex;
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */


	width:50%;
	width:100%;/*2021-09-08*/
}
.c3b
{
	display: flex;
	display: none; /*2021-09-08*/
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	
	width:50%;
}
.c3c
{
	width:62%;
}


.vsp a:link, 
.vsp a:visited,
.vsp a:hover,
.vsp a:active
{
   text-decoration: none;
   color:#000;
}
.vspAkt a:link, 
.vspAkt a:visited,
.vspAkt a:hover,
.vspAkt a:active
{
   text-decoration: none;
   color:#fff;
}
.vspWrapper
{
	display: flex;
	margin-bottom:30px;
	justify-content: space-between;
}

.vsp
{
	border:5px solid #666;
	border-radius: 15px;
	text-align: center;
	width:20%;
	margin: 10px;
	padding: 10px;
}

.vspAkt
{
	border-color:#f00;
	background-color:#f00;  	
}








.VarianteA
{
	padding:4px;
	background-color:#ddd;
}
.VarianteB
{
	padding:4px;
	background-color:#ddd;
}

#umschalter:checked ~ div .VarianteB
{
	background-color:#00b3fe;
	background-color:#00b050;
	color:#fff;
	//border:2px solid red;
	//padding:2px;
}

#umschalter:not(:checked) ~ div .VarianteA
{
	background-color:#00b3fe;
	background-color:#00b050;
	color:#fff;
	//border:2px solid red;
	//padding:2px;
}

.VarianteAimg
{
	display:none;
}
.VarianteBimg
{
	display:none;
}
#umschalter:checked ~ .VarianteBimg
{
	display:block;
}

#umschalter:not(:checked) ~ .VarianteAimg
{
	display:block;
}
.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.imgAB
{
	margin:auto;
	width:100%;
}







.AlleinstellungLi
{
	font-size:30px;
	margin-left:1em;
}


body
{
	background-image: url(../img/bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
}






#box1 a:link, 
#box1 a:visited,
#box1 a:hover,
#box1 a:active
{
  color: #fff;
   text-decoration: none;
}





.selected
{
	background-color:#00b3fe!important;
	background-color:#00b050!important;
	border-radius: 5px;
}






#chk_Gespraechstermin 
{
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}

#chk_Gespraechstermin+ label::before 
{
  width: 15px;
  height: 15px;
  border-radius: 5px;
  border: 2px solid #f00;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  z-index: 5;
  position: relative;
}
#chk_Gespraechstermin:checked+label::before 
{
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #f00;
}


/*wegen neuem Bild CS 2025Jan14*/
#box1 h1
{
  margin-top:0.3em;
  margin-bottom:1.3em;
}

#box1 > div > h1,
#box1 > div > div
{
  display:none!important;
}

#box1 
{
    background-image: url(../img/h2.png?250115);
}