/* ---------------------------------------------------------------------------------------------------------------------- */
/* 1. Resets                                                                                                              */
/* ---------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------- */
/* 2. Allgemeine Definitionen                                                                                             */
/* ---------------------------------------------------------------------------------------------------------------------- */

/* Link mit Pfeil Links */
html,
body {
	font-family: Arial;
	color: #666;
}

.highlight_schriftart {
	font-family: "Cabin", 'Calibri' !important;
}

a:active,
a:focus {
	text-decoration: underline;
}



/* Link mit Pfeil Links */
a.pfeil {
	padding-left: 32px;
	font: 12px/18px "Cabin", 'Calibri';
	font-weight: 700;
	text-transform: uppercase;
	background-position: 0 1px;
}

/* Link mit RSS Icon */
a.icon_rss {
	padding-left: 24px;
	display: inline-block;
	background-color: transparent;
	background-position: 0 1px;
	background-repeat: no-repeat;
	font: 12px/18px "Cabin", 'Calibri';
	font-weight: 700;
	text-transform: uppercase;
}

a.icon_rss.liste {
	 margin-right: 20px;
	 display: inline-block;
}

/* Preis */
p.preis {
	margin: 0 0 3px 0;
	font: 25px/normal "Cabin", 'Calibri';
}

p.preis span.preis_land {
	font-size: 12px;
}

p.preis_zusatz {
	font: 11px/normal Arial;
	color: #45413b;
}

/* Kleines Label am Cover */
.label_neu,
.label_new,
.label_demnaechst {
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 33px;
}

/* Großes Label am Cover */
.label_neu_gross,
.label_new_gross,
.label_demnaechst_gross {
	padding-right: 43px;
	background-position: top right;
	background-repeat: no-repeat;
}

div.info_button {
	margin-bottom: 3px;
	/*padding: 0 3px 4px 0;*/
	background: url("/_images/info_button_schatten.png") bottom right no-repeat;
}

div.info_button a {
	padding: 10px;
	font: 12px/normal 'Cabin', 'Calibri';
	font-weight: bold;
	background: #fff;
	border: solid 1px #d9d9d9;
}

div.info_button a.colorbox {
	padding-right: 40px;
	background-image: url(/_images/icon_wunschzettel.png);
	background-repeat: no-repeat;
	background-position: right center;
}

div.info_button a.loesungswort {
	padding-right: 40px;
	background-image: url(/_images/icon_loesungswort.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#leserstimme_senden .feld_teil_links,
#leserstimme_senden .feld_teil_rechts_text {
	width: 262px;
}

/* Formularfelder */
.formular .feld_teil_links {
	padding-left: 10px;
	height: 30px;
	background: url("/_images_global/input_bg_links.png") transparent left top no-repeat;
}

.formular .feld_teil_rechts_text {
	background: url("/_images_global/input_bg_rechts.png") transparent right top no-repeat;
}

/* normales textfeld */
.formular .feld_teil_rechts_text input {
	height: 30px;
	background: url("/_images_global/input_bg_mitte.png") transparent right top repeat-x;
}

#tabs .nav li {
	height: 30px;
}

#tabs .nav li a {
	padding: 0 5px;
	font: 18px/30px 'Cabin', 'Calibri';
	font-weight: 500;
	color: #45413b;
}

#tabs ul.nav {
	padding-bottom: 7px;
}

#tabs .list-wrap {
	padding: 20px;
}

#wartungsarbeiten {
	background-color:#c0b8ac;
}
/* ---------------------------------------------------------------------------------------------------------------------- */
/* 3. Layout Boxen                                                                                                        */
/* ---------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width: 480px) {
	#header {
		height: 80px;
	}
}

#header #header_oben {
	height: 50px;
}

#header #header_unten {
	background: url("/_images/content_header_background.png") transparent top repeat-x;
	height: 30px;
}

#logo {
	width: 136px;
	height: 50px;
}

#logo_partner_seite {
	margin-top: 7px;
	width: 72px;
	height: 35px;
}

#logo_partner_seite a {
	display:block;
	height: 35px;
}

#wako_box {
	width: 204px;
	height: 50px;
	background: url("/_images_global/wako_box_background.png") no-repeat scroll center 0 transparent;
}

#wako_box .wunschzettel {
	height:46px;
	margin:5px 0 0 8px;
}

#wako_box .wako_summe {
	width:122px;
	height:30px;
	margin-right:-1px;
	padding:8px 10px 8px 10px;
	font-size:13px;
	text-align:right;
	color:rgb(70,65,60);
}

#schnellsuche {
	width: 331px;
	height: 50px;
}

.suchergebnis .einstellungen {
	background: url("/_images_global/widget_titelliste_kopftrenner.png") no-repeat scroll center bottom #fbf3e7;
}

#header_social_media_links {
	margin: 4px 7px 0px 0px;
}

#header_social_media_links a.header_social {
	margin: 0px 6px 0px 0px;
}

#content_container {
	margin: 30px 0 0 0;
	background: url("/_images_global/content_container_background.png") no-repeat scroll top right 0 transparent;
}

#content {
	padding: 0px 10px 50px 10px;
}

#content_inner {
	padding: 2px 3px 0px 14px;
}

#footer {
	background: url("/_images_global/doormat_trennlinie.png") #45413b center top no-repeat;
	padding: 0px 10px 20px 10px;
}

#footer_content img {
	margin: 0 17px 0 0;
}

#footer .social_icons img {
	width: 40px;
}

#doormat {
	padding: 22px 0 0px 0;
}

#doormat .doormat_spalte {
	margin: 0 20px 0 0;
}

#doormat .doormat_spalte ul li {
	margin-bottom: 25px;
	font-size: 15px;
	font-family: "Cabin", 'Calibri';
}

#doormat .doormat_spalte ul li ul {
	margin-top: 10px;
}

#doormat .doormat_spalte ul li ul li {
	margin: 0 0 3px 0;
}

#doormat .doormat_spalte .social_icons {
	margin-top: 20px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* 4. Header Boxen                                                                                                        */
/* ---------------------------------------------------------------------------------------------------------------------- */

#schnellsuche #input_schnellsuche {
	margin: 12px 0 0 25px;
	width: 250px;
}

#schnellsuche #button_schnellsuche {
	margin: 10px 0 0 5px;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* 5. Header Navigation                                                                                                   */
/* ---------------------------------------------------------------------------------------------------------------------- */

#header ul {
	margin: 4px 0 0 5px;
	font-family: "Cabin", 'Calibri';
}

#header ul li {
	margin: 0px 16px 0px 0px;
}

#header ul li a,
#header ul li a:link,
#header ul li a:visited {
	color: #9C948A;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* 6. Haupt Navigation                                                                                                    */
/* ---------------------------------------------------------------------------------------------------------------------- */

#navigation {
	height: 42px;
	padding: 0 0 10px 0;
}

#navigation ul li {
	margin: 0 0 0 -7px;
	padding: 0 15px;
}

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

	#navigation ul li a {
		font: 17px/42px 'Cabin Sketch', cursive;
		color: #45413b;
	}
	#navigation ul li:hover a,
	#navigation ul li:active a,
	#navigation ul li:focus a,
	#navigation ul li.current a {
		color: #fff;
	}
}

/* home-element */
#navigation ul li#home {
	margin: 0;
	padding: 0;
	width: 50px;
}

/* letztes element */
#navigation ul li.last {
	background: none !important;
}

#navigation .navigation_overlay tr td:first-child  div.box {
	background: none;
}

/* untermenu */
#navigation .navigation_overlay {
	background: #f8f4ed;
	border: solid 2px #e4e0da;
	width: 956px;
	min-width: 956px;
	max-width: 956px;
}

#navigation .navigation_overlay td a {
	font: 12px/normal 'Cabin', 'Calibri';
	font-weight: bold;
}
/* ---------------------------------------------------------------------------------------------------------------------- */
/* 7. Breadcrumb                                                                                                          */
/* ---------------------------------------------------------------------------------------------------------------------- */
#content_breadcrumb {
	padding-bottom: 30px;
}

#content_breadcrumb .breadcrumb_left a,
#content_breadcrumb span.seperator {
	color: #454136;
}
/* ---------------------------------------------------------------------------------------------------------------------- */
/* 8. News Kommentar Formular                                                                                             */
/* ---------------------------------------------------------------------------------------------------------------------- */

.news_kommentar_formular #feld_kommentar {
	background: url("/_images_global/input_textarea_282.png") transparent center no-repeat;
	border: none;
}
/* ---------------------------------------------------------------------------------------------------------------------- */
/* 9. Footer Navigation                                                                                                   */
/* ---------------------------------------------------------------------------------------------------------------------- */

#footer_content ul li {
	margin: 0 15px 0 0;
}

/* ---------------------------------------------------------------------------------------------------------------------- */
/* 10. Cookie Meldung                                                                                                     */
/* ---------------------------------------------------------------------------------------------------------------------- */
#wh_cookie_advice {
	display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	opacity: 0.9;
}

#wh_cookie_advice #cookie_ueberschrift {
	margin: 10px 20px 0px 12px;
	font: 25px/100% "Cabin Sketch", 'Calibri';
	color: #45413b;
	font-size: 16px;
	float: left;
}

#wh_cookie_advice #cookie_text {
	margin: 0px 14px 5px 12px;
	font-size: 12px;
}

#wh_cookie_advice #cookie_button {
	margin: 6px 4px 0px 0px;
	background-color: #FF9B00;
	border-color: #FF9B00;
	border-radius: 10px;
	padding: 4px 8px 4px 8px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	float: right;
}

#wh_cookie_advice #cookie_button a {
	color: #fff;
}

#wh_cookie_advice #cookie_button a:hover {
	text-decoration: none;
	cursor: pointer;
}


/* Cookie Manager */
.cookie-manager-content .headline {
	color: #45413b;
	font-family: 'Merienda', serif;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}
.cookie-manager-content .headline::after {
	flex: 1 1 auto;
	max-width: 120px;
	max-height: 45px;
	margin-left: 5px;
	content: '';
	background-image: url(../_images_global/logo_cookiemanager.png);
	background-repeat: no-repeat;
	background-position: center right;
	background-size: contain;
	background-color: #fff;
}
.cookie-manager-content .checkbox-option label, .cookie-manager-content a:link, .cookie-manager-content a:visited  { color: #78ae25; }
.cookie-manager-content .checkbox-option label:hover, .cookie-manager-content a:hover { color: #78ae25; text-decoration: underline; }