@keyframes bouncing_2 {
 0%   { 
 			margin-right:90%;
 	   }
 	   
 75% {		margin-right:0;
 		}
	   
 100% { 
 			margin-right:40px;
 		}
}


@keyframes bouncing {

	0%  	{ transform: translateX(-50%);   	}
	80% 	{ transform: translateX(0); 		}
	100% 	{ transform: translateX(-10%); 		}
}

@keyframes changeC1 {
  0% {
    content: "10%";
  }
  
  20% {
    content: "30%";
  }

  40% {
    content: "60%";
  }
  
  60% {
    content: "70%";
  }
  80% {
    content: "80%";
  }

  100% {
    content: "88%";
   }
}

@keyframes changeC2 {
  0% {
    content: "5%";
  }
  
  20% {
    content: "10%";
  }

  40% {
    content: "12%";
  }
  
  60% {
    content: "15%";
  }
  80% {
    content: "18%";
  }

  100% {
    content: "19%"
   }
}

@keyframes changeC3 {
  0% {
    content: "1,0 Mio.";
  }
  
  20% {
    content: "1,2 Mio.";
  }

  40% {
    content: "1,4 Mio.";
  }
  
  60% {
    content: "1,5 Mio.";
  }
  80% {
    content: "1,6 Mio.";
  }

  100% {
    content: "1,7 Mio.";
   }
}

@keyframes textmarkerMove{
	0% 		{background-size: 0% 100%;}
	100% 	{background-size: 100% 100%;}
}


.textmarker {
  background: linear-gradient(to right, yellow 0%, yellow 100%);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display:inline-block;
  animation:textmarkerMove 3s;
  animation-fill-mode: forwards;
  padding:10px;
}



/* FOOTER */

footer{
	width:100%;
	max-width:1500px;
	margin:0 auto;
	margin-top:50px;
	position:relative;
/*	background-image: linear-gradient(to bottom, #f1f1f1, white 40%); */
}

footer::before{
	content:"";
	border-top:5px solid #e7f5f5 /*wichtig*/;
	position:absolute;
	top:18px;
	left:0;
	width:calc(100% - 325px);
}

/*
footer::after{
	content:"";
	border-top:5px solid #e7f5f5;
	position:absolute;
	right:0;
	bottom:10px;
	width:calc(100% - 325px);
}
*/


footer .goodbye{
	padding:5px;
	margin-bottom:5px;
	margin-left:calc(100% - 300px);
	text-align:center;
	color:black;
	background-color:rgba(124,252,000,0.95);
	font-family:'WWType_Bold';
	font-size:20px;
}

footer .copyright{
	text-align:center;
	color:black;
	background-image:linear-gradient(to bottom, #e7f5f5, white);
	font-size:16px;
	margin-top:20px;
	padding:15px;
}


footer div.flex{
	position:relative;
	margin-top:20px;
}


footer div.content{
	background:url('https://www.vorsorgeplaner24.de/images/ww_150.webp') no-repeat center top;
	text-align:center;
	padding:135px 10px 10px 10px;
	width:calc(100% - 560px - 10%);
	display:block;
	margin:10px auto;	
}


footer div.content h2{
	margin:0;
	font-family:'WWType';
	margin-top:50px;
	color:#757575;
	font-size:20px;
	font-weight:100;

}

footer div.content h3{
	margin:0;
	color:#757575;
	font-size:18px;
	font-weight:100;
}

footer div.siegel{
	max-width:550px;
	width:96%;
	margin:20px auto;
	text-align:center;
	display:block;
	border-top:2px solid #f9f9f9;
}

footer div.siegel div{
	display:inline-block;
}

footer div.siegel div.gutBeraten{
	background:url('https://www.vorsorgeplaner24.de/images/gutberaten.webp') center center;
	width:100px;
	height:100px;
	background-size:contain;
	margin:10px;
}

footer div.siegel div.zvs{
	background:url('https://www.vorsorgeplaner24.de/images/Siegel_ZVS_S.webp') center center no-repeat;
	height:100px;
	width:100px;
	background-size:contain;
	margin:10px;
}
footer div.siegel div.ekomi{
	background:url('https://www.vorsorgeplaner24.de/assets/ekomi/ekomi_gold.webp') center center no-repeat;
	width:100px;
	height:100px;
	background-size:96%;
	margin:10px;
}


footer div.review{
	max-width:400px;
	padding:20px;
	color:#757575;
	text-align:center;
	display:block;
	position:absolute;
	top:30px;
}

footer div.review span{
	color:#757575;
	font-size:14px;
}

footer div.review a{
	text-decoration:none;
}

footer div.review span.star{
	background-image:url('fullStar.png');
	width:50px;
	height:50px;
	display:inline-block;
}

footer div.review span.fullStar{
	background-image:url('https://www.vorsorgeplaner24.de/assets/rating/fullstar.png');
	width:50px;
	height:50px;
	display:inline-block;
}

footer div.review span.halfStar{
	background-image:url('https://www.vorsorgeplaner24.de/assets/rating/halfstar.png');
	width:50px;
	height:50px;
	display:inline-block;
}

footer div.review span.noStar{
	background-image:url('https://www.vorsorgeplaner24.de/assets/rating/nostar.png');
	width:50px;
	height:50px;
	display:inline-block;
}


footer div.review a.law{
	display: inline-block;
   	font-size: 14px;
    color: #757575;
    text-decoration: none;
    font-family: 'WWType';
}

footer div.review a.law::before{
	font-family:FontAwesome;
	content:"\f201";
	font-size:20px;
	color:rgba(124,252,000,0.95);
	margin-right:10px;
}



footer div.linkbox{
	display:inline-block;
	padding:20px;
	background-image: linear-gradient(to bottom right, #f9f9f9, white 70%);
	width:300px;
	margin:0;
	position:absolute;	
	right:0;
	top:40px;
}

footer div.linkbox a{
    text-decoration: none;
    font-size: 18px;
    color: #757575;
    display: block;
    padding: 5px;
}

footer div.empfehlungen{
	max-width:1500px;
	margin:50px auto;
	padding:0 10px 0 10px;
	text-align:center;
}

footer div.empfehlungen a{
	text-decoration:none;
	color:#757575;
	padding:5px;
	font-size:14px;
}

footer div.linkbox a::before, footer div.empfehlungen a::before{
	font-family:FontAwesome;
	color:orange;
	margin-right:10px;
	content:"\f0da";
}

footer div.empfehlungen a::before{
	color:#757575;
}

footer div.sozial{

	display:inline-block;
	margin:0;
	padding:20px 0 0 0;
	background-image: linear-gradient(to bottom left, #f9f9f9, white 70%);
	text-align:center;
	position:absolute;
	left:0;
	width:260px;
	top:175px;
}

div.cookieInfo{
	
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}

div.cookieInfo:before{
	font-family: FontAwesome;
    content: "\f14a";
    color: rgba(124, 252, 000, 0.95);
    display: inline-block;
    font-size: 44px;
}


div.cookieInfo p{
	padding-left: 10px;
    text-align: left;
    display:inline-block;
    line-height:110%;
}

div.cookieInfo p span{
	font-family:'WWType_Bold';
	font-weight:400;
}

div.cookieInfo a{
    text-decoration: none;
    font-size: 16px;
	color:black;
}


footer div.sozial a.WhatsApp_Icon, footer div.sozial a.Facebook_Icon, footer div.sozial a.RSS_Icon, footer div.sozial a.Twitter_Icon{
	display:inline-block;
	padding:10px;
	text-decoration:none;
}


footer div.sozial a.WhatsApp_Icon::before, footer div.sozial a.Facebook_Icon::before, footer div.sozial a.Twitter_Icon::before, footer div.sozial a.RSS_Icon::before{
	font-family:FontAwesome;
	display:inline-block;
	font-size:40px;
	color:#757575;
	background:#e7f5f5;
	padding:15px;
	border:5px solid white;
}

footer div.sozial a.WhatsApp_Icon::before{
	content:"\f232";
}

footer div.sozial a.Facebook_Icon::before{
	content:"\f230";
}

footer div.sozial a.Twitter_Icon::before{
	content:"\f099";
}

footer div.sozial a.RSS_Icon::before{
	content:"\f09e";
}

@media (min-width: 850px) and (max-width: 1023px){
	
	footer div.sozial{
		width:initial;
	}
	
	footer div.sozial a.WhatsApp_Icon, footer div.sozial a.Facebook_Icon, footer div.sozial a.RSS_Icon, footer div.sozial a.Twitter_Icon{
		display:block;
		padding:20px;
	}
	
	
}

@media (max-width: 849px){
	
	footer div.review{
		position:relative;
		top:initial;	
		margin:0 auto;	
	}
	
	footer div.sozial a.WhatsApp_Icon, footer div.sozial a.Facebook_Icon, footer div.sozial a.RSS_Icon, footer div.sozial a.Twitter_Icon{
		display:inline-block;
		padding:15px;
	}
	
	footer div.linkbox, footer div.sozial{
		position:relative;
		background-image:none;
	}
	
	footer div.linkbox{
		top:initial;
		left:initial;
		width:100%;
		display:block;
		border-top:1px solid gray;
	}
	
	footer div.linkbox a{
		display:inline-block;
		line-height:200%;
	}
	
	footer div.sozial{
		top:initial;
		right:initial;
		width:inherit;
	}
	
	footer div.flex div.review{
		background-image:linear-gradient(to top, #f9f9f9, white 70%);
	
	}
	
	footer div.content{
		width:90%;
	}
	
	footer div.siegel{
		border:none;
	}
}

@media (max-width: 399px){

	
		
	footer div.content{
		width:98%;

	}
	
	footer div.siegel div.gutBeraten, footer div.siegel div.zvs, footer div.siegel div.ekomi{ 
		margin:10px 0 10px 0;
		width:80px;
		height:80px;
	}

}


 /********************* ENDE FOOTER ************************/

/*
table#tarife{
	width:90%;
	margin:10px auto;
}
*/

#newForm table#tarife input{
	min-width:initial;
	width:initial;
	display:none;
}

table#tarife tr th, table#tarife table tr th{
	background:none;
	color:black;
	font-family:'WWType';
}

table#tarife tr th.head{
	font-size:115%;
}

table#tarife tr td label{
	cursor:pointer;
}


th.c50, td.c50{
	height:50px;
}

th.c75, td.c75{
	height:75px;
}


table#tarife tr td, table#tarife tr th{
	width:20%;
	height:50px;
}

table#tarife tr td:nth-child(n+2){
	background:#f1f1f1;
	text-align:center;
}

/* Innere Tabelle */

table#tarife table.faktoren , table#tarife table.details{
	width:100%;
}

/*table#tarife table.faktoren tr td, table#tarife table.details tr td{
	height:50px;
}*/


table#tarife table.faktoren tr td:nth-child(2){
	text-align:center;
	opacity:1;
}


table#tarife table.faktoren tr td, table#tarife table.details tr td{
	padding:0;
}

table#tarife table.details tr td{
	width:50%;
}


table#tarife table.details tr:nth-child(odd) td{
	background:rgb(250,250,250);
	text-align:center;
	opacity:1;
}

table#tarife table.details tr:nth-child(even) td{
	background:white;
	text-align:center;
	opacity:1;
}

table#tarife tr:last-child td{
	opacity:1;
	border:0;
}

td.ja:before{
	font-family:FontAwesome;
	content:"\f058";
	display:inline-block;
	font-size:25px;
	color:rgba(124,252,000,0.95);
}

td.nein:before{
	font-family:FontAwesome;
	content:"\f057";
	display:inline-block;
	font-size:25px;
	color:red;
}


table#tarifInd{
	width:100%;
	max-width:800px;
	min-width:500px;
	margin:0 auto;
}


table#tarifInd tr td, table#tarifInd tr th {
	padding:5px
}

table#tarifInd tr td:first-child{
	width:30%;
	text-align:left;
}

table#tarifInd tr:nth-child(odd) td{
	background:rgb(250,250,250);
}

table#tarifInd tr td{
	text-align:center;
}

table#tarifInd.left tr td{
	text-align:left;
}

table#tarifInd tr th{
	color:#DB0000;
	background:none;
	text-align:left;
	font-size:115%;
}

table#tarifInd tr td a{
	color:black !important;
}

table#tarifInd tr td a:before{
	font-family:FontAwesome;
	content:"\f05a";
	color:darkgray;
	display:inline-block;
	margin-right:5px;
}

/*
table#tarifInd tr td a:before{
	font-family:FontAwesome;
	content:"\f128";
	display:inline-block;
	font-size:20px;
	color:orange;
}

*/

table#tarifInd tr td.head{
	font-weight:bold;
	background:white;
	text-align:center;
}

table#tarifInd tr td.bereich{
	border-bottom: 2px solid #DB0000;
    background: white;
    font-family: 'WWType_Bold';
}

table#tarifInd tr td.leistung{
    background: white;
    font-family: 'WWType';
}

table#tarifInd tr td ul.leistungsliste{
	padding: 10px;
    margin: 0 !important;
    width: 100% !important;
    font-size: 90%;
    background-image:linear-gradient(to left, #e7f5f5, white 40%);
}

table#tarifInd tr td ul.leistungsliste li:before{
	font-family:FontAwesome;
	display:inline-block;
	width:20px;
	content:"\f058";
	color:rgba(124,252,000,0.95);
	vertical-align: top;
}
table#tarifInd tr td ul.leistungsliste li span{
	display:inline-block;
	width:calc(100% - 30px);
}

table#tarifInd tr td.white{
	background:white;
}

table#tarifInd tr td.right{
	text-align:right;
}

table#tarifInd tr.Beitragszeile td:nth-child(n+2){
	border-top:2px solid #DB0000;
}


table#tarifInd tr td span.ajaxBeitrag{
	color:#DB0000;
	border-bottom: double 3px #000000;
	font-size:125%;
}

table#tarifInd #Beitragsanzeige{
	font-size:150%;
	color:#DB0000;
	text-align:center;
}

table#tarifInd tr td.input{
	position:relative;
}

table#tarifInd tr td input:not(input[type=radio]):not(input[type=checkbox]), table#tarifInd tr td select{
	text-align:center;
	width:80%;
	margin:0;
}

table#tarifInd tr td input[type=radio] + label, table#tarifInd tr td input[type=checkbox] + label{
	padding:25px 0 25px 0;
}

table#tarifInd tr td.input input, table#tarifInd tr td.input select{
	border:1px solid orange;
}


table#tarifInd tr td.input:before{
	font-family:FontAwesome;
	content:"\f040";
	color:orange;
	display:inline-block;
	position:absolute;
	left:5px;
	font-size:20px;
}


/********** Boxen *******************/
@media (min-width:601px){
main #content section div.bc{
		display:flex;
	}
main #content section .bc div.box50 h2{
		font-size:150%;
	}

main #content section .bc div.box33 h2{
	font-size:125%;
	}	
}


main #content section .bc div.box50, main #content section .bc div.box33{
	background-image:linear-gradient(to bottom, #f9f9f9, white 90%);
	padding:10px 10px 0 10px;
	border-radius:5px;
}

main #content section .bc div.box50 h2, main #content section .bc div.box33 h2{
	padding:0;
	margin:0;
	width:initial;
	padding:10px;
	background-image:linear-gradient(to top, #f9f9f9, white 90%);
}


main #content section .bc div.box50 h2 span, main #content section .bc div.box33 h2 span{
	display:inline-block;
	width:calc(100% - 30px);
	}

main #content section .bc div.box50 p, main #content section .bc div.box33 p{
	width:100%;
	padding:0 10px 0 10px;
}

main #content section .bc div.box50 h2::before, main #content section .bc div.box50 h2::after, main #content section .bc div.box33 h2::before, main #content section .bc div.box33 h2::after{
	border:0;
}

main #content section .bc div.box50 h2::before, main #content section .bc div.box33 h2::before{
	font-family:FontAwesome;
	content:"\f04b";
	color:#DB0000;
	margin-right:10px;
	position:relative;
	display:inline-block;
	vertical-align:top;
	width:initial;
}


@media (min-width:1025px){
	main #content section .bc div.box50{
		display:inline-block;
		width:calc(50% - 40px);
		margin:20px
	
	}
	
	main #content section .bc div.box33{
		display:inline-block;
		width:calc(33% - 40px);
		margin:20px
	}
	
}

@media (min-width:700px) and (max-width:1024px){
	main #content section .bc div.box50{
		display:inline-block;
		width:calc(50% - 10px);
		margin:10px;
	}
	
	main #content section .bc div.box33{
		display:inline-block;
		width:calc(33% - 10px);
		margin:10px;
	}

}

@media (max-width:600px){
	main #content section div.bc{
		display:block;
	}
	
	main #content section .bc div.box50, main #content section .bc div.box33 {
		display:block;
		margin:10px 0 10px 0;
	}
}




/********** Icons *******************/

div.creditcard_icon {
    width: 250px;
    height: 150px;
    margin: 0 auto;
   	display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}


div.creditcard_icon:before{
    font-family: FontAwesome;
    font-size: 500%;
    color: #757575;
    position: absolute;
    left: 10px;
    content: "\f09d";
}



div._icon{
	width: 150px;
    margin: 0 auto;
   	display: flex;
   	margin: 50px auto;
    /* text-align: center; */
    border: 2px solid orange;
    padding: 50px;
    justify-content: center;
    align-items: center;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
}


div._icon:before{
	font-family: FontAwesome;
    font-size: 500%;
    color: #757575;
}

div._icon.grundbuch:before{
	content:"\f02d";
}
div._icon.rechner:before{
	content:"\f1ec";
}

div._icon.rakete:before{
	content:"\f135";
}

div._icon.taxi:before{
	content:"\f1ba";
}

div._icon.chart:before{
	content:"\f201";
}

div._icon.youtube:before{
	content:"\f167"
}

div._icon.karton:before{
	content:"\f187";
}

div._icon.schirm:before{
	content:"\f0e9";
}

div._icon.eu:before{
	content:"\f0ac";
}

div._icon.arzt:before{
	content:"\f0f0";
}

div._icon.euro:before{
	content:"\f153";
}

div._icon.error:before{
	content:"\f127";
	color:#DB0000 !important;
}

div._icon.wartung:before{
	content:"\f0ad";
}

div._icon.recht:before{
	content:"\f24e";
}

div._icon.kind:before{
	content: "\f1ae";
}


span#Pflegemonatsrente{
	display: flex;
    align-items: baseline;
/*    justify-content: center; */
    padding: 10px;
}

span#Pflegemonatsrente:before {
    font-family: FontAwesome;
    content: "\f0e9";
    font-size: 350%;
    color: #4CAF50;
    padding: 20px;
    display:inline-block;
}


div.resultActionBox button{
	background-color:#4CAF50;
	color:white;
	font-family:'WWType_Bold';
	font-size:125%;
	cursor:pointer;
	border:0;
	margin:10px;
	padding:20px;
	box-shadow:3px 3px 3px #757575;
	transition:all 0.5s;
}

div.resultActionBox button:hover{
	box-shadow:none;
	transition:all 0.5s;
}

div.resultActionBox .#757575text{
	color:#757575;
}

div.counter{
	text-align:center;
	padding:20px 0 20px  0;
	border-bottom:2px solid #757575;
	margin-bottom:20px;
}

@media only screen and (min-width: 600px){

div.c1, div.c2, div.c3{
	position:relative;
	width:30%;
	margin-top:220px;
	text-align:center;
	font-family:'WWType_Bold';
	color:#757575;
	display:inline-flex;
	padding:0 20px 0 20px;
}

div.resultActionBox{
	padding:10px;
	display:flex;
	border:2px solid #757575;
	box-shadow:3px 3px 3px #757575;
}


}

@media only screen and (max-width: 599px){

div.c1, div.c2, div.c3{
	position:relative;
	width:100%;
	margin-top:220px;
	text-align:center;
	font-family:'WWType_Bold';
	color:#757575;
	display:flex;
	padding:0 20px 0 20px;
}

div.resultActionBox{
	padding:10px;
	display:block;
	border:2px solid #757575;
	box-shadow:3px 3px 3px #757575;
	text-align:center;
}
}




div.c1::before, div.c2::before, div.c3::before{
	display:flex;
	font-size:50px;
	color:white;
	background:red;;
	border-radius:100%;
	animation-fill-mode: forwards; /*verhindert reset der 100% ccs angaben */	
	width:200px;
	height:200px;
	position:absolute;
	align-items: center;
    justify-content: center;
    left:calc(50% - 100px);
	margin-top:-220px;
	box-shadow:3px 3px 3px #757575;
}
	

div.c1:before{
	content:"88%";
}

div.c2:before{
	content:"19%";
}


div.c3:before{
	content:"1,7 Mio.";
}

div.c1.animate:before{
	animation:changeC1 5s linear alternate;
}

div.c2.animate:before{
	animation:changeC2 5s linear alternate;
}


div.c3.animate:before{
	animation:changeC3 5s linear alternate;
}





/* SLIDER HTML5 RANGE*/

.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  appearance: none;
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* #757575 background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

.slider::-webkit-slider-thumb:before{
	content:"Hallo Welt";
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #4CAF50; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

datalist#tickmarks{
  display: flex;
  justify-content: space-between;
  padding-left:10px;
  
}

datalist#tickmarks option{
	color:gray;
	position:relative;
}

datalist#tickmarks option:after{
	font-family:FontAwesome;
	content:"\f176";
	color:red;
	margin-left:2px;
	position:absolute;
	top:-10px;
	
}



.verlaufRechts{
	background-image:linear-gradient(to right, #f1f1f1, white);
}

.verlaufLinks{
	background-image:linear-gradient(to left, #f1f1f1, white)
}


#kostenerstattung div.next:before{
	font-family: FontAwesome;
    content: "\f0ab";
    font-size: 60px;
    margin: 0 auto;
    width: 40px;
    display: block;
    color: lightgreen;
    padding: 10px 0 10px 0;	
}

#kostenerstattung{
	border:3px solid #f9f9f9;
	box-shadow:3px 3px 3px #757575;
	padding:30px;
}

#kostenerstattung tr:not(:nth-child(4n)) td:nth-child(2){
	border-left:3px solid #f1f1f1;
	padding:0 0 0 10px;
	
}

#kostenerstattung th{
	color:red;
	font-weight:bold;
	width:70%;
	text-align:left;
	color:white;
	font-family: 'WWType_Bold';
}

#kostenerstattung .betrag, #kostenerstattung .zahlung{
	text-align:center;
}

#kostenerstattung .betrag{
	background:#f1f1f1;
}

#kostenerstattung .zahlung{
	background:lightgreen;
}



#content section h2.faq{
	background: #DB0000;
    display: inline-block;
    color: white !important;
    padding: 45px !important;
    font-size: 200%;
    box-shadow: 3px 3px 3px #757575;
    text-transform:inherit;
}

#content section h3.faq{
	font-size: 150%;
    display: inline-block;
    padding: 20px;
    box-shadow: 3px 3px 3px #757575;
    background:#F8F8F8;
}

#content section div.faqListe{
	padding:20px;	
}


#content section div.faqListe summary{
	font-size:20px;
	padding:5px;
	background-color:white;
	margin:2px 0 2px 0;
}

#content section div.faqListe details[open] summary{
	background-color: #e7f5f5;
    margin: 0;
    border-bottom: 1px solid black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color:red;
}

#content section div.faqListe details{
	font-size:18px;
	margin-top:5px;
	padding:10px;
	border-radius:5px;
}

#content section div.faqListe details h2{
	font-size:115%;
	color:black;
	font-family:'WWType';
	padding:20px 0 0 0;
}

#content section div.faqListe details h2 em{
	font-size:100%;
	font-style:normal;
	text-transform:initial;
	color:#757575;
}

#content section div.faqListe details div{
	padding: 10px;
    background: #F8F8F8;
    margin: 0 0 0 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

@keyframes marquee {
 0%   { transform: translateX(0); }
100% { transform: translateX(-100%); }
}

div.sondermeldung{
	background: rgba(124,252,000,0.95);
	font-family:'WWType';
	overflow:hidden;
	max-width: 100vw; /* iOS braucht das */
	white-space: nowrap;
/*	margin:-5px 0 10px 0; */
	margin:0;

}

div.sondermeldung span{
	animation: marquee 30s linear infinite;
	display: inline-block;
	padding: 5px 5px 5px 100%;	
	font-size:16px;
	color:black;
}

div.sondermeldung span a{
	color:#DB0000 !important;
	font-size:16px !important;
	text-decoration:none;
}

div.sondermeldung span:hover {
 	animation-play-state: paused;
}


@media (max-width: 499px){
footer div.sozial a.WhatsApp_Icon::before, footer div.sozial a.Facebook_Icon::before, footer div.sozial a.Twitter_Icon::before, footer div.sozial a.RSS_Icon::before{
		background:none;
		border:0;
		margin:0;
		padding:0;
	}
}

@media (max-width: 399px){
div.sondermeldung span{
	display:none;
}
}

details{
	font-weight:normal;
	font-size:90%;
	font-family:'WWType';
}

summary{
	cursor:pointer;
	padding:5px 0 5px 0;
	font-size:100%;
    list-style: none; /* Triangle not shown */
}

details[open] summary::marker, summary::marker{
	content="";
	display:none;
}

summary::before{
   padding-right: 10px;
   content: '+'; /* Instead of Triangle closed */
   color:#DB0000;
   width:10px;
   display:inline-block;
}
details[open] summary::before{
   padding-right: 10px;
   content: '-'; /* Instead of Triangle open */
   color:inherit;
}

#newForm summary{
	font-size:24px;
	font-family:'WWType';
}

#newForm  details{
	font-weight:normal;
	font-size:110%;
	font-family:'WWType';
}


div.fussnote{
	position:relative;
	margin:15px;
	padding:15px;
	width:100%;
	color:#757575;
}

div.fussnote::before{
	position:absolute;
	content:"";
	border:1px #757575 solid;
	top:0;
	left:0;
	width:25%;
}



.plus:before{
	font-family:FontAwesome;
	content:"\f055";
	padding-right:5px;
	font-size:20px;
}

.minus:before{
	font-family:FontAwesome;
	content:"\f056";
	padding-right:5px;
	font-size:20px;
}



.ui-accordion .ui-accordion-content{
	padding:5px !important;
}

.question:before{
	font-family:FontAwesome;
	content:"\f059";
	padding-right:5px;
	color:#ffdd55;
	font-size:30px;
}

table.zahnstaffelBerechnung{
	margin:0 auto;
}

table.smallerTable td, table.zahnstaffelBerechnung td{
	font-size:90%;
}

table.smallerTable tr:nth-child(even) {
	background:#f5f5f5;
}

table.smallerTable td:not(:first-child){
	text-align:center;
	font-size:95%;
}


.videoExplain{
	border:5px solid white;
	border-radius:5px;
}

#newForm a.welldone{
	color:#757575;
	text-transform:none;
	font-weight:normal;
}

#newForm a.welldone:after{
	position:relative;
	font-family:FontAwesome;
	color:#66FF33;
	font-size:20px;
	margin-left:5px;
	content:"\f00c";
	border:none;
}


.fullStarRating{
	background:url('https://www.vorsorgeplaner24.de/assets/rating/fullstar.png') no-repeat;
	width:50px;
	height:50px;
	display:inline-block;

	background-size:100%;
}

.halfStarRating{
	background:url('https://www.vorsorgeplaner24.de/assets/rating/halfstar.png') no-repeat;
	width:50px;
	height:50px;
	display:inline-block;
	background-size:100%;

}

.noStarRating{
	background:url('https://www.vorsorgeplaner24.de/assets/rating/nostar.png') no-repeat;
	width:50px;
	height:50px;
	display:inline-block;
	background-size:100%;
}



#Rating{
	width:250px;
	margin:15px auto;
}


#Rating p.summary{
	clear:both;
	font-size:14px;
	color:#757575;
}

.w_v{
	color:#DB0000;
}

.floatright{
	float:right !important;
}

.dotted{
	border-bottom:1px dotted #757575;
	cursor:pointer;
}

#gotData{
	font-size:115%;
    padding: 25px;
    margin-top: 10px !important;
    border:2px solid #757575;
    border-bottom-right-radius:15px;
    box-shadow:3px 3px 3px #757575;
    margin-top:50px !important;
    margin-bottom:50px !important;
}

#lightTableClose{
	position:absolute;
	right:2%;
	text-decoration:none;
	top:5px;
	color:white;
}

#lightTableClose::before, .closing::before{
	font-family:FontAwesome;
	content:"\f00d";
	width:25px;
	display:inline-block;
	color:red;
	font-size:24px;
	transition:all 0.5s;
	text-align:center;
}

.closing::before{
	font-size:22px;
}

#lightTableClose:hover::before, .closing:hover::before{
	transform:rotate(360deg) !important;
}

a.cright, a.cleft{
	position:absolute !important;
	font-size:18px;
	background-color:#f5f5f5;
	padding:5px;
}

a.cright{
	right:0;
}

a.cleft{
	left:0;
}

.sidr-inhalt, .sidr-menu{
	position:absolute;
	margin-top:45px;
}

.youTubeImage{
	border:5px solid white;
	border-radius:5px;
}

#sourceFrame{
	left:2%;
	margin-top:40px;
	height:90%;
	width:96%;
	max-width:1500px;
	background:white;
	border:5px white solid;
	border-radius:5px;
	display:none;
	padding:25px;
}


ul.insideOfferListe li{
	font-size:80%;
	color:#757575 !important;
	list-style:none;
}

ul.insideOfferListe li:before{
	Font-family:FontAwesome;
	content:"\f0da";
	color:black;
	margin-right:5px;
	padding:7px !important;
}


#insideOffer h3.headline{
	font-size:28px;
	text-align:center;
	padding:15px;
	color:#757575;
	font-family:'WWType';
}

/** Neues Formulardesign **/
#newForm{
	width:100%;
	max-width:800px;
	margin:0 auto;
}

#newForm.w95{
	width:95%;
}

#newForm.w100{
	width:100%;
	max-width:inherit;
}



#newForm.focus{
	position:absolute;
	padding:10px;
	border-radius:10px;
	background:white;
	z-index:2;
}

/*
#newForm.matrix ol > li span{
	font-size:175%;
	text-transform:inherit !important;
	box-shadow:3px 3px 3px #757575;
	padding:30px;
	display:inline-block;
}
*/


#newForm.matrix ul li{
	margin-bottom:30px;
}

#newForm.matrix ul li > label{
	font-size:18px;
	padding:10px 10px 5px 10px;
	border-bottom:3px solid papayawhip;
	color:black;
	font-weight:bold;
}


#newForm.matrix ul li .subform{
	padding:10px;
	border-left:1px solid papayawhip;
	margin-right:15%;
	background:#f9f9f9;
	text-align:center;
}



#newForm.matrix input[type=radio] + label {
	display:inline;
	padding:0 20px 0 0;
}

#newForm.matrix input[type=radio] + label::before{
	width:25px;
}

a#closeFocus{
	position:fixed;
	top:20px;
	z-index:2;
	color:#757575 !important;
	right:20px;
}

a#closeFocus::before{
	font-family:FontAwesome;
	content:"\f00d";
	color:red;
	margin-right:5px;
	font-size:25px;
}


#newForm ol, #newForm ol ul{
	padding:0;
	list-style-position:inside;	
}


#newForm ol > li{
	font-family:'WWType',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;	
/*	text-transform:uppercase; */
	color:#DB0000;
	margin-bottom:25px;
	clear:both;
	list-style:none;
}


#newForm ul li {
/*	list-style-image:url('https://www.vorsorgeplaner24.de/images/arrow.png');	
	margin-top:10px;
	padding:0 0 0 10px; */
	list-style:none;
	color:black;
	text-transform:none;
}

#newForm ul li > label:before, .newForm:before{
	font-family:FontAwesome;
	content:"\f0da";
	padding-right:10px;
	color:#FF9900;
}

#newForm label, .newForm{
	font-family:'WWType',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;	
/*	padding:5px 5px 5px 5px; */
	display:block;	
	font-style:normal;
	float:none !important;
	clear:both !important;
	width:100% !important;
/*	color:#757575; */

}

#newForm input[type=radio] + label{
	color:black;
}

#newForm ul li select, #newForm ul li input, #newForm ul li textarea, .newFormInput{
	margin:0 5px 15px 25px;
	padding:3px;
	background:#e7f5f5;
	border:4px solid transparent;
/*	box-shadow:2px 2px 2px darkgray; 
	border-top-right-radius: 5px;
    border-top-left-radius: 5px; */
}

#newForm ul li select:focus, #newForm ul li input:focus, #newForm ul li textarea:focus, .newFormInput:focus{
	/* background-color:#F8F8F8; */
	border-bottom:4px solid rgba(124,252,000,0.95);
}

#newForm ul li textarea{
	width:70%;
	height:150px;
}
#newForm ul li input:not(input[type=radio]):not(input[type=checkbox]), #newForm ul li select, .newFormInput{
	min-width:70%;
	width:auto;
}

#newForm ul li option:hover{
	background:#DB0000;
	color:white;
}

#newForm #Anrede, #newForm .anrede, #newForm #Anrede_VN{
	min-width:0;
	width:150px;
}


#newForm #Tag,#newForm #Monat,#newForm #Jahr, #newForm .Tagessatz , #newForm #Tag_EP ,#newForm #Monat_EP ,#newForm #Jahr_EP, #newForm .datum,
#newForm #Jahr_VN,#newForm #Monat_VN,#newForm #Tag_VN{
	display:inline;
	min-width:0;
	width:90px;
}

:-ms-input-placeholder, ::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder   {
  color:#757575;
  font-style:italic;
  font-weight:normal !important;
}


#newForm .noList{
	list-style:none;
}

#newForm .subform, .newFormSub{
	margin-left:15%;
	padding:15px 15px 15px 50px;
	border-left:5px solid #DBDBDB;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
}

#newForm .subform .antragsinfo{
	margin-top:25px;
	margin-bottom:25px;
	background-image:linear-gradient(to top left, #e7f5f5, white 40%);
	padding:10px;
	border-left:5px solid #DB0000;
	font-size:14px;
}  

#newForm .subform label{
/*	font-size:100%;
	font-weight:normal; */
	width:90%;
}

#newForm .subform input, #newForm .subform select{
	font-size:100% !important;
	min-width:100px;
	width:auto;
	padding:5px !important;
}

#newForm ul li select.shorter{
	font-size:12px !important;
}

#newForm .hinweis, #Beitragsberechnung .hinweis{
	font-family:Arial, Helvetica, sans-serif;
	color:#FF9966;	
	padding-left:25px;
}

#newForm .hinweis:before, #Beitragsberechnung .hinweis:before{
	font-family:FontAwesome;
/*	content:"\f040"; */
	content:"\f071";
	padding-right:5px;
}

#newForm .hinweis:hover:before, #newForm .hinweis:hover,  #Beitragsberechnung  .hinweis:hover:before,  #Beitragsberechnung  .hinweis:hover{
	cursor:help;
}


#newForm .invalid, #Beitragsberechnung .invalid{
/*	background-color:#FF9966;
	box-shadow: 0 0 5px 1px #FF6600; */
	border-bottom:4px solid #FF6600;
}

#newForm .invalidSelectorLink, #Beitragsberechnung .invalidSelectorLink{
	box-shadow: 0 0 5px 1px #FF6600;
	border-bottom:2px solid #FF6600;
}

#newForm .invalidSelectorLink:before, #Beitragsberechnung .invalidSelectorLink:before{
	font-family:FontAwesome;
	content:"\f071";
	margin-right:5px;	
	
}


#newForm .explain{
	color:#757575;
	margin-left:50px;
	font-size:80%;
	display:none;
	
}
#newForm .explain:before{
	font-family:FontAwesome;
	margin-left:-20px;
	content:"\f05a";
	color:#FF9900;
	font-size:20px;
}
/*allgemein gültige Definition*/
.explain:before{
	font-family:FontAwesome;
	margin-right:10px;
	content:"\f05a";
	color:#FF9900;
	font-size:28px;
}

.useLink:before{
	font-family:FontAwesome;
	margin-right:10px;
	content:"\f090";
	color: #66FF33;
	font-size:28px;
}

.beraterOnline:before{
	font-family:FontAwesome;
	margin-right:10px;
	content:"\f0c0";
	color: #66FF33;
	font-size:28px;
}

.telefonOnline:before{
	content:"\f098";
	font-family: FontAwesome;
	font-size:28px;
	margin-right:10px;
	color: #66FF33;
}

.noBorder{
	border:0 !important;
}


#newForm input:focus + p.explain{
	display:block;
}



@media only screen and (max-width: 799px){


button.add, button.remove{
	margin: 20px 0 20px 10px;

}


#content section .text ul{
	width:90% !important;
}

#RegisterLinks div.Selektor, #RegisterRechts div.Selektor{
	width:100%;
}

#sourceFrame{
	padding:0;
}


.videoExplain{
	width:75%;
}


#newForm, #newForm .subform, table.angebot{
	width:90%;
	margin:0 auto;
	padding:0;
	border:0;
	font-size:90%;
	min-width:0 !important;
}

#newForm label{
	padding:0;
}

#newForm ol{
	margin:0;
	padding:0;
	list-style-position:inside;
	
}

#newForm ul > li{
	font-size:90% !important;
}

#newForm ul li select, #newForm ul li input, #newForm ul li #Email, #newForm ul li textarea{
	width:80%;
}

#newForm .hinweis{
	padding-left:5px;
}

#newForm ul li select .smaller{
	font-size:12px !important;
}

#newForm .small{
	font-size:10px;
	color:black;
}

#newForm .subform select, #newForm .subform input{
	font-size:90% !important;
	padding:10px;
/*	background-color:#F2F2F2;
	border:0; */

}

#newForm #Tag,#newForm #Monat,#newForm #Jahr{
	display:block;
	width:90px !important;;
}

#newForm input[type=submit], #newForm button, input[type=submit], input[type=button], input[type=image]{
	margin-bottom:25px;
	font-size:100%;
}
}

@media only screen and (max-width: 600px){
#newForm, #newForm .subform, table.angebot{
	width:98%;
	margin:0 auto;
	padding:0;
	border:0;
	font-size:90% !important;
	min-width:0 !important;
}

#newForm ul > li{
	font-size:90% !important;
}

#newForm ul li select, #newForm ul li input, #newForm ul li #Email, #newForm ul li textarea{
	margin:15px 0 25px 0;
	padding:3px 0 3px 0;
	width:initial;
	font-size:90% !important;
	overflow:hidden;

}

ul{
	padding:0;
}

.leftright .left{
	display:none;
}

.leftright .right{
	position:relative;
	float:none;
	text-align:center;
	display:block;
	font-size:150% !important;
	font-weight:bold;
}

section div.text p{
	width:98%;
}

#content .firstLine h4{
	width:100%;
}

#newForm summary{
	font-size:115%;
	font-family:'WWType_Bold';
}
}

.sticky{
	position:fixed;
	top:0;
	width:86%;
	margin:0 auto;
	border-bottom:2px solid #757575;
/*	background:#9ddd58;
		filter:alpha(opacity=95); /* IE */
/*	opacity:0.95; /* allgemein */
/*	-moz-opacity:0.95; /* Mozilla */
/*	-khtml-opacity:0.95; /* KTHML */
/*	-opera-opacity:0.95; /* Opera */
	
	background:transparent url('https://www.vorsorgeplaner24.de/images/filler.png') repeat !important;
	z-index:1000;
}


.sticky_none{
	position:static;
	border-bottom:0;
}

#waiting, .cover, .focuswall{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	z-index:5;
	overflow:hidden;
	background-color:rgba(0,0,0,0.65);
	display:none;
}

#waitingpic{
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent url('https://www.vorsorgeplaner24.de/intern/images/loadingred.gif') no-repeat fixed center center;
	z-index:101;
	display:none;

}

.cover{
	display:block;
	z-index:100;
}

.focuswall{
	display:block;
	z-index:2 !important;
}


#navline{
	clear:both;
	
}

#hera a{
	font-size:10px;
	color:#757575;
	text-decoration:none;
}

#navline .small{
	float:left;
}

#nav .chat{
	width:50%;
	float:left;
	text-align:center;
}


#links, #links a, .keylink{
	font-size:10px;
	color:#757575 !important;
	font-weight:normal !important;
}

.keylink{

	color:#757575 !important;
	font-weight:normal !important;
}


.keywords {
	font-size:11px !important;
	color:#757575;
	text-align:center;
	padding:30px;
	font-weight:normal !important;
	margin:10px;
}

.keys{
	display:none;
}

sup{
	color:black;
	font-size:85%;
}


.rechtliches {
	padding:30px 0 10px 0;
	font-size:90%;
	position:relative;
	width: initial;
	text-align: left;
}


.rechtliches sup{
	display:inline-block;
	width:20px;
	vertical-align:top;
	color:#757575;
}

/*
.rechtliches:before{
	content:"Rechtliche Anmerkung:";
	position:absolute;
	top:0;
	left:0;
	width:33%;
	min-width:300px;
	border-bottom:1px solid gray;
	font-style:italic;
}
*/

.rechtliches sup + span {
	display:inline-block;
	width:80%;
}

#content section .text ul.hinweis{
	position:relative;
	width:80%;
	margin:50px auto;
	border-left:5px solid #e7f5f5;
/*	border-right:5px solid #DB0000; */

}

#content section .text ul.hinweis li{
	
}

#content section .text ul.hinweis li.head{
	font-family:'WWType_Bold';
	margin-left:-25px;
	list-style:none;
}

#content section .text ul.hinweis:before{
	position: absolute;
    top: -15px;
    left: 0;
    content: "";
    border-top: 5px solid #e7f5f5;
    width: 75%;
}
/*
#content section .text ul.hinweis:after{
	position: absolute;
    bottom: -15px;
    right: 0;
    content: "";
    border-top: 5px solid #DB0000;
    width: 25%;

}

*/


@media only screen and (max-width: 800px){
#links, #links a, .keylink, .keys {
	display:none;
}

#Gesundheitsfragen li, #Gesundheitsfragen .subform {
	margin-top:25px !important;
}

#newForm input[type=radio] + label:before,
#newForm input[type=checkbox] + label:before {
    font-size: 35px;
    margin-top:10px;
}

#newForm input[type=radio]:checked + label:before,
#newForm input[type=checkbox]:checked + label:before {
    font-size: 35px;
}

/*
#newForm  input[type=radio] + label,
#newForm  input[type=checkbox] + label{
	font-size:135% !important;
}
*/
}
/** Elemente für Volltestsuche **/


.kontaktformular{
	bottom:100px;
	color:#757575;
	text-decoration:none;
}

.kontaktformular:before{
	content:"\f003";
	font-family: FontAwesome;
	font-size:30px;

}

.lupe_activ:before {
	content:"\f002";
	font-family: FontAwesome;
	color:#DB0000;
	font-size:30px;
}

#chat{
	background-color:#DB0000;
	color:white;
	letter-spacing:5px;
}

#chatfixed{
	position:fixed;
	left:10px;
	bottom:10px;
}

#chatfixed .chatpic{
	background:url('https://www.vorsorgeplaner24.de/images/Caht.png') no-repeat;
	display:block;
	width:100px;
	height:93px;
}

.youTube{
	display:none;
	text-align:center;
}

#youTubeURL{
	display:block;
	text-align:center;
	padding-left:50%;
	margin-left:-75px;
}

#youTubeURL a{
	background:url('https://www.vorsorgeplaner24.de/images/youtube.jpg') no-repeat;
	width:150px;
	height:150px;
	display:block;
}

#content .rightside{
	text-align:right;
}

.logo{
	background:url('https://www.vorsorgeplaner24.de/images/wwvb.png') no-repeat;
	width:100px;
	height:100px;
	float:right;
	
	}

.inline{
	display:inline !important;
}


#OfferLinkOnline::before, #OfferLink::before{
	color:orange;
	content:"\f1ec";
	font-family:FontAwesome;
	font-size:125%;
	font-size:40px;
	display:block;
}

p.linkspace{
	text-align:right;
	overflow:hidden;
	width:100% !important;
	margin:25px 0 25px 0 !important;

}




.insideLink, .calculatorLink, .pdfLink, .youTubeLink, .directLink, .noSSL, .nextRegTab, .teaserLink, .noAnimationLink{
	font-size:115%;
	border:0;
	display:block;
	padding:20px 0 20px 0;
}


a.insideLink.bouncing, a.calculatorLink.bouncing, a.pdfLink.bouncing, a.directLink.bouncing, a.nextRegTab.bouncing {
	animation:bouncing 1s;
	animation-fill-mode: forwards;
}

.teaserLink, .noAnimationLink{
	margin-right:0;
	opacity:1;
	padding:10px 10px 10px 0;
}

.teaserLink{
	font-size:14px !important;
}

.doneLink, .labelLink{
	font-size:115%;
	border:0;
	color:#757575 !important;
	display:inline-block;
	padding:20px;
	margin-right:0;
}

.noSSL{
	opacity:1;
	font-weight:normal;
	padding:0;
	margin:0;
	font-size:inherit;
}

#content section a.labelLink{
	padding:5px;
	border:2px solid white;
}

#content section a.labelLink:before{
	content:"\f02c";
	font-family:FontAwesome;
	color:#DB0000;
	font-size:inherit;
	margin-right:10px;
}

#content section a.labelLink:hover::before{
	color:#9ddd58;
}

#content section a.labelLink:hover{
	border-bottom:2px solid #9ddd58;
}

.nextRegTab::before{
	font-family:FontAwesome;
	margin-right:10px;
	content:"\f0a9";
	color:#DB0000;
}

.directLink::before, .noSSL::before, .insideLink::before, .calculatorLink::before, .teaserLink::before, .noAnimationLink::before, .boxLink::before{
	color:#DB0000;
	content:"\f14c";
	font-family:FontAwesome;
	margin-right:10px;
	
}

.boxLink::before{
	margin-right:5px;
	font-size:14px;
}

.directLink:hover::before, .noSSL:hover::before, .insideLink:hover::before, .calculatorLink:hover::before, .labelLink:hover::before, .teaserLink:hover::before, .noAnimationLink:hover::before, .boxLink:hover::before{
	color:#9ddd58;
}

.youTubeLink::before{
	font-family:FontAwesome;
	color:#DB0000;
	content:"\f16a";
	margin-right:10px;
}

.doneLink::before{
	color:#99FF33;
	content:"\f046" !important;
	font-family:FontAwesome;
	margin-right:10px;
}

.pdfLink::before, .pdfLinkSmall::before{
	color:#DB0000;
	content:"\f1c1" !important;
	font-family:FontAwesome;
	margin-right:10px;
}

.pdfLinkSmall{
	color:black !important;
	padding:5px !important;
	display:block !important;
}

.externWin{
	float:right;
	color:#757575;
	font-size:115%;
	height:30px;
}
.externWin::before{
	color:#9ddd58;
	content:"\f065";
	font-family:FontAwesome;
	margin-right:10px;
	font-size:26px;
}

@media only screen and (max-width: 500px){

p.linkspace{
	text-align:center;
	width:100% !important;
	margin:25px 0 25px 0 !important;
}


a.insideLink.bouncing, a.calculatorLink.bouncing, a.pdfLink.bouncing, a.directLink.bouncing, a.nextRegTab.bouncing {
	animation:none;
	margin-right:5px;
}



#pflegecarousel, #bucarousel{
	display:none;
}

.taxtline{
	font-size:100% !important;
	padding:5px;
/*	background:url('https://www.vorsorgeplaner24.de/images/filler.png') repeat !important; */
	border:1px solid white;
	line-height:125%;
}
.taxtline.center, .taxtline.left, .taxtline.right{
	padding:20px;
	margin-bottom:15px;
}
#copyrow span{
	display:block;
}

.ProduktLink{
	clear:both;
	padding:30px 0 10px 0;
	text-align:center;
	font-size:125%;
}
}


#tform ul{
	margin:0 0 0 20px;
}

#tform .bigger{
	font-size:150%;
	color:#DB0000;
	list-style-image:url('https://www.vorsorgeplaner24.de/images/telefon_40_1.jpg');
}

.telefonnummer{
	font-family:'WWType_Bold',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
}

.ProduktLink{
	clear:both;
	padding:30px 0 10px 0;
	text-align:center;
	font-size:200%;
}


input, select, textarea{
			padding:5px;
			background-color:#E9E9E9;
			border: solid 2px #E9E9E9;
			border-radius:0;
			transition: box-shadow 0.3s, border 0.3s;
			outline: none;
		}
				
input:focus, select:focus, textarea:focus{
/*	background-color:#F9F9F9; */
	/**
	box-shadow: 0 8px 6px -6px #757575;
	transition:all 0.5s;
	outline: none; */
	border: solid 2px #707070;
	box-shadow: 0 0 5px 1px #969696;	
}
	
input[type=submit], input[type=button], input[type=image]{
	border:0 !important;
	font-size:26px;
	font-family:'WWType',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    text-transform:uppercase;

	}


input[type=submit], input[type=button]{
	border:3px solid #DB0000 !important;
	background-color:white;
	color:#DB0000;
	width:80%;
	max-width:800px;
	margin:20px auto;
	display:block;
 	box-shadow: 0 8px 6px -6px #757575;
	border-radius:5px;
}
		
input[type=submit]:hover, input[type=button]:hover{	
	background:#DB0000;
	color:white !important;
	box-shadow:none;
	cursor:pointer;
	transition:background 1s;
}

button.submit, button.waiting{
	font-size:30px;
	font-family:'WWType_Bold';
	border:0;							
	color:white;
	max-width:600px;
	margin:20px auto;
	display:block;
 	padding:10px 20px 10px 20px;
	transition:all 0.5s;
	position:relative;
	background-image:linear-gradient(to right bottom, #ffce3a 1%, #ff0e69); 
	box-shadow:0 5px 35px 0 rgba(0 ,0 ,0, 0.25);
}

button.submit:hover{
	box-shadow:none;
	cursor:pointer;
	transition:all 0.25s;
}

/*

button.submit:after{
	content: "";
    border-bottom: 10px solid orange;
    width: 20%;
    position: absolute;
    bottom: -10px;
    left: 0;
    transition:all 0.5s;
}

button.submit:hover::after{
	left:80%;  
    transition:all 0.5s;
}
*/

button.submit::before {
	font-family:FontAwesome;
	content:"\f061";
	font-size:30px;
	margin-right:10px;
	display:inline-block;
	transition:all 0.5s;
}

/*
button.submit:hover::before{
	font-family:FontAwesome;
	color:orange;
	transition:all 0.5s;
}
*/

button.waiting{
	color:white;
	transition:all 0.5s;
}


button.waiting::before{
	font-family:FontAwesome;
	content:"\f0f4";
	font-size:30px;
	margin-right:10px;
	display:inline-block;
}


button.add, button.remove{
	margin: 20px 0 20px 50px;
    font-size: 16px;
    display:block;
    border:0;
    background:none; 
   	position:relative;
   	text-align:left;
   	height:22px;
   	padding:0;
}
button.add:after, button.remove:after{
	position:absolute;
	background:white;
	top:1px;
	left:30px;
	transition:all 0.25s;
	width:0;
	overflow:hidden;
	font-family:'WWType_Bold';
	height:24px;
}

button.add:after{
	content:"Hinzufügen";
	color:lightgreen;
}

button.remove:after{
	content:"Löschen";
	color:#DB0000;
}


button.add:hover:after, button.remove:hover:after{
	width:100%;
}

button.add:before{
	font-family:FOntAwesome;
	content:"\f055";
	font-size:20px;
	width:30px;
	display:inline-block;
	color:lightgreen;
}

button.remove:before{
	font-family:FOntAwesome;
	content:"\f056";
	font-size:20px;
	width:30px;
	display:inline-block;
	color:#DB0000;
}


input:hover, select:hover, textarea:hover, button:hover{
	cursor:pointer;
}

form label, form .block{

display:block;
width:100%;
float:none;
}

form .smaller{
text-align:right;
margin-bottom:20px;

}

#OfferLink, #OfferLinkOnline{
	position:fixed;
	left:0;
	top:50%;
	margin-top:-45px;
	padding:30px 5px 30px 5px;
	border-bottom-right-radius:10px;
	border-top-right-radius:10px;
	box-shadow:1px 1px 3px #757575;
	display:none;
	text-decoration:none;
	z-index:2;
	background-image:linear-gradient(to bottom right, #f9f9f9, white 70%);
}

#ChatLink{
	position:fixed;
	right:0;
	top:50%;
    margin-top: -87px;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('https://www.vorsorgeplaner24.de/images/livechat.png') no-repeat;
	width:50px;
	height:174px;
	display:none;
	border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	box-shadow:1px 1px 3px #757575;
	z-index:2;
}

#callnow{
	position:fixed;
	background: transparent url('https://www.vorsorgeplaner24.de/images/callnow.png') no-repeat;
	height:64px;
	width:64px;
	border:0;
	display:none;
	overflow:hidden;
	bottom:0;
	left:0;
	background-position:0 0;
	z-index:11;
}

@media only screen and (max-width: 1024px){
#callnow{
	z-index:4;
}
}

#callnow:hover{
	background-position:0 -64px;
}



#ChatLink:hover ,#OfferLinkOnline:hover{
	cursor:pointer;
}


#OfferLink:hover{
	background-position:0 0;
	cursor:pointer;
}


@media only screen and (max-width: 799px){
#ChatLink{
	position:fixed;
	left:0;
	top:50%;
    margin-top: -87px;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	background: url('https://www.vorsorgeplaner24.de/images/livechat.png') no-repeat;
	width:50px;
	height:174px;
	display:none;
}

#DBV{
	display:none;
}
}




/** Angebotsformular **/

#content table.angebot{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	border-collapse:separate;
	border-spacing:5px;
	clear:both;
	min-height:500px;
	overflow:hidden;
	box-shadow:3px 3px 3px #f1f1f1;
	border-bottom-right-radius:5px;
	background-image:linear-gradient(to top, #f9f9f9, white 70%);
	
}

#content td.wvtd{
	background:#DB0000 url('https://www.vorsorgeplaner24.de/images/ihrangebot.png') no-repeat scroll center center ;
	color:#FFFFFF;
	padding:2px 25px 2px 25px;
	width:100px;
	border-radius:5px;
	display:none;
	
}

form fieldset {
	padding:20px 5px 20px 5px;
	border:5px solid #EBEBEB;	
}

form legend{
	font-size:20px;
	border:0;
	border-left:5px solid white;
	border-right:5px solid white;
	padding:0px 10px 2px 10px;
	background-color:#EBEBEB;
	color:#DB0000;
	padding:5px 10px 5px 10px;
	font-family:'WWType',Verdana, Geneva, Tahoma, sans-serif;
	text-transform:uppercase;

}


/** Ende Formular **/


@media only screen and (max-width: 799px){

#content table.angebot{
	margin-top:25px;
/*	border:1px solid #757575; */;
	padding:10px 0 10px 0;
	width:100%;
}	
	
#content table.angebot tr, #content table.angebot td, #content table.angebot th{
	display:block;
	margin:0;
	padding:0;
}

form fieldset{
	margin:0;
}


#content td.wvtd{
	display:none;
	width:0px;
	background:none;
	
}
/* 
#content table.angebot select{
	font-size:80%;
	width:95%;
	overflow:hidden;
}
*/
#content table.angebot input[type=radio]{
	margin:15px 0 5px 20px;
}

#content table.angebot input[type=submit]{
	clear:both;
	text-align:center;
}


#content .rightside{
	text-align:center;
	display:block;
}


}


/** Ende **/



/* Content und Sidebar-Elemente */


#logo_side{
	position:fixed;
	top:50%;
    margin-top: -250px; 
   	padding:322px 3px 20px 52px; 
	left:1%;
	margin-left:1034px;
	width:200px;
	height:500px; 
	background:transparent url('../css/header_left.png') no-repeat; 
/*	z-index:1; */
	display:none;

}

#logo_side table{
	width:185px;
}

#logo_side td{
	width:25%;
	text-align:center;
}

#logo_side .headline{
	text-align:left;
	padding:0px 0 4px 0;
	color:#757575;
	letter-spacing:1.2px;
	
}

#logo_side .bottonline{
	border-top:1px solid #757575;

}

.ssl{
	background:url('https://www.vorsorgeplaner24.de/images/ssl.png') no-repeat;
	padding-left:50px;
	min-height:50px;
	
}



/** Standard Elemente für CONTENT **/





.impressum{
	margin:10px 0px 5px 0px;
	font-family:'WWType',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color:#DB0000;
	text-transform:uppercase;
	letter-spacing:0.1em;

}

@media only screen and (min-width: 600px){



.youTube{
	display:block;
	text-align:center;
	margin-top:25px;
}

#youTubeURL{
	display:none;
}
}



@media only screen and (min-width: 501px){

#tform{
	width:50%;
	margin:0 auto;
	padding:10px 0 10px 0;
	display:none;
	clear:both;

}

#tform ul{
	margin:0 0 0 20px;
}
}

#content a:visited, #footer a:visited {
	color:#DB0000;
}

/** Ende **/

#more {
	padding: 20px 0px 0px 0px;
}

#more a{
	font-size:80%;
	color:#757575 !important;
	
}


/* Liste */

/* Teaser */



#content .teaser div.teaserelement {
	padding: 5px 10px 5px 10px;
	margin:0 auto;
}


#content .teaser div.teaserelement a{
	font-weight:normal !important;
	font-size: 100%;
	line-height:normal !important;	
}

div.teaserpicture {
	float: right;
	padding: 0px;
	margin: 0px 0px 10px 10px;
}

#content .teaser div.teaserelement h3{
	font-size:115%;
	text-align:center;
	font-family:'WWType';
	padding:20px 0 20px 0;
	color:#757575;
}

#content p.teasertext, #sidebar p.teasertext {
	margin: 0px;
	padding: 4px 0px 4px 0px;

}

#content .teaser p{
	    width: 80%;
    	margin: 25px auto;
}

#content .teaser a.teaserlink{
	text-decoration:none !important;
	display:block;
	background:#DB0000;
	padding:5px 5px 5px 5px;
	color:black !important;
	font-family:'WWType_Bold';
	background-image:linear-gradient(to right, #e7f5f5, white 70%);
	border-top-left-radius:5px;
}

#content .teaser  a.teaserlink:before{
	font-family:FontAwesome;
	content:"\f0da";
	color:orange;
	margin-right:5px;
}

#content .teasertext_light{
	margin-bottom:30px;
	padding:10px 5px 5px 25px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background-image:linear-gradient(to left, #F2F2F2, white);
	border-left:5px solid #e7f5f5;
}

#content .teasertext_light:before, #content .teasertext_dark:before{
	font-family:FontAwesome;
	content:"\f016";
	font-size:200%;
	margin-right:5px;
	color:#757575;
}

#content .teasertext_dark{
	margin-bottom:30px;
	padding:10px 5px 5px 25px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	background-image:linear-gradient(to left, #f9f9f9, white);
	border-left:5px solid #e7f5f5;
}


@media only screen and (max-width: 799px){


div.teaserelement{
	float:none !important;
	clear:both !important;
	width:98% !important;
	margin: 0 auto;
}

div.teaserelement a{
	font-size:80%;
}

div.teaserelement h3{
	font-size:100%;
}

#content .teaser p{
	    width: 90%;
    	margin: 25px auto;
}
}

.teasernav {
	clear: both;
	padding: 2px 0px 2px 0px;
	margin: 0px;
	text-align: center;
}


/* Plugin-Styles */



P.s2d  {

	font-size: 180%;

	font-weight : bold;

	margin: 0px;

	padding: 2px 0px 2px 0px;

	line-height: 200%;

}



P.s2dsmall  {

	font-size: 90%;

}





/* Tabellenbreite */

table.pluginwidth {

	width: 460px;

	margin: auto;

}



table.completewidth, td.completewidth {

	width: 100%;

}


#box{
	padding:10px 5px 10px 5px;
	background:#FFFFE1;
	
}



.checkbox_border{
	width:20px;
	text-align:center;
}



.pageblock_text{
	padding:5px 5px 5px 5px;
	text-align:left !important;
	font-size:100% !important;

}


.schlagzeile{
	width:205px;
	padding:6px 0 6px 0;
	text-align:center;
	vertical-align:middle;
}

.pagetop{
	z-index:1;
	background: transparent url('https://www.vorsorgeplaner24.de/images/pagetop.png') no-repeat;
	height:40px;
	width:50px;
	border:0;
	display:block;
	overflow:hidden;
	background-position:0 0;
}

.pagetop:hover{
	background-position:0 -40px;
	cursor:pointer;
}


#supportlayer { 
   position:fixed; /*wichtig*/ 
 	left:50%;
    margin-left: -511px;  
	top:0px; 
	width:1000px; 
	height:400px; 
    background-color:#F4F4F4;
    padding:0 10px 3px 10px;
    z-index:1000;
    -webkit-box-shadow: 2px 0px 10px #757575;
	-moz-box-shadow: 2px 0px 10px #757575;
	box-shadow: 2px 0px 10px #757575;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;

} 

#iframe_one{
	margin-bottom:2px;
	width:975px;
	height:350px;
	border:0;
}

#finishedChat{
	font-family:'WWType_Bold';
	font-size:20px;
	text-decoration:none;
	color:black;
}

#finishedChat:before{
	font-family:FontAwesome;
	content:"\f05c";
	color:#DB0000;
	width:30px;
	transition:all 0.5s;
	display:inline-block;
}

#finishedChat:hover:before{
	transform:rotate(360deg);
}

.acch3 {
	padding:3px 3px 3px 35px !important;
	margin:10px 0 0 0 !important;
	font-size: 125% !important;
	background-color:#F8F8F8!important;
	font-family:'WWType_Bold',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	color:#666666 !important;
	border:0 !important;
}


.acch3dezent{
	background-color: white !important;
	color: orange !important;
	padding-left: 35px !important;
	font-size: 16px !important;
	border: 0 !important;
	margin-top:10px !important;
	font-family:inherit !important;
	cursor:pointer;
}

.acch3dezent.ui-state-active{
	background:white !important;
	color:#DB0000 !important;
	font-weight:bold !important;
}

/*
.acch3dezent::before{
	content:"\f0da";
	font-family:FontAwesome;
	margin-right:10px;
	color:orange;
}
*/
.accordiondezent{
	border:0 !important;
	font-size:16px !important;
	font-family:inherit !important;
/*	padding:20px !important; */
}

.accordiondezent div{
	background:#f1f1f1;
}


li.list{
	list-style:square outside !important;
}

.ui-state-active{
	background:#DB0000 !important;
	color:white !important;
}

.ui-state-default{
	background-image:none !important;
}

.accordion{
	width:80%;
	margin:0 auto !important;
}

/* Neu */

ul.okListe > li, #newForm ul.okListe > li{
	list-style-image:url('https://www.vorsorgeplaner24.de/images/listenhaken.png');
	font-family:'WWType';
	font-size:150%;
	padding:5px;
	margin:10px;
}

ul.okListeSmall > li, #newForm ul.okListeSmall > li{
	list-style-image:url('https://www.vorsorgeplaner24.de/images/listenhaken.png');
	font-family:'WWType';
	padding:5px;
	margin:10px;
}

ul.okListe li.important{
	font-size:200%;
	font-weight:bold;
}

/*
ul.okListe > li:before{
	font-family:FontAwesome;
	color:#66FF33;
	font-size:30px;
	margin-right:5px;
	content:"\f00c";
} */

.marginL15{
	margin-left:15% !important;
}





.centerStyle{
	width:98%;
}

.centerStyle table tr, .centerStyle table td{
	display:block;
}
}



/* Footer Form */

#footerForm, #sform{
	position:fixed;
	bottom:0;
	display:none;
	z-index:10;
	left:0;
	right:0;	
	background-color:transparent;
}


#footerForm p.line, #sform p.line{
	border-bottom:5px solid #9ddd58;
	text-align:center;

}

#footerForm p.line span, #sform p.line span{
	background-color:#9ddd58;
	padding:3px 10px 3px 10px;
	color:white;
	font-family:'WWType_Bold',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}



#sform form{
	background-color:white;
	position:relative;
	border-top: 5px solid #9ddd58;
	text-align:center;
	}

#sform .sform input[type=text]{
	width:80%;
	font-size:150%;
	color:#757575;
	padding:15px;
	background-color:#ebf0f3;
	margin:5px 0 5px 0;
}

#lookfor{
	background:transparent;
	border:0;
	width:250px;
	text-align:center;
	margin-left:-300px;
}

#lookfor::before {
    font-family: FontAwesome;
    content: "\f00e";
    font-size: 30px;
    margin-right:10px;
    color:#DB0000;
}

#lookfor:hover{
	color:#DB0000;
}

@media only screen and (max-width: 799px){

ul.okListe > li{
	font-size:100%;
}


#lookfor{
		font-size:20px !important;
		padding:10px;
		margin:0;

	}

.accordion{
	width:98%;
}

.acch3{
	font-size:100% !important;
}
	
#sform .sform input[type=text]{
	font-size:20px !important;
	clear:both;
	float:none;
	margin:5px !important;

}

#sform form{
	width:100%;
	padding:0;
	margin:0;
	background-color:white;
	text-align:center;
}
}


#footerForm form{
	padding:5px 10% 0 10%;
	background-color:white;
}

#footerForm form input, #footerForm form select{
	padding:5px;
	background-color:#E9E9E9;
	border: solid 2px #E9E9E9;
	/* border: solid 2px #9ddd58;
	background-color:#9ddd58; */
	border-radius:0;
	transition: box-shadow 0.3s, border 0.3s;
	margin:3px;
	font-size:14px;
	font-weight:bold;
}

		
#footerForm form input:focus, #footerForm form select:focus, #footerForm form textarea:focus{
	border: solid 2px #707070;
  	box-shadow: 0 0 5px 1px #969696;
}


#footerForm .moreDatas, #footerForm .moreDetails{
	display:none;
	float:none;
	clear:both;
	padding-top:2px;
	background-color:white;

}

#footerForm .moreDetails input, #footerForm .moreDetails select{
	font-weight:normal !important;
}

#footerForm .submitting{
	right:0;
	float:right;
}

#footerForm .calculator{
	float:left;
/*	background:url('https://www.vorsorgeplaner24.de/images/onlinerechner.png') no-repeat; */
	background:url('https://www.vorsorgeplaner24.de/images/footerForm.jpg') no-repeat;
	height:55px;
	width:70px;
	margin-top:4px;

	}

#footerForm .Birthday{
	width:600px;
	margin:0 auto;
}

	
#footerForm .Birthday p{
	font-family:'WWType_Bold',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:15px;
	padding:0;
	margin:0;
}	

#footerForm .Birthday h2{
	font-size:18px !important;
	padding:0 !important;
	margin:0 !important;
}

#footerForm .Birthday label, #footerForm .moreDatas label{
	font-family:'WWType',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	font-size:11px;
	padding:10px 5px 0 0; 
	width:150px;
	display:block;
	float:left;
}	

#footerForm .Birthday input{
	width:65px;
}

#footerForm .moreDatas #Email{
	width:277px;
	float:left;
}
#footerForm .moreDatas input{
	width:125px;
}

#footerForm .moreDatas p{
	font-size:12px;
}

#footerForm .Datenschutz{
	padding:10px 20px 0 20px;
	border-top:1px solid #EFEFEF;
	float:none;
	clear:both;
	font-size:10px !important;
	}
	
#footerForm .Datenschutz .SecureData{
	background:url('https://www.vorsorgeplaner24.de/images/schloss.png') no-repeat;
	width:42px;
	height:40px;
	float:left;
	padding:5px;
}

#footerForm .Datenschutz p{
	padding-top:10px;
}


	
#footerForm .Datenschutz a{
	text-decoration:underline;
	color:inherit;
}

#footerForm .Datenschutz a:after{
	position:relative;
}

#footerForm form .SubmitForm{
	font-family:'WWType_Bold',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans 	Unicode", Geneva, Verdana, sans-serif;
	font-size:115%;
	padding:5px;
	background:white;
	width:200px;
	color:#DB0000;

}

#footerForm form .SubmitForm:hover{
	background-color:#DB0000;

}
	
#footerForm .closeForm{
	float:right;
	display:none;
	
}
#footerForm .closeForm a{
	background:url('https://www.vorsorgeplaner24.de/images/closedoor.jpg');
	display:block;
	width:25px;
	height:25px;
	
}

#footerForm .closeForm a:after, #footerForm #formDetails:after{
	position:relative;
}

#footerForm .Details{
	border-top:1px solid #EFEFEF;
	height:10px;
	float:none;
	clear:both;
	
}

#footerForm ul{
	float:right;
}

#footerForm button.arrow{
	border:0;
	height:20px;
	width:20px;
	outline:none;
	background:url('https://www.vorsorgeplaner24.de/images/landing/arrow.png') no-repeat;
}


#footerForm #formDetails{
	font-size:11px;
	text-decoration:none;
}
 #footerForm #formDetails:before{
	content:"\25b6";
	padding:0 5px 0 5px;
}

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

#footerForm .calculator, #footerForm .Datenschutz .container, #footerForm .SecureData {
	display:none;
}

#footerForm .Datenschutz{
	color:white;
	height:40px;
}

#footerForm .moreDatas p{
	font-size:9px;
	padding:0;
}

#footerForm .Birthday{
	width:100%;
	text-align:center;
}

#footerForm .Birthday label, #footerForm .moreDatas label{
	float:none;
	padding:0 !important;
}

#footerForm form{
	padding:5px;
	position:relative;
	line-height:100%;
}

#footerForm .Birthday h2{
	display:none;
}

#footerForm form .SubmitForm{
	font-family:'WWType_Bold',"Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans 	Unicode", Geneva, Verdana, sans-serif;
	padding:5px;
	position:absolute;
	bottom:5px;
	left:50%;
	margin-left:-150px;
	width:300px;
}


#footerForm form select:not(#Anrede), #footerForm form input:not(#Tag):not(#Monat):not(#Jahr):not([type="submit"]){
	width:90% !important;
}

button.submit, button.waiting{
	width:90%;
}

button.submit:hover{
	width:90%;
}
}

input[type=radio],
input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
    
input[type=radio] 		+ label:before,
input[type=checkbox] 	+ label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    color: black;
	width:40px;
	font-size:30px;
	margin-right:5px;
}

input[type=checkbox]:checked 	+ label:before  {
    content: "\f00c";
    color: rgba(124,252,000,0.95);
}

input[type=radio]:checked 		+ label:before {
	content: "\f192";
	color: rgba(124,252,000,0.95);
}


input[type=radio]:disabled 		+ label:before,
input[type=checkbox]:disabled  	+ label:before  {
 
    color: darkgray !important;
}

input[type=checkbox] 			+ label:before {        
    content: "\f096";
}
input[type=checkbox]:checked 	+ label:before {
    content: "\f046";        
    color: rgba(124,252,000,0.95) ;
}
input[type=radio]:focus 		+ label:before,
input[type=checkbox]:focus 		+ label:before
/*input[type=radio]:focus 		+ label,
input[type=checkbox]:focus 		+ label*/
{                
    color: rgba(124,252,000,0.95);
}

input[type=radio] 			+ label,
input[type=checkbox] 		+ label
{                
    color: black;
    cursor:pointer;
}

input[type=radio]:checked 		+ label{
	font-family:'WWType_Bold' !important;
}

/*tabelle tarifWahl*/

table.tarifWahl tr td.w39{
	width:39%;
}

table.tarifWahl tr td.w26{
	width:26%;
}


table.tarifWahl tr td:first-child{
	width:22%;
}

table.tarifWahl tr:nth-child(2n+3){
	background:#f1f1f1;
}


/*Spezielle Radio Boxen für Tarifauswahl*/
input.tarifWahl			+ label{
/*	background:#f1f1f1; */
	border-bottom:4px solid lightgray;
	padding:10px 20px 10px 10px;
	display:inline-block;
	height:50px;
	font-size:120%;
	width:100%;
}

input.tarifWahl:checked + label{
/*	background:#e7f5f5; */
	border-bottom:4px solid orange;
	padding:10px 20px 10px 10px;
	color:black;
	display:inline-block;
	height:50px;
}

input.tarifWahl:checked			+ label:before{
/*	content:"\f0da"; */
	content:"\f046";
	color:orange;
	margin:0;
	font-size:40px;
	vertical-align:bottom;
	width:40px;
	color:rgba(124,252,000,0.95);
}

input.tarifWahl					+ label:before{
	content:"\f0da";
	width:15px;
	margin:0;
	font-size:20px;
	color:lightgray;
}


#footer{
	width:100%;
	padding:0;
	margin:0;
	clear:both;
}

#footer a{
	float:right;
	margin-bottom:10px;
}

#infos{
	margin-top:25px;
	padding:15px 5px 5px 5px;
	font-size:80%;
	font-style:italic;
	position:relative;
	text-align:center;
	background-image:linear-gradient(to bottom, rgba(249,249,249,0.9), rgba(255,255,255,0.9) 50%);
	border-top-left-radius:5px;
	border-top-right-radius:5px;

}

#infos p{
	display:inline-block;
	font-size:16px;
}
/*
footer .more::before{
	position:absolute;
	content:"";
	top:0;
	left:0;
	border:1px solid gray;
	width:100%;
	max-width:500px;
}
*/
#infos p.copyright:before{
	font-family:FontAwesome;
	content:"\f1f9";
	display:inline-block;
	width:25px;
	font-size:20px;
	color:orange;
}

#infos p.code:before{
	font-family:FontAwesome;
	content:"\f121";
	display:inline-block;
	width:25px;
	font-size:20px;
	color:orange;
}

#infos p.code a{
	color:black;
	text-decoration:none;
}

#infos p.code a::before{
	font-family:FontAwesome;
	content:"\f14c";
	display:inline-block;
	width:25px;
	font-size:16px;
	color:#DB0000;
}



form.resetform{
	border:0px;
	background:white;
}


.tablecatch{
	width:100%;
	border-right:20px solid #DB0000;
	border-left:1px solid #DB0000;
	border-top:1px solid #DB0000;
	border-bottom:1px solid #DB0000;
	padding:3px 0 3px 3px;
	line-height:175%;
	background-color:#F5F5F5;
}

#noWhatsappPossible, #noTelefonPossible{
	padding-left:10px;
	font-size:14px !important;
	line-height:125%;
	background-color:#F7F7F7;
	text-transform:none;
	margin:15px;
	display:none;
}

.s2d{
	font-family:'WWType_Bold',Verdana, Geneva, Tahoma, sans-serif;
	font-size:20px;
/*	color:#757575 !important; */
}

.reviewBox{
	border:1px solid #757575;
	border-radius:5px;
	margin:20px auto;
	padding:10px;
	min-height:50px;
}

.reviewBoxOdd{
		background:#f8f8f8;
}

.reviewBoxEven{
		background:#f3f3f3;
}

.reviewText{
	font-size:16px;
	display:block;
}

.reviewValues{
	clear:both;
	padding-left: 5px;
}

.reviewDate{
	clear:both;
	display:inline;
	text-align:inherit;
}

.reviewRating, .reviewDate{
	font-size:10px;
	color:#757575;
}

.reviewDate:before{
	font-size:10px;
	color:#757575;
	font-family:FontAwesome;
	content:"\f017";
	margin-right:5px;
}

.reviewRating:before{
	font-size:10px;
	color:#757575;
	font-family:FontAwesome;
	content:"\f091";
	margin-left:10px;
	margin-right:5px;
}

.reviewStars{
	height: 50px;
	width: 250px;
	margin-right: 10px;
}


#eKomi{
	width:90%;
	max-width:800px;
	margin: 0 auto;
}

#footerReviews .fullStarRating, #eKomiReviews .fullStarRating{
	width:25px;
	height:25px;
}

#footerReviews .halfStarRating, #eKomiReviews .halfStarRating{
	width:25px;
	height:25px;

}

#footerReviews .noStarRating, #eKomiReviews .noStarRating{
	width:25px;
	height:25px;
}

#footerReviews .reviewBox, #eKomiReviews .reviewBox{
	text-align:left;
	margin:25px;
}

#footerReviews .reviewStars, #eKomiReviews .reviewStars{
	height:inherit;
	width:inherit;
	clear:both;
	padding:0;
}

#footerReviews .reviewValues, #eKomiReviews.reviewValues{
	clear:both;
	padding-left: 5px;
}

#footerReviews .reviewDate, #eKomiReviews .reviewDate{
	clear:both;
	display:inline;
	text-align:inherit;
}

#footerReviews .reviewRating, #eKomiReviews .reviewRating{
	font-size:10px;
	color:#757575;
}

#footerReviews .reviewText, #eKomiReviews .reviewText{
	display:block;
}


#footerReviews .reviewDate:before, #eKomiReviews .reviewDate:before{
	font-size:10px;
	color:#757575;
	font-family:FontAwesome;
	content:"\f017";
	margin-right:5px;
}

#footerReviews .reviewRating:before, #eKomiReviews .reviewRating:before{
	font-size:10px;
	color:#757575;
	font-family:FontAwesome;
	content:"\f091";
	margin-left:10px;
	margin-right:5px;
}

.sslOn::before{
	font-family:FontAwesome;
	content:"\f023";
	width:30px;
	display:inline-block;
	color:#99CC00;
	font-size:150%;
	
}

#calcDaten #Tag, #calcDaten #Monat, #calcDaten #Jahr{
	width:150px !important;
	text-align:center;
	margin: 0 auto;
    font-size: 250% !important;
}



/* Beitragsberechnung Zahn */

	form#Beitragsberechnung{
	position:relative;
	max-width:1024px;
	margin:25px auto;
	width:96%;
	}
	
	form#Beitragsberechnung label{
	border:0 !important;
	}
		
	form#Beitragsberechnung a{
	text-decoration:none;
	}
	
	form#Beitragsberechnung input[type=radio]:checked + label:before{
	color:orange;
	}
	
	form#Beitragsberechnung a.moreDetails{
	font-size:16px;
	color:gray;
	}
	
	form#Beitragsberechnung a.moreDetails::before{
	font-family:FontAwesome;
	color:#DB0000;
	margin-right:5px;
	display:inline-block;
	content:"\f03a";
	}
	
	form#Beitragsberechnung ul, form#Beitragsberechnung ul.ergebnis, form#Beitragsberechnung ul{
	width:100% !important;
	}
	
	form#Beitragsberechnung input:not([type='checkbox']):not([type='radio']), form#Beitragsberechnung select{
    font-size: 18px;
    background: #e7f5f5;
    }
    
    form#Beitragsberechnung select#personen{
	width: 350px;
    font-size: 22px;
    font-family: 'WWType_Bold';
	}
    
    
    form#Beitragsberechnung ul.ergebnis li ul.details li.beitrag span{
	font-size:125%;
	font-family:'WWType_Bold';
	display:block;
	}
    
    form#Beitragsberechnung ul.ergebnis li ul.details li.beitrag{	
	text-align:right;
	margin-top:20px;
	font-size:16px;
	padding:10px;
	background-image:linear-gradient(to left, #e7f5f5, white 40%);
	}
		
    
    form#Beitragsberechnung ul.ergebnis li ul.details li.produkt input[type=checkbox] + label{
	font-family:'WWType_Bold';
	font-size:22px;
	background:#f1f1f1;
	text-align:center;
	padding:20px;
	box-shadow:0 5px 5px gray;
	transition:all 0.5s;
	max-width:500px;
	margin:0 auto;
	}
	
	form#Beitragsberechnung ul.ergebnis li ul.details li.checkbox input[type=checkbox] + label{
	font-family:'WWType_Bold';
	font-size:18px;
	background:#f1f1f1;
	padding:10px;
	box-shadow:0 5px 5px gray;
	transition:all 0.5s;
	max-width:500px;
	margin:0 auto;

	}

	
	
	form#Beitragsberechnung ul.ergebnis li ul.details li.produkt input[type=checkbox] + label:hover, form#Beitragsberechnung ul.ergebnis li ul.details li.checkbox input[type=checkbox] + label:hover{
	box-shadow:none;
	}
	
	form#Beitragsberechnung ul.ergebnis li ul.details li.produkt{
	margin-bottom:50px;
	}

	form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td table.zStaffel, form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td table.zzbLeistung{
	width:100%;	
	/*border:1px solid black;*/
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td table.zStaffel tr:nth-child(2n), form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td table.zzbLeistung tr:nth-child(2n){
	background:#f1f1f1;
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td table.zStaffel tr td, form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td table.zzbLeistung tr td{
	padding:0;
	font-size:90%;
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td table.zzbLeistung tr td:nth-child(1){
	text-align:left;
	width:250px;
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste.zahnersatz tr td.tarifauswahl{
	width:150px;	
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste.zahnbehandlung tr td.tarifauswahl{
	width:225px;	
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste.zahnersatz tr td.tarifauswahl_1, form#Beitragsberechnung ul.ergebnis li table.beitragsliste.zahnbehandlung tr td.tarifauswahl_1{
	width:450px;
	}
	
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr.border{
	border-bottom:1px solid gray;
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td.selectedBeitrag{
	border-top:5px solid orange;
	background: #e7f5f5;
    box-shadow: 0px 0px 3px grey;		
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td.item{
	text-align:right;
	width:150px;
	font-size:16px;
	color:gray;	
	text-align:center;
	letter-spacing:3px;
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste tr td{
	text-align:center;
	padding:5px;
	}
	
	form#Beitragsberechnung ul.ergebnis li table.beitragsliste{
	margin:10px 0 10px 0;
	width:100%;
	}
	
	
	form#Beitragsberechnung ol.datenerfassung, form#Beitragsberechnung ul.ergebnis{
	margin:25px;
	}

	form#Beitragsberechnung ol.datenerfassung li{
	list-style:none;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten{
	width:100%;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten .datum{
	width:80px;
	min-width:inherit;
	text-align:center;
	display:inline-block;
	margin:0;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten .strasse{
	width:100%;
	max-width:475px;
	margin-bottom:5px;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten .plz{
	width:100px;
	min-width:inherit;
	text-align:center;
	margin-right:5px;	
	}

	form#Beitragsberechnung ol.datenerfassung li ul.personendaten .ort{
	width:calc(100% - 119px);
	max-width:calc(475px - 119px);
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten label.radio{
	display: inline-block !important;
    border-bottom: 5px solid #e7f5f5;
    width:auto;
    padding:10px;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten em{
	color:gray;
	font-style:normal;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li.person, form#Beitragsberechnung ul.ergebnis li.person{
	border-left:1px solid orange;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li b.person, form#Beitragsberechnung ul.ergebnis li b.person{
	font-family:'WWType_Bold';
	font-size:20px;
	border-bottom:5px solid orange;
	display:inline-block;
	padding:10px;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .fields, form#Beitragsberechnung ul.ergebnis li .fields{
	font-size:20px;
	border-bottom:2px solid orange;
	line-height:200%;
	display:inline-block;
	margin:20px 0 20px 0;
	}

	
	form#Beitragsberechnung ul.ergebnis, form#Beitragsberechnung ul.ergebnis li ul.details{
	list-style:none;
	margin:0;
	padding:0;
	}
	
	form#Beitragsberechnung ul.ergebnis li ul.details{
    padding: 10px 0 0 0;
    line-height:150%;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .subform{
	padding: 10px;
    line-height:150%;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten .bl{
	/*border-left: 1px solid gray;*/
	}

	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .datenschutz{
	/*border-left: 1px solid gray; */
    margin: 10px 20px 10px 20px;
    padding: 0 0 10px 10px;
    line-height:125%;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .datenschutz label{
	margin-left:46px;
	max-width: calc(100% - 50px);
	}

	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .datenschutz label::before{
	margin-left:-46px;
	}
	
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .datenschutz p{
	font-size:90%;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .datenschutz h6{
	font-size:16px;
	padding:0;
	margin:30px 0 0 0;
	}

	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .subform label{
	display:block;
	margin-top:10px;
	line-height:125%;
	}

	form#Beitragsberechnung details summary.person,
	form#Beitragsberechnung details summary.berechnung,
	form#Beitragsberechnung details summary.antrag{
	color:gray;
	font-size:20px;
	max-width:250px;
	display:inline-block;
	vertical-align:top;
	position:absolute;
	top:25px;
	line-height:200%;
	}
	
	form#Beitragsberechnung details summary.berechnung{
	top:150px;
	}
	
	form#Beitragsberechnung details summary.antrag{
	top:275px;
	}
	
	form#Beitragsberechnung details[open] summary.person,
	form#Beitragsberechnung details[open] summary.berechnung,
	form#Beitragsberechnung details[open] summary.antrag{
	color:black;
	font-family:'WWType_Bold';
	}
	
	form#Beitragsberechnung details[open] summary.person::before,
	form#Beitragsberechnung details[open] summary.berechnung::before,
	form#Beitragsberechnung details[open] summary.antrag::before{
	background:#e7f5f5;
	color:#DB0000;
	}
	
	
	form#Beitragsberechnung details summary.person::before,
	form#Beitragsberechnung details summary.berechnung::before,
	form#Beitragsberechnung details summary.antrag::before{
	font-family: FontAwesome;
    font-size: 40px;
    padding: 40px 55px 40px 40px;
    background: #f1f1f1;
    display: inline-block;
    border-radius: 10px;
    color:gray;
    }
	
	form#Beitragsberechnung details summary.person::before{
	content:"\f007";
	}
	form#Beitragsberechnung details summary.berechnung::before{
	content:"\f15c";
	}
	form#Beitragsberechnung details summary.antrag::before{
	content:"\f044";
	}


	
	form#Beitragsberechnung details div.inhalt{
	display:inline-block;
	max-width:800px;
	margin-left:130px;
	margin-top:50px;
	}
	
	form#Beitragsberechnung li.rechtliches{
	margin:10px 0 10px 0 !important;
	}
	
	
	form#Beitragsberechnung li.fusstext{
	margin-top:50px !important;
	color:gray;
	}
	
	
	form#Beitragsberechnung li.rechtliches, form#Beitragsberechnung li.rechtliches p{
	padding: 0;
  	text-align: right;
  	width: 100%;
  	margin: 0;
  	font-size: 12px;
  	color: gray;
  	position:relative;
	}
	
	form#Beitragsberechnung li.rechtliches p::before{
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	border-bottom:1px solid gray;
	width:75%;
	max-width:300px;
	}
	
	
	form#Beitragsberechnung li.rechtliches a, form#Beitragsberechnung li.fusstext a{
	display:block;
	border-bottom:none !important;
	color:gray !important;
	}
	
	
	form#Beitragsberechnung li.rechtliches a::before, form#Beitragsberechnung li.fusstext a::before{
	font-family:FontAwesome;
	content:"\f15c";
	display:inline-block;
	font-size:14px;
	margin-right:3px;
	color:#DB0000;
	}
	
	form#Beitragsberechnung li.personBox{
	padding:10px;
	margin-bottom:40px;
	box-shadow: 3px 3px 4px lightgrey;
	}

/*form#Beitragsberechnung media querys*/


@media only screen and (max-width: 1023px){
	
	form#Beitragsberechnung{
	padding:0 5px 0 0;
	}
		
}

@media only screen and (max-width: 799px){

	form#Beitragsberechnung input:not([type='checkbox']):not([type='radio']), form#Beitragsberechnung select, form#Beitragsberechnung ol.datenerfassung li ul.personendaten .ort, 
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten .strasse, form#Beitragsberechnung select#personen{
    display:block;
    width:calc(100% - 10px);
    max-width:475px;
    margin:5px;
    }
    
	form#Beitragsberechnung ol.datenerfassung, form#Beitragsberechnung ol.datenerfassung li ul{
	padding:0;
	margin:0;
	}

	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten .plz{
	margin-bottom:5px;	
	}

	form#Beitragsberechnung button.submit{
    width:100%;
    }

}
    


@media only screen and (max-width: 699px){

		
	form#Beitragsberechnung details summary.person, form#Beitragsberechnung details summary.berechnung, form#Beitragsberechnung details summary.antrag{
	top:0;
	vertical-align:inherit;
	left:0;	
	}
	
	form#Beitragsberechnung details summary.berechnung{
	left:120px;
	}
	
	form#Beitragsberechnung details summary.antrag{
	left:240px
	}
	
	
	form#Beitragsberechnung details summary.person::before,
	form#Beitragsberechnung details summary.berechnung::before,
	form#Beitragsberechnung details summary.antrag::before{
	font-family: FontAwesome;
    font-size: 40px;
    padding: 30px 45px 30px 30px;
    background: #f1f1f1;
    display: inline-block;
    border-radius: 10px;
    color:gray;
    }

	
	
	form#Beitragsberechnung details div.inhalt{
	margin:110px 0 0 0;
	}
	
	form#Beitragsberechnung ol li, #content section .text form#Beitragsberechnung ul form#Beitragsberechnung ul li, form#Beitragsberechnung ol, #content section .text form#Beitragsberechnung ul, form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .subform, 
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .datenschutz{
    margin: 15px 0 0 0 !important;
    padding: 0 !important;
    border-left:0;
    width:100% !important;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .datenschutz{
	border:0;
	margin:0;
	}
	
}

@media only screen and (max-width: 499px){

	form#Beitragsberechnung{
	width:100%;
	}
	
	form#Beitragsberechnung details div.inhalt{
	padding:0;
	width:100%;
	}

	/*
	form#Beitragsberechnung ol li, form#Beitragsberechnung ul li, form#Beitragsberechnung ol, #content section .text form#Beitragsberechnung ul{
	border:0 !important;
	width:100% !important;
	}
	*/

	form#Beitragsberechnung ul.ergebnis li ul.details li.produkt input[type=checkbox] + label{
	font-size:18px;
	background:#f1f1f1;
	padding:15px 5px 15px 5px !important;
	}
	
	form#Beitragsberechnung ol.datenerfassung li ul.personendaten li .person, form#Beitragsberechnung ul.ergebnis li .person{
	padding:10px;
	}
	
	form#Beitragsberechnung li.personBox{
	padding:10px;
	}
		
}



/* Kalkulation :: Formular für Zahnversicherung 2022 */



form#Kalkulation{
	max-width:700px;
	margin:0 auto;
	position:relative;
}

form#Kalkulation div.fortschritt{
	position: -webkit-sticky;
	position:sticky;
	top:0px;
	background:white;
	padding:0;
	border-bottom:2px solid #f9f9f9;
	z-index:2;
}

form#Kalkulation div.frame{
	padding: 20px 25px 0 25px;
}

form#Kalkulation ul{
	padding-left:0;
	list-style:none;
	width:100% !important;
	margin:10px auto !important;
}

form#Kalkulation div#personen ul.personendaten{
	max-width:400px !important;
}


form#Kalkulation div#Angebote_Ansicht div.personen{
	border-bottom:2px solid #f1f1f1;
	padding-left:30px;
} 

form#Kalkulation div#Angebote_Ansicht div.personen ul, form#Kalkulation div#Angebote_Ansicht.personen ul li{
	padding:0;
	margin:0 !important;
	
}

form#Kalkulation div#Angebote_Ansicht div.personen ul li{
	list-style-type:none;
	display:inline-block;
	padding:10px 20px 10px 20px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background:#f9f9f9;
}

form#Kalkulation div#Angebote_Ansicht div.personen ul li.selected{
	background: orange;
    color: black;
    border: 2px solid #f1f1f1;
    border-bottom: 0;
  
}

form#Kalkulation div#Angebote_Ansicht div.personen ul li a{
	display:block;
	color:gray;
}

form#Kalkulation div#Angebote_Ansicht div.personen ul li.selected a{
	color:white;
	font-family:'WWType_Bold';
}

form#Kalkulation div#Angebote_Ansicht div.personen ul li a::before{
    font-family: FontAwesome;
    content: "\f0da";
    display: inline-block;
    margin-right: 5px;
    color: #f1f1f1;
}


form#Kalkulation div#Angebote_Ansicht div.personen ul li.selected a::before, form#Kalkulation div#Angebote_Ansicht div.personen ul li a:hover::before {
    color: white;
}



ul.head li, ul.abschluss li{
	list-style:none;
	padding:10px;
	text-align:center;
}

ul.abschluss li{
	text-align:left;
	line-height:125%;
}

ul.head li select, ul.abschluss li select{
	margin:10px auto;
	width:100px;
	display:block;
	background: white;
    color: black;
    padding: 5px 30px 5px 30px;
    border-radius: 10px;
    font-weight: bold;
    border: 5px solid #e7f5f5;
    font-size: 125%;
}

ul.abschluss li select{
	width:inherit;
	border: 5px solid #e7f5f5;
	box-shadow: 3px 3px 5px lightgrey;
	font-size: 125%;
	box-shadow:none;
}

form#Kalkulation div#antrag ul.abschluss{
	max-width:none;
}

form#Kalkulation fieldset{
	border:2px solid #f1f1f1;
	/*background:#f9f9f9;*/
	margin-bottom:20px;	
	background-image:linear-gradient(to top left, #f9f9f9, white 50%);
	padding-bottom:0;
	border-radius:5px;
}


form#Kalkulation #Angebote_Ansicht fieldset{
	border:2px solid #f1f1f1;
	border-top:0;
	/*background:#f9f9f9;*/
	margin-bottom:20px;	
	background-image:linear-gradient(to top left, #f9f9f9, white 50%);
	padding-bottom:0;
	border-radius:0;
	position:relative;
}


form#Kalkulation p{
	margin:0;
	padding:2px 0 2px 0;
	width:100%;
	font-family:'WWType';
}


form#Kalkulation fieldset legend{
	padding:5px 30px 5px 30px;
	border-radius:20px;
	font-weight:bold;
	font-size:110%;
	background:white;
	border:0;
	border:2px solid orange;
	box-shadow:3px 3px 5px lightgray;
	color:black;
	text-transform:unset;
}

form#Kalkulation #Angebote_Ansicht fieldset legend{
	padding:0 !important;
	border-radius:0;
	font-weight:normal;
	font-size:inherit;
	border:0;
	box-shadow:none;
	position:absolute;
	top:5px;
	left:30px;
		
}

form#Kalkulation fieldset legend span{
	font-weight:normal;
	font-size:initial;
	
}
form#Kalkulation fieldset ul li{
	padding:5px 0 5px 0;
}

form#Kalkulation fieldset ul li.right{
	text-align:right;
}

form#Kalkulation fieldset ul li.beitrag{
	border-top:1px solid gray;
	background:#f1f1f1;
	padding:5px;
	margin-top:10px;
	position:relative;
}

form#Kalkulation fieldset ul li span.hinweis{
	font-size:14px;
	display:block;
}

form#Kalkulation fieldset ul li input, form#Kalkulation fieldset ul li select{
	background-color: white;
    padding: 5px 20px 5px 20px;
    border-radius: 10px;
    border: 3px solid #e7f5f5;
    margin-top:5px;
}

form#Kalkulation fieldset ul li input.invalid, form#Kalkulation fieldset ul li select.invalid{
	border:2px solid orange;
}

form#Kalkulation fieldset ul li input.invalid + span.hinweis::before, form#Kalkulation fieldset ul li select.invalid + span.hinweis::before{

	font-family:FontAwesome;
	content:"\f071";
	color:orange;
	font-size:26px;
	display:inline-block;

}

form#Kalkulation fieldset ul li input.invalid + span.hinweis, form#Kalkulation fieldset ul li select.invalid + span.hinweis{
	display:inline-block;
	padding:0 10px 0 10px;
}

form#Kalkulation fieldset ul li div.beitrag{
	font-size:20px;
	padding:5px;
	display:inline-block;
	/*background:#e7f5f5;*/
	border-bottom:4px double gray;
	margin-top:2px;
}

form#Kalkulation fieldset ul li.warenkorb{
	text-align:right;
	font-size:14px;
	position:relative;
}

form#Kalkulation fieldset ul li.warenkorb::before, form#Kalkulation fieldset ul li.beitrag::before {
    content: "\f07a";
    font-family: 'FontAwesome';
    left: 0;
    position: absolute;
    font-size: 30px;
    color: darkslategray;
}

form#Kalkulation fieldset ul li.beitrag::before{
	color:black;
	top:20px;
	left:10px;
}


form#Kalkulation fieldset ul li.warenkorb div.beitrag_final{
	box-shadow:none;
	border:0;
	font-size:16px;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste{
	margin-top:20px;
	padding:15px;
	border:2px solid #f1f1f1;
	font-size:20px;
	text-align:center;
	background:#f9f9f9;
	position:relative;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste input + label{
	color:gray;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste::before{
	position: absolute;
    top: -22px;
    padding: 5px 20px 5px 20px;
    left: 20px;
    background: white;
    box-shadow: 3px 3px 5px lightgrey;
    color:gray;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste::after{
	position: absolute;
    top: -2px;
    padding: 0 5px 0 5px;
    right: -2px;
    background: #f9f9f9;
    border:2px solid #f1f1f1;
    color:gray;
    font-size:16px;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste.selected{
	border:5px solid #e7f5f5;
	background:white;
	border-radius:5px;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste.selected input + label{
	color:black;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste.selected::before{
	color:black;
    background: #e7f5f5;
    font-weight: bold;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste.selected::after{
    border-left: 5px solid #e7f5f5;
    border-bottom: 5px solid #e7f5f5;
    color: black;
    border-bottom-left-radius: 5px;
    background: rgba(124,252,000,0.95);
    font-size:18px;
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste.vorsorgeversicherung::before{
	content:'Vorsorgeversicherung';
}


form#Kalkulation fieldset ul li div.tarifauswahlleiste.zahnersatz::before{
	content:'Zahnersatzversicherung';
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste.zahnersatz::after, form#Kalkulation fieldset ul li div.tarifauswahlleiste.zahnbehandlung::after, form#Kalkulation fieldset ul li div.tarifauswahlleiste.vorsorgeversicherung::after{
	content: attr(data-beitrag) "€ p.M.";
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste.zahnbehandlung::before{
	content:'Zahnbehandlungsversicherung';
}

form#Kalkulation fieldset ul li div.tarifauswahlleiste span.heading{
    display: block;
    font-size: 16px;
    padding: 15px 0 15px 0;
    color: darkslategray;
}

form#Kalkulation fieldset ul li div.passworteingabe, form#Kalkulation fieldset ul li div.iban{
	padding:20px 0 20px 0;
}

form#Kalkulation fieldset ul li div.passworteingabe label, form#Kalkulation fieldset ul li div.iban{
	font-size:14px;
}

form#Kalkulation fieldset ul li div.iban span.de{
	font-size:20px;
}

form#Kalkulation fieldset ul li div.iban input#IBAN{
	display:inline-block;
	width:80%;
}


form#Kalkulation fieldset ul li div.tarifauswahlleiste label, form#Kalkulation fieldset ul li div.tarifauswahlleiste input{
	display:inline-block;
	width:initial;
	padding:0 10px 0 10px;
}

form#Kalkulation fieldset ul li div.tarifdetails{
	text-align:right;
}

form#Kalkulation fieldset ul li div.tarifdetails ul li a{
	color:gray;
}

form#Kalkulation fieldset ul li div.tarifdetails ul li a.pdf::before, form#Kalkulation fieldset ul li div ul li a.pdf::before{
	color:#DB0000;
	content:"\f1c1";
	font-family:FontAwesome;
	margin-right:10px;
}


form#Kalkulation fieldset ul li div.small{
	font-size:14px;
}

form#Kalkulation fieldset ul li div.small table.zStaffel{
	max-width:400px;
	border:5px solid #e7f5f5;
	margin:10px auto;
}



form#Kalkulation fieldset ul li div.small table.zzbLeistung{
	max-width:500px;
	border:5px solid #e7f5f5;
	margin:10px auto;
}



form#Kalkulation fieldset ul li div.small table.zStaffel tr:nth-child(2n+1), form#Kalkulation fieldset ul li div.small table.zzbLeistung tr:nth-child(2n+1){
	background:#f1f1f1;
}

form#Kalkulation fieldset ul li div.small table.zStaffel tr td{
	padding:2px 10px 2px 10px;
	width:50%;
	font-size:14px;
}

form#Kalkulation fieldset ul li div.small table.zzbLeistung tr td{
	padding:2px 10px 2px 10px;
	font-size:14px;
}

form#Kalkulation fieldset ul li div.small table.zzbLeistung tr td:nth-child(1){
	width:70%;
}

form#Kalkulation fieldset ul li p.tarifabwahl{
	padding-top:5px;
	text-align:right;
	color:gray;
}

form#Kalkulation fieldset ul li p.tarifabwahl input, form#Kalkulation fieldset ul li p.tarifabwahl label{
	display:inline-block;
	color:gray;
}

form#Kalkulation fieldset ul li p.tarifabwahl input + label::before{
	font-size:20px;
}


form#Kalkulation input, form#Kalkulation label{
	display:block;
}

form#Kalkulation label{
	border:0 !important;
}

form#Kalkulation div.fortschritt div{
	display:inline-block;
}

form#Kalkulation div.fortschritt div a{
	text-decoration:none;
}


form#Kalkulation div.fortschritt div a::before{
	font-family:FontAwesome;
	font-size:50px;
	border-radius:5px;
	margin:10px;
	display: flex;
	width: 100px;
	justify-content: center;
	height: 100px;
	align-items: center;
	background:#f9f9f9;
}

form#Kalkulation div.fortschritt div a.disabled::before{
	color:darkgray;
}

form#Kalkulation div.fortschritt div a::before{
	color:darkseagreen;
}


form#Kalkulation div.fortschritt div a.selected::before{
	color:orange;
	background:#e7f5f5;
}

form#Kalkulation div.fortschritt a#person::before{
	content:"\f007";
}

form#Kalkulation div.fortschritt a#tarifdaten::before{
	content:"\f15c";
}

form#Kalkulation div.fortschritt a#antragsdaten::before{
	content:"\f044";
}


form#Kalkulation div#antrag ul{
	max-width:400px;
	margin: 0 auto;
}

form#Kalkulation div#antrag fieldset.datenschutz ul, form#Kalkulation div#antrag fieldset.absenden ul, form#Kalkulation div#antrag fieldset.Angebot_Antrag ul{
	max-width:100%;
	font-size:16px;
}

form#Kalkulation div#antrag fieldset.Angebot_Antrag{
	background-image:linear-gradient(to left, #e7f5f5, white 100%);
}



form#Kalkulation div#antrag fieldset.datenschutz ul input, form#Kalkulation div#antrag fieldset.datenschutz ul input + label,
form#Kalkulation div#antrag ieldset.Angebot_Antrag ul input, form#Kalkulation div#antrag fieldset.Angebot_Antrag ul input + label,
form#Kalkulation div#antrag fieldset.absenden ul span.hinweis{
	padding:20px 0 20px 0;
	font-size:18px;
}

form#Kalkulation div#antrag fieldset.Angebot_Antrag input + label div{
	margin-left:45px;
	margin-top:5px;
}

form#Kalkulation div#antrag fieldset.Angebot_Antrag input[type=radio]:checked + label{
	font-family:'WWType' !important;
}


form#Kalkulation div#antrag fieldset.Angebot_Antrag input[type=radio]:checked + label div{
	display:inline-block;
}

form#Kalkulation div#antrag fieldset.Angebot_Antrag input[type=radio] + label div{
	display:none;
}

form#Kalkulation div#antrag ul li input{
	width:80%;
}

form#Kalkulation div#antrag ul li input.datum{
	width:100px;
	display:inline-block;
}

form#Kalkulation div#antrag ul li input.plz{
	width:100px;
}

form#Kalkulation div#antrag input[type=radio], form#Kalkulation div#antrag input[type=radio] + label{
	width:initial;
	display:inline-block;
	font-size:115%;
	margin-top:10px;
}

form#Kalkulation div#antrag input[type=radio] + label{
	margin-right:50px;
}

form#Kalkulation div ul.fusstext, form#Kalkulation div ul.disclaimer{

    font-size: 14px;
    border-top: 3px solid #f1f1f1;
    margin-top: 60px !important;
    position:relative;
    padding: 25px 0 0 0;
}
form#Kalkulation div ul.fusstext::after, form#Kalkulation div ul.disclaimer::after{
    position: absolute;
    top: -26px;
    padding: 10px;
    background: white;
    right: 11px;
    color: darkslategray;
}

form#Kalkulation div ul.fusstext::after{
	content: 'Rechtliche Informationen';
}

form#Kalkulation div ul.disclaimer::after{
	content: 'Haftungsausschluss';
}


form#Kalkulation div ul.fusstext li{
	padding:10px;
}

form#Kalkulation div ul.fusstext a.pdf{
	color: darkslategray;
	font-size:16px;
}

form#Kalkulation div ul.fusstext a.pdf::before{
	color:#DB0000;
	content:"\f1c1";
	font-family:FontAwesome;
	margin-right:10px;
}


form#Kalkulation div#tarif ul li.nichtVersicherbar{
	padding:0 0 0 30px;
	position:relative;
}

form#Kalkulation div#tarif ul li.nichtVersicherbar::before{
  font-family: FontAwesome;
  content: "\f057";
  color: red;
  font-size: 20px;
  position: absolute;
  left: 0px;
}

form#Kalkulation div#tarif ul li.nichtVersicherbar ul li.grund{
	background:white;
	padding:20px;
	margin:20px;
	border:5px solid #e7f5f5; 
}

form#Kalkulation p.disclaimer{
	padding:25px 0 25px 0;
	font-size:14px;
	color:gray;
}

@media only screen and (max-width: 550px){

	form#Kalkulation div.fortschritt div a::before{
	width:75px;
	height:75px;
	}

	form#Kalkulation div.fortschritt{
	padding:0 0 20px  0;
	border:0;
	}

	form#Kalkulation div.frame{
	padding:0;
	}

	#content section .text form#Kalkulation div ul, #content section .text form#Kalkulation div ul.head{
	width:100% !important;
	}

	form#Kalkulation fieldset ul li input, form#Kalkulation fieldset ul li select{
	max-width:calc(100% - 50px);
	}
	
	form#Kalkulation div#Angebote_Ansicht div.personen{
	padding:0;
	}
}
}

@media only screen and (max-width: 399px){
	
	form#Kalkulation fieldset ul li div.tarifauswahlleiste label, form#Kalkulation fieldset ul li div.tarifauswahlleiste input{
	padding:0;
	}
	
	form#Kalkulation fieldset ul li div.tarifauswahlleiste.zahnersatz::before{
	content:'Zahnersatz';
	}

	form#Kalkulation fieldset ul li div.tarifauswahlleiste.zahnbehandlung::before{
	content:'Zahnbehandlung';
	}

	
}