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

@import url("fonts.css");

body, p, li, a, td { 
	font-family: 'Roboto';
	font-style: normal;
	font-weight:400;
	font-size: 18px;
	line-height: 1.4;
	color: #363636
}

p { margin: 0 0 15px 0}
.sp-module ul > li > a {
    line-height: 1.4;
}

#sp-main-body {
    padding: 50px 0;
}

.container { width: 1200px }
#sp-big .container,
body.itemid-121 #sp-main-body .container,
#sp-grey .container,
#sp-header .container { width: 1400px; max-width: 100% }
#sp-grey,
#sp-info,
#sp-bottom,
#sp-contact {padding: 3% 0}

#sp-header { box-shadow: none; height: auto }
#sp-contact h3,
#sp-contact li,
#sp-contact a,
#sp-contact span {color: #fff}

.custombvlg a { background: #dadada; padding: 10%; display: inline-block; width: initial; text-align: center; border-radius: 0px 0px 5px 5px}

.entry-header { margin-bottom: 0px }
.custom_hometop,
body.itemid-121 #sp-component {padding: 5%; max-height: 833px; background-position: top right; background-image: url(../../../images/slider/private-krankenversicherung-einfach-vergleichen.jpg)}

.sp-megamenu-parent > li.active > a,
.sp-megamenu-parent > li:hover > a,
a:hover {
    color: #1e5d91 !important;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    padding: 0 25px;
	font-family: 'Roboto Condensed';
	font-weight: 300;
    line-height: 40px;
    font-size: 1.3em;
    text-transform: none;
    letter-spacing: 0px;
    color: #363636;
	transition: all 400ms ease;
}
/* #sp-header.menu-fixed { height: 45px !important; box-shadow: 0 3px 3px rgba(0,0,0,0.05); }
#sp-header.menu-fixed .sp-megamenu-parent > li > a,
#sp-header.menu-fixed .sp-megamenu-parent > li > span { line-height: 55px !important}
#sp-header.menu-fixed .logo {height: 45px}
#sp-header.menu-fixed #offcanvas-toggler { line-height: 40px; transition: all 400ms ease; } */
#sp-logo a { color: #4a99d9; font-family: 'Roboto Condensed'; font-weight: 300}

h1, h2, h3, h4, h5, h6, .entry-header h2 { 
	font-family: 'Roboto';
	font-style: normal;
	font-weight:500;
	margin: 0 0 20px 0
}

h1 { text-transform: uppercase; color: #2676b7; line-height: 1; font-size: 3.7em;}
h2, .entry-header h2 { font-size: 2.2em}
h3 {font-size: 1.7em}
h4 {font-family: 'Roboto Condensed'; font-size: 1.3em}
#sp-grey h3 { text-align: center}

.sp-module .sp-module-title { font-size: 24px; color: #2676b7 }

body.itemid-101 #sp-main-body ul li { list-style-image: url(../../../images/listlist.png); color: #2676b7; font-weight: 400; margin-bottom: 1em; font-size: 1.2em}
#sp-big .sp-module ul {padding: 0 0 0 40px}
#sp-big .sp-module ul > li { font-family: 'Roboto Condensed'; list-style-image: url(../../../images/checklist.png); display:list-item; border-bottom: 0; font-size: 1.2em}

a.bigbutton {
	width: 90%;
	display: block;
	margin: 0 auto 0 0;
	border-radius: 5px;
	padding: 2.5% 1%;
	font-weight: 700;
	font-size: 1.8em;
	letter-spacing: 1px;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Roboto Condensed';
	background: #ffc000
}
a.bigbutton:hover {
	transition: all 400ms ease;
	color: #fff !important;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	background: #ffae00 url(../../../images/linkpfeile.png) no-repeat top right; background-size: contain
}

.custom_hometop a.bigbutton { width: 57%}
.custom_hometop h2 { width: 50%}

a.bigbutton,
ul.newsflash-horizquick li,
ul.newsflash-horizpkvinfo li a,
.custombewertung {
	-webkit-box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 7px 3px rgba(0,0,0,0.25)
}

ul.newsflash-horizquick li {
	float: left;
	display: block;
	width: 31.8%;
	margin-right:2.3%;
	border-radius: 5px;
	background: #6ec0ff;
	padding: 2%;
	text-align: center;
	color: #fff;
	border-bottom: 0px
}
ul.newsflash-horizquick li p { color: #fff}
ul.newsflash-horizpkvinfo li {
	float: left;
	display: block;
	width: 47.5%;
	margin-right: 5%;
	border-bottom: 0px
}
ul.newsflash-horizquick li:last-child,
ul.newsflash-horizpkvinfo li:last-child {margin-right:0px}
div.pkvinfo::after {
	content: " ";
	display: table;
	clear: both;
}

span.article-separator { display: none; visibility:hidden}

ul.newsflash-horizpkvinfo li a {
	display:block;
	border-radius: 5px;
	border: 10px solid #6ec0ff;
	background:#6ec0ff url(../../../images/link.png) no-repeat center left;
	color: #fff;
	font-family: 'Roboto Condensed';
	font-weight: 700;
	font-size: 1.1em;
	line-height: 1.2;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 1% 3% 1% 12%;
}
.customlinks ul li {
	border-bottom: 0px;
	float: left;
	margin-right: 2%;
	margin-bottom: 1%;
	width: auto;
	background: #ececec;
	border-radius: 5px;
	padding: 0.5% 3%;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3); 
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.3);
}

.customlinks ul li a { display: block }
.customlinks ul li a:hover { color:#1e5d91}

#sp-contact ul {padding-left: 40px}
#sp-contact ul > li {display: list-item !important; border: 0px; font-weight: 700; padding-left: 40px; margin-bottom: 20px}
#sp-contact ul > li a { font-weight: 700}
#sp-contact ul > li span {font-family: 'Roboto Condensed'; font-weight: 300}
li.phone { list-style-image:url(../../../images/phone.png)}
li.mail { list-style-image:url(../../../images/mail.png)}

#sp-contact ul > li > a::before {
    content: none;
    margin-right: 0px;
}

.custombewertung {background: #bbbbbb; border: 3px solid #fff; border-radius: 10px; padding-top: 20px}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px !important;
    background-color: #fff !important;
    border-radius: 0px;
}
.breadcrumb > li:first-child {
    display: none !important;
}
.breadcrumb > li {font-family: 'Roboto Condensed' !important; font-weight: 300}

/* Formular Vergleich anfordern */

.progress {
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 8px;
}
.progress-bar {
    background-color: #6ec0ff;
}
.btn-primary,
.sppb-btn-primary {
    border-color: #6ec0ff;
    background-color: #6ec0ff;
}
.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #2676b7;
    background-color: #2676b7;
}
.bfNextButton,
.bfSubmitButton {width: 100%}
.bfSubmitButton {background-color: #ffc000; border-color: #ffae00}
.bfSubmitButton:hover {background-color: #ffae00 !important; border-color: #ffae00 !important}
.bfPrevButton {display: none; visibility: hidden}
.bfQuickMode .bfbs3-form-group-actions, .bfQuickMode .form-group-actions {
    margin-bottom: 0px !important;
}
.bfPage section {min-height: 400px}
#ff_form1 .radio-inline,
#ff_form1 #bfElemWrap25 .checkbox-inline,
#ff_form1 #bfElemWrap26 .checkbox-inline {
    width: 30%;
    min-height: 50px;
    border: 1px solid #6ec0ff;
    padding: 20px;
    background-color: #6ec0ff;
    border-radius: 4px;
    margin: 0 10px 10px 0 !important;
	text-align: center
}
#ff_form1 #bfElemWrap25 .checkbox-inline {width: 18%}
#ff_form1 #bfElemWrap26 .checkbox-inline {width: 30.7%}

#ff_form1 select {
    height: 60px;
    font-size: 18px;
    border-color: #2676b7;
}
#ff_form1 input[type="radio"],
#ff_form1 input[type="checkbox"] {
    -moz-appearance: None;
    -webkit-appearance: none;
    cursor: pointer;
    width: 0px;
    height: 0px;
}
#ff_form1 input[type="radio"]:checked,
#ff_form1 input[type="checkbox"]:checked {
    background: url(../../../images/checked.png) no-repeat center !important;
	width: 40px;
    height: 40px;
	margin: 20px 0 20px 0 !important;
	transition: all 400ms ease;
}
.bfQuickMode .btn {
    padding: 20px;
	font-size: 20px !important
}

/*visforms Formulare */
.visform fieldset div { width: 50%; float: left}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { width: 50% !important}
.visCSSlabel {
  width: 45%;
}


/* große Bildschirme */
@media handheld, only screen and (device-width: 1630px), (max-width: 1630px) {
	
}

/* Bildschirme bis 1400px */
@media handheld, only screen and (device-width: 1440px), (max-width: 1440px) {
	
}

/* Bildschirme bis 1300px*/
@media handheld, only screen and (device-width: 1366px), (max-width: 1366px) {
	#sp-big .container,
	#sp-grey .container,
	#sp-header .container { width: 100% !important }
}

/* Bildschirme bis 1200px*/
@media handheld, only screen and (device-width: 1200px), (max-width: 1200px) {
	.container { width: 100% !important }
}

/* Tablet screens */
@media handheld, only screen and (device-width: 1000px), (max-width: 1024px) {
	#sp-header.menu-fixed #sp-logo a {font-size: 24px !important; transition: all 400ms ease; }
	#sp-header.menu-fixed .sp-megamenu-parent > li > a,
	#sp-header.menu-fixed .sp-megamenu-parent > li > span {
    line-height: 45px !important }
	ul.newsflash-horizquick li {min-height: 400px}
}

/* Tablet screens Hochformat */
@media handheld, only screen and (device-width: 768px), (max-width: 768px) {
	h1 { font-size: 2.5em;}
	h2, .entry-header h2 { font-size: 1.8em}
	h3 {font-size: 1.3em}
	h4 {font-family: 'Roboto Condensed'; font-size: 1em}
	a.bigbutton { padding: 2.5% 9% }
	ul.newsflash-horizquick li,
	ul.newsflash-horizpkvinfo li { width: 100%; margin-right: 0; margin-bottom: 5% }
	ul.newsflash-horizquick li {min-height: 200px}
}

/* Mobile */
@media handheld, only screen and (max-width: 500px) {
	h1 { font-size: 2em;}
	h2, .entry-header h2 { font-size: 1.5em}
	a.bigbutton {background-image: none; line-height: 1.2em}
	.custom_hometop {background-image: url(../../../images/slider/private-krankenversicherung-einfach-vergleichen-mob.jpg); background-position: top right; background-repeat: no-repeat; background-color: #d7d7d5}
	body.itemid-121 #sp-component {background-color: #d7d7d5; background-image: none; max-height: 1300px; min-height: 833px}
	#sp-top1 { padding: 0 !important}
	.customlinks ul li { margin-right: 0; width: 100% }
	#ff_form1 .radio-inline,
	#ff_form1 #bfElemWrap26 .checkbox-inline { width: 100% }
	#ff_form1 #bfElemWrap25 .checkbox-inline { width: 45%}
	.bfPage section { min-height: auto !important }
	.custom_hometop a.bigbutton,
	.custom_hometop h2 { width: 100% }
}