/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/montserrat-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('../fonts/montserrat-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/montserrat-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/montserrat-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/montserrat-v12-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* scada-regular - latin */
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/scada-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Scada Regular'), local('Scada-Regular'),
       url('../fonts/scada-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/scada-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/scada-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/scada-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/scada-v6-latin-regular.svg#Scada') format('svg'); /* Legacy iOS */
}




/* Links */
a, a:visited {
 	font-family:"Trebuchet MS", Verdana;
 	font-size: inherit;
 	color: #8B0B3C;
 	font-weight: normal;
 	text-decoration:underline;
 	cursor:pointer;
}


a:hover {
 	font-weight: normal;
 	color: #000000;
 	text-decoration:none;
}

a.header:link, a.header:visited {
	display: block;
         margin: 38px 5px 10px 5px;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 16px;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration:none;
         text-shadow: #890028 1px 1px 0px;
}

a.header:hover {
 	font-weight: bold;
 	color: #FFE59F;
 	text-decoration:none;
         text-shadow: #890028 1px 1px 0px;
}

a.menu:link, a.menu:visited {
	display: block;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 4px 40px;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 9pt;
 	color: #FFFFFF;
 	font-weight: bold;
 	text-decoration:none;
         line-height: 1.6em;
         text-shadow: #890028 1px 1px 0px;
         background:transparent url(../images/menu_diver.png) 20px 20px no-repeat;
}

a.menu:hover {
 	font-weight: bold;
 	color: #FFE59F;
 	text-decoration:none;
         text-shadow: #890028 1px 1px 0px;
}

/* Ansicht Kategorie */

.contentbox_kats {
         margin: 0px 0px 0px 5px;
         width: 809px;
         background:transparent url(../images/contentbox_kats_02.png) top repeat-y;
}

.contentbox_kats_content {
         background:transparent url(../images/contentbox_kats_01.png) top no-repeat;
         width: 809px;
         padding: 5px 0px 8px 0px;
         margin: 0px 0px 0px 0px;
         font-size: 10pt;
     color: #4F4F4F;
     font-weight: normal;
         text-align: left;
}

.contentbox_kats_h2_link {
         text-decoration:none !important;
}

.contentbox_kats_h2_link h2 {
         padding:5px 0 5px 0px !important;
}


.contentbox_kats_footer {
         background:transparent url(../images/contentbox_kats_03.png) bottom no-repeat;
         width: 809px;
         height: 36px;
}

.contentbox_kats_diver {
         background:transparent url(../images/contentbox_kats_04.png) top center no-repeat;
         width: 819px;
         height: 15px;
}



.contentbox_kats_diver:last-of-type {
         background:transparent !important;
}


.white a	{color:#FFFFFF;}


/* Button */
a.buttonsmall , a.buttonsmall:link, a.buttonsmall:visited {
    margin: 3px 0px 2px 0px;
    padding: 3px 30px 3px 12px;
    height: 22px;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 8pt;
 	color: #FFFFFF;
 	font-weight: normal;
 	text-decoration:none;
    background:transparent url(../images/button_small_bg.png) right repeat-x;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
    text-shadow: #537F01 1px 1px 0px;
}
a.buttonsmall:hover {
    font-family:"Trebuchet MS", Verdana;
    font-size: 8pt;
    font-weight: normal;
    color:#FFFFFF;
    background:transparent url(../images/button_small_bg_hover.png) right repeat-x;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
    text-shadow: #7B0730 1px 1px 0px;
}
a.buttonsmallyellow , a.buttonsmallyellow:link, a.buttonsmallyellow:visited {
    margin: 3px 0px 2px 0px;
    padding: 3px 30px 3px 12px;
    height: 22px;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 8pt;
 	color: #8D0936;
 	font-weight: normal;
 	text-decoration:none;
    background:transparent url(../images/button_small_bg_yellow.png) right repeat-x;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
    text-shadow: #FFFFFF 1px 1px 0px;
}
a.buttonsmallyellow:hover {
    font-family:"Trebuchet MS", Verdana;
    font-size: 8pt;
    font-weight: normal;
    color:#FFFFFF;
    background:transparent url(../images/button_small_bg_yellow_hover.png) right repeat-x;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
    text-shadow: #537F01 1px 1px 0px;
}
a.buttonsmallgrey , a.buttonsmallgrey:link, a.buttonsmallgrey:visited {
    margin: 3px 0px 2px 0px;
    padding: 3px 30px 3px 12px;
    height: 22px;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 8pt;
 	color: #000000;
 	font-weight: normal;
 	text-decoration:none;
    background:transparent url(../images/button_small_bg_grey.png) right repeat-x;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
    text-shadow: #FFFFFF 1px 1px 0px;
}
a.buttonsmallgrey:hover {
    font-family:"Trebuchet MS", Verdana;
    font-size: 8pt;
    font-weight: normal;
    color:#FFFFFF;
    background:transparent url(../images/button_small_bg_grey_hover.png) right repeat-x;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
	border-radius: 10px;
    text-shadow: #537F01 1px 1px 0px;
}

a.button , a.button:link, a.button:visited {
         margin: 0px 0px 0px 0px;
         padding: 5px 40px 5px 12px;
         height: 32px;
 	font-family: "Montserrat", "Trebuchet MS", Verdana;
 	font-size: 12pt;
 	color: #FFFFFF;
 	font-weight: normal;
 	text-decoration:none;
         background:transparent url(../images/button_bg.png) right repeat-x;
         -moz-border-radius: 15px;
         -khtml-border-radius: 15px;
	border-radius: 15px;
         text-shadow: #537F01 1px 1px 0px;
}

a.button:hover {
         font-family: "Montserrat", "Trebuchet MS", Verdana;
         font-size: 12pt;
         font-weight: normal;
         color:#FFFFFF;
         background:transparent url(../images/button_bg_hover.png) right repeat-x;
         -moz-border-radius: 15px;
         -khtml-border-radius: 15px;
	border-radius: 15px;
         text-shadow: #7B0730 1px 1px 0px;
}

/* Gutschein Listing */
.liste_gutschein {
         background: #FCFBF9;
         border: 1px #910A37 dotted;
         box-shadow: #CFCFCF 0px 0px 0px;
         padding: 3px;
         margin: 2px 5px 4px 5px;
         text-align: left;
         width: auto;
         -moz-box-shadow:    inset 3px 3px 5px #E8E3D5;
       -webkit-box-shadow: inset 3px 3px 5px #E8E3D5;
       box-shadow:         inset 3px 3px 5px #E8E3D5;
}

div.liste_gutschein div.left { width: 120px; border-left: 3px #910A37 solid; background: #F2EEE2; margin: 2px; padding: 2px 5px 2px 7px; float: left;min-height:36px; }
div.liste_gutschein div.right { border-left: 0px #910A37 solid; background: #FFFFFF; margin: 2px; padding: 2px; float: right; min-height:36px;line-height:36px;vertical-align:middle;}

.liste_gutschein h6 {
    font-family: 'Montserrat', sans-serif;
         font-size: 12pt;
         font-weight: normal;
         text-align:left;
         color: #E5940A;
         margin: 2px 0px 2px 0px;
         padding: 0px 5px 0px 5px;
         vertical-align:top;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
} 
.gutschein_infos {
    float: left;
         background: #FCFBF9;
         border: 2px #910A37 dotted;
         padding: 3px;
         margin: 2px 4px 4px 4px;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-align: center;
         font-size: 12px;
         font-weight: bold;
         -moz-box-shadow:    inset 3px 3px 5px #E8E3D5;
       -webkit-box-shadow: inset 3px 3px 5px #E8E3D5;
       box-shadow:         inset 3px 3px 5px #E8E3D5;
       width:175px;
         height:42px;
}

.gutschein_infos_2 {
    float: left;
         background: #F1DB90;
         border: 2px #910A37 dotted;
         padding: 3px;
         margin: 2px 4px 4px 4px;
         text-shadow: #FFF4E0 1px 1px 0px;
         text-align: center;
         font-size: 12px;
         font-weight: bold;
         color: #602203;
         -moz-box-shadow:    inset 0px 0px 10px #E9A724;
       -webkit-box-shadow: inset 0px 0px 10px #E9A724;
       box-shadow:         inset 0px 0px 10px #E9A724;
       width:175px;
         height:42px;
}

.gutschein_infos h3 {
    font-family: 'Montserrat', sans-serif;
         font-size: 11pt;
         font-weight: normal;
         text-align: center;
         color: #A81D4A;
         margin: 2px 0px 2px 0px;
         padding: 0px 5px 0px 5px;
         vertical-align:top;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.gutschein_infos_2 h3 {
    font-family: 'Montserrat', sans-serif;
         font-size: 11pt;
         font-weight: normal;
         text-align: center;
         color: #A81D4A;
         margin: 2px 0px 2px 0px;
         padding: 0px 5px 0px 5px;
         vertical-align:top;
         text-decoration:none;
         text-shadow: #FFF4E0 1px 1px 0px;
}

.gutschein_infos a ,.gutschein_infos a:link, .gutschein_infos a:visited {
         font-size: 12px;
         font-weight: normal;
         text-align: center;
         color: #4F4F4F;
         margin: 2px 0px 2px 0px;
         padding: 0px 5px 0px 5px;
         vertical-align:top;
         text-decoration:underline;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.gutschein_infos a:hover {
         text-decoration:none;
         color:#7B0105;
}


.gutschein_infos_2 a ,.gutschein_infos_2 a:link, .gutschein_infos_2 a:visited {
         font-size: 12px;
         font-weight: normal;
         text-align: center;
         color: #000000;
         margin: 2px 0px 2px 0px;
         padding: 0px 5px 0px 5px;
         vertical-align:top;
         text-decoration:none;
         text-shadow: #FFF4E0 1px 1px 0px;
} 

/* Überschriften */
h1 {
 	font-family: "Montserrat", "Trebuchet MS", Verdana;
         font-size: 16pt;
 	font-weight: bold;
    color:#B11D4D;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 10px;
 	vertical-align:top;
}

.slogan h1 {
 	font-family: "Montserrat", "Trebuchet MS", Verdana;
         font-size: 16pt;
 	font-weight: bold;
 	text-align:center;
 	color:#4C4C4C;
 	margin: 5px 0px 10px 0px;
 	padding: 0px 0px 0px 25px;
 	vertical-align:top;
}

h2 {
 	font-family: "Montserrat", "Trebuchet MS", Verdana;
         font-size: 14pt;
         font-weight: normal;
         text-align:left;
         color:#B11D4D;
         margin: 0px 0px 0px 0px;
         padding: 5px 0px 5px 10px;
         vertical-align:top;
         text-decoration:none;
}



h3 {
         font-family: "Trebuchet MS", Verdana;
         font-size: 11pt;
         font-weight: bold;
         text-align:left;
         color:#890938;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         vertical-align:top;
         text-decoration:none;
}

h4 {
	font-family: 'Montserrat Alternates', sans-serif;
         font-size: 12pt;
         font-weight: normal;
         text-align:left;
         color: #7F7F7F;
         margin: 2px 0px 2px 0px;
         padding: 0px 0px 0px 0px;
         vertical-align:top;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
         width: 771px;
         height: 32px;
         background: #E0E0E1 url(../images/title.png) top center no-repeat;
}

h4.active {
	font-family: 'Montserrat Alternates', sans-serif;
         font-size: 12pt;
         font-weight: normal;
         text-align:left;
         color: #B60638;
         margin: 2px 0px 10px 0px;
         padding: 0px 0px 0px 0px;
         vertical-align:top;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
         width: 771px;
         height: 32px;
         background: #E0E0E1 url(../images/title.png) top center no-repeat;
}

h5 {
         font-family: "Trebuchet MS", Verdana;
         font-size: 12pt;
         font-weight: bold;
         text-align:left;
         color:#B51C4F;
         margin: 0px 0px 5px 0px;
         padding: 2px 0px 2px 5px;
         vertical-align:top;
         text-decoration:none;
}

/* Standarts */
body {
         margin: 0px;
         padding: 0px;
         vertical-align:top;
         font-size: 9pt;
         text-align:left;
         background: #F1DB90 url(../images/bg_kachel.png);
}

body, tr, td {
	font-family:"Trebuchet MS", Verdana;
 	font-size: 9pt;
         color: #000000;
         vertical-align:top;
         text-align:left;
}

.links 	{ float:left; }
.rechts 	{ float:right; }
img 	{ border: 0px; }
.clear 	{ clear:both; line-height:0.0em; height: 0px; display: block; background-color: #FFDF00; }

/* Seite */
#wrapper {
	width: 1200px;
         margin: 0px auto;
}

#header_top div.banner { padding: 30px 0px 0px 50px;  }



#header_info a, #header_info a:link, #header_info a:visited, #header_info a:hover {
 	font-family: "Trebuchet MS", Verdana;
         font-size: 9pt;
 	font-weight: normal;
 	text-align:left;
         color: #A20D46;
         text-shadow: #FFFFFF 1px 1px 0px;
}

#site {
         width: 1200px;
         margin: 0px auto;
         background: transparent url(../images/gutscheintante_19.png) repeat-y;
}

#site div.banner { padding: 5px 0px 5px 0px; text-align:center;  }
#site div.slogan { margin: -10px 0px 5px 0px; }

#startseite {
         width: 1130px;
         margin: 0px auto;
}

#menu {
	float:right;
         width: 325px;
         margin: 0px 15px 0px 0px;
         background: transparent url(../images/bg_site_menu.png) repeat-y;
}

#inhalte {
	float:left;
         width: 819px;
         margin: 0px 0px 0px 32px;
}

/* Footer */
#footer {
         width: 1200px;
         height: 181px;
         margin: 0px 0px 0px 0px;
}

#footer_oben {
	background: transparent url(../images/gutscheintante_21.png) no-repeat;
         width: 1200px;
         height: 157px;
         margin: 0 auto;
         padding: 0px 0px 0px 0px;
         text-align:left;
         vertical-align:top;
         font-family:"Trebuchet MS", Verdana;
         font-size: 10pt;
         font-weight: normal;
         color:#FFFFFF;
         text-shadow: #66072B 1px 1px 0px;
}

#footer_oben .diver {
	float: left;
	background: transparent url(../images/footer_diver.png) no-repeat;
         width: 18px;
         height: 60px;
         margin: 62px 10px 0px 0px;
}

#footer_oben .box {
	float:left;
         width: 203px;
         height: 100px;
         margin: 62px 0px 0px 0px;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 8pt;
 	color: #FFF5D0;
}
#footer_oben b {
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 10pt;
 	color: #FFFFFF;
}

#footer_oben .copyright {
	float:left;
         width: 260px;
         height: 80px;
         font-size: 9pt;
         line-height: 1.0em;
         margin: 55px 5px 5px 30px;
}

#footer_oben a, #footer_oben a:link, #footer_oben a:visited {
	display: block;
         margin: 0px 0px 0px 0px;
         padding: 2px 0px 2px 0px;
 	font-family:"Trebuchet MS", Verdana;
 	font-size: 8pt;
 	color: #FFF5D0;
 	font-weight: normal;
 	text-decoration:none;
         text-shadow: #66072B 1px 1px 0px;
         line-height: 1.0em;
}

#footer_oben a:hover {
         font-family:"Trebuchet MS", Verdana;
         font-size: 8pt;
         font-weight: normal;
         color:#FFFFFF;
}

#footer_unten {
	background: transparent url(../images/gutscheintante_22.png) no-repeat;
         width: 1200px;
         height: 24px;
         margin: 0 auto;
         padding: 0px;
         text-align:left;
         vertical-align:top;
         font-family:"Trebuchet MS", Verdana;
         font-size: 7pt;
         font-weight: normal;
         color:#886438;
         text-shadow: #FAE7B3 1px 1px 0px;
}

#footer_unten a, #footer_unten a:link, #footer_unten a:visited {
         margin: 0px 0px 0px 0px;
         font-family:"Trebuchet MS", Verdana;
         font-size: 7pt;
         font-weight: normal;
         color:#886438;
         text-decoration:none;
}

#footer_unten a:hover {
         font-family:"Trebuchet MS", Verdana;
         font-size: 7pt;
         font-weight: normal;
         color:#000000;
}

/* Splash */
#Splash {
         width: 900px;
         height: 157px;
         margin: 10px auto;
         background: url(../images/grafik_startseite.png) top no-repeat;
         text-shadow: #000000 1px 1px 0px;
}

#SplashTeaser {
         width: 670px;
         height: 20px;
 	font-family:  "Montserrat", "Trebuchet MS", Verdana;
         font-size: 12pt;
         line-height: 1.1em;
 	font-weight: normal;
 	text-align:center;
 	color:#FFFFFF;
 	margin: 0px 0px 0px 160px;
 	padding: 10px 0px 0px 0px;
 	vertical-align:top;
}

#SplashText {
        width: 670px;
        height: 100px;
 	font-family: "Trebuchet MS", Verdana;
        font-size: 10pt;
        line-height: 1.1em;
 	font-weight: normal;
 	text-align:left;
 	color:#EFEFEF;
 	margin: 0px 0px 0px 160px;
 	padding: 10px 0px 0px 0px;
 	vertical-align:top;
}



/* Startseite */
.box_startseite_main {
	float:left;
         margin: 0px 10px 5px 10px;
         width: 445px;
}

.box_startseite_main .diver {
         margin: 5px 0px 5px 0px;
         width: 445px;
         height: 4px;
         background: url(../images/box_startseite_diver_445.png) top repeat-x;
}

.box_startseite_main_header {
         background: url(../images/box_startseite_01_445.png) top no-repeat;
         width: 445px;
         height: 40px;
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
         font-size: 16pt;
         color: #FFFFFF;
         text-shadow: #E5A60A 1px 1px 0px;
         font-weight: normal;
         text-align: center;
         line-height: 0.8em;
}

.box_startseite_main_content {
         background: url(../images/box_startseite_02_445.png) top repeat-y;
         width: 445px;
         font-size: 9pt;
 		color: #8F8F8F;
 		font-weight: normal;
         text-align: left;
         min-height: 130px;
}

.box_startseite_main_content a.menu ,.box_startseite_main_content a.menu:link, .box_startseite_main_content a.menu:visited {
         display: block;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         font-family: 'Montserrat', "Trebuchet MS", Verdana;
         font-size: 12pt;
         color: #9F9F9F;
         font-weight: normal;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
         background: url(../images/menu_diver.png) left bottom no-repeat;
}

.box_startseite_main_content a.menu:hover {
         font-size: 12pt;
         font-weight: normal;
         color:#930A38;
}

.box_startseite_main_footer {
         background: url(../images/box_startseite_03_445.png) bottom no-repeat;
         width: 445px;
         height: 47px;
         text-align: center;
}


/* 3er Boxen */

.box_startseite {
	float:left;
         margin: 0px 10px 5px 10px;
         width: 290px;
}

.box_startseite .diver {
         margin: 5px 0px 5px 0px;
         width: 290px;
         height: 4px;
         background: url(../images/box_startseite_diver.png) top repeat-x;
}

.box_startseite_header {
         background: url(../images/box_startseite_01.png) top no-repeat;
         width: 290px;
         height: 40px;
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
         font-size: 16pt;
         color: #FFFFFF;
         text-shadow: #E5A60A 1px 1px 0px;
         font-weight: normal;
         text-align: center;
         line-height: 0.8em;
}

.box_startseite_content {
         background: url(../images/box_startseite_02.png) top repeat-y;
         width: 290px;
         font-size: 9pt;
 	color: #8F8F8F;
 	font-weight: normal;
         text-align: left;
}

.box_startseite_content a.menu ,.box_startseite_content a.menu:link, .box_startseite_content a.menu:visited {
         display: block;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
         font-family: 'Montserrat', "Trebuchet MS", Verdana;
         font-size: 12pt;
         color: #9F9F9F;
         font-weight: normal;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
         background: url(../images/menu_diver.png) left bottom no-repeat;
}

.box_startseite_content a.menu:hover {
         font-size: 12pt;
         font-weight: normal;
         color:#930A38;
}

.box_startseite_footer {
         background: url(../images/box_startseite_03.png) bottom no-repeat;
         width: 290px;
         height: 47px;
         text-align: center;
}

/* Info Box */
.menubox {
         margin: 0px 0px 5px 5px;
         width: 290px;
}

.menubox .diver {
         margin: 0px 0px 0px -20px;
         width: 290px;
         height: 6px;
         background: url(../images/box_menu_03.png) top no-repeat;
}

.menubox_header {
         background: url(../images/box_menu_01.png) top no-repeat;
         width: 290px;
         height: 50px;
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
         font-size: 14pt;
         color: #FFFFFF;
         text-shadow: #E58C08 1px 1px 0px;
         font-weight: normal;
         text-align: right;
}

.menubox_content {
         background: url(../images/box_menu_04.png) top repeat-y;
         width: 290px;
         font-size: 9pt;
 	color: #ACACAC;
 	font-weight: normal;
         text-align: left;
         text-shadow: #FFFFFF 1px 1px 0px;
}

.menubox_content a.menu ,.menubox_content a.menu:link, .menubox_content a.menu:visited {
         display: block;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
         font-size: 12pt;
         color: #7B0105;
         font-weight: normal;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
         background: url(../images/menu_diver.png) left bottom no-repeat;
}

.menubox_content a.menu:hover {
         font-size: 12pt;
         font-weight: normal;
         color:#000000;
}

.menubox_footer {
         background: url(../images/box_menu_05.png) bottom no-repeat;
         width: 290px;
         height: 25px;
}

/* Content Boxen */
.contentbox_big {
         margin: 4px 0px 5px 0px;
         width: 800px;
}

.contentbox_big_header {
         background: transparent url(../images/contentbox_big_01.png) top no-repeat;
         width: 800px;
         height: 36px;
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
         font-family: font-family: "Montserrat Alternates", sans-serif;
         font-size: 14pt;
         color: #424242;
         font-weight: normal;
         text-decoration:none;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-align:left;
}

.contentbox_big_content {
         background:transparent url(../images/contentbox_big_02.png) top repeat-y;
         width: 800px;
         font-size: 9pt;
 	color: #4F4F4F;
         font-family: "Trebuchet MS", Verdana;
 	font-weight: normal;
         text-align: left;
}

.contentbox_big_footer {
         background:transparent url(../images/contentbox_big_03.png) bottom no-repeat;
         width: 800px;
         height: 35px;
}

.contentbox {
         margin: 4px 0px 5px 0px;
         width: 819px;
}

.contentbox_content {
         background:transparent url(../images/contentbox_01.png) top no-repeat;
         width: 819px;
         padding: 10px 0px 0px 0px;
         margin: 0px 0px 0px 0px;
         font-size: 10pt;
 		color: #4F4F4F;
 		font-weight: normal;
         text-align: left;
}

.contentbox_footer {
         background:transparent url(../images/contentbox_02.png) bottom no-repeat;
         width: 819px;
         height: 45px;
}

.contentbox_footer div {
         padding:18px 0px 0px 20px;
         color:#FFFFFF;
}

/* Tabellen Backgrounds */
.tab_bg_1 {
	float:left;
         text-align:center;
         height: 22px;
         padding: 3px 5px 3px 5px;
         margin: 1px 1px 1px 1px;
         background-color: #F1EDE0;
         border-bottom: 1px #E0D7BE solid;
         font-size: 13px;
         text-shadow: #FFFFFF 1px 1px 0px;
         vertical-align: middle;
         line-height: 22px;
}

.tab_bg_2 {
	float:left;
         text-align:center;
         height: 22px;
         padding: 3px 5px 3px 5px;
         margin: 1px 1px 1px 1px;
         background-color: #F9F7F0;
         border-bottom: 1px #EFEFEF solid;
         font-size: 13px;
         text-shadow: #FFFFFF 1px 1px 0px;
         vertical-align: middle;
         line-height: 22px;
}

.tab_bg_1 img, .tab_bg_2 img	{
	margin-bottom:-3px;
}

/* Logos */
div.logos {
         background: #FFFFFF;
         box-shadow: #CFCFCF 0px 0px 5px;
         padding: 3px;
         margin: 2px 5px;
         float:left;
         text-align: center;
         vertical-align: middle;
}
img.images_rahmen {
         background: #FFFFFF;
         box-shadow: #CFCFCF 0px 0px 5px;
         padding: 5px;
         margin: 2px 5px;
         text-align: center;
         vertical-align: middle;
}


#Gutschein_Suche_Resultate	{
	background-color: white;
    margin: 45px 0 0 5px;
    position: absolute;
    width: 297px;
    display:none;
    box-shadow: #000000 3px 3px 5px;
}

#Gutschein_Suche_Resultate .List_Element	{
	padding:1px;
	float:left;
    width: 294px;
    border-bottom:1px dotted #CFCFCF;
}

.List_Element .Icon	{
	float:left;
	width:22px;
	height:23px;
	background:url(../images/search.list.1.png) no-repeat;
    padding:1px 0px 0px 7px;
    font-size:15px;
    color:#ffffff;
    text-shadow: 1px 1px #000000;
    font-weight: bold;
}
.List_Element:nth-of-type(odd) .Icon	{
	background:url(../images/search.list.2.png) no-repeat;
}





#Gutschein_Suche_Resultate .Link	{
	float:left;
	width:189px;
	padding:2px;
	color:#B11D4D;
    font-size:13px;
}

#Gutschein_Suche_Resultate .Link a	{
	text-decoration:none;
    font-size:13px;
}
#Gutschein_Suche_Resultate .Beschreibung	{
	float:right;
    font-size:12px;
	padding:2px;
	line-height:
}


#startseite_box_big_head {
	background:#FFFFFF url(../images/startseite_box.png) top left no-repeat;
         width:602px;
         height: 62px;
}

.box_startseite_head {
	cursor: pointer;
         padding: 12px 8px 0px 9px;
         margin: 0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
         font-size: 13pt;
         color: #FFFFFF;
         text-shadow: #E5A60A 1px 1px 0px;
         font-weight: normal;
         text-align: left;
         line-height: 0.8em;
         height: 26px;
}
#startseite_box_big_head .active {
	background:transparent url(../images/shadow_white.png) repeat;
	cursor: pointer;
         padding: 12px 8px 0px 9px;
         margin: 0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
         font-size: 13pt;
         color: #A91E4C;
         text-shadow: #E5A60A 1px 1px 0px;
         font-weight: normal;
         text-align: left;
         line-height: 0.8em;
         height: 26px;
}

.box_startseite_head:hover {
	background:transparent url(../images/shadow_white.png) repeat;
	font-family: 'Montserrat', sans-serif;
         font-size: 13pt;
         color: #ffffff;
         text-shadow: #E5A60A 1px 1px 0px;
         font-weight: normal;
         text-align: left;
         line-height: 0.8em;
}

#startseite_box_big_content {
	padding: 0px 8px 0px 9px;
         margin: -8px 0px 0px 0px;
         width: 600px;
}

#startseite_box_big_content .gutschein {
         float:left;
         width: 275px;
         height: 35px;
         padding: 5px 3px 5px 3px;
         margin: 3px 5px 3px 3px;
         border-bottom: #DFDFDF 1px dotted;
         color: #6F6F6F;
         font-size: 10pt;
 	font-family:"Trebuchet MS", Verdana;
         font-weight: normal;
}

#startseite_box_big_content .gutschein a, #startseite_box_big_content .gutschein a:link, #startseite_box_big_content .gutschein a:visited {
         color: #6F6F6F;
         text-decoration: none;
         font-size: 10pt;
 	font-family:"Trebuchet MS", Verdana;
         font-weight: normal;
}

#start_box_gutscheine_woche {
	background:transparent url(../images/startseite_box_woche.png) top left no-repeat;
         width:292px;
         height: 163px;
         margin: 0px 0px 10px 0px;
}

#start_box_gutscheine_woche .gutschein a, #start_box_gutscheine_woche .gutschein a:link, #start_box_gutscheine_woche .gutschein a:visited {
         color: #6F6F6F;
         text-decoration: none;
         font-size: 10pt;
 	font-family:"Trebuchet MS", Verdana;
         font-weight: normal;
}

#start_box_gutscheine_tag {
	background:transparent url(../images/startseite_box_tag.png) top left no-repeat;
         width:292px;
         min-height: 60px;
}

#start_box_gutscheine_tag .gutschein a, #start_box_gutscheine_tag .gutschein a:link, #start_box_gutscheine_tag .gutschein a:visited {
         color: #6F6F6F;
         text-decoration: none;
}

#start_box_gutscheine_tag .gutschein {
         width: 275px;
         height: 35px;
         padding: 5px 3px 5px 3px;
         margin: 4px 5px 4px 3px;
         border-bottom: #DFDFDF 1px dotted;
         color: #6F6F6F;
         font-size: 10pt;
 	font-family:"Trebuchet MS", Verdana;
         font-weight: normal;
}

#start_box_gutscheine_tag .gutschein .buttonsmall {
         color: #FFFFFF !important;
}


#start_box_gutscheine_tag {
	background:transparent url(../images/startseite_box_tag.png) top left no-repeat;
         width:292px;
         min-height: 60px;
}

/* Logo Slider */
#gutschein_slider{
         background:transparent url(../images/slider_bg.png) top left no-repeat;
         width: 910px;
         height: 90px;
         margin: 10px 0px 10px 0px;
         padding: 0px;
}

#gutschein_slider_left {
	float: left;
         width: 25px;
         height: 90px;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
}

#gutschein_slider_bg {
	float: left;
         width: 860px;
         height: 88px;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
}

#gutschein_slider_bg img, #gutschein_slider_bg .logoslide img {
	float: left;
         margin: 0px 8px 0px 10px;
         padding: 5px 0px 0px 0px;
}

.logoslide {
	width: 880px;
}

.logoslide .shop {
	float:left;
         display:inline-block;
	width: 160px;
         height: 75px;
         margin: 4px 5px 2px 5px;
         color: #6F6F6F;
         font-size: 9pt;
 	font-family:"Trebuchet MS", Verdana;
         font-weight: normal;
         text-align: center;
}

.logoslide .shop .logo {
	width: 140px;
         height: 50px;
         margin: 2px 5px 8px 5px;
         padding: 5px;
	background:#FFFFFF;
         border-radius: 4px;
         -moz-border-radius: 4px;
         -khtml-border-radius: 4px;
         -moz-box-shadow:    0px 0px 2px 2px #f2f2f3;
  	-webkit-box-shadow: 0px 0px 2px 2px #f2f2f3;
  	box-shadow:         0px 0px 2px 2px #f2f2f3;
}

#gutschein_slider_right {
	float: left;
         width: 25px;
         height: 90px;
         margin: 0px 0px 0px 0px;
         padding: 0px 0px 0px 0px;
}

#gutschein_slider_right a, #gutschein_slider_right a:link, #gutschein_slider_right a:visited {
	display:block;
	background: transparent url(../images/slider_right.png) center center no-repeat;
         width: 25px;
         height: 90px;
         border: 0px #DFDFDF solid;
}

#gutschein_slider_right a:hover {
	display:block;
	background: transparent url(../images/slider_right_hover.png) center center no-repeat;
         width: 25px;
         height: 90px;
         border: 0px #DFDFDF solid;
}


#gutschein_slider_left a, #gutschein_slider_left a:link, #gutschein_slider_left a:visited {
	display:block;
	background: transparent url(../images/slider_left.png) center center no-repeat;
         width: 25px;
         height: 90px;
         border: 0px #DFDFDF solid;
}

#gutschein_slider_left a:hover {
	display:block;
	background: transparent url(../images/slider_left_hover.png) center center no-repeat;
         width: 25px;
         height: 90px;
         border: 0px #DFDFDF solid;
}
a.abc, a.abc:visited {
    background: #f1db90;
    border: 2px dotted #910a37;
 	font-size: 16pt;
 	font-family:"Trebuchet MS", Verdana;
    text-shadow: #e9a724 1px 1px 1px;
 	color: #FFFFFF;
 	padding: 5px;
 	margin: 2px 3px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-box-shadow:    inset 0px 0px 10px #e9a724;
   	-webkit-box-shadow: inset 0px 0px 10px #e9a724;
   	box-shadow:         inset 0px 0px 10px #e9a724;
    min-width: 20px;
    display:inline-block;
    text-decoration: none;
    text-align: center;
}

a.abc:hover {
    background: #6ba702;
 	border: 2px #6ba702 solid;
    font-size: 15pt;
 	font-family:"Trebuchet MS", Verdana;
    text-shadow: #486c06 1px 1px 1px;
 	color: #FFFFFF;
    -moz-box-shadow:    inset 0px 0px 10px #486c06;
   	-webkit-box-shadow: inset 0px 0px 10px #486c06;
   	box-shadow:         inset 0px 0px 10px #486c06;
    text-decoration: none;
}
/* Nur die freien Mittelflaechen der alten Bildstreifen verbreitern. */
#site { position: relative; z-index: 0; background: none; }
#site:before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-style: solid;
    border-color: transparent;
    pointer-events: none;
}
#site:before {
    border-width: 0 25px;
    border-image: url(../images/gutscheintante_19.png) 0 25 fill stretch;
}
#footer_oben { background-image: url(../images/footer-1200.png); }
#footer_unten { background-size: 100% 24px; }
#footer_oben .box { width: 265px; height: auto; margin-top: 58px; }
#footer_oben .diver { margin-top: 62px; height: 60px; }
#footer_oben b { display: block; margin-bottom: 2px; font-size: 16px; line-height: 18px; }
#footer_oben .box a { width: fit-content; padding: 0 6px; margin-left: -6px; border-radius: 3px; font-size: 15px; line-height: 18px; }
#footer_oben .box a:hover, #footer_oben .box a:focus-visible { font-size: 15px; color: #fff; background: #ffffff18; text-decoration: none; }
#footer_unten, #footer_unten a, #footer_unten a:link, #footer_unten a:visited, #footer_unten a:hover { font-size: 12px; line-height: 16px; }
.contentbox_content, .contentbox_footer { background-size: 100% auto; }

#startseite_box_big_head { width: 802px; background-size: 100% 62px; }
#startseite_box_big_content { width: 783px; }
#startseite_box_big_content .gutschein { width: 375px; }
#startseite_box_big_head .box_startseite_head { padding-left: 28px; padding-right: 28px; }
#gutschein_slider { width: 1110px; background-size: 100% 90px; }
#gutschein_slider_bg { width: 1060px; }
.logoslide { width: 1080px; }
#Splash { margin-left: 100px; }

/* Header: Hintergrund, Couch, Logo und Navigation sind getrennt. */
#bg {
    background: url(../images/hintergrund-boegen.png) left top repeat-x, url(../images/hintergrund-verlauf.png) left top repeat-x;
}
#header { position: relative; height: 288px; }
#header_top { height: 110px; background: none; }
#logo { position: absolute; top: 20px; right: 155px; width: 321px; height: 78px; margin: 0; z-index: 2; }
#header_couch { position: absolute; top: 44px; right: 62px; width: 323px; height: 146px; pointer-events: none; z-index: 1; }
#header_bar { box-sizing: border-box; height: 47px; padding: 5px 35px 0; display: flex; gap: 0; }
#header_bar a {
    display: block;
    padding: 10px 24px;
    border-radius: 0;
    border-right: 1px solid #cb5a82;
    background: linear-gradient(#ba285b, #870b38);
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    text-decoration: none;
    box-shadow: inset 0 1px 0 #d95e88;
}
#header_bar a:hover, #header_bar a.aktiv { background: #faf7ed; color: #930b40; box-shadow: none; }
#header_bar a:focus-visible { outline: 2px solid #930b40; outline-offset: 2px; }
#header_info {
    box-sizing: border-box;
    width: 1170px;
    height: 33px;
    margin: 0 15px;
    padding: 9px 20px;
    font-size: 12px; color: #a20d46;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(#f6f3eb, #faf9f5 15px, #fff 27px);
}
/* Original-Suchleiste: linker Rand, Mittelstreifen, rechte Falte. */
#header_suche_sm {
    box-sizing: border-box;
    width: 1200px;
    height: 98px;
    padding: 17px 24px 32px 260px;
    background: linear-gradient(#f594b5, #f772a0 48%, #f45c93 52%, #fa7eaa) 19px 13px / calc(100% - 38px) 56px no-repeat,
                url(../images/suche-band-mitte.png) 18px top / calc(100% - 36px) 98px no-repeat;
    position: relative;
    z-index: 3;
}
/* Die gelben, fest eingebauten Aussenflaechen der alten Bilder abschneiden. */
#header_suche_sm:before, #header_suche_sm:after {
    content: ""; position: absolute; top: 0; height: 98px; pointer-events: none;
}
#header_suche_sm:before {
    left: 0; width: 19px;
    background: url(../images/gutscheintante_12.png) no-repeat;
    clip-path: polygon(7px 0, 100% 0, 100% 100%, 15px 100%, 7px 86px);
}
#header_suche_sm:after {
    right: 0; width: 19px;
    background: url(../images/gutscheintante_18.png) no-repeat;
    clip-path: polygon(0 0, 12px 0, 12px 86px, 4px 100%, 0 100%);
}
#header_suche_sm .header_suchtitel {
    position: absolute; left: 30px; top: 27px; color: #fff;
    font-size: 24px; font-weight: bold; text-shadow: 0 2px 1px #aa3b65;
}
#header_suche_sm form { display: flex; gap: 0; margin: 0; position: relative; z-index: 1; }
#header_suche_sm .header_suchfeld { flex: 1; position: relative; min-width: 0; }
#header_suche_sm #Gutschein_Search {
    box-sizing: border-box;
    width: 100%; height: 49px;
    margin: 0; padding: 0 12px 0 22px;
    border: 0; border-radius: 0;
    font-size: 18px; color: #8b0b3c;
    background: url(../images/suche_01.png) left top no-repeat;
    background-size: 100% 49px;
    box-shadow: none;
}
#header_suche_sm #Gutschein_Search::placeholder { font-size: 18px; color: #876772; }
#header_suche_sm #Gutschein_Search:focus { outline: none; }
#header_suche_sm button {
    flex: 0 0 157px;
    width: 157px; height: 49px; padding: 0; margin: 0;
    border: 0; border-radius: 0; background: none; box-shadow: none;
    cursor: pointer;
}
#header_suche_sm button img { display: block; width: 157px; height: 49px; }
#header_suche_sm button:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
#header_suche_sm #Gutschein_Suche_Resultate { top: 48px; left: 0; width: 100%; margin: 0; z-index: 5; }
#header_suche_sm #Gutschein_Suche_Resultate .List_Element { width: 100%; box-sizing: border-box; }
#header_suche_sm #Gutschein_Suche_Resultate .Link { width: auto; }
/* Unterseiten nutzen die breite Inhaltsspalte. */
.contentbox_kats, .contentbox_kats_content { background-size: 100% auto; }
.contentbox_kats_footer, .contentbox_kats_diver, .contentbox_footer { background-size: 100% 100%; }
#inhalte h1, #inhalte h2, .contentbox_content, .contentbox_kats_content { overflow-wrap: break-word; }
.contentbox_content img, .contentbox_kats_content img { max-width: 100%; }
.contentbox_footer, .contentbox_kats_footer { height: 8px; min-height: 0; background: linear-gradient(#b8446a, #8b0b3c); border-radius: 0 0 7px 7px; }
.contentbox_zusatz { clear: both; margin-top: 18px; padding: 12px 0; border-top: 1px solid #e0d7be; color: #666; font-size: 16px; line-height: 1.55; }
.contentbox_zusatz .white { color: inherit; }
#header_bar a:first-child { border-radius: 8px 0 0 0; }
#header_bar a:last-child { border-radius: 0 8px 0 0; border-right: 0; }

/* Lesbarer Fliesstext, Ueberschriften und Aktionsbuttons bleiben unveraendert. */
#inhalte, .contentbox_content, .contentbox_kats_content { font-size: 16px; line-height: 1.55; }
#inhalte p, #inhalte li, #inhalte td { font-size: 16px; }
#inhalte a:not(.button):not(.buttonsmall):not(.abc):not(.contentbox_kats_h2_link) { font-size: inherit; }
#startseite .tab_bg_1, #startseite .tab_bg_2 { font-size: 15px; height: auto; min-height: 22px; }
#startseite .Gutschein_Kategorien_Name a { font-size: 15px; }
#startseite_box_big_content .gutschein { height: auto; min-height: 44px; line-height: 1.4; }
#startseite_box_big_content .gutschein a { font-size: 15px; }
#startseite_box_big_head { display: flex; }
#startseite_box_big_head .box_startseite_head {
    box-sizing: border-box; flex: 1; width: 33.333%; height: 38px;
    padding: 0 5px; border: 0; background-color: transparent; text-align: center;
    font-family: 'Montserrat', sans-serif; font-size: 13pt; line-height: 38px;
}
#startseite_box_big_head .box_startseite_head:first-child { border-radius: 8px 0 0 0; }
#startseite_box_big_head .box_startseite_head:last-child { border-radius: 0 8px 0 0; }
#startseite_box_big_head .active { background-image: url(../images/shadow_white.png); }
#startseite_box_big_head button:focus-visible { outline: 2px solid #8b0b3c; outline-offset: -3px; }
/* Originalgrafik in ihrer nativen Hoehe: nur die ruhige Mitte wird verbreitert. */
#Splash {
    position: relative; isolation: isolate; box-sizing: border-box;
    width: 100%; height: 157px; min-height: 157px;
    margin: 15px 0; padding: 10px 80px 22px 220px;
    background: none; border: 0; box-shadow: none;
}
#Splash:before {
    content: ''; position: absolute; inset: 0; z-index: -1;
    box-sizing: border-box; border: solid transparent;
    border-width: 0 70px 0 210px;
    border-image: url(../images/grafik_startseite.png) 0 70 0 210 fill stretch;
}
#Splash:after { content: none; }
#SplashTeaser { width: auto; height: auto; margin: 0 0 8px; padding: 0; }
#SplashText { width: auto; height: auto; margin: 0; padding: 0; font-size: 16px; line-height: 1.5; }
#SplashText p { margin: 0 0 6px; }
#SplashText a { font-size: inherit; color: #ffe099; }
#shop_slider {
    display: grid; grid-template-columns: 28px minmax(0, 1fr) 28px;
    gap: 10px; padding: 10px; margin: 15px 0; border-radius: 5px;
    background: linear-gradient(#ededee, #fff); border: 1px solid #eee;
}
#shop_slider > button { border: 0; background: transparent; color: #555; font-size: 34px; cursor: pointer; }
.shop_seite { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.shop_seite[hidden] { display: none; }
.shop_karte { display: block; text-align: center; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.shop_logo { display: flex; align-items: center; justify-content: center; height: 64px; margin-bottom: 6px; background: #fff; border-radius: 4px; box-shadow: 0 1px 3px #ddd; }
.shop_logo img { max-width: 90%; object-fit: contain; }
.ratgeber_text h3 { margin-top: 24px; }
.ratgeber_text li { margin-bottom: 8px; }
.ratgeber_text .ratgeber_tipp { margin: 20px 0; padding: 16px 18px; background: linear-gradient(#faf6e9, #f1ede0); border: 1px solid #e0d7be; border-top: 3px solid #e8b328; border-radius: 7px; color: #654352; }
#inhalte .ratgeber_text { font-size: 16px; line-height: 1.6; }
#inhalte .ratgeber_text h3 { font-size: 18px; }
#inhalte .ratgeber_text p a, #inhalte .ratgeber_text li a, #inhalte .ratgeber_text h3 a, #inhalte .ratgeber_text .contentbox_zusatz a { font-size: inherit; }
#menu .ratgeber_unterpunkte { padding: 0 16px 10px 28px; }
#menu .ratgeber_unterpunkte a { display: block; font-size: 14px; line-height: 1.4; padding: 5px 0; }
.textseite_breit #inhalte { float: none; width: 1130px; margin: 0 auto; padding: 10px 0; }
.textseite_breit .contentbox, .textseite_breit .contentbox_content, .textseite_breit .contentbox_footer { width: 100%; }
.impressum_daten { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 40px; }
.impressum_daten dl { display: grid; grid-template-columns: 160px 1fr; gap: 8px 16px; }
.impressum_daten dt { color: #8b0b3c; }
.impressum_daten dd { margin: 0; overflow-wrap: anywhere; }
.werbeplatz { display: inline-block; text-align: left; vertical-align: top; }
.werbehinweis { display: block; color: #777; font: 10px/16px "Trebuchet MS", sans-serif; letter-spacing: 0.5px; }
.werberahmen { box-sizing: content-box; border: 1px solid #d5c9b5; overflow: hidden; }
.werberahmen img { display: block; max-width: 100%; }
#header_top div.banner { padding-top: 16px; }
.kategorien_liste { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px 12px; margin: 12px 0 20px; }
.kategorie_eintrag { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; background: #f1ede0; border-bottom: 1px solid #e0d7be; color: #8b0b3c; text-decoration: none; font-size: 16px; font-weight: normal; }
.kategorie_eintrag:hover { background: #f8e7bb; }
.kategorie_anzahl { flex-shrink: 0; color: #666; font-size: 14px; }
.kategorie_anzahl small { font-size: inherit; }
.kategorien_seite { padding: 10px 0 25px; }
.kategorien_seite .kategorien_liste { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 20px; }
.kategorien_seite .kategorie_eintrag { min-height: 46px; padding: 12px 18px; border-radius: 5px; border-top: 3px solid #e8b328; }
.kategorien_seite .kategorie_text { min-width: 0; }
.kategorien_seite .kategorie_beschreibung { display: block; margin-top: 7px; color: #666; font-size: 15px; line-height: 1.5; font-weight: normal; }
.kategorien_seite p { font-size: 16px; line-height: 1.6; }
.gutschein_aktionen { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; clear: both; padding: 16px 0 12px; margin-top: 12px; border-top: 1px solid #e0d7be; }

/* Einheitliche Boxen ohne feste Bildbreiten: Cremeverlauf und schmaler GT-Abschluss. */
.contentbox, .contentbox_kats {
    box-sizing: border-box; width: 100%; margin: 6px 0 14px;
    border-radius: 9px; overflow: hidden;
    background: linear-gradient(to bottom, #f1ede0 0, #faf8f1 100px, #fff 280px);
}
.contentbox_content, .contentbox_kats_content {
    box-sizing: border-box; width: 100%; background: transparent; margin: 0;
}
.contentbox > h2, .contentbox > a > h2 {
    box-sizing: border-box; width: 100%; margin: 0; padding: 12px 20px 5px;
}
.contentbox_footer, .contentbox_kats_footer {
    box-sizing: border-box; width: 100%; height: 8px; min-height: 0; margin: 0; padding: 0;
    background: linear-gradient(to bottom, #b8446a, #8b0b3c);
    border-radius: 0 0 9px 9px;
}
.contentbox_kats_diver { width: 100%; height: 0; background: none; }
.menubox_content a.menu.menu_aktiv {
    color: #8b0b3c; background: #f6edcf; border-radius: 3px;
    margin-left: -9px; padding-left: 9px;
    box-shadow: inset 3px 0 #b53d69; text-shadow: none;
}
.menubox_content a.menu:hover, .menubox_content a.menu:focus-visible {
    color: #8b0b3c; background: #f8e7bb; border-radius: 3px;
    text-decoration: none; text-shadow: none;
}

/* Suchvorschlaege im gleichen Creme-/Gold-Stil wie Kategorien und Navigation. */
#header_suche_sm #Gutschein_Suche_Resultate {
    box-sizing: border-box; top: 48px; left: 14px; width: calc(100% - 14px);
    max-height: 360px; overflow-y: auto; overflow-x: hidden;
    background: linear-gradient(#faf6e9, #fff 180px);
    border: 1px solid #e0d7be; border-top: 3px solid #e8b328;
    border-radius: 0 0 9px 9px; box-shadow: 0 4px 9px #5c26312b;
}
#header_suche_sm #Gutschein_Suche_Resultate .List_Element {
    display: flex; align-items: center; gap: 10px; float: none;
    position: relative; padding: 9px 12px; border-bottom: 1px solid #e8e1d2;
}
#header_suche_sm #Gutschein_Suche_Resultate .List_Element:last-child { border-bottom: 0; }
#header_suche_sm #Gutschein_Suche_Resultate .List_Element:hover,
#header_suche_sm #Gutschein_Suche_Resultate .List_Element:focus-within { background: #f8e7bb; }
#header_suche_sm #Gutschein_Suche_Resultate .Icon {
    float: none; flex: 0 0 26px; width: 26px; height: 26px; padding: 0;
    background: #8b0b3c; border-radius: 4px; color: #fff;
    font: bold 14px/26px "Trebuchet MS", sans-serif; text-align: center; text-shadow: none;
}
#header_suche_sm #Gutschein_Suche_Resultate .Link { float: none; flex: 1; min-width: 0; padding: 0; }
#header_suche_sm #Gutschein_Suche_Resultate .Link a {
    display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    font-size: 16px; line-height: 26px; color: #8b0b3c; text-decoration: none;
}
#header_suche_sm #Gutschein_Suche_Resultate .Link a:after { content: ''; position: absolute; inset: 0; }
#header_suche_sm #Gutschein_Suche_Resultate .Beschreibung { float: none; flex-shrink: 0; padding: 0; font-size: 12px; line-height: 26px; color: #777; }

/* Gutschein-Infoboxen: gleichmaessige Spalten, Platz fuer lange Bedingungen. */
.gutschein_fakten { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; clear: both; margin: 18px 0; }
.gutschein_fakten_detail { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.gutschein_fakten .gutschein_infos, .gutschein_fakten .gutschein_infos_2 { box-sizing: border-box; float: none; width: auto; height: auto; min-width: 0; min-height: 82px; margin: 0; padding: 12px 14px; border: 1px solid #e0d7be; border-top: 3px solid #e8b328; border-radius: 5px; background: linear-gradient(#faf6e9, #f1ede0); box-shadow: none; text-shadow: none; text-align: left; font-size: 16px; line-height: 1.5; font-weight: normal; color: #555; overflow-wrap: anywhere; }
.gutschein_fakten .gutschein_infos_2 { background: linear-gradient(#fbefc4, #f6e6ae); }
.gutschein_fakten h3 { margin: 0 0 6px; padding: 0; font-size: 16px; line-height: 1.4; color: #8b0b3c; text-align: left; text-shadow: none; }
.gutschein_fakten a:not(.buttonsmallyellow) { font-size: inherit; padding: 0; margin: 0; color: #8b0b3c; text-shadow: none; }
.gutschein_fakten .gutschein_kategorien { grid-column: 1 / -1; }
.gutschein_kategorien > div { display: inline-block; margin-right: 12px; }
.gutschein_detail { font-size: 16px; line-height: 1.6; }
.gutschein_direkt { text-align: center; margin: 24px 0 8px; }
.gutschein_fehler { margin-left: auto; }
.kategorien_seite .kategorie_eintrag { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-content: start; align-items: baseline; gap: 7px 12px; }
.kategorien_seite .kategorie_beschreibung { grid-column: 1 / -1; margin-top: 0; }
.gutschein_fakten .gutschein_anbieter { grid-column: 1 / -1; }

/* Startseite: gemeinsame Hoehe, einheitliche Gutscheinzeilen. */
.start_gutscheinbereich { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 20px; margin-bottom: 20px; }
.start_gutscheinbereich > .clear, .start_gutscheinbereich > br, .start_gutscheintabs > .clear, .start_gutscheintabs > br { display: none; }
.start_gutscheintabs { min-width: 0; display: flex; flex-direction: column; background: linear-gradient(#faf6e9, #fff 160px); border-radius: 8px; border-bottom: 1px solid #e0d7be; }
#startseite_box_big_head { width: 100%; flex-shrink: 0; }
#startseite_box_big_content { box-sizing: border-box; width: 100%; margin: 0; padding: 12px; flex: 1; }
#startseite_box_big_content [role=tabpanel]:not([hidden]) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(82px, auto); gap: 0 16px; }
#startseite_box_big_content .gutschein { box-sizing: border-box; float: none; width: auto; height: auto; min-width: 0; min-height: 82px; padding: 12px 6px; margin: 0; border-bottom: 1px solid #e8e1d2; }
#startseite_box_big_content .gutschein a { display: block; font-size: 16px; line-height: 1.45; }
.start_gutscheinbereich .gutschein b { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-weight: normal; color: #8b0b3c; }
#startseite_box_big_content .gutschein a > br { display: none; }
.start_gutscheinbereich .gutschein img { object-fit: contain; max-width: 88px; }
#startseite_box_big_content .gutschein:hover { background: #f8e7bb; border-radius: 4px; }
.start_empfehlungen { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
#start_box_gutscheine_woche, #start_box_gutscheine_tag { box-sizing: border-box; width: 100%; height: auto; margin: 0; background: linear-gradient(#faf6e9, #fff 150px); border: 1px solid #e0d7be; border-radius: 8px; overflow: hidden; }
#start_box_gutscheine_tag { flex: 1; display: flex; flex-direction: column; }
.start_empfehlungen .box_startseite_head { box-sizing: border-box; padding: 11px 5px; height: 38px; line-height: 16px; background: linear-gradient(#eec44c, #e5a800); cursor: default; }
.start_wocheninhalt { padding: 14px; }
.start_wocheninhalt > br, .start_wocheninhalt > .clear { display: none; }
.start_wocheninhalt center { margin-top: 10px; }
#start_box_gutscheine_woche .gutschein a { font-size: 16px; line-height: 1.45; }
#start_box_gutscheine_tag .gutschein { box-sizing: border-box; width: auto; height: auto; min-height: 100px; flex: 1; padding: 12px; margin: 0 8px; }
#start_box_gutscheine_tag .gutschein > a:first-child { display: block; min-height: 32px; line-height: 1.45; font-size: 16px; }
#start_box_gutscheine_tag .gutschein .buttonsmall { float: right; margin-top: 8px; }
#startseite_box_big_head { height: 38px; }
#startseite_box_big_content .gutschein a:link, #startseite_box_big_content .gutschein a:visited, #start_box_gutscheine_woche .gutschein a:link, #start_box_gutscheine_woche .gutschein a:visited { font-size: 16px; line-height: 1.45; }
#startseite_box_big_content [role=tabpanel]:not([hidden]) { grid-auto-rows: minmax(96px, auto); }
/* Kompakter Einstieg: fuenf Zeilen, Titel passend zur verfuegbaren Breite. */
.start_gutscheinbereich { min-height: 0; }
#startseite_box_big_content [role=tabpanel]:not([hidden]) { grid-template-rows: repeat(5, 68px); grid-auto-rows: 68px; }
#startseite_box_big_content .gutschein { min-height: 0; padding: 10px 6px; }
.start_gutscheinbereich .gutschein b { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#start_box_gutscheine_tag .gutschein { min-height: 0; padding: 8px 4px; }
#start_box_gutscheine_tag .gutschein > a:first-child { min-height: 23px; }
#start_box_gutscheine_tag .gutschein .buttonsmall { margin-top: 3px; }
.start_wocheninhalt { padding: 10px 12px; }
.start_wocheninhalt .gutschein a > br { display: none; }
.start_wocheninhalt center { margin-top: 6px; }
/* Tagesgutscheine mit Aktion neben dem Titel. */
#start_box_gutscheine_tag .gutschein { display: flex; align-items: center; gap: 10px; padding: 10px 4px; }
#start_box_gutscheine_tag .gutschein > a:first-child { flex: 1; min-width: 0; }
#start_box_gutscheine_tag .gutschein > a:first-child img { float: none !important; display: block; margin: 0 0 4px !important; }
#start_box_gutscheine_tag .gutschein .buttonsmall { flex-shrink: 0; float: none; margin: 0; }
#start_box_gutscheine_tag .gutschein > .clear { display: none; }
#startseite_box_big_head .box_startseite_head { font-size: 15px; }

/* Shop-Gutscheine im gleichen Creme-/Gold-Stil wie die Infoboxen. */
.shop_einleitung { margin: 0 0 18px; color: #666; }
.shop_gutschein { margin: 14px 0; padding: 14px 16px; border: 1px solid #e0d7be; border-top: 3px solid #e8b328; border-radius: 6px; background: linear-gradient(#faf6e9, #fff); }
.shop_gutschein h3 { margin: 0 0 12px; padding: 0; font-size: 18px; line-height: 1.5; font-weight: normal; }
.shop_gutschein h3 a { color: #8b0b3c; text-decoration: none; }
.shop_gutschein h3 a:hover { color: #b53d69; }
.shop_gutschein_infos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.shop_gutschein_infos > div { padding: 10px 12px; background: #f1ede0; border-radius: 4px; overflow-wrap: anywhere; }
.shop_gutschein_infos span { display: block; margin-bottom: 3px; color: #8b0b3c; }
.shop_gutschein .gutschein_aktionen { justify-content: space-between; padding: 10px 0 0; margin-top: 12px; }
.shop_gutschein_abgelaufen { border-top-color: #c7c2b8; }
.shop_gutschein_abgelaufen .shop_gutschein_infos > div:last-child { color: #8b0b3c; }





/* Dezenter Hinweis im Inhalt, nicht im Boxabschluss. */
#wrapper .gutschein_hinweis { clear: both; margin: 14px 14px 8px; font-size: 14px; line-height: 1.5; color: #666; }
#wrapper .gutschein_hinweis a { font-size: inherit; }



/* Drei gleich hohe Bereiche unter dem Shop-Slider. */
.start_entdecken { display: grid; grid-template-columns: minmax(0, 1fr) 270px 302px; gap: 18px; margin: 16px 10px 20px; }
.start_entdecken h5 { box-sizing: border-box; height: 32px; margin: 0; padding: 0 4px; font-size: 17px; line-height: 24px; }
.start_entdecken .werbehinweis { height: 32px; line-height: 24px; }
.start_blogzeilen, .start_ratgeber_links { height: 252px; display: grid; grid-template-rows: repeat(5, minmax(0, 1fr)); overflow: hidden; border-radius: 6px; background: #faf6e9; }
.start_blogzeile { display: flex; align-items: center; gap: 10px; padding: 0 9px; min-width: 0; border-bottom: 1px solid #fff; background: #f1ede0; }
.start_blogzeile:nth-child(even) { background: #faf6e9; }
.start_blogzeile time { flex: 0 0 43px; color: #777; font-size: 14px; }
.start_blogzeile .start_blogtitel { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #8b0b3c; font-size: 16px; text-decoration: none; }
.start_blogzeile .start_blogtitel:hover { text-decoration: underline; }
.start_blogzeile .buttonsmall { flex-shrink: 0; }
.start_ratgeber_links > a { display: flex; align-items: center; padding: 0 14px; border-bottom: 1px solid #e0d7be; color: #8b0b3c; font-size: 16px; text-decoration: none; }
.start_ratgeber_links > a:hover { background: #f8e7bb; }
.start_ratgeber_links > div { display: flex; align-items: center; justify-content: center; }