@font-face {
    font-family: 'tfcaslontenmedium';
    src: url('tfcaslonten-medium-webfont.eot');
    src: url('tfcaslonten-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('tfcaslonten-medium-webfont.woff2') format('woff2'),
         url('tfcaslonten-medium-webfont.woff') format('woff'),
         url('tfcaslonten-medium-webfont.ttf') format('truetype'),
         url('tfcaslonten-medium-webfont.svg#tfcaslontenmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'tfcaslonten_lightregular';
    src: url('tfcaslonten-light-webfont.eot');
    src: url('tfcaslonten-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('tfcaslonten-light-webfont.woff2') format('woff2'),
         url('tfcaslonten-light-webfont.woff') format('woff'),
         url('tfcaslonten-light-webfont.ttf') format('truetype'),
         url('tfcaslonten-light-webfont.svg#tfcaslonten_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {margin:0px; font-family:'tfcaslonten_lightregular',serif; background:#262324;}

.margins {margin:auto; width:auto;}

.page {
        width:100%;
        border:0px solid #000;
        margin:auto;
        margin-top:30px;
        )



}

.content {max-width:1200px; margin:auto; padding-top:0px; padding-left:0px; border:0px solid #000; padding:20px; margin-top:0px; background:transparent;}

.SideCol {border:0px solid #ff0000; width:33%; display:inline-block; vertical-align:top; }
.LeftCol {border:0px solid #ff0000; width:33%; display:inline-block; vertical-align:top; }
.RightCol {border:0px solid #ff0000; width:33%; display:inline-block; vertical-align:top; }

.BottomCol {border:0px solid #ff0000; margin-top:0px;}

p {font-size:16px; padding:0px; margin:0px; color:#ffffff; text-align:left;}

i {font-size:14px;}

p.LeftText {padding-right:20px;}
p.BottomText {width:60%; font-size:12px;}

.Oeko {margin-top:0px;}

p.Gueteklasse {background:transparent url("oko.jpg") no-repeat left center; background-position:0px 4px; padding-left:75px; font-size:14px; height:62px;}

ul, li {font-size:12px; padding:0px; margin:0px; color:#bebebe; margin-left:8px; list-style-type:square; padding-bottom:2px;}

h2 {color:#ffffff; font-size:20px; font-weight:normal; letter-spacing:0px; padding-top:0px; margin-top:0px; font-family:'tfcaslontenmedium',serif;}

b, strong {font-family:'tfcaslontenmedium',serif; font-weight:normal;}

a {color:#333; font-size:14px; text-decoration:none;}
a:hover {color:#000; font-size:14px; text-decoration:none;}

hr {background:#b2a16d; border:0px; border-top:0px solid color:#b2a16d; margin-top:15px; margin-bottom:15px;}

.ShopLinkWrap { margin-top:50px; text-align:left;}
a.ShopLink {color:#b2a16d; font-family:'tfcaslontenmedium',serif; font-size:18px; background:transparent url("cart.png") no-repeat left center; padding-Left:40px;}

a.ShopLink:hover {color:#ffffff; font-family:'tfcaslontenmedium',serif; background:transparent url("cart2.png") no-repeat left center; padding-Left:40px;}

.ImprintWrap {margin-top:150px; text-align:right; width:100%; padding-right:5px; margin-bottom:20px;}
a.ImprintLink {color:#979797; padding:20px; float:right;}
a.ImprintLink:hover {color:#3f4a51;}

.ClearAll {clear:both;}

.ContentDivider {background:transparent url("dreilinien.jpg") repeat-x left center; height:118px; border:0px solid #ff0000; text-align:center; margin-bottom:20px;}

.content img {margin-bottom:10px; width:100%; height:auto;}



.Middle {padding-left:10px; margin-right:-10px;}

a.BackLink {color:#b2a16d; font-family:'tfcaslontenmedium',serif; font-size:18px;}
a.BackLink:hover {color:#3f4a51; font-family:'tfcaslontenmedium',serif; font-size:18px;}


@media only screen and (min-width: 320px) and (max-width: 475px) {


.content {min-width:300px; max-width:450px; margin:auto; padding-top:0px; padding-left:0px; border:0px solid #000; padding:10px; margin-top:0px; background:transparent;}

.SideCol {border:0px solid #ff0000; width:100%; display:block; vertical-align:top; margin-bottom:15px; text-align:center;}
.LeftCol {border:0px solid #ff0000; width:100%; display:block; vertical-align:top; margin-bottom:15px;}
.RightCol {border:0px solid #ff0000; width:100%; display:block; vertical-align:top; margin-bottom:15px;}

.Middle {padding-left:0px; margin-right:0px;}

p.CaptionText {margin-bottom:10px;}

p.LeftText {padding-right:0px;}

img.OliveOilPic {width:80%;}

h2 {text-align:center;}

}

@media only screen and (min-width: 540px) and (max-width: 768px) {


.content {min-width:520px; max-width:750px; margin:auto; padding-top:0px; padding-left:0px; border:0px solid #000; padding:15px; margin-top:0px; background:transparent;}

.SideCol {border:0px solid #ff0000; width:32%; display:inline-block; vertical-align:top; margin-bottom:15px;}
.LeftCol {border:0px solid #ff0000; width:32%; display:inline-block; vertical-align:top; }
.RightCol {border:0px solid #ff0000; width:32%; display:inline-block; vertical-align:top; }

.Middle {padding-left:10px; margin-right:0px;}

p.CaptionText {margin-bottom:10px;}

p {font-size:14px; padding:0px; margin:0px; color:#ffffff; margin-right:15px;}

i {font-size:12px;}

h2 {font-size:16px;}

p.Gueteklasse {font-size:12px;}

}

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

img.OliveOilPic {width:85%;}

}

@media only screen and (min-width: 1200px) and (max-width: 1460px) {

img.OliveOilPic {width:75%;}


p.LeftText {font-size:18px; padding:0px; margin:0px; color:#ffffff; margin-right:15px;}

i {font-size:14px;}

h2 {font-size:22px;}

}