* {
    margin: 0;
    padding: 0
}


body {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 90%;
    font-family: Ubuntu, sans-serif;font-weight: 400;
    color: #333;
    background-image: -webkit-linear-gradient(top, #071801 4%, #dde3c6ab 30%);
    background-image: -moz-linear-gradient(top, 071801 4%, #dde3c6ab 30%);
    background-image: -o-linear-gradient(#071801 4%, #dde3c6ab 30%);
    background-image: linear-gradient(to bottom, #071801 4%, #dde3c6ab 30%);
    
}

img {
    height: auto;
    width: 100%
}

h1 {
    color: #fff;
    font-size: 1.8rem;
    line-height: 1.63;
    letter-spacing: .096em;
    font-family: Baumans;
    text-shadow: 2px 0 2px #988a6e;
    text-transform: uppercase;
    font-weight: 400
}

h2 {
    color: #fff;
    font-size: 1.4rem;
    margin: -2px 0 0;
    line-height: 1.59;
    font-family: Ubuntu;
    text-shadow: 2px 0 2px #1d1c1c;
    font-weight: 400;
    text-transform: uppercase
}

h3 {
    font-size: 22px;
    letter-spacing: .07em;
    color: #b79346;
    font-family: 'Noto Serif', serif;
    font-weight: 400;
    line-height: 1.06;
    margin: 0 0 -10px 0;
}

.h4 {
    color: #fff;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase
}

h5 {
    font-size: 13px;
    margin: 19px 0 0;
    letter-spacing: .1em;
    font-weight: 400
}

p {
    line-height: 1.67em;
    letter-spacing: .02em;
    font-size: 17px;
    color: #5c5c62
}

p.rule1 {
    letter-spacing: .1em;
    padding-top: 8px;
    text-align: center;
    color: #fff;
    font-size: 1.2em
}

p.rule2 {
    letter-spacing: 0.084em;
    font-family: Baumans;
    font-size: xx-large;
    line-height: 1.2em;
    color: rgba(140, 137, 99, 1);
    +background: -webkit-gradient(linear, left top, left bottom, from(rgba(234, 220, 220, 0.99)), to(#534d3f));
    +-webkit-background-clip: text;
    +-webkit-text-fill-color: transparent
}

span.menue_hamburg {
    letter-spacing: .02em
}

#div-klicker {
    display: block;
    height: 100%
}

span.drop-caps {
    color: #a8863c;
    font-size: 26px;
    font-weight: 700;
    padding: 0 2px 0 0;
    font-family: 'Noto Serif', serif
}

span.rule1 {
    line-height: 1.67em;
    letter-spacing: .02em;
    font-size: 17px;
    color: #a37a21
}

span.rule2 {
    color: rgba(78, 93, 71, 0.88);
    font-family: 'Noto Serif', serif;
    line-height: 1.2em;
    font-size: 1.06rem;
    letter-spacing: .01em
}

span.rule3 {
    font-size: 32px;
    letter-spacing: .07em;
    color: #b79346;
    font-family: 'Noto Serif', serif;
    font-style: italic;
    font-weight: 400;
    line-height: 1.06
}

span.rule4 {
    font-size: 24px;
    letter-spacing: .05em;
    color: #151212;
    font-family: 'Noto Serif', serif
}

span.rule5 {
    font-size: 19px;
    font-family: 'Noto Serif', serif;
    letter-spacing: .08em;
    color: #b79346;
    text-transform: uppercase
}

.tauschwandel {
    margin: 32px 6px -10px 0px
}

.absatz {
    margin-top: .9em
}

.absatz2 {
    margin-top: .34em
}

.absatz3 {
    margin-top: -10px
}

background {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 auto;
    height: auto
}

#background_links {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: url(https://www.gartenbau-verden-bremen.de/Karlsen/img/40x40-striped-3percent.png);
    background-repeat: repeat;
    opacity: .2
}
 
#background_rechts {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-image: url(https://www.gartenbau-verden-bremen.de/Karlsen/img/40x40-striped-3percent.png);
    background-repeat: repeat;
    opacity: .2
}

header {
    height: 107px;
    width: 100%;
    position: relative;
    z-index: 1000;
    margin: 0;
    background: url(https://www.gartenbau-verden-bremen.de/Karlsen/img/Header-green.jpg) repeat-x
}

#adac_ehe_tonne {
    margin: 0 auto;
    height: 107px;
    width: 100%;
    max-width: 1285px
}

#circa_reitenden_kot {
    max-width: 1278px;
    height: 58px;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box
}

#blockierten_box {
    width: 100%;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-box
}

#erblickte_wieder_nix {
    width: auto;
    text-align: left;
    padding-top: 13px;
    -ms-flex: 1;
    flex: 1;
    letter-spacing: .2em;
    -webkit-box-flex: 1;
    overflow: hidden
}

#bockend_elli_oxer {
    letter-spacing: .2em;
    overflow: hidden;
    width: 100%;
    text-align: left;
    margin: 4px 0 0 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

#erblickte_nix {
    margin: 24px 10px 0 16px
}

.nochmal_wieder_nix {
    margin: 20px 20px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: white; 
    font-size: 1.3em; 
    letter-spacing: 0.09em;
    font-family: Verdana;
}

#zweite_blockierten_box {
    margin: 0 10px 14px 16px
}

#bockend_elli_doping {
    overflow: hidden;
    width: 240px
}

#bockend_elli_daping {
    height: 30px;
    margin-left: 20px;
    margin-top: -9px;
    display: -webkit-box
}


#blockierte_liebe_diebe {
    /*overflow: hidden;*/
    letter-spacing: .02em;
    height: 17px;
    margin: 13.8pt 0 0 0px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: sans-serif;
    font-weight: 600
}

#anderes_heu {
    margin: 3px 20px 0 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


#anderem_heu  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    margin: 12.3pt 0 0 25px
}

#anderem_heu ul li img {
    float: left;
    width: 26px;
    margin: 14px 5px;
    padding: 6px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

menue_head {
    width: 99%;
    float: left;
    border-bottom: 1px solid #EFFAED;
    display: none
}

#bereichlogo {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(20%, #0b3614cc), color-stop(40%, #a3a2277a), color-stop(82%, #ba3f3f));
    background-image: linear-gradient(to right bottom, #0b3614cc 20%, #a3a2277a 40%, #ba3f3f 82%, #387409 98%);
    display: block;
    padding-left: 1.3em;
    padding-right: 0.8em;
    text-decoration: none;
    float: left;
    width: auto;
    border-radius: 0px 8px 0px 8px;
    letter-spacing: .18em; 
    font-size: 12px
}


#steuerung li {
    list-style: none;
}

#steuerung a {
  color: #868180;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

#steuerung {
    margin-bottom: 20px;
    margin-top: 36px
}

#steuerung a:after {
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  background: #ff6e00;
  transition: width 0.3s ease 0s, left 0.3s ease 0s;
  width: 0;
}

#steuerung a:hover:after { 
  width: 100%; 
  left: 0; 
}

#unter-feurig {
    width: 100%;
    font-weight: 700;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 14px;
    text-align: center
}

#btn a {
    text-decoration: none;
    display: inline-block;
    padding: 6px 13px;
    border-radius: 3px;
}

#btn {
    margin-top: 36px;
}

#btn a:hover {
    background-color: #ddd;
    border-color: #6c6e73;
    background: linear-gradient(to bottom,#f7f8fa,#dadadb);
    box-shadow: 0 1px 0 rgba(255,255,255,.6) inset;
}

.previous {
  background-color: #fff;
  color: #c45500;
  border: 1px solid rgba(240, 21, 21, 0.9);
}

.next {
  background-color: #F3F4F7;
  color: white;
  font-weight: 400;
  border: 1px solid #6c6e73
}

#mit_mitte_oben {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;  
}

euh_anderem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

euh_anderem p {
    display: inline-block;
    height: 22px;
    width: auto;
    min-width: 88px;
    margin: 2px;
    font-size: 11.2pt;
    line-height: 1.5em;
    text-align: center;
    letter-spacing: .06em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
}

.menue-button {
    display: none;
}

#menu {
    display: none;
}

a img {
    border: 0;
    height: auto
}

a.div {
    height: 100%;
    display: block;
    cursor: pointer;
    width: 100%
}

a:link,
a:visited {
    color: #333;
    text-decoration: none
}

a.sale-link:link,
a.sale-link:visited {
    color: #fff;
    text-decoration: none
}

a:hover {
    border-radius: 4px;
    border-bottom: 1px solid #fff
}

a:active {
    text-decoration: underline;
    color: #333
}

a.intext-link:link {
    color: rgba(41, 157, 242, 0.88);
    text-decoration: none;
    text-shadow: 1px 0 1px #988a6e;
    text-transform: uppercase;
    font-size: .97rem
}

a.sale-link:link {
    position: relative;
    margin-left: 0;
    bottom: 4px;
    width: 220px;
    color: #fff;
    text-decoration: none
}

a:focus {outline: 0;}

section {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background: #fcfcfc;
    max-width: 1278px;
    min-height: 900px;
    -webkit-box-shadow: 0 0 4px 1px rgba(221, 219, 219, 0.06), 0 1px 1px rgba(230, 230, 230, 0.28), 0 0 0 rgba(13, 1, 1, .01) inset;
    box-shadow: 0 0 4px 1px rgba(221, 219, 219, 0.06), 0 1px 1px rgba(230, 230, 230, 0.28), 0 0 0 rgba(13, 1, 1, .01) inset;
    padding-bottom: 12px;
    border-radius: 8px;
}

.section_content {
    width: 98%;
    font-size: .9rem;
    text-align: left;
    padding: 0 0 10px;
    margin: auto
}

.section_content_unten {
    width: 99%;
    font-size: .9rem;
    text-align: left;
    margin-left: auto
}

.section_figcation {
    width: 100%;
    margin: auto
}

.Container_Passions {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.Passion_box1 {
    margin-top: 20px
}

.Passion_box2 {
    width: 1%
}

.Passion_box3 {
    margin-top: 20px
}

.ArtikelBild,
.Artikel_1 {
    width: 100%
}

.Artikel_1 {
    max-width: 620px;
    z-index: 1
}

.container {
    width: 96%;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 9px
}

.box1,
.box12 {
    color: white;
    background: #868180;
    /*background: linear-gradient(to bottom, #829e81 0%,#88682c 18%,#a29236 67%,#a29236 83%,#c7b283 96%,#002400 98%);*/
    min-width: 110px;
    letter-spacing: .25em;
    font-family: Ubuntu, sans-serif;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    line-height: 1.5;
    height: 22px;
    font-weight: 600;
    overflow: hidden
}

.box-zum-Angebot,
.container_1_unter_Artikelbild {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex
}

.zoom_area_zum-Angebot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    margin: 30px 16px 0 0
}

.unterficaption_area_zum-Angebot {
    display: none
}

.box1 {
    border-top-left-radius: 4px
}

.box12 {
    margin-left: -4px
}

.box2 {
    background: #fcfcfc;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.box3 {
    text-align: right;
    min-width: 46px;
    overflow: hidden;
    margin-right: 4px
}

.box4,
.box5 {
    min-width: 20px
}

.box4 {
    margin-right: 6px
}

.Basisbox_Schattenbox {
    position: absolute;
    font-weight: 600;
    bottom: 0;
    width: 100%
}

.Schattenbox {
position: relative;
height: 66px;
max-height: 66px;
width: 290px;
max-width: 290px;
margin-left: 7px;
margin-top: -230px;
z-index: 1;
}

.schatten {
    position: relative;
    color: #777;
    width: 80%;
    height: 40%;
    +border: 1px solid rgba(120, 133, 186, 0.85);
    +border-left: 1px solid rgba(255, 255, 255, .5);
    border-radius: 300px/450px;
    +background: -webkit-gradient(linear, left top, left bottom, from(rgba(84, 101, 73, 0.92)), to(rgba(98, 119, 85, 0.87)));
    opacity: .8;

}

.schatten:before {
    position: absolute;
    content: "";
    z-index: -2;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    border-radius: 100px/20px
}

.schatten {
    top: 0;
    -webkit-box-shadow: 0 30px 15px -10px rgba(0, 0, 0, .6), 0 1px 4px rgba(0, 0, 0, .3), 0 -30px 40px rgba(0, 0, 0, .1) inset;
    box-shadow: 0 30px 15px -10px rgba(0, 0, 0, .6), 0 1px 4px rgba(0, 0, 0, .3), 0 -30px 40px rgba(0, 0, 0, .1) inset
}


.container_1_unter_Artikelbild {
    position: relative;
    width: 100%;
    max-width: 620px;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.box3-by-timelessclassics {
    font-family: 'verdana';
    overflow: hidden;
    border-bottom: #fff
}

.box1_unter_Artikelbild {
    width: 50%;
    font-weight: 600;
    margin-top: 2px
}

.box2_unter_Artikelbild {
    margin-left: 5px;
    width: 50%;
    min-width: 130px;
    max-width: 620px;
    overflow: hidden
}

.text_unter_Artikelbild {
    width: 98%;
    max-width: 620px;
    min-width: 130px;
    margin-top: 5px;
}

.box-by-timelessclassics_u_zum_Angebot {
    position: absolute;
    bottom: 0;
    width: 44%;
    font-weight: 400;
    font-family: 'verdana'
}

.box-zum-Angebot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box1-zum-Angebot {
    max-height: 18px;
    margin: 0 6px -2px 0;
    overflow: hidden;
    border-bottom: #e1ca6c 4px solid
}

.box2-zum-Angebot {
    width: auto
}

.boxxxxx-zum-Angebot {
    max-height: 18px;
    margin: 0 0 10px 0;
    overflow: hidden;
    border-bottom: #e1ca6c 4px solid;
    font-size: 14px;
    letter-spacing: .04em
}

.underline_dotted {
    width: 100%;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: #e6ebe5 2px dotted
}

.underline_dotted2 {
    margin: auto;
    width: 95%;
    height: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: #f4f4f4 2px solid
}

.texte_area {
    width: 92%;
    margin: auto
}

.einleitungstext {
    width: 100%;
    font-size: 16px;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 6px
}

.einleitungstext2 {
    font-size: 16px;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 30px
}

.einleitungstext3 {
    font-size: 16px;
    line-height: 1.3em;
    display: inline-block;
    margin-top: 20px
}

.galerieheader {
    font-size: 19px;
    line-height: 1.3em;
    display: inline-block;
    margin: auto;
    padding: 60px 0 10px 40px
}


.produkt_zusatz {
    position: relative
}

.produkt_zusatz img {
    display: block
}

.produkt_zusatz {
    width: 30%;
    float: left;
    padding: 16px 0 0 0;
    min-width: 240px
}

.liste_zusatz {
    margin: 20px 0px 4px 0px;
    min-width: 240px;
    -webkit-box-shadow: 20px 20px 100px rgba(211, 211, 211, 0.48);
    box-shadow: 20px 20px 100px rgba(211, 211, 211, 0.48);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(55%, #fcfcfc), color-stop(73%, #fdfaf0));
    background-image: linear-gradient(90deg, #fcfcfc 60%, #E8ECD9AB 90%);
    border: 1px solid #CAA34654;
    border-radius: 4px 30px;
    font-size: 13px;
    color: #0f4a01;
    padding: 4px 6px 4px 10px
}
#produktzusatz_liste,
#produktzusatz_liste ul {
    list-style-type: circle;
    margin-left: 24px;
    border-top: 3px dotted #ededea
}

#produktzusatz_liste li {
    color: coral
}

#produktzusatz_liste span {
    color: #333
}

.zitat_liste,
.zitat_liste ul {
    margin: auto;
    max-width: 86%
}

.zitat_liste li {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAA9ElEQVR42u3XwQoBURQG4Hk8eQIrO3kCFrITK29g6UUMNSmboYiYiJgaikyaGsNxb81kGpFrM0f9p/7F7Z5TX6fu4moZfUb/GA1wwAEHHHDAAQcccIbwfN+i9uqglObUTh9eNtf0S5XEXKrw6mhDJz9Q2rh7DXjAzeNFaWbueoADDjjggDOHNyY7Cu5EtfH2f+ASHa8kniU8QnecM2XFubt3X/As4JXhEx5Hx3t6Ib4e4llt/B06iZd9LOAtyyFPvsIP6Ci6uJdle3768OJgSbcv0FFknyG2Lz8gqcLlAywIvMpMzljgzwk44IADDjjggAPOMQ84jycddXEGkwAAAABJRU5ErkJggg==) no-repeat left top;
    padding: 1px 0 23px 56px;
    list-style: none;
    margin: 0
}

.produkt_zusatz span {
    background-color: rgba(248, 248, 248, .22);
    position: absolute;
    bottom: 1%;
    text-align: left;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    color: rgba(0, 0, 0, 1);
    padding: 5px 0;
    width: 100%;
    text-indent: 6%
}

img.produktzusatz {
    max-width: 350px;
    padding: 0 0 3px 0
}

img.rightto_produktzusatz {
    float: left;
    max-width: 160px;
    padding: 10px 20px 10px 0
}


/*Footer muß ohne Prefixe sonst geht Safari nicht unten zentriert*/
footer {
    width: 100%;
    height:auto;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: url(https://www.gartenbau-verden-bremen.de/Karlsen/img/bg-footer.png) repeat-x
}

heu_anderem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

heu_anderem p {
    display: inline-block;
    border-radius: .4em;
    height: 22px;
    width: 180px;
    margin: 14px 0 0 5px;
    border: 1px solid #356438;
    font-size: 14px;
    line-height: 1.6em;
    text-align: center;
    letter-spacing: .1em;
    font-family: sans-serif;
    font-weight: 600
}

.acht,
.drei,
.eins,
.fuenf,
.neun,
.sechs,
.sieben,
.vier,
.zehn,
.zwei {
    background-image: -webkit-gradient(linear, left top, right bottom, color-stop(20%, #07340c), color-stop(40%, #a3a2277a), color-stop(82%, #00000057), color-stop(98%, #314422));
    background-image: linear-gradient(to right bottom, #07340c 20%, #a3a2277a 40%, #00000057 82%, #314422 98%);
}
        

#bitte_mitte {
    max-width: 1278px;
    margin: auto
}

/*Footer muß ohne Prefixe sonst geht Safari nicht unten zentriert*/
#bitte_mitte_oben {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    margin-top: 5px
}

.bitte_mitte_mitte {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flow: row wrap;
    min-height: 82px;
    min-width: 150px;
    /*  background-color: #313236;*/
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto;
    max-width: 1258px
}

.krass_1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 30px
}

.stressteil {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 12px;
    -webkit-flow: row wrap;
    -ms-flex-flow: row wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    order: 2
}

.c2 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1
}

.c1,
.c2 {
    width: 100%
}

.krass_2 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    order: 1
}

#a_men_ifo_in_rot {
    display: block;
    /*  background: #313236;*/
    letter-spacing: .07em;
    text-align: left;
    margin: 6px 0 0 14px;
    font-family: sans-serif;
    min-height: 14px;
    font-size: 12px
}

#bitte_mitte_unten {
    letter-spacing: .1em;
    color: #7c7f81;
    font-size: .8em;
    line-height: 1.6em;
    min-height: 18px;
    background: #f0f0f0;
    overflow: hidden
}

.socials_mitte_unten {
    display: none
}

.genau {
    display: inline-block;
    margin: auto
}

#kalender_list {
    float: left;
    font-size: 12px;
    letter-spacing: .08em;
    padding: .6em;
    margin-top: 19px;
    font-family: sans-serif;
    color: #333
}

#kalender_list li {
    list-style-type: none;
    display: inline-block;
    margin-left: 5px;
    
}

#kalender_list li a {
    
    color: #c1bcbc;
    font-weight: 700;
    padding: .2em;
    text-decoration: none
}

#kalender_list li a:hover {
    border-radius: 3px;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #534D3F), color-stop(73%, #938866));
    background-image: linear-gradient(to left, #41583b 0, #8ca083 73%);
    color: #fff
/*
    background-image: linear-gradient(to left, #534D3F 0, #938866 73%);
    color: #fff
*/
    
}

#hauptmenue {
    display: none
}

#class_kilo_in {
    float: right;
    margin: 20px 10px 0 0;
    font-size: 11px;
    padding-top: .2em
}

#class_kilo_in li {
    display: inline-block;
    margin-left: 8px
}

#class_kilo_in li a {
    
    color: #fff;
    font-size: 10px;
    letter-spacing: .18em
}

.grr {
    width: 94%;
    margin: auto;
    text-align: left;
    color: #333;
    max-width: 1160px
}

.zoom_text {
    display: inline-block;
    text-align: left;
    color: #333
}

.zoom_text,
dd,
dt {
    margin: auto
}

.zoom_text {
    width: 100%;
    padding-top: 26px
}

#button,
main:after {
    display: block
}

#container_zoom_area {
    top: 30px;
    margin: auto;
    max-width: 1285px;
    padding-top: 16px;
    padding-bottom: 26px
}




.pics_zoom_box {
    height: auto;
    margin: auto;
    width: 100%;
}

.imgs-top1,
.imgs-top2,
.imgs-top3,
.imgs-top4,
.imgs-top5,
.imgs-top6,
.imgs-top7,
.imgs-top8,
.imgs-top9 {
    width: 100%;
    float: right;
    margin: auto;
    padding: 0px 2.0% 0px 0%;
}

img.zoom {
    margin-bottom: 22px;
    max-width: 350px;
    max-height: 220px;
    -webkit-box-shadow: 1px 1px 2px grey;
    box-shadow: 1px 1px 2px grey;
    border-radius: 6px 20px;
}

.big_shadow {
    margin: auto
}

.argeile feurig,
feurig a.info,
feurig .h4,
feurig p {
    position: relative
}

.argeile feurig,
feurig .h4,
feurig p,
heu_anderem p {
    text-align: center
}

.argeile feurig {
    border-radius: 18px 7px;
    background: #fff;
    -webkit-box-shadow: 1px 1px 5px rgba(134, 98, 0, 0.6);
    box-shadow: 1px 1px 5px rgba(134, 98, 0, 0.6);
    float: left;
    height: 277px;
    margin: 63px 10px 12px 15px;
    overflow: hidden;
    width: 168.8pt
}

feurig img {
    max-width: 226px;
    -webkit-transition: all .2s ease-in;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in
}

figcaption {
    background-color: rgba(255, 255, 255, 0);
    font-size: 80%;
    height: 277px;
    margin: 0;
    opacity: 0;
    padding: 26px 0 0;
    width: 226px;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: translate(0, -226px) rotate(180deg);
    transform: translate(0, -226px) rotate(180deg);
    -webkit-transition: all .9s .6s ease-in-out;
    transition: all .9s .6s ease-in-out
}

feurig:hover figcaption {
    opacity: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transform: translate(0, -310px) rotate(0);
    transform: translate(0, -310px) rotate(0)
}

feurig .h4 {
    background: rgba(0, 0, 0, 0.49);
    color: #fff;
    font-size: 1.5em;
    margin: 0 0 8px;
    padding: 1em;
    text-transform: uppercase;
    -webkit-transform: translateY(-190px);
    transform: translateY(-190px);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

feurig:hover .h4 {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
    font-size: 11px;
    line-height: 1.6em
}

feurig p {
    color: #fff;
    font-family: Verdana;
    padding: 0 140px 175px;
    /*  steuert die Höhe von claass info ( Amazon link)*/
    opacity: 0;
    -webkit-transform: translateX(350px) rotate(90deg);
    transform: translateX(350px) rotate(90deg);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

feurig:hover p {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0);
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

feurig a.info {
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: all 1.1s ease-in-out;
    transition: all 1.1s ease-in-out
}

feurig:hover a.info {
    color: #fcfcfc;
    background: rgba(184, 134, 11, 0.53);
    border: 1px solid currentColor;
    text-decoration: underline;
    border-radius: 6%/60%;
    padding: 3px 30px 3px 33px;
    /*  steuert die Höhe und Breite von claass info ( Amazon link)*/
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
    font-size: 0.84rem;
    letter-spacing: .09em
}

feurig:hover a.info:after,
feurig:hover a.info:before {
    height: 1em;
    position: absolute;
    top: .5em;
    width: 1em
}

main:after {
    clear: left;
    content: " "
}


div#preload { display: none; }

@media only screen and (max-width:1280px) {
    .argeile feurig {
        margin: 3.4%
    }
}

@media only screen and (max-width:1266px) {
    .argeile feurig {
        margin: 3%
    }
}

@media only screen and (max-width:1220px) {
    .argeile feurig {
        margin: 2.3%
    }
}

@media only screen and (max-width:1130px) {
    
    section {
    border-radius: 0px;
}
    .argeile feurig {
        display: none;
    }
    
    #container_zoom_area {
    padding-top: 0px;
    margin-top: -50px
}
}

@media only screen and (max-width:1080px) {
    .argeile feurig {
        margin: 1.3%
    }
}

@media only screen and (max-width:1024px) {
    
    #steuerung a:hover {
    background-image: none;
    background-color: #fff;
}
    
    euh_anderem p {
        line-height: 2.6em;
}
    
    #steuerung {
    margin-bottom: 20px;
    margin-top: 20px
}

    #steuerung li {
        list-style: none;
        float: left;
        padding-left: 1.24em;
}

    #kalender_list li a {
        color: #565f58;
        border-radius: 4px;
        background-image: -webkit-gradient(linear, left top, right bottom, color-stop(20%, #98c35e), color-stop(40%, #d8fae7), color-stop(82%, #eda874), color-stop(99%, #dd0707));
        background-image: linear-gradient(to right bottom, #98c35e 20%, #d8fae7 40%, #eda874 82%, #dd0707 99%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 700;
        padding: .3em;
        text-decoration: none
    }

    
    .einleitungstext {
        margin-top: 16px
    }
    img.rightto_produktzusatz {
        padding: 7px 20px 10px 0
    }
    #bitte_mitte_oben {
        width: 94%;
        margin: auto;
        padding-top: 15px
    }
    #kalender_list li {
        margin: 0 0 9px 11px
    }
    #a_men_ifo_in_rot {
        margin: 17px 0 0 28px
    }
    .krass_1 {
        margin-top: 30px
    }
    .box1,
    .box12 {
        height: 20px
    }
    .text_unter_Artikelbild {
        line-height: 1.4em;
        letter-spacing: .01em
    }
     span.rule2 {
        line-height: 1.0em;
        font-size: 17px
    }
    a.intext-link:link {
        font-size: 16px
    }
    
    /*#container_zoom_area {
        padding-top: 26px;
        padding-bottom: 3px
    }*/
}

@media only screen and (max-width:980px) {
    
    .big_shadow {
        display: none
    }
    .text_unter_Artikelbild {
        line-height: 1.3em
    }
    
    span.rule2 {
        font-size: 0.9rem
    }
    a.intext-link:link {
        font-size: 0.9rem
    }
}


@media only screen and (max-width:960px) {
    
    .Schattenbox {
     display: none
    }
    
    .box1 {
        display: none
    }
    
    .box12 {
        border-top-left-radius: 3px;
        letter-spacing: .13em;
        margin-left: 0
    }
    
    p.rule2 {
    letter-spacing: 0.016em;
    }
    h2 {
        font-size: 1.2rem;
        font-weight: 400;
        margin: 7px 0 0;
        line-height: 1.3;
        letter-spacing: .08em
    }
    #background_links,
    #background_rechts {
        display: none
    }
    #a_men_ifo_in_rot {
        margin: 28px 0 0 65px
    }
    .nochmal_wieder_nix {
    font-size: 0.9em; 
    }
}

@media only screen and (max-width:813px){
    
    .box3-by-timelessclassics {
    display: none
}
}

@media(min-width:800px) {
    .container {
        width: auto;
        margin-left: auto;
        margin-right: auto
    }
    .krass_1 {
        width: 34%
    }
    .krass_2 {
        width: 63%;
        margin-left: 22px
    }
    .c1 {
        width: 37%
    }
    .c2 {
        width: 61%;
        margin-right: 2%
    }
    .imgs-top1,
    .imgs-top2,
    .imgs-top3,
    .imgs-top4,
    .imgs-top5,
    .imgs-top6,
    .imgs-top7,
    .imgs-top8,
    .imgs-top9 {
        width: 30%;
        padding: 0px 2% 0px 0%;
        float: right;
        margin: auto;
    }
}


@media only screen and (max-width:800px) {
    
    #kalender_list {
        margin-left: 30px;
    }
    
/*
    h2 {
        font-size: 1rem;
        line-height: 1.3;
        letter-spacing: .08em
    }
*/

    
    img.rightto_produktzusatz {
        padding: 6px 20px 10px 0
    }
    .imgs-top1,
    .imgs-top2,
    .imgs-top3,
    .imgs-top4,
    .imgs-top5,
    .imgs-top6,
    .imgs-top7,
    .imgs-top8,
    .imgs-top9 {
        width: 30%;
        padding: 0px 2.4% 0px 0%;
        float: right;
        margin: auto;
    }
    #erblickte_wieder_nix,
    .krass_2 {
        width: 100%
    }
    
    .krass_1 {
        display: none
    }
    #a_men_ifo_in_rot {
        margin: 10px 0 0 19px
    }
}

@media only screen and (max-width:768px) {
    span.rule5 {
    font-size: 16px;
}
    
    .underline_dotted {
        margin: -52px 0 -20px 0;
    }
    
    #kalender_list {
        margin: 15px 0 0 58px;
        line-height: 27px;

    }
    
.box1-zum-Angebot {
        display: none
    }

    
    #a_men_ifo_in_rot {
        margin: 10px 0 0 20px
    }

    .container_1_unter_Artikelbild {
        width: 98%;
        height: 130px;
        margin-top: 10px
    }
    
    
    .box1_unter_Artikelbild {
        display: none
    }
    .box-zum-Angebot {
        min-width: 140px;
        overflow: hidden
    }
    .zoom_area_zum-Angebot {
        min-width: 140px;
        overflow: hidden
    }
    
    .box2_unter_Artikelbild {
        margin-left: 0;
        width: 100%
    }
    .text_unter_Artikelbild {
        line-height: 1.6em
    }
    span.rule2 {
        font-size: 18px
    }
    a.intext-link:link {
        font-size: 17px
    }
}


@media only screen and (max-width:741px) {
    
    
    
    #kalender_list {
margin: 15px 0 0 35px;
padding: 22px;
    }
    .socials_mitte_unten {
        display: block;
        margin-left: 20px;
        min-height: 32px;
    }

    h1 {
        
        margin-top: 6px;
        font-size: 1.4rem;
        line-height: 1.6;
        letter-spacing: .1em
    }
   
}


@media only screen and (max-width:736px) {
    
#kalender_list {
        margin: -8px 0 0 40px;
    }
    
    feurig .h4 {
    background: rgba(0, 0, 0, 0.65);
}

    .socials_mitte_unten {
        display: block;
        margin: auto;
        min-height: 32px;
        background: #000400;
        padding-left: 20px;
    }
    

    .text_unter_Artikelbild {
        line-height: 1.5em
    }
   
    #a_men_ifo_in_rot {
        margin: 6px 0 0 21px
    }
}

@media only screen and (max-width:690px) {
    .box12 {
        border-top-left-radius: 3px
    }
    .text_unter_Artikelbild {
        line-height: 1.24em
    }
    
    a.intext-link:link {
        font-size: .96rem
    }
}

@media only screen and (max-width:667px) {
    
    #kalender_list {
        margin: -8px 0 0 -5px;
        padding: 25px
    }
    
    
    #bitte_mitte_oben {
        width: 90%
    }
    #a_men_ifo_in_rot {
        margin: 6px 0 0 55px
    }
}

@media only screen and (max-width:640px) {
    
     #kalender_list {
        margin: 0px 0 0 -5px;
        font-size: 0.843em;
    }
    
    #bereichlogo {
        display: none;
}
    .nochmal_wieder_nix {
    display: none;
}

    #erblickte_nix {
    display: none
}
    
    #zweite_blockierten_box {
        display: none
    }

      #bockend_elli_doping {
        display: none
    }

    #bockend_elli_daping {
        display: none
    }

    #anderem_heu {
        display: none
    }

    #blockierte_liebe_diebe {
        display: none
    }

  #bockend_elli_oxer {
        margin: 10px 0 0 22px;
    }
    
      #erblickte_wieder_nix
    {
        margin-top: -6px;
        margin-left:22px
    }
    

    
   h1 {
        font-size: 1.3rem;
        line-height: 1.6
     }
    
    
    h2 {
        margin: -5px 0 0;
        line-height: 1.6;
        font-size: 1.0rem;
    }
    .box12,
    h2 {
        font-weight: 400
    }

    .box12 {
        letter-spacing: .13em
    }
    
    #a_men_ifo_in_rot {
        display: none
    }
    .bitte_mitte_mitte {
        padding-top: 20px
    }
    .text_unter_Artikelbild {
        line-height: 1.2em
    }
    span.rule2 {
        font-size: 16px;
        font-family: 'verdana'
    }
    a.intext-link:link {
        font-size: 16px;
    }
}

@media only screen and (max-width:600px) {
    span.rule3 {
        font-size: 22px
    }

    
    .box12 {
        letter-spacing: .1em
    }
    
}

@media only screen and (max-width:568px) {

    
    #anderes_heu {
        margin: -3px 10px 0 0
    }

    .box12 {
        font-weight: 400;
        letter-spacing: .05em
    }
    .text_unter_Artikelbild {
        line-height: 1.2em
    }
    span.rule2,
    a.intext-link:link {
        font-size: 16px
    }
}

@media only screen and (max-width:480px) {
    
       #erblickte_wieder_nix
    {
        margin-top: -18px;
    }
    
    img.rightto_produktzusatz {
        padding: 6px 20px 50px 0
    }

    .imgs-top1,
    .imgs-top2,
    .imgs-top3,
    .imgs-top4,
    .imgs-top5,
    .imgs-top6,
    .imgs-top7,
    .imgs-top8,
    .imgs-top9 {
        width: 84%
    }
    
     h1 {
        margin-top: 22px;
        font-size: 1.3rem;
        line-height: 1.01;
        font-weight: 400;
        letter-spacing: .07em
    }
    
    #bitte_mitte_oben {
        width: 88%
    }
    .box12 {
        width: 100%
    }
    .box3,
    .box4,
    .box5 {
        display: none
    }
    span.rule2,
    a.intext-link:link {
        font-size: .78rem
    }
}

@media only screen and (max-width:460px) {

    #bitte_mitte_oben {
        display: none
    }
    #hauptmenue {
        display: block;
        color: #fff;
        font-weight: 700;
        padding: .2em;
        letter-spacing: .18em;
        text-decoration: none
    }
}


@media only screen and (max-width:414px) {
    
    span.rule5 {
    font-size: 15px;
    
}
    h3 {
    font-size: 18px;
    
}
    #container_zoom_area {
        display: none
    }
    

     #erblickte_wieder_nix{
        margin-top: -4px;
    } 
    
    #kalender_list li {
        margin: auto;
        padding:3px
    }

    #kalender_list {
        margin: auto;
    }

    .imgs-top1,
    .imgs-top2,
    .imgs-top3,
    .imgs-top4,
    .imgs-top5,
    .imgs-top6,
    .imgs-top7,
    .imgs-top8,
    .imgs-top9 {
        width: 90%;
        padding: 0px 2.5% 0px 0%;
    }

    .produkt_zusatz {
        min-width: 298px
    }
    .unterficaption_area_zum-Angebot {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        float: right;
        margin: 30px 16px 0 0
    }
    .argeile feurig {
        display: inline;
        margin: 50px 0 26px 88px
    }
    .box1-zum-Angebot {
        font-size: .7rem
    }
    .einleitungstext {
        margin-top: -10px
    }
    .einleitungstext2 {
        margin-top: 30px
    }
    img.produktzusatz {
        padding: 0 0 16px 0;
        max-width: 240px;
    }
    .produkt_zusatz span {
        display: none
    }

    #class_kilo_in li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-left: 3px
    }
     h1 {
        margin-top: 1px;
        font-size: 1.3rem;
        line-height: 1.01;
        font-weight: 400;
        letter-spacing: .3em
    }
    .text_unter_Artikelbild {
        line-height: 1.0em
    }
    span.rule2 {
        color: #727272;
        font-size: .76rem
    }
    a.intext-link:link {
        font-size: .7rem
    }
    
}

@media only screen and (max-width:384px) {
    
    .zoom_text {
    display: none
}

    .imgs-top1,
    .imgs-top2,
    .imgs-top3,
    .imgs-top4,
    .imgs-top5,
    .imgs-top6,
    .imgs-top7,
    .imgs-top8,
    .imgs-top9 {
        width: 92%;
        padding: 0px 3.8% 0px 0%;

    }

    img.rightto_produktzusatz {
        padding: 6px 20px 20px 0
    }
    .absatz2 {
        margin-top: .74em
    }
    h1 {
        letter-spacing: .2em
    }
    .box12 {
        font-size: small;
        letter-spacing: .1em;
        height: 18px
    }
    .text_unter_Artikelbild {
        line-height: 1.0em
    }
    span.rule2 {
        color: #464646;
        font-size: 0.688em;
    }
    a.intext-link:link {
        font-size: 0.688em;
    }
}

@media only screen and (max-width:375px) {

    .imgs-top1,
    .imgs-top2,
    .imgs-top3,
    .imgs-top4,
    .imgs-top5,
    .imgs-top6,
    .imgs-top7,
    .imgs-top8,
    .imgs-top9 {
        width: 93%;
        padding: 0px 3.4% 0px 0%;
    }

    .argeile feurig {
        margin: 50px 0 26px 70px
    }
}

@media only screen and (max-width:360px) {
    
     .box1 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border-top-left-radius: 4px;
     font-size: small;
     letter-spacing: .05em;
     height: 17px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-weight: 400;
     line-height: 1.3;
     margin-right: -3px
 }
    
    .container_1_unter_Artikelbild {
    min-height: 132px
} 
    .Passion_box3 {
        display: none
    }
    .einleitungstext {
        margin-top: -38px
    }
    .underline_dotted {
        margin: -42px 0 10px 0
    }
    .zoom_area_zum-Angebot {
        margin: 10px -10px 0 0
    }
    .argeile feurig {
        margin: 50px 0 26px 60px
    }
    .box-by-timelessclassics_u_zum_Angebot {
        position: relative;
        float: right;
        margin: 4% -12px 0 0
    }
    .box-zum-Angebot {
        display: none
    }
    /*.box2-zum-Angebot {
        display: none
    }*/
    .texte_area {
        width: 94%;
        margin: auto
    }
    .box12 {
        margin-left: -2px;
        letter-spacing: .05em;
        height: 17px;
        line-height: 1.3;
        border-top-left-radius: 0px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
    .text_unter_Artikelbild {
        line-height: 1.4em;
        margin-top:8px
        
    }
    span.rule2,
    a.intext-link:link {
        font-size: 18px
    } 
    .box2_unter_Artikelbild {
        margin-left: 8px;
        width: 99%
    }
    .Container_Passions {
        display: block
    }
}

@media only screen and (max-width:350px) {
    
    .text_unter_Artikelbild {
        line-height: 1.3em
    }
    .box1-zum-Angebot {
        font-size: .71rem;
        margin: 14px 0 0 0
    }
    .underline_dotted {
        margin: -34px 0 0 0
    }
    .box2_unter_Artikelbild {
        margin: 0 0 0 10px;
        width: 98%
    }
    #zweite_blockierten_box {
        margin: 0 -8px 14px 2px
    }

    img.produktzusatz {
        width: 296px
    }
}

@media only screen and (max-width:326px) {
    
    h1 {
        font-size: .99rem;
        margin: 8px 0 0;
        letter-spacing: .18em
    }
    
    h2 {
        font-size: .76rem;
        margin: -3px 0px 0px 0px
    }

    .imgs-top1,
    .imgs-top2,
    .imgs-top3,
    .imgs-top4,
    .imgs-top5,
    .imgs-top6,
    .imgs-top7,
    .imgs-top8,
    .imgs-top9 {
        width: 98%;
        padding: 0px;
    }
    .pics_zoom_box_container {
        margin-left: -1px;
        width: 98%
    }
    
    /*dd {
        display: none;
        width: 94%;
        margin: 0 0 0 -4px
    }*/
    .einleitungstext {
        margin-top: -8px
    }
    .box2-zum-Angebot {
        display: none
    }
    .box-by-timelessclassics_u_zum_Angebot {
        margin: 4% -24px 0 0
    }
    .argeile feurig {
        margin: 30px 0 26px 46px
    }

    .box12 {
        letter-spacing: .001em
    }
     span.rule2,
    a.intext-link:link {
        font-size: 16px
    }
}