@import url(https://fonts.googleapis.com/css?family=Raleway:400,200,300,500,600,700,800,900);

*{border:0;padding:0;margin:0;}
*, *:after, *:before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

html {font-size: 100%;font-family:Verdana, sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body {font-size: 0.938rem;padding-top: 3.5rem;}
article,aside,section,footer,header,main,menu,nav,section,p,.prodbox{display:block;width:100%;}
p {margin:0 0 1rem 0;line-height:1.375rem;color:#272727;}
b{font-weight:bold;}
ul{list-style-type:none;list-style-image:none;}
a{text-decoration:none;}

h1,h2,h3,h4,h5,h6,.prodboxhead{font-family:Raleway, sans-serif;display:block;letter-spacing:1px;}
h1 {font-size:1.250rem; margin:0 0 0.750rem 0; font-weight:700;color:#97be0d;}
h2 {font-size:1.250rem; margin:2rem 0 0.750rem 0; font-weight:700;color:#97be0d;}
h2.bulb:before{font-family:Fontello;content: "\e822  ";}
h3 {font-size:1.250rem; margin:2rem 0 0.750rem 0; font-weight:600;}

header {position: fixed;top: 0;left: 0;right: 0;z-index: 901;padding:0.5rem;line-height: 2.5rem;background: #97be0d;color: #fff;}
header img{max-height:2.5rem;display:block;}

article{padding:1rem 0.5rem;}
article > p > a,article > ul  > li  > a{color:#af317e;border-bottom:1px dotted #af317e;}
article a.ext:before{font-family:fontello;content: '\e807  ';}
article ul{padding-bottom:1rem;line-height:1.375rem;}
article img{display:block;width:100%;padding-bottom:1rem;}
.rezeptbild{display:block;float:left;width:25%;margin:0.5rem 1rem 0.5rem 0;}

.checklist li:before{font-family:Fontello;content: "\e803  ";color:#97be0d;}

.amabutton{display:block;width:100%;text-align:center;padding:1.250rem 0.5rem;background:#af317e;color:#fff;}
.amabutton:before {font-family:Fontello;content: "\e810  ";}

.prodbox{position:relative;margin-bottom:1rem;padding-top:1rem;}
.prodbox img{float:left;}
.trans{position:absolute;top:0;left:0;width:100%;height:100%;}

.weitereartikel{display:block;}
.weitereartikel li{border-bottom:1px solid #97be0d;}
.weitereartikel li:first-of-type{border-top:1px solid #97be0d;}
.weitereartikel li a{display:block;color:#000;padding:0.750rem 0! important;width:100%;border-bottom:0 !important;}
.weitereartikel li a:before{font-family:Fontello;content: "\e80d  ";}

footer{padding:1rem 0.5rem;background:#a8a397;font-size:0.875rem;color:#fff;text-align:center;}
footer a{color:#fff;}

.socials{display:block;margin-bottom:1rem;text-align:center;border-top:1px solid #97be0d;border-bottom:1px solid #97be0d;padding:0.5rem 0;}
.ausrichter{float:left;width:25%;text-align:center;}
.circle{display:inline-block;width:3.5rem;height:3.5rem;border-radius:1.750rem;color:#fff;line-height:1.750rem;padding-top:0.875rem;text-align:center;border:1px solid #a8a397;}
.circle img {display:inline-block;width:1.750rem;height:1.750rem;text-align:center;padding:0 0 0 0;margin:0 0 0 0;}
.drittel{display:block;width:100%;text-align:left;margin-bottom:1rem;}
.drittel:last-of-type{margin-bottom:0;}

@media only screen and (min-width: 481px) {
body {font-size: 1.063rem;padding-top: 5.5rem;}
h1{font-size:1.750rem;}
h2 {margin:2rem 0 2rem 0;}
h2,h3{font-size:1.375rem;}
header {padding:1rem;line-height: 3.5rem;}
header img{max-height:3.5rem;}
article{padding:2rem 0.5rem 1rem 0.5rem;}
.prodbox{float:left;width:40%;margin:0 1rem 1rem 0;}
.amabutton{padding:2rem 0.5rem;}
.weitereartikel li{padding:1rem 0;}
.rezeptbild{width:50%;}
}