/* DRK KV Buchen e.V. Schnelltest-Zentrum Buchen

Rot: #e60005
Grau: #554f4a

*/

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* ALLGEMEINES */
	html, body {
		font-size: 18px !important;
		padding: 0px !important;
		margin: 0px !important;
		color: #554f4a !important;
		line-height: 165% !important;
		font-family: Open Sans, Arial, sans-serif;
		font-weight: 400;
	}


/* FORMATIERUNGEN ÜBERSCHRIFTEN  */
	h1, h2, h3, h4, h5, h6 {
		color: #e60005 !important;
		border: 0px !important;
	}

	h1 {
		margin: 0px 0px 20px 0px !important;
		font-size: 300%;
	}

	@media only screen and (max-width:767px) {
		h1 {
			font-size: 200%;
		}
	}

	h2, .entry-header h2 {
		margin: 25px 0px 15px 0px !important;
		font-size: 230%;
		color: #554f4a !important;
	}

	h2 {
		font-size: 230%;
		color: #554f4a !important;
	}

	@media only screen and (max-width:767px) {
		h2, .entry-header h2 {
			font-size: 150%;
		}
	}

	@media only screen and (max-width:767px) {
		h2 {
			font-size: 150%;
		}
	}

	.page-header {
		margin: 0px !important;
		border: 0px !important;
		padding: 0px !important;
	}

	.entry-header {
		margin: 0px !important;
	}

	strong {
		font-weight: 700 !important;
	}

/* LINKS */
	p a, p a:visited {
		color: #e60005 !important;
		border-bottom: 1px solid #e60005 !important;
	}

	p a:hover {
		color: #e60005 !important;
		border-bottom: 1px solid #e60005 !important;
	}

	a:hover, a:focus {
    	color: #e60005 !important;
	}

/* LISTE */
	#sp-main-body ul {
		padding: 0px 0px 0px 15px !important;
	}

	#sp-main-body ul li {
		margin-bottom: 6px !important;
		padding: 0px 0px 0px 15px !important;
	}

/* BLOCKQUOTE */
	blockquote {
		padding: 20px !important;
		border: 0px !important;
		background: #e60005 !important;
		font-size: 100% !important;
		color: #FFFFFF !important;
		border-radius:  5px;
	}

	.itemid-101 blockquote {
		padding-bottom: 20px !important;
		padding-top: 15px !important;
	}

	blockquote p a,
	blockquote p a:hover,
	blockquote p a:visited {
		color: #FFFFFF !important;
		text-decoration: underline !important;
	}

/* FEHLERMELDUNG */
	div.alert-message {
		background: #e60005 !important;
		color: #FFFFFF !important;
	}

	div.alert-message p {
		margin: 0px !important;
	}

	h4.alert-heading {
		font-size: 250% !important;
		color: #FFFFFF !important;
	}

/*  HEADER & LOGO */
	#sp-top-bar {
		background: #FFFFFF !important;
		padding: 30px 0px 15px 0px !important;
		-webkit-box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 5px 23px 0px rgba(0,0,0,0.75);
		border-top: 2px solid #e60005;
	}

	#sp-top-bar .sp-module {
		margin: 0px !important;
	}

	#sp-logo h1 {
		margin: 0px !important;
	}

	@media only screen and (max-width:767px) {
	#sp-logo {
		width: 50% !important;
	}
	}

	.sp-default-logo,
	.sp-retina-logo {
		display: none !important;
	}

/* MENÜ */
	#sp-menu {
		margin-top: 50px !important;
	}

	.sp-megamenu-parent {
		float: right !important;
	}

	#sp-menu ul li a {
		line-height: 100% !important;
		color: #554f4a !important;
		font-size: 105% !important;
		text-transform: none !important;
		font-weight: 400;
	}

/* DROPDOWN MENÜ */
	.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
		padding: 0px !important;
	}

	.sp-megamenu-parent .sp-dropdown {
		z-index: 1000 !important;
		padding-top: 23px !important;
	}

	#sp-menu ul li ul li a {
		color: #554f4a !important;
	}

	#sp-menu ul li ul li:hover a {
		color: #FFFFFF !important;
		background: #e60005 !important;
	}

/* MOBILES MENÜ */
	#offcanvas-toggler {
		line-height: 100% !important;
	}

	#offcanvas-toggler > i {
		margin-top: -50px;
		padding: 0px !important;
		color: #554f4a !important;
		font-size: 45px !important;
	}
	@media only screen and (min-width:767px) {
	#offcanvas-toggler {
		display: none !important;
	}
	}

	@media only screen and (max-width:767px) {
	#offcanvas-toggler {
		position: absolute !important;
		top: 25px !important;
		right: 20px !important;
	}

	#sp-menu {
		margin: 0px !important;
	}
	}

	#accordion_menu_99 a {
		font-family: Open Sans,sans-serif !important;
	}

/* MOBILES MENÜ DROPDOWN  */
	.offcanvas .offcanvas-menu ul.nav-child li {
		padding: 0px !important;
	}

	div.divuli[style] {
		padding: 0px !important;
	}

	.offcanvas-menu .offcanvas-inner {
		padding: 0px !important;
	}

	.offcanvas-menu ul.accordion-menu {
		border: 0px !important;
		margin: 50px 0px 0px 0px !important;
	}

	.offcanvas-menu ul.accordion-menu li {
		background: none !important;
		padding: 0px !important;
		margin: 0px !important;
		border-bottom: 1px solid #554f4a !important;
	}

	.offcanvas-menu ul.accordion-menu li ul li {
		border-bottom: 1px solid #FFFFFF !important;
		background: #554f4a !important;
	}

	.offcanvas-menu ul.accordion-menu li ul li ul li {
		border-bottom: 1px solid #FFFFFF !important;
		background: #554f4a !important;
	}

	.offcanvas-menu ul.accordion-menu li a {
		line-height: 100% !important;
		padding: 12px !important;
		font-size: 15px !important;
		color: #554f4a !important;
		font-weight: normal !important;
		display: block !important;
		border: 0px !important;
		font-family: Open Sans, sans-serif !important;
	}

	.offcanvas-menu ul.accordion-menu li a:hover {
		color: #e60005 !important;
		background: none !important;
	}
		
	.offcanvas-menu ul.accordion-menu li.current {
		background: #e60005 !important;
	}

	.offcanvas-menu ul.accordion-menu li.current a:hover, .offcanvas-menu ul.accordion-menu li.current a {
		color: #FFFFFF !important;
	}

	.offcanvas-menu ul.nav.menu, .offcanvas-menu .sp-module {
		margin: 0px !important;
	}

	.offcanvas-menu ul.nav.menu li {
		border-bottom: 1px dotted #554f4a !important;
		background: none !important;
	}

	.offcanvas-menu ul.nav.menu li a {
		line-height: 100% !important;
		padding: 12px !important;
		font-size: 15px !important;
		color: #554f4a !important;
		font-weight: normal !important;
		display: block !important;
		font-family: Open Sans, sans-serif !important;
		border: 0px !important;
	}

	ul.accordion-menu.button-right li > .item-wrapper > .menu-button > img {
		padding: 0px 17px !important;
	}

/* SEARCH SUCHE */
	#sp-search {
		margin-top: 15px !important;
	}

	#sp-search input {
		width: 100% !important;
	}

	.acesearch_bg_module {
		height: auto !important;
	}

	#sp-search .acesearch_clear {
		display: none !important;
	}

/* SUCHERGEBNISSE */
	.search .btn-toolbar button {
		background: #e60005 !important;
	}

	.search dt.result-title, .search dt.result-title a {
		font-weight: 600 !important;
		color: #e60005 !important;
	}

	.search .result-category, .search .form-limit {
		display: none !important;
	}

	.search .result-text {
		line-height: 165% !important;
	}

/* FEATURE */
	.tp-leftarrow {
		margin-left: 20px !important;
	}

	.tp-rightarrow {
		margin-right: 20px !important;
	}


/* MAIN-BODY */
	#sp-main-body {
		padding-top: 40px;
		padding-bottom:  40px;
	}

	.itemid-846 #sp-main-body {
		padding-bottom:  20px;
	}

	.itemid-101 #sp-main-body {
		padding-bottom:  10px;
	}

	#sp-spende {
		padding-bottom:  20px;
	}

	article.item {
		margin: 0px !important;
	}

	.pagination > .active > a, .pagination > .active > span {
		background: #e60005 !important;
		border-color: #e60005 !important;
	}

/* KONTAKT */
	@media only screen and (max-width:768px) and (min-width:0px) {
	div.linkss table.map {
			float: none !important; 
			width: 100% !important;
		}
	}

/* SLIDER */
	.accordion-toggle {
		background-color: #e60005 !important;
		color: #FFFFFF !important;
	}

	.rl_sliders.accordion > .accordion-group.active > .accordion-heading > a.accordion-toggle {
	    background: #e60005 url(../images/slider-close.png) no-repeat center right !important;
	}

	.rl_sliders.accordion > .accordion-group > .accordion-heading > a.accordion-toggle {
	    background:  #e60005 url(../images/slider-open.png) no-repeat center right !important;
	    color: #fff !important;
	    font-weight: lighter !important;
	    border-radius: 0px !important;
	    padding: 10px 13px !important;
	}

/* FORMULARE */
	.wdform_section {
		font-family: Open Sans,sans-serif !important;
	}

	.wdform_column {
		border-spacing: 0px !important;
	}

	.mini_label {
		margin: 0px !important;
		line-height: 100% !important;
	}

	.wdform-field .button-submit {
		background: #e60005 !important;
		font-size: 100% !important;
		margin: 0px !important;
	}

	.wdform-field .button-submit:hover {
		background: #e60005 !important;
	}

	.wdform-field[type="type_name"] .wdform-element-section div {
		float: left !important;
	}

	.wdform-field[type="type_name"] .wdform-element-section div div {
		clear: both !important;
	}

	.wdform-field[type="type_name"] .wdform-element-section div input {
		width: 100% !important;
	}


/* FOOTER  */
	#sp-footer {
		background: #e60005 !important;
		text-align: left !important;
		font-size: 90% !important;
	}

	#sp-footer-big {
		padding-top: 4% !important;
		margin-bottom: 3% !important;
		border-top: 1px solid lightgrey;
	}

	#sp-footer-big .sp-module-title {
		font-size: 25px !important;
	}

	@media only screen and (max-width:767px) {
		#sp-footer-big .sp-module-title {
			font-size: 16px !important;
			margin-top: 30px;
		}
	}
/* FAQ */
	#sp-faq {
		border-top: 1px solid lightgrey;
		padding-top: 2%;
	}

/* ERROR PAGE  */
	.error-page body {
		background: #e60005 !important;
		font-family: Open Sans,sans-serif !important;
	}

	.error-page h1 {
		color: #FFFFFF !important;
		font-size: 1200% !important;
		font-weight: 700 !important;
		line-height: 100% !important;
		border-top: 1px solid #FFFFFF !important;
		border-bottom: 1px solid #FFFFFF !important;
		display: inline !important;
	}

	.error-page h2 {
		color: #FFFFFF !important;
		font-size: 400% !important;
		margin-top: 70px !important;
		font-weight: 400 !important;
	}

	.error-page h3 {
		color: #FFFFFF !important;
		margin-bottom: 45px !important;
	}

	.error-page a.zbutton {
		color: #FFFFFF !important;
		padding: 15px 50px !important;
		border: 1px solid #FFFFFF !important;
		margin-right: 5px !important;
	}

	.error-page a.button {
		color: #e60005 !important;
		padding: 15px 30px !important;
		border: 1px solid #FFFFFF !important;
		background: #FFFFFF !important;
		font-weight: 600 !important;
	}

	.error-page a.zbutton:hover, .error-page a.button:hover {
		background: #e60005 !important;
		color: #FFFFFF !important;
	}

/*  SITEMAP */
	#jmap_sitemap a {
		color: #554f4a !important;
	}

	#jmap_sitemap a:hover {
		color: #554f4a !important;
		border-bottom: 1px dotted #554f4a !important;
	}

	.folder {
		color: #554f4a !important;
	}

	img {
		display: inline;
	  vertical-align: baseline !important;
	  }

/* DOTTED OUTLINE ELIMINIERUNG */
	  a {
	   outline: 0 !important;
	}

/* KONTAKTFORMULAR */
	.convertforms .cf-control-input-desc {
	    opacity: 1;
	    font-size: 90%;
	}

	/* KONTAKTFORMULAR */
	.convertforms .cf-control-input-desc {
	    opacity: 1;
	    font-size: 90%;
	}

	#cf_1 input[type="text"],
	#cf_1 input[type="email"],
	.convertforms textarea.cf-input {
		width:  100% !important;
	}

	.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 0px;
	}

	.convertforms .cf-footer {
		 margin-top:  0px;
	}

/* STYLING COOKIE HINT */

	#redim-cookiehint .cookiecontent {
	    padding: 20px !important;
	}

	.cookiebuttons #cookiehintsubmit {
	    background: #e60005 !important;
	    color: #FFFFFF !important;
	}

	#redim-cookiehint .cookiebuttons a.btn {
	    color: #707070;
	}

	.cookiebuttons #cookiehintsubmit:hover {
	    background: #e60005 !important;
	}

	#cookiehintinfo {
	    background: #FFFFFF !important;
	}

	#cookiehintinfo .btn {
	    background: #e60005 !important;
	} 

/* SLIDESHOW */
	#sp-feature .ls-layer {
		color: #FFFFFF !important;
	}

/* ONLINE TERMINBUCHUNG – VIK APPOINTMENTS*/
	.vapsergroup,
	.vapempblock {
	    padding: 0px !important;
	    background: #FFFFFF !important;
	    box-shadow: none !important;
	}

	.vapsergroupdiv,
	.vapempnamediv,
	.vapsummaryoptionsheadtitle {
		color: #e60005 !important;
		font-weight: 400 !important;
		font-size: 300% !important;
		margin-bottom: 35px !important;
		margin-top: 20px !important;
	}

		@media only screen and (max-width:767px) {
			.vapsergroupdiv,
			.vapempnamediv,
			.vapsummaryoptionsheadtitle {
				font-size: 170% !important;
				margin-bottom: 15px !important;
			}
		}	

	.vap-empmain-block,
	.vapempinfoblock {
		padding: 0px !important;
	}

	.vapempnamediv a {
		color: #e60005 !important;
	}

	#vapdesc1,
	.vapempcontactdiv,
	.alert {
		display: none !important;
	}

	.vapserblock {
	    background: #e60005 !important;
	    border: none !important;
	    min-height: 50px !important;
	    width: 27% !important;
	}

	.vapserblock a {
		color: #FFFFFF !important;
	}

	.vapserimage,
	.vaploginblock {
		display: none !important;
	}

	.vapmonthselect::before {
    	content: "Bitte wählen Sie einen Monat aus:" !important;
	}

	.vapmonthselect,
	.vapemployeeselect {
		font-weight: 600 !important;
	}

	.vapemployeeselect::before {
    	content: "Wo möchten Sie Ihren Schnelltest buchen?" !important;
	}

	select {
		width:  100% !important;
	}

	.vapinput,
	.vaptextarea,
	.itemid-689 select {
		width: 500px !important;
	}

	.vapsergroup {
		    padding: 0px !important;
		    background: none !important;
		    margin-left: 0px !important;
	}

	.vapsername {
	    	font-size: 25px !important;
	   		background-color: #e60005 !important;
	   		padding: 20px !important;
	   		margin: 0px !important;
	}

	.vapsername a {
		color: #FFFFFF !important;
	}

	.itemid-689 #vapdesc1,
	#vapdesc2,
	#vapdesc3,
	#vapdesc4,
	#vapdesc5,
	#vapdesc6,
	#vapdesc7,
	#vapdesc8,
	#vapdesc9 {
		display: none !important;
	}

	.vapserimage {
		height: auto !important;
	}

	.vap-empmain-block {
	    padding: 0px !important;
	}	

	.vapserblock {
		border: none !important;
		width: 50% !important;
		min-height: auto !important;
	}
		@media only screen and (max-width:767px) {
			.vapserblock {
				width: 100% !important;
			}

			.vapsername a {
				font-size: 75% !important;
			}
		}

	.vapempinfoblock {
		background-color: #FFFFFF;
		border: none !important;
		margin-bottom: -20px;
	}

	a.vap-btn {
		border-radius: 0px !important;
	}

	a.vap-btn.green:hover, button.vap-btn.green:hover,
	a.vap-btn.green, button.vap-btn.green {
	   	background: #e60005 !important;
	   	border-radius: 0px !important;
	}	

	.vapempblock {
	   	box-shadow: none !important;
	}

	.vapempcontactdiv {
	    display: none !important;
	}

	#s2id_vapmonthsel {
		width: 100% !important;
	}

	.vapcalendardiv {
		width: 620px !important;
	}

		@media only screen and (max-width:767px) {
			.vapcalendardiv {
				width: 100% !important;
			}
		}

	.vapcartitemboxdialog {
		font-size: 18px !important;
	}

	.itemid-564 #vapadditembutton {
		display: none !important;
	}

	.vapcalendardiv {
		   border: 2px solid #e60005 !important;
	}

	.vapempinfoblock {
	    padding: 0px !important;
	}

	.vaptbodycal td {
	    border: none !important;
	}

	#sp-component table tr td {
		border-bottom: none !important;
	}

	.itemid-689 #sp-component table tr td {
	    padding: 10px !important;
	}

	.vaptbodycal .vaptdday.vaptdselected a:hover {
	    color: #FFFFFF !important;
	}

	a.vap-btn.blue, button.vap-btn.blue {
	   	background: #e60005 !important;
	   	border-radius: 0px !important;
	}

	.vap-confirmapp-h3 {
		font-weight: bold !important;
		font-size: 30px !important;
	}


	.vaptlblock1 {
	    background-color: #3d912b !important;
	}

	.vaptimeline .vaptimeselected {
	    background-color: lightgrey !important;
	}

	.vaptdgreen {
	    background-color: #3d912b !important;
	}

	.vaptbodycal .vaptdday a:hover {
	    color: #FFFFFF !important;
	}

	.vapdivday {
	    padding: 10px;
	}

	.vaorderboxright {
	    display: none !important;
	}

	.vapsummarycont span {
		color: #e60005 !important;
	}

	.vaptdselected {
    	background-color: #554f4a;
	}

	.vapcontinueshopdiv {
	    margin-top: -20px;
	}

	.vapsummarytotaldiv {
		display: none !important;
	}

	.vapcompleteorderdiv {
		padding: 0px !important;
		background: #FFFFFF !important;
		box-shadow: none !important;
		border: none !important;
	}

	@media only screen and (max-width:565px) {
		#vapempsel {
			width: 100% !important;
		}
	}

	/*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: auto !important;
	}*/

	/* FARBLEGENDE */
		.vap-cal-legend .vap-cal-box-blue {
	    	background-color: #554f4a;
		}

		.vap-cal-legend .vap-cal-box-green {
	    	background-color: #3d912b;
		}

		.vap-cal-legend li {
		    margin-left: -25px;
		    margin-right: 30px;
		}

		.vap-cal-legend span {
			border: 1px solid lightgrey !important;
			margin: 10px 2px 2px;
		}

/* Tooltip-Container für Hilfe
-------------------------------*/

	.drk-tooltip-content {
		display: block;
	}

	.drk-tooltip-content-body {
		display: inline-block;
		background-color: #f2f2f2;
		padding: 5px 10px;
		border-radius: 3px;
		font-size: 13px;
		line-height: 15px !important;
	}

	.drk-tooltip-content-body * {
		font-size: 13px;
		margin-bottom: 0;
		padding-bottom: 0;
		line-height: 15px !important;
	}

/* Cookie Popup
--------------- */
#mod-eu-cookies {
  background-color: #FFFFFF !important;
  opacity:  1 !important;
}

#sp-feature #mod-eu-cookies h6 {
	color: #554f4a !important;
	font-size:  150%;
}

#mod-eu-cookies .site-links a {
  color: #554f4a !important;
}

#sp-feature #mod-eu-cookies #eu-cookies-accept button, 
#sp-feature #mod-eu-cookies #eu-cookies-accept-all button,
#sp-feature #mod-eu-cookies #eu-cookies-settings button,
#sp-feature #mod-eu-cookies #eu-cookies-more-info button,
#sp-feature #mod-eu-cookies #eu-cookies-save button {
  border-color: #e60005 !important;
  background-color: #e60005 !important;
}

#sp-feature #mod-eu-cookies.position-center {
	height: auto !important;
}

#sp-feature #mod-eu-cookies #overview-caption * {
  font-size: 150%;
}

#sp-feature #mod-eu-cookies .full-width.scroll-150 {
  font-weight: lighter;
}

/* Cookie-Popup Hintergrund ausblenden
---------------------------------------*/

	.itemid-693 #mod-eu-cookies-overlay,
	.itemid-816 #mod-eu-cookies-overlay {
		display: none !important;
	}