/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2014 Leo Feyer, LGPL license */
body,form{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}#main .inside{min-height:1px}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}.ce_gallery ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery li{float:left}.ce_gallery li.col_first{clear:left}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{width:0;height:0;left:-1000px;top:-1000px;position:absolute;overflow:hidden;display:inline}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* dk_caroufredsel global styles */
.caroufredsel_skin .image_container img, .caroufredsel_thumbnails_skin .image_container img {
	vertical-align: bottom;
}
.caroufredsel > div, .caroufredsel > section, .caroufredsel_thumbnails > div {
	float: left;
}
.caroufredsel .clearfix {
	float: none;
	clear: both;
}
.caroufredsel_thumbnails_skin {
	position: relative;
}
/* Swipe 2.0, (C) Brad Birdsall 2012, MIT license */
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
/*
================================================ GENERAL ================================================
*/

html { 
	font-size:62.5%; 
}


html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
 
/* LAYOUT */
 
#wrapper {
    min-height: 100%;
    position: relative;
}
 
 
#container {
    padding-bottom: 100px; /* Höhe des Footers */
}
 
#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
}





a {
	color: #BB270E;
	text-decoration: none;
}

p a {
	text-decoration: underline;
}

a:hover {
	color: #513633;
}

h1,
h2 {
	color: #462a27;
	font-family: 'Crimson Text', serif;
	font-size: 3.4rem;
	font-style: italic;
	text-transform: uppercase;
}

h2 {
	color: #bc1100;
	font-size: 2rem;
}

h3, h4,
div.downloads h2 {
	color: #a1250e;
	font-family: 'Open Sans', sans-serif;
	font-size: 2.0rem;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}


h3,
div.downloads h2 {
	background: url(/files/img/linie.png) left bottom repeat-x;
		padding-bottom: 12px;
}

h4 {
	color: #cc4137;
	font-size: 1.4rem;
}

.leseprobe h4 {
	margin-top: 25px;
}

p,
li,
table,
div {
	font-size: 1.4rem;
	line-height: 160%;
	color: #462a27;
	font-family: 'Open Sans', sans-serif;
}

p strong {
	color: #cc4137;
}


.overlay {
	z-index: 100;
	position: relative;
}

ol li {
	list-style: decimal;
	margin-left: 25px;
}

.ccol .article_inside,
.pagetitle .article_inside {
	width: 960px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.pagetitle {
	background: url(/files/img/bg_pagetitle_ds2.png) left bottom repeat-x;
	padding: 0px 0 75px 0;
	height: 70px;
}

.rcol {
	background: url(/files/img/bg_beige.jpg);
}

.rcol #main {
	margin-bottom: 50px;
}

.rcol #container {
	width: 960px;
	margin: 0px auto;
	padding: 0;
}

.rcol #main .inside {
	width: 70%;
	float: left;

	margin-bottom: 100px;
}

.rcol #right {
	width: 28.5%;
	float: right;
	margin: 0;
}

.rcol #main #right .inside {
	width: 100%;
}

.subnavigation li {
	border-bottom: 1px dotted #867270;
	padding: 12px 0;
	list-style: disc inside;
	color: #bc1100;
}

.subnavigation li span {
	margin-left: 6px;
}
.subnavigation li a:hover {
	color: #bc1100;
}



/*
================================================ HEADER ================================================
*/


#wrapper,
header {
	width: 100%;
}

header .inside {
	width: 960px;
	margin: 0px auto;
}

header {
	background-color: #faf6f0;
	border-bottom: 1px solid #e6e4dd;
	width: 100%;
}

header nav a {
	color: #867270;
	text-decoration: none;
}

header nav a:hover {
	color: #462a27;
}

header nav li.active,
header nav .trail {
	color: #bc1100;
}

header nav ul {
	float: right;
	font-family: 'Crimson Text', serif;
	font-size: 1.6rem;
	font-style: italic;
	text-transform: uppercase;
	padding-top: 40px;
}

header nav li {
	background: url(/files/img/navi_trenner.png) left center no-repeat;
	display: inline;
	list-style: none;
	padding: 0px 15px 0px 30px;
}

header nav li.first {
	background: none;
}


/*
================================================ SLIDER ================================================
*/



#slideshow {
	height: 400px;
}

#slideshow .ce_caroufredsel_gallery {
	margin: 0 !important;
	padding: 0;
}

.slideshow_text {
	width: 960px;
	margin-left: auto !important;
	margin-right: auto !important;
}

.slideshow_text h1,
.slideshow_text h2 {
	background: rgba(255,255,255,0.8);
	border-radius: 1px;
	float: left;
	clear: left;
	padding: 12px 25px 12px 20px;
}

.slideshow_text h1 {
	font-weight: bold;
	margin: 200px 0 4px 0;
}

.slideshow_text h2 {
	font-size: 1.8rem;
	margin: 0 0 12px 0;
	padding: 8px 25px 8px 20px;
}

.slideshow_text a {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6edf0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6edf0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6edf0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6edf0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6edf0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f6edf0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6edf0',GradientType=0 ); /* IE6-9 */
	
	border-radius: 3px;
	border: 1px solid rgba(171,38,29,0.2);
	
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
	font-style: italic;
	color: #731315;
	text-decoration: none;
	
	float: left;
	clear: left;
	
	padding: 12px 25px 12px 20px;
}
	
.slideshow_text a:hover {
	background: #f6edf0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6edf0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6edf0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6edf0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6edf0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6edf0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6edf0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6edf0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#slideshow .article_inside {
	width: 100%;
	margin: 0
}

.ce_caroufredsel_gallery img {
    width: 100%;
    height: auto;
}




/*
================================================ HOME ================================================
*/

#home {
	background: url(/files/img/bg_subslideshow.png) left top repeat-x;
	margin-top: -25px;
	position: relative;
	z-index: 100;
}

.willkommen {
	padding: 25px 0;
	text-align: center;
}

#teaser,
div.button {
	background: url(/files/img/bg_beige.jpg) repeat;
	border-top: 1px solid #e7e4df;
	padding: 25px 0 75px 0;
}

#teaser .article_inside p {
	color: #a1250e;
}

.ccol #teaser .article_inside .subcolumns p { 
	padding-top: 5px;
}

.ccol #teaser .article_inside .subcolumns p:first-letter { 
	font-size: 2.25rem; 
	font-family: 'Great Vibes', sans-serif;
	margin-right: 1px;
	margin-left: 1px;
}


#teaser .article_inside .subcolumns p+p:first-letter { 
	font-size: 1.4rem; 
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
}


.teaser {
	width: 25%;
	background-color: #fafafa;
	border: 1px solid #e7e4df;
	border-radius: 10px;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
	min-height: 220px;
	padding: 4% 2%;
	text-align: center;
	/*width: 238px;*/
}

.teaser a.button,
div.button {
	background: #cd4238; /* Old browsers */
	background: -moz-linear-gradient(top,  #cd4238 0%, #c13127 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd4238), color-stop(100%,#c13127)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cd4238 0%,#c13127 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cd4238 0%,#c13127 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cd4238 0%,#c13127 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cd4238 0%,#c13127 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd4238', endColorstr='#c13127',GradientType=0 ); /* IE6-9 */

	border: 1px solid #ab261d;
	border-radius: 3px;
	
	color: white;
	font-style: italic;
	text-decoration: none;
	
	padding: 10px 20px;

	display: inline-block;
	margin-top: 12px;
}

.teaser a.button:hover,
div.button:hover {
	background: #c13127; /* Old browsers */
	background: -moz-linear-gradient(top,  #c13127 0%, #cd4238 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c13127), color-stop(100%,#cd4238)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c13127 0%,#cd4238 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c13127 0%,#cd4238 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c13127 0%,#cd4238 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c13127 0%,#cd4238 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c13127', endColorstr='#cd4238',GradientType=0 ); /* IE6-9 */
}





/*
================================================ LESEPROBE ================================================
*/

.leseprobe .rezept {
	float: left;
	margin: 25px auto;
	text-align: left;
	padding: 0 0 25px 0;
	padding: 25px;
	border-radius: 30px;
	border: 1px solid #efeae4;
	background: rgba(255,255,255,0.5);
}

.leseprobe tr>td:first-child {
	width: 50%;
	text-align: right;
	padding-right: 20px;
}

.leseprobe .rezept ol {
	padding: 0 50px;
}

.leseprobe .rezept ol li {
	margin-bottom: 0.6rem;
}


.leseprobe .rezept {
	width: 600px;
}

.leseprobe table {
	margin: 0 auto;
	width: 500px;
	font-style: italic;
}

.leseprobe .rezept img {
	border-radius: 15px;
}

#kirschen-dessert {
	margin-top: 0;
}


/*
================================================ FOOTER ================================================
*/


footer {
	background: url(/files/img/bg_footer.png) left top repeat-x;
	margin-top: -20px;
	position: relative;
	z-index: 150;
	text-align: center;
}

#footer {
	clear: none;
	padding-top: 25px;
}



/*
================================================ ISOTOPE ================================================
*/


.mod_iso_checkout .steps ol {
	margin: 0 25px 25px 0;
}


.mod_iso_checkout .steps ol li {
	float: left;
	margin: 25px;
}

.mod_iso_checkout .steps .passed,
.mod_iso_checkout .steps li {
	color: #ceccc3;
}

.mod_iso_checkout .steps .active {
	color: #B71B00;
}


.mod_iso_productlist h1,
.mod_iso_cart h1 {
	font-family: 'Crimson Text', serif;
	font-style: italic;
	text-transform: uppercase;
	color: #bc1100;
	font-size: 2rem;
}

.product {
	width: 250px;
	margin: 25px 15px;
	text-align: left;
	padding: 0 0 25px 0;
	padding: 25px;
	border-radius: 30px;
	border: 1px solid #efeae4;
	background: rgba(255,255,255,0.5);
	float: left;
}

.product_list .product {
	min-height: 500px;
}

.mod_iso_cart .product {
	width: auto;
	max-width: 100%;
}

.anmeldung .mod_iso_cart .product {
	width: 550px;
}


.mod_iso_cart .product .name {
	font-weight: bold;
}

.mod_iso_cart .product .remove {
	text-align: right;
}

.mod_iso_cart .product .remove a:hover {
	color: #B71B00;
}


.shop h1#pagetitle {
	width: 685px;
	float: left;
}

.shop .mod_customnav,
.mod_iso_cart  {
	margin: 25px auto;
	text-align: left;
	padding: 0 0 25px 0;
	padding: 25px;
	border-radius: 30px;
	border: 1px solid #efeae4;
	background: rgba(255,255,255,0.5);
}

.mod_iso_orderdetails table,
.mod_iso_orderdetails tr {
	width: 620px !important;
}

.mod_iso_orderdetails table figure img {
	width: 40% !important;
}

.shop .checkbox_container .checkbox {
	width: auto;
}

#kasse,
#warenkorb  {
	padding-bottom:	50px;
}

#warenkorb {
	width: 960px;
}

.mod_iso_cart table,
.mod_iso_cart tbody {
	width: 980px;
	padding: 0;
	width: 300px !important;
}



table tr.product {
	width: 960px;
}

.review table tr.product {
	width: 600px;
}

.formbody table td img {
	width: 100%
}

table tfoot,
table .thead {
	margin-left: 0;
	float: left;
}

table .thead {
	padding-left: 25px;
}

#right .inside .mod_iso_cart .product {
	width: auto;
}

.mod_iso_cart .product {
	width: 900px;
}

.mod_iso_productreader .product {
	width: 600px;
}

.tax {
	display: none;
}

table td {
	width: 120px !important;
}


td.quantity input {
	width: 30px;
}

formbody tr.thead td {
	padding: 10px !important;
}

.formbody table tfoot td.col_0 {
	width: 20px !important;
}

.foot_2 {
	font-weight: bold;
}

.kasse a {
	color: #B71B00;
}

#bestellbestaetigung {
	padding-bottom: 50px;
}

#bestellbestaetigung figure {
	width: 120px;
}


#bestellbestaetigung table tr.product {
	width: 800px;
}

#bestellbestaetigung .product {
	margin: 25px 0;
}

.downloads {
	margin: 50px 0;
	background-color: rgba(202,17,0,0.1);
	padding: 25px;
	border-radius: 25px;
	text-align: center;
}

h2+h2 {
	font-size: 1.2rem;
	line-height: 1.2rem;
	color: #666;
}


.ce_accordion .toggler {
	cursor: pointer;
	text-decoration: underline;
	margin: 20px 0;
}

#kundenbereich .article_inside table tr {
	width: 600px;
}

#kundenbereich .article_inside table tr td figure  {
	max-width: 100px;
	height: 100px;
}

#kundenbereich h2+h2 {
	font-size: 1.5rem;
	text-transform: none;
	color: #bbb;
}

.kundenbereich .ce_text a,
.kundenbereich .ce_text a:link,
.kundenbereich .ce_text a:visited,
.kundenbereich .ce_text a:hover,
.kundenbereich .ce_text a:active {
	color: #A1250E;
}

.shop tfoot td.col_1 {
	width: 240px !important;
}

.shop .versandkostenhinweis {
	font-size: 1.2rem;
}

#versandkosten .article_inside {
	padding: 50px;
}


/*
================================================ FORMULARE ================================================
*/

input,
textarea {
	border-radius: 3px;
	border: 1px solid rgba(171,38,29,0.2);
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
	font-style: italic;
	color: #731315;
	text-decoration: none;
	padding: 12px 25px 12px 20px;
	width: 15em;
}

select,
label {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.4rem;
	font-style: italic;
	color: #731315;
	text-decoration: none;
	width: 18.5em;
}

select {
	padding: 12px 25px 12px 20px;
	border-radius: 3px;
	border: 1px solid rgba(171,38,29,0.2);
}


#ctrl_PaymentMethod {
	margin-bottom: 25px;
}

#ctrl_PaymentMethod label {
	margin-right: 25px;
	border: none;
	background: none;
}

#ctrl_PaymentMethod input,
#ctrl_ShippingMethod input {
	width: 3em;
}


.submit_container input[type="submit"],
div.button {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6edf0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6edf0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6edf0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6edf0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6edf0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#f6edf0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6edf0',GradientType=0 ); /* IE6-9 */

	margin-top: 25px;
}

.submit_container input[type="submit"]:hover,
div.button:hover {
	background: #f6edf0; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6edf0 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6edf0), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f6edf0 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f6edf0 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f6edf0 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f6edf0 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6edf0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}

.quantity_container input.text {
	width: 1em;
}


.formbody td {
	padding: 5px;
	vertical-align: middle;
}

.formbody table td.col_0 {
	width: 10em;
}


div.button {
	border: 1px solid rgba(171, 38, 29, 0.2);
}











@media (max-width: 1650px) {
.ce_caroufredsel_gallery img {
	min-height: 400px !important;
	max-width: none !important;
	width: auto;
 }
}