/* Allgemain */
h1, h2, h3, h4, h5, h6 {
	letter-spacing: -0.05em;
	font-weight: 500;
	color: #7c7c7c;
	line-height: 1.2;
	margin-bottom: 0.5em;
}
h1 { color: #5aa7c3; font-size: 2.8em; }
h2 { color: #5aa7c3; font-size: 2.2em; }
h3 { color: #5aa7c3; font-size: 2em; }
h4 { font-size: 2.6em; }
p { color: #7c7c7c; }
@media only screen and (max-width: 1024px) {
	h1 { font-size: 2.6em; }
	h2, h4 { font-size: 2.4em; }
	h3 { font-size: 2.2em; }
}
@media only screen and (max-width: 550px) {
	h1 { font-size: 2.2em; }
	h2, h4 { font-size: 2em; }
	h3 { font-size: 1.8em; }
}
@media only screen and (max-width: 400px) {
	h1 { font-size: 2em; }
	h2, h4 { font-size: 1.8em; }
	h3 { font-size: 1.6em; }
}
@media only screen and (max-width: 320px) {
	h1 { font-size: 1.8em; }
	h2, h4 { font-size: 1.6em; }
	h3 { font-size: 1.4em; }
}
header,
section,
footer {
	overflow-x: hidden !important;
}
.header .container {
	max-width: 1800px;
}
.header .container:last-child .twelve.columns {
	margin-bottom: 0;
}
.header .logo {
	max-height: 90px;
	margin: 0;
}
.header .logomobil {
	max-height: 70px;
}
.header .head-phone {
	margin: 0 0 0 auto;
}
.header .head-phone span {
	font-size: 1.2em;
	font-weight: 700;
	color: #5ba7c3;
}
.header .head-phone i.fa-solid {
	color: #8bdfb5;
	font-size: 1.5em;
}
@media only screen and (max-width: 1024px) {
	/* keine mobile Navigation */
	.header { padding-top: 0px; }
	/* bug style.css */
	#logolinks .twelve.columns {
		width: 100% !important;
	}
}
@media only screen and (max-width: 550px) {
	.header {
		display: none;
	}
	.header .head-phone span {
		display: none;
	}
}
#navigation > div > ul > li > a {
  font-size: 1;
	text-transform:uppercase;
}
.intro {
	margin-top: 0 !important;
}
/* mit mutistep form */
.home .intro .container {
	max-width: 1600px;
}
.intro {
	background-size: contain;
	background-position: right top;
	background-color: #3d63cb;
}
.home .intro .bgintro-left {
	margin-top: 80px;
	margin-bottom: 80px !important;
}
@media only screen and (max-width: 2000px) {
	.intro { 
		min-height: auto;
		background-size: cover;
  		background-position: 40% top;
	}
	.intro .bgintro-left {
		margin-top: 60px !important;
		margin-bottom: 40px !important;
	}
}
@media only screen and (max-width: 1400px) {
	.intro { 
		min-height: auto;
		background-size: cover;
  		background-position: 30% top;
	}
	.intro .bgintro-left {
		margin-top: 60px !important;
		margin-bottom: 40px !important;
	}
}
@media only screen and (max-width: 1024px) {
	.intro { 
		min-height: auto;
		background-size: cover;
  		background-position: 40% top;
	}
	.intro .bgintro-left {
		margin-top: 60px !important;
		margin-bottom: 40px !important;
	}
}
@media only screen and (max-width: 550px) {
	.intro { 
  		background-position: 40% top;
	}
	.intro::before {
  		background-color: #2b4bb7;
        background: linear-gradient(90deg, rgb(43,75,183, 0.9) 86%, rgb(43,75,183, 0.6) 100%) !important;
	}
}
@keyframes headSlide {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); /* Ändern Sie dies je nach gewünschter Bewegungsrichtung und Entfernung */ }
}
.intro .header-slidebox {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	overflow: hidden;
	background: rgba(90, 167, 195, 0.7);
}
.intro .header-slideimage {
  width: 12659px; /* Breite des Bildes anpassen */
  height: 45px; /* Höhe des Bildes anpassen */
  background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/Alle-Logos-45px-Brille.png') center center / cover no-repeat; /* Hintergrundbild und Anpassung anpassen */
  animation: headSlide 180s linear infinite; /* Animation anpassen (Dauer, Timing-Funktion, Unendlichkeit) */
  margin: 5px 0;
}
.intro .wpcf7 {
  padding: 2em 0;
  border-radius: 2em;
  background: rgb(21,40,134);
  background: linear-gradient(90deg, rgb(37, 78, 173) 0%, rgb(37, 78, 173, 0.5) 100%);
  text-align: center;
  width: 100%;
  max-width: 600px;
}
.intro .formstart {
	padding: 1em;
	margin-bottom: 0.5em;
	color: #ffffff;
}
.intro .formstart h1{
	margin-bottom: 0.5em;
	font-weight: 400;
	letter-spacing: 0;
}
.intro .formstart p {
	font-weight: 600;
	font-size: 0.9em;
	color: #ccc;
}
/* Regler */
.intro .wpcf7 .formprogress {
	position: relative;
	display: block;
	margin: 1em 0 2em 0;
	padding: 0;
	height: 6px;
	width: 100%;
	background: linear-gradient(to right, #3861c2 0%, #6ab3b4 15%, #efefef 15%, #efefef 100%); /* Farbverlauf anpassen */
}
.intro .wpcf7 img {
	margin: 1em auto 2em;
	max-width: 90%;
}
.intro .wpcf7 span, .intro .wpcf7 a {
    font-size: 1.1em;
}
.intro .wpcf7 span.frage {
	display: inline-block;
	font-size: 1.3em;
	margin-bottom: 1em;
	font-weight: 500;
	max-width: 80%;
}
.intro .wpcf7 .CF7_forminfos {
	display: inline-block;
	color: #ffffff;
	margin-bottom: 1em;
}
/* ZUrueck-Butttom */
.intro .wpcf7 button[type="button"] {
  padding: 1em 2em;
  color: #ffffff;
  background: linear-gradient(90deg, rgba(55, 96, 194,0.99) 0%, rgba(106, 179, 180, 0.99) 100%);
  border: none;
  border-radius: 12px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  margin: 1em auto 2em;
}
.intro .wpcf7 input[type="submit"] {
	background-color: #1a759b;
	border-color: #1a759b;
}
.intro .wpcf7 input[type="submit"]:hover {
	background-color: #444444;
	border-color: #444444;
}
@media only screen and (max-width: 1024px) {
	.intro .wpcf7 button[type="button"] {
		margin: 0em auto 1.5em;
	}
}
.intro .wpcf7 span.wpcf7-not-valid-tip {
	color: #cd2653;
	font-size: 0.95em;
}
.intro .wpcf7 form.sent .wpcf7-response-output {
	display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
	display: none !important;
}
.button, input[type="submit"] {
	border-radius: 10px;
}
.intro .wpcf7-radio label input + span, 
.intro .wpcf7-checkbox label input + span {
   height: 100%;
   display: flex;
   flex-wrap: wrap;
   align-content: center;
   padding: 1em 0 0.8em 1.5em;
   max-width: 170px;
   font-size: 1em;
   text-align: left;
}
div.svgpanel {
	overflow: hidden;
	position: absolute;
	z-index: 10;
	fill: #fff;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: -120px;
}
div.svgpanel svg {
	position: relative;
	display: block;
	left: 50%;
	max-width: 100%;
	hyphens: manual;
	width: calc(100% + 1.3px);
	height: 120px;
	transform: translateX(-50%) rotateY(180deg);
}
@media only screen and (max-width: 1024px) {
	div.svgpanel { margin-top: -40px; }
	div.svgpanel svg {
		height: 42px;
	}
	.intro .wpcf7 img {
		margin: 0em auto 1em;
		max-width: 90%;
	}
}
/* initially hide all groups (even before JS is loaded), so the page will never render them while loading */
[data-class="wpcf7cf_group"], .wpcf7cf_remove, .wpcf7cf_add { display:none; }
.wpcf7cf_repeater_sub { margin-bottom: 20px; }
.wpcf7cf_repeater_controls, .wpcf7cf_step_controls {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}
.wpcf7cf_multistep .wpcf7cf_step {
    /* display:none; */
    width: 100%;
}
.wpcf7cf_multistep .wpcf7cf_step .step-title {
    display: none;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots {
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot .step-index {
    display: inline-block;
    border-radius: 50%;
    background: #dfdfdf;
    color: #000000;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
    border-bottom: 5px solid #dfdfdf;
    text-align: center;
    flex: 1;
    padding: 15px;
    min-width: 120px;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed {
    border-bottom: 5px solid #333;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active {
    border-bottom: 5px solid #333;
    font-weight: bold;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.completed .step-index {
    background-color: #333;
    color: #ffffff;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot.active .step-index {
    background-color: #333;
    color: #ffffff;
}
.wpcf7cf_step_controls .disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}   
/* Start custom CSS for shortcode, class: .elementor-element-6b48feb5 *//* ajax loader*/
.ajax-loader {
    display: none !important;
}
.wpcf7-radio input[type="radio"], .wpcf7-checkbox input[type="checkbox"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
#step1 span.wpcf7-list-item,
#step2 span.wpcf7-list-item,
#step3 span.wpcf7-list-item,
#step4 span.wpcf7-list-item,
#step5 span.wpcf7-list-item,
#step6 span.wpcf7-list-item {
    display: inline-block;
	width: 250px;
	margin: 0 0 0 4%;
}
#step1 span.wpcf7-list-item:nth-child(odd),
#step2 span.wpcf7-list-item:nth-child(odd),
#step3 span.wpcf7-list-item:nth-child(odd),
#step4 span.wpcf7-list-item:nth-child(odd),
#step5 span.wpcf7-list-item:nth-child(odd),
#step6 span.wpcf7-list-item:nth-child(odd) {
	margin: 0;
}


.wpcf7-radio label, .wpcf7-checkbox label {
    max-width:400px;
    width:250px;
    height: 100px;
    background-size: 130px;
    border: 1px solid  #17498a;
    border-radius: 30px;
    margin: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    box-shadow: 0px 0px 30px 0px rgb(23 106 138 / 70%);
	float:left;
}
/*
#step1 .wpcf7-list-item:nth-child(1) label {
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/man.png');
}
#step1 .wpcf7-list-item:nth-child(2) label{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/gay.png');
}
#step1 .wpcf7-list-item:nth-child(3) label{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/father-and-son.png');
}
#step1 .wpcf7-list-item:nth-child(4) label{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/family.png');
	background-position: 5% center;
}

#step5 .wpcf7-list-item:nth-child(1) label{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/money.png');
	background-size: auto 90%;
	background-position: 5% center;
}
#step5 .wpcf7-list-item:nth-child(2) label{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/spar.png');
	background-position: 5% center;
}
#step5 .wpcf7-list-item:nth-child(3) label{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/wallet.png');
	background-position: 5% center;
}
#step2 .wpcf7-list-item:nth-child(1) label,
#step3 .wpcf7-list-item:nth-child(1) label,
#step4 .wpcf7-list-item:nth-child(1) label,
#step6 .wpcf7-list-item:nth-child(1) label{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/yes.png');
}
#step2 .wpcf7-list-item:nth-child(2) label,
#step3 .wpcf7-list-item:nth-child(2) label,
#step4 .wpcf7-list-item:nth-child(2) label,
#step6 .wpcf7-list-item:nth-child(2) label{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/no.png');
}
*/
#step8 .wpcf7-list-item:nth-child(1){
	width:100%;
	font-size: 0.9em;
	margin-left: 0;
}
.wpcf7-radio label span, .wpcf7-checkbox label span {
	text-align:center;
	font-size: 17px;
	font-weight: 600;
	padding: 10px 20px;
	display: block;
	color: #17498a;
}
/*
.wpcf7-radio input:checked + span, .wpcf7-checkbox input:checked + span{
    background-color:#17498a;
     background-size: 150px;
     background-position: left center;
    background-repeat: no-repeat;
    border: 2px solid #4887b3;
    border-radius: 27px;
    color:#F7F7F7;
    height:100%;
	width: 100%;
}
#step1 .wpcf7-checkbox .wpcf7-list-item:nth-child(1) input:checked + span {
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/man.png');
}
#step1 .wpcf7-checkbox .wpcf7-list-item:nth-child(2) input:checked + span{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/gay.png');
}
#step1 .wpcf7-checkbox .wpcf7-list-item:nth-child(3) input:checked + span{
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/father-and-son.png');
}
#step1 .wpcf7-checkbox .wpcf7-list-item:nth-child(4) input:checked + span {
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/family.png');
	background-position: 5% center;
}
#step5 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span {
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/money.png');
	background-position: 5% center;
}
#step5 .wpcf7-radio .wpcf7-list-item:nth-child(2)  input:checked + span {
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/spar.png');
	background-position: 5% center;
}
#step5 .wpcf7-radio .wpcf7-list-item:nth-child(3)  input:checked + span {
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/wallet.png');
	background-position: 5% center;
}
#step2 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span, 
#step3 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span, 
#step4 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span, 
#step6 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span {
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/yes.png');;
}
#step2 .wpcf7-radio .wpcf7-list-item:nth-child(2) input:checked + span, 
#step3 .wpcf7-radio .wpcf7-list-item:nth-child(2) input:checked + span, 
#step4 .wpcf7-radio .wpcf7-list-item:nth-child(2) input:checked + span, 
#step6 .wpcf7-radio .wpcf7-list-item:nth-child(2) input:checked + span {
    background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/no.png');
}
*/
.wpcf7-radio label:hover, .wpcf7-checkbox label:hover{
  border: 1px solid #17498a;
}
.wpcf7cf_steps-dots .step-index, .wpcf7cf_steps-dots .step-title {
    display: none !important;
}
.wpcf7cf_multistep .wpcf7cf_steps-dots .dot {
    min-width: 10px !important;
    padding: 0px !important;
}
.wpcf7cf_step_controls {
    margin-top: -3em !important;
	clear: both;
}
/*
@media only screen and (min-width: 1025px) {
	.wpcf7 .wpcf7-list-item label,
	.wpcf7-checkbox .wpcf7-list-item input:checked + span,
	.wpcf7-radio .wpcf7-list-item input:checked + span {
		background-size: auto 90% !important;
	}
} */
@media only screen and (min-width: 1025px) and (max-width: 1920px) {
	.intro .formstart { 
		margin-bottom: 0;
	}
	.intro .wpcf7 {
		padding: 1em 0;
		max-width: 520px;
		font-size: 0.9em;
	}
	.intro .caption h1 {
		font-size: 2.2em;
		margin: 0 auto 0.5em;
		max-width: 400px;
	}
	.intro .caption h1 strong {
		font-weight: 700;	
	}
	.intro .wpcf7 .formprogress {
		margin: 0.4em 0 1.2em;
	}
	.intro .wpcf7 span.frage { 
		margin-bottom: 0.5em;
	}
	#step1 span.wpcf7-list-item, 
	#step2 span.wpcf7-list-item, 
	#step3 span.wpcf7-list-item, 
	#step4 span.wpcf7-list-item, 
	#step5 span.wpcf7-list-item, 
	#step6 span.wpcf7-list-item {
		width: 220px;
	}
	.wpcf7-radio label, .wpcf7-checkbox label {
		width: 220px;
    	height: 80px;
	}
	/*
	.wpcf7 .wpcf7-list-item label,
	.wpcf7-checkbox .wpcf7-list-item input:checked + span,
	.wpcf7-radio .wpcf7-list-item input:checked + span {
		background-size: auto 80% !important;
	} */
	.intro .wpcf7-radio label input + span, 
	.intro .wpcf7-checkbox label input + span {
		padding: 0.4em 0 0.2em 1em;
		font-size: 0.95em;
		max-width: 90px;
	}
}
@media only screen and (max-width: 1024px) {
	.intro .container.flex, 
	.caption-wrap .caption {
    	display: flex;
    	flex-wrap: wrap;
    	align-items:flex-start;
	}
	.intro .wpcf7 { 
		max-width: 420px; 
		padding: 0.5em 0;
		margin-bottom: 1em;
	}
	.intro .header-slideimage {
  		width: 9999px;
    	height: 36px;
	}
	/* weisse icons */
	.intro .wpcf7 .wpcf7-list-item label {
  		background-size: auto 80%;
	}
	#step1 .wpcf7-list-item:nth-child(4) label {
		background-size: auto 75%;
	}
	.intro .wpcf7-checkbox label input + span {
		padding: 1em 0 0.8em 0.5em;
	}
	#step1 span.wpcf7-list-item,
	#step2 span.wpcf7-list-item,
	#step3 span.wpcf7-list-item,
	#step4 span.wpcf7-list-item,
	#step5 span.wpcf7-list-item,
	#step6 span.wpcf7-list-item {
		width: 44%;
		height: 80px;
		margin-bottom: 0.5em !important;
	}
	.intro .wpcf7-radio label, 
	.intro .wpcf7-checkbox label {
		border-radius: 10px;
		width: 100%;
    	height: 100%;
	}
	/*
	.intro .wpcf7-radio input:checked + span, 
	.intro .wpcf7-checkbox input:checked + span {
		border-radius: 10px;
		border: 2px solid #4887b3;
		background-size: auto 80%;
	}
	#step1 .wpcf7-checkbox .wpcf7-list-item:nth-child(4) input:checked + span {
		background-size: auto 75%;
	}
	.intro #step5 .wpcf7-list-item:nth-child(1) label,
	.intro #step5 .wpcf7-list-item:nth-child(2) label,
	.intro #step5 .wpcf7-radio input:checked + span {
		background-size: auto 75%;
	}
	*/
}
@media only screen and (max-width: 550px) {
	/* weisse icons */
	.intro .wpcf7 .wpcf7-list-item label {	
  		background-size: auto 70%;
	}
	#step1 .wpcf7-list-item:nth-child(4) label {
		background-size: auto 65%;
	}
	.intro .wpcf7-radio label input + span, 
	.intro .wpcf7-checkbox label input + span {
		font-size: 0.9em;
	}
	.intro .wpcf7-checkbox label input + span {
		padding: 1em 0 0.8em 0.2em;
	}
	#step1 span.wpcf7-list-item,
	#step2 span.wpcf7-list-item,
	#step3 span.wpcf7-list-item,
	#step4 span.wpcf7-list-item,
	#step5 span.wpcf7-list-item,
	#step6 span.wpcf7-list-item {
		width: 44%;
		height: 70px;
		margin-bottom: 0.5em !important;
	}
	/*
	.intro .wpcf7-radio input:checked + span, 
	.intro .wpcf7-checkbox input:checked + span {
		border: 2px solid #4887b3;
		background-size: auto 70%;
	}
	#step1 .wpcf7-checkbox .wpcf7-list-item:nth-child(4) input:checked + span {
		background-size: auto 65%;
	}
	#step2 .wpcf7-list-item:nth-child(1) label,
	#step3 .wpcf7-list-item:nth-child(1) label,
	#step4 .wpcf7-list-item:nth-child(1) label,
	#step6 .wpcf7-list-item:nth-child(1) label, 
	#step2 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span, 
	#step3 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span, 
	#step4 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span, 
	#step6 .wpcf7-radio .wpcf7-list-item:nth-child(1)  input:checked + span  {
		background-position: 15% center;
	}
	#step2 .wpcf7-list-item:nth-child(2) label,
	#step3 .wpcf7-list-item:nth-child(2) label,
	#step4 .wpcf7-list-item:nth-child(2) label,
	#step6 .wpcf7-list-item:nth-child(2) label,
	#step2 .wpcf7-radio .wpcf7-list-item:nth-child(2) input:checked + span, 
	#step3 .wpcf7-radio .wpcf7-list-item:nth-child(2) input:checked + span, 
	#step4 .wpcf7-radio .wpcf7-list-item:nth-child(2) input:checked + span, 
	#step6 .wpcf7-radio .wpcf7-list-item:nth-child(2) input:checked + span {
		background-position: 15% center;
	}
	*/
	.intro #step2 .wpcf7-radio label input + span,
	.intro #step3 .wpcf7-radio label input + span,
	.intro #step4 .wpcf7-radio label input + span,
	.intro #step5 .wpcf7-radio label input + span,
	.intro #step6 .wpcf7-radio label input + span {
		padding: 1em 0 0.8em 1em;
	}
	/* .intro #step5 .wpcf7-radio input:checked + span, */ 
	.intro #step4 .wpcf7-list-item:nth-child(1) label,
	.intro #step4 .wpcf7-list-item:nth-child(2) label,
	.intro #step5 .wpcf7-list-item:nth-child(1) label,
	.intro #step5 .wpcf7-list-item:nth-child(2) label {
		/* weisse icons */
		background-size: auto 60%;
	}
}
@media only screen and (max-width: 400px) {
	.intro .wpcf7-radio label input + span, 
	.intro .wpcf7-checkbox label input + span {
		padding: 1em 0 0.8em 0.1em;
		margin-left: 50px;
	}
	.intro #step4 .wpcf7-radio label input + span,
	.intro #step5 .wpcf7-radio label input + span {
	  padding: 1em 0 0.8em 1em;
	}
}
@media only screen and (max-width: 320px) {
	/* weisse icons */
	.intro .wpcf7 .wpcf7-list-item label {	
  		background-size: auto 60%;
	}
	#step1 .wpcf7-list-item:nth-child(4) label {
		background-size: auto 55%;
	}
	.intro .wpcf7-radio label input + span, 
	.intro .wpcf7-checkbox label input + span {
		font-size: 0.8em;
	}
	.intro .wpcf7-checkbox label input + span {
		padding: 1em 0 0.8em 0em;
	}
	/*
	.intro .wpcf7-radio input:checked + span, 
	.intro .wpcf7-checkbox input:checked + span {
		border: 2px solid #4887b3;
		background-size: auto 60%;
	}
	#step1 .wpcf7-checkbox .wpcf7-list-item:nth-child(4) input:checked + span {
		background-size: auto 55%;
	} */
}
div[data-current_step="2"] .wpcf7cf_next-container,
div[data-current_step="3"] .wpcf7cf_next-container,
div[data-current_step="4"] .wpcf7cf_next-container,
div[data-current_step="5"] .wpcf7cf_next-container,
div[data-current_step="6"] .wpcf7cf_next-container {
	display: none;
}
div[data-current_step="1"] .wpcf7cf_step_controls { /* display: none; */ }
div[data-current_step="7"] .wpcf7cf_step_controls { display: none; }
div[data-current_step="8"] .wpcf7cf_prev-container, 
div[data-current_step="11"] .wpcf7cf_next-container .wpcf7-submit { display: none; }
div[data-current_step="8"].wpcf7cf_next-container { display: block !important; }
.wpcf7cf_prev-container, .wpcf7cf_next-container, .wpcf7cf_next-container_own{
    background-color: #fff;
    font-family: sans-serif, Arial;
    border: 1px solid #fff;
    border-radius: 30px;
    margin: auto;
    margin-top: 0em;
    width: fit-content;
}
.wpcf7cf_prev, .wpcf7cf_next, .wpcf7cf_next_own{
    /*width: 100%;*/
    background-color:#3498db;
    border-radius: 30px;
}
.wpcf7-submit{
    background-color:#3498db !important;
    display: block;
    width: 100%;
    border: 1px solid #fff;
    border-radius: 30px !important;
}
.wpcf7cf_next_own, .wpcf7cf_next-container_own{
    display: block;
}
/* Suchen - Simulation */
/*
img.loading-spinner {
	width: 50vw;
	max-width: 160px;
} */
.intro .wpcf7 .spiners {
	position: relative;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.intro .wpcf7 .spinner {
  width: 120px;
  height: 120px;
  border: 8px solid #4887b3;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-radius: 50%;
  animation: spin 2s linear infinite;
  margin: 1em auto 1em;
}
@keyframes spin2 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }
}
.intro .wpcf7 .spinner2 {
  width: 80px;
  height: 80px;
  border: 8px solid #4887b3;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-radius: 50%;
  animation: spin2 2s linear infinite;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -40px;
}
@keyframes moveLeft {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-100%); /* Ändern Sie dies je nach gewünschter Bewegungsrichtung und Entfernung */ }
}
.intro .wpcf7 .slide-box {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
}
.intro .wpcf7 .slide-image {
  width: 4000px; /* Breite des Bildes anpassen */
  height: 85px; /* Höhe des Bildes anpassen */
  background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/anbieter1.png') center center / cover no-repeat; /* Hintergrundbild und Anpassung anpassen */
  animation: moveLeft 40s linear infinite; /* Animation anpassen (Dauer, Timing-Funktion, Unendlichkeit) */
  margin-bottom: 2em;
}
/* Letzte schritt im Multistep-Form */
.intro .wpcf7 .abschluss { /* p, strong */
  display: inline-block;
  color: #ffffff;
  margin-bottom: 2em;
  font-weight: 500;	
  max-width: 80%;
}
.intro .wpcf7 strong.abschluss {
	margin-top: 1em;
}
.intro .wpcf7 input[type="text"], 
.intro .wpcf7 input[type="password"], 
.intro .wpcf7 input[type="email"], 
.intro .wpcf7 input[type="url"], 
.intro .wpcf7 input[type="date"],
.intro .wpcf7 input[type="tel"],
.intro .wpcf7 input[type="number"], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    box-shadow: none;
    display: block;
    font-size: 1.6rem;
    letter-spacing: -0.015em;
    margin: 0;
    max-width: 100%;
    padding: 1.5rem 1.8rem;
    width: 100%;
}
@media only screen and (max-width: 1024px) {
	.intro .wpcf7 input[type="text"], 
	.intro .wpcf7 input[type="password"], 
	.intro .wpcf7 input[type="email"], 
	.intro .wpcf7 input[type="url"], 
	.intro .wpcf7 input[type="date"],
	.intro .wpcf7 input[type="tel"],
	.intro .wpcf7 input[type="number"], textarea {
		 padding: 0.3rem 0.8rem;
	}
	.intro .wpcf7 .abschluss,
	.intro .wpcf7 strong.abschluss {
		margin-bottom: 1em;
	}
}
.intro .wpcf7 #step8 input{
	width: 90%;
    max-width: 400px;
    margin: auto;
    border-radius: 20px !important;
}
.intro .wpcf7 #step8 input[type="submit"] {
	padding: 1em 2em;
	color: #ffffff;
	background: linear-gradient(90deg, rgba(55, 96, 194,0.99) 0%, rgba(106, 179, 180, 0.99) 100%);
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 1em auto 2em;
	width: auto;
}
.intro .wpcf7-acceptance label {
	text-align: center;
	font-size: 0.8em;
    max-width: 80%;
}
.intro .wpcf7 #step8 input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: 2px;
    display: inline-block;
    margin: 0;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
    border-color: #dcd7ca;
    box-shadow: none;
    cursor: pointer;
}
.intro .wpcf7 #step8 input[type="checkbox"]:checked::before {
    content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23000000%27%2F%3E%3C%2Fsvg%3E);
    position: absolute;
    display: inline-block;
    margin-left: -0.7rem;
	margin-top: -0.5rem;
    height: 1.75rem;
    width: 1.75rem;
}
/**************************************************/
/***** Multistep. NEUE VARIANTE. MIT VERLAUF *****/
/**************************************************/
/*
 .wpcf7-radio input:checked + span, 
 .wpcf7-checkbox input:checked + span {
	border-radius: 15px;
} */
 .wpcf7-radio label, 
 .wpcf7-checkbox label {
	border-radius: 20px;
}
 .wpcf7-radio label, 
 .wpcf7-checkbox label {
	background: linear-gradient(90deg, rgba(55, 96, 194,0.99) 0%, rgba(121, 192, 176, 0.99) 100%);
	cursor:pointer;
}
 .wpcf7-radio label span, 
 .wpcf7-checkbox label span {
	padding: 15px 20px;
	color: #ffffff;
	text-align: left;
    margin-left: 60px;
	border: none;
}

 .wpcf7-radio input:checked + span, 
 .wpcf7-checkbox input:checked + span {
	color: #333;
	 /*
	margin-left: 0px;
	padding-left:  80px;
	border: none; */
} 
 .wpcf7-list-item label {
	position: relative;
}
 #step1 .wpcf7-list-item label span::before,
 #step2 .wpcf7-list-item label span::before,
 #step3 .wpcf7-list-item label span::before,
 #step4 .wpcf7-list-item label span::before,
 #step5 .wpcf7-list-item label span::before,
 #step6 .wpcf7-list-item label span::before {	
	  content: '';
      position: absolute;
      top: 5%;
      left: 7%;
      width: 60px;
      height: 90%;
}
@media only screen and (max-width: 10240px) {
 #step1 .wpcf7-list-item label span::before,
 #step2 .wpcf7-list-item label span::before,
 #step3 .wpcf7-list-item label span::before,
 #step4 .wpcf7-list-item label span::before,
 #step5 .wpcf7-list-item label span::before,
 #step6 .wpcf7-list-item label span::before {
      left: 5%;
	}
}
@media only screen and (max-width: 550px) {
 #step1 .wpcf7-list-item label span::before,
 #step2 .wpcf7-list-item label span::before,
 #step3 .wpcf7-list-item label span::before,
 #step4 .wpcf7-list-item label span::before,
 #step5 .wpcf7-list-item label span::before,
 #step6 .wpcf7-list-item label span::before {
      left: 3%;
	}
}
@media only screen and (max-width: 400px) {
 #step1 .wpcf7-list-item label span::before,
 #step2 .wpcf7-list-item label span::before,
 #step3 .wpcf7-list-item label span::before,
 #step6 .wpcf7-list-item label span::before {
      left: 0;
	  width: 50px;
	}
 #step4 .wpcf7-list-item label span::before,
 #step5 .wpcf7-list-item label span::before {
	 left: 3%;
	 width: 50px;
	 background-size: auto 60%;
 }	
}
 #step1 .wpcf7-list-item:nth-child(1) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/man.png') center center / cover no-repeat;
	 background-size: auto 90%;
}
 #step1 .wpcf7-list-item:nth-child(2) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/gay.png') center center / cover no-repeat;
	 background-size: auto 80%;
}
 #step1 .wpcf7-list-item:nth-child(3) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/father-and-son.png') center center / cover no-repeat;
	 background-size: auto 80%;
}
 #step1 .wpcf7-list-item:nth-child(4) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/family.png') center center / cover no-repeat;
	 background-size: auto 70%;
}
 #step2 .wpcf7-list-item:nth-child(1) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/2A.png') center center / cover no-repeat;
	 background-size: auto 40%;
}
 #step2 .wpcf7-list-item:nth-child(2) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/2B.png') center center / cover no-repeat;
	 background-size: auto 40%;
}
 #step2 .wpcf7-list-item:nth-child(3) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/2C.png') center center / cover no-repeat;
	 background-size: auto 40%;
}
 #step2 .wpcf7-list-item:nth-child(4) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/2D.png') center center / cover no-repeat;
	 background-size: auto 40%;
}
 #step3 .wpcf7-list-item:nth-child(1) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/3A.png') center center / cover no-repeat;
	 background-size: auto 40%;
}
 #step3 .wpcf7-list-item:nth-child(2) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/3B.png') center center / cover no-repeat;
	 background-size: auto 40%;
}
 #step3 .wpcf7-list-item:nth-child(3) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/3C.png') center center / cover no-repeat;
	 background-size: auto 40%;
}
 #step3 .wpcf7-list-item:nth-child(4) label span::before {	
	 background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/3D.png') center center / cover no-repeat;
	 background-size: auto 40%;
}
 #step4 .wpcf7-list-item:nth-child(1) label span::before,
 #step6 .wpcf7-list-item:nth-child(1) label span::before {
	background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/yes.png') center center / cover no-repeat;
	background-size: auto 80%;
}
 #step4 .wpcf7-list-item:nth-child(2) label span::before,
 #step6 .wpcf7-list-item:nth-child(2) label span::before {
	background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/no.png') center center / cover no-repeat;
	background-size: auto 80%;
}
 #step5 .wpcf7-list-item:nth-child(1) label span::before {
	background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/yes.png') center center / cover no-repeat;
	background-size: auto 80%;
}
 #step5 .wpcf7-list-item:nth-child(2) label  span::before {
	background: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/no.png') center center / cover no-repeat;
	background-size: auto 80%;
}
/**************************************************/
/***** Erter Block Einleitung + Kundenstimmen *****/
/**************************************************/
.box, 
.box-module, 
.module-box { padding: 9em 0; }
.contentboxen .imgbox {
	overflow: visible !important;
}
.box-module.firstblock {
	padding: 9em 0 3em;
}
.box-module.firstblock::before {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/Kreis-Gross-Hintergrund.png');
	background-size: 400px;
    background-position: -220px center;
	background-repeat: no-repeat;
	opacity: 1;
	/* transform: rotate(90deg); */
	left: 0;
	top: 120px;
	z-index: 10;
}
.box-module.firstblock::after {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/Kreis-Gross-Hintergrund.png');
	background-size: 400px;
    background-position: 200px center;
	background-repeat: no-repeat;
	opacity: 1;
	/* transform: rotate(90deg); */
	right: 0;
	top: 520px;
	z-index: 10;
}
.firstblock .six.columns {
	align-content: center;
}
.firstblock h1 {
	margin-left: 1em;
	margin-bottom: 0;
	line-height: 1.2;
}
.firstblock h2 {
	margin-top: 2em;	
}

.firstblock .six img {
	margin-top: 1em;
}
@media only screen and (max-width: 1024px) {
	.firstblock h1 {
		margin-left: 0;
	}
	.intro .wpcf7 #step8 input[type="submit"] {
		font-size: 15px;
		margin: 1em auto 1em;
		padding: 1em 1.5em;
	}
	.box-module.firstblock {
		padding: 3em 0 3em;
	}
}
@media only screen and (max-width: 320px) {
	.intro .wpcf7 #step8 input[type="submit"] {
		font-size: 14px;
	}
}
/* Kundestimmen Facebook */
.box.kundenstimmen {
  margin: 0;
  padding: 1em 0 5em;
}
.kundenstimmen .bewertung {
  width: auto;
  margin: 0 auto;
  max-width: 100%;
}
.kundenstimmen .slick-slide img {
	max-width: 100%;
	margin: 0 auto;
  	padding: 0;
}
.kundenstimmen .slick-dots {
  width: auto;
  left: 50%;
  margin-left: -150px;
}
.kundenstimmen .slick-dots li button {
  border: 1px solid #ffffff;
  border-radius: 10px;
}
.kundenstimmen .slick-dots li button::before {
	font-size: 16px;
	opacity: 0.25;
	color: #777;
}
.kundenstimmen .slick-dots li.slick-active button::before {
  opacity: 0.75;
  color: rgba(78, 174, 251); 
}
/* isMobile Funktion */
@media only screen and (max-width: 1200px){
	.box.kundenstimmen .container {
		width: 100%;
	}
	.box.kundenstimmen img {
		width: 98%;
		max-width: 500px;
	}
}
/*************************************/
/***** Zweite Block - Praxisbild *****/
/*************************************/
.tabelle::before {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/Kreis-Gross-Hintergrund.png');
	background-size: 400px;
    background-position: -200px center;
	background-repeat: no-repeat;
	opacity: 1;
	/* transform: rotate(90deg); */
	left: 0;
	top: 260px;
	z-index: 10;
}
@media only screen and (max-width: 1024px) {
	.tabelle::before {
		content: none;
	}
}
@media only screen and (max-width: 550px) {
	.tabelle {
		padding: 3em 0;
	}
	.tabelle img {
		margin-bottom: 2em;
	}
}
/**************************************/
/***** Dritte Block: Logos-Slider *****/
/**************************************/
#logos {
	padding: 0;
	margin: 4em 0;
	background-color: transparent;
	background-image: linear-gradient(90deg, rgba(62, 102, 202, 1) -10%, rgba(136, 219, 182, 1) 100%)
}
#logos .container {
	max-width: 90%;
}
#logos h6 { margin-top: 80px; }
#logos h2 { margin-bottom: 0; }
#logos .carousel-firmen {
	padding: 7em 0 5em;
}
#logos .container .columns {
  margin-bottom: 0 !important;
}
#logos .carousel-firmen .two img {
	opacity: 1;
}
#logos div.svgpanel {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	fill: #fff;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	margin-top: 0;
}
#logos div.svgpanel svg {
	position: relative;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
    height: 190px;
}
#logos div.svgpanel-bottom {
	overflow: hidden;
	position: relative;
	z-index: 0;
	fill: #fff;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: 0;
}
#logos div.svgpanel-bottom svg {
	position: relative;
    display: block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% + 1.3px);
    height: 20px;
}
/* Carosel mit Überschriften */
#logos h4 {
	color: #ffffff;
	font-weight: 600;
	margin-left: 1em;
	margin-bottom: 0;
}
#logos .slideelement {
	margin: 0 auto;
	text-align: center;
}
@media only screen and (max-width: 1024px) {
	#logos h6 { margin-top: 0px; /* statt 80 */ }
	#logos div.svgpanel svg {
		 height: 90px;
	}
	#logos .carousel-firmen {
		padding: 5em 0 3em;
	}
	
}
@media only screen and (max-width: 550px) {
	#logos .carousel-firmen {
		padding: 3em 0 1em;
	}
	#logos h2 { font-size: 1.4em; }
	#logos .slideelement {
		padding: 1em 0;
	}
	#logos .slideelement img {
		display: none;
	}
	#logos h4 {
		margin-left: 0;	
	}
}
/********************************************/
/***** Vierte Block: Boxen mit Schritte *****/
/********************************************/
.schritte::before {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/Kreis-Gross-Hintergrund.png');
	background-size: 400px;
    background-position: -220px center;
	background-repeat: no-repeat;
	opacity: 1;
	/* transform: rotate(90deg); */
	left: 0;
	top: 120px;
	z-index: 10;
}
.schritte::after {
	content: "";
	position: absolute;
	width: 400px;
	height: 400px;
	background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2024/01/Kreis-Gross-Hintergrund.png');
	background-size: 400px;
    background-position: 200px center;
	background-repeat: no-repeat;
	opacity: 1;
	/* transform: rotate(90deg); */
	right: 0;
	top: 420px;
	z-index: 10;
}
@media only screen and (max-width: 1024px) {
	.schritte::after {
		content: none;
	}
}
.schritte .container.einleitung {
  margin-bottom: 2.5em;
}
.schritte h5,
#kundenstimmen h5 {
	color: #5ca8c4;
	letter-spacing: 0;
    font-weight: 600;
}
.schritte .four.columns {
	padding: 3em;
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.05);
	border-radius: 15px 15px 15px 70px;
}
.schritte .four.columns img {
	width: 66px;
	height: 66px;
	margin: 0 3em 3em 0;
	/* filter: brightness( 100% ) contrast( 100% ) saturate( 200% ) blur( 0px ) hue-rotate( 64deg ); */
	opacity: 0.7;
}
@media only screen and (max-width: 550px) {
	.schritte { 
		padding: 5em 0;
	}
}
/********************/
/****** Footer ******/
/********************/
.footer-1  {
	padding: 0;
	border-top: none;
	background-color: transparent;
	background-image: linear-gradient(130deg, #416cc9 0%, #84d7b6 100%);
}
.footer-1 p {
	color: #ffffff;
}
#footer-html {
	padding: 1em;
}
#footer-html h4 {
	color: #ffffff;
	font-size: 2.4em;
	font-weight: 500;
	margin-top: 3em;
}
@media only screen and (max-width: 900px) {
	#footer-html h4 {
		display: inline-block;
		width: 100%;
		margin-top: 1em;
	}
}
.footer-1 img {
	/*
    border-radius: 300px 100px 100px 100px;
    box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.12);
	*/
	width: 80vw;
	max-width: 500px;
    margin-top: -1em;
}
.footer-1 div.svgpanel {
	overflow: hidden;
	position: absolute;
	z-index: 0;
	fill: #fff;
	left: 0;
	width: 100%;
	line-height: 0;
	direction: ltr;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-top: 0;
}
.footer-1 div.svgpanel svg {
	position: relative;
	display: block;
	width: calc(100% + 1.3px);
	height: 100px;
	transform: translateX(-50%) rotateX(180deg);
}
.footer-1 .blaufooter {
	background-color: #4371ca;
	padding: 2em 0;
}
#footermenu-1 li a,
.footer-line-1 strong {
	font-weight: 400;
	font-size: 18px;
}
.footer-line-1 {
	padding: 0;
}
.impressum .imgbox {
	display: inline-block;
	width: 100%;
	margin: 1em auto;
}
.impressum .imgbox img {
	max-width: 300px;	
}
@-webkit-keyframes anim {
  0% {
    opacity: 0;
  }
  36.36% {
    opacity: 0;
  }
  63.63% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes anim {
  0% {
    opacity: 0;
  }
  36.36% {
    opacity: 0;
  }
  63.63% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.image-container {
  position: relative;
  width: 90%;
  height: 234px;
  max-width: 465px;
  margin: 1.5em auto 0.5em;
}
.image-container .image {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 465px;
  max-height: 234px;
  opacity: 0;
  background: linear-gradient(90deg, rgba(21,40,134,0.99) 0%, rgba(21,40,134,0.96) 100%),  url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/Siegel-doppelt-abstand.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
}
.image-container .hidden-link {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 465px;
  max-height: 234px;
  z-index: 3;	
}
.image-container .image.image2::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
  	height: 100%;
	top: 0;
	left:0;
	background-image: url('https://www.brillen-zusatzversicherung.de/angebot/wp-content/uploads/2023/11/Siegel-doppelt-abstand.png');
	background-size: contain;
  	background-position: center center;
  	background-repeat: no-repeat;
	z-index: -1;
}
.image-container .image.image1 {
  opacity: 1;
  background-image: url('https://images.provenexpert.com/a9/5a/64ce26f982dc3837be7f38a49434/widget_recommendation_465_0.png?t=1654771827149');
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.image-container .image2 {
  -webkit-animation: anim 6s infinite alternate;
  animation: anim 6s infinite alternate;
}
@media only screen and (max-width: 1920px) {
	.image-container {
		max-width: 440px;
		height: 200px;
	}
}
@media only screen and (max-width: 1024px) {
	.image-container {
		height: 190px;
	}
}
@media only screen and (max-width: 550px) {
	.image-container {
		height: 174px;
	}
}
@media only screen and (max-width: 400px) {
	.image-container {
		height: 150px;
	}
}