/* ==========================================================================
   Styling and layout for all media
   ========================================================================== */


/* Abridged version of Normalize.css
   ========================================================================== */
/* original authors: Nicolas Gallagher and Jonathan Neal - http://necolas.github.com/normalize.css/ */

/* corrects block display not defined in IE7-9, Firefox3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/* corrects inline-block display not defined in IE7-9, Firefox3 */
audio,
canvas,
video {
  display: inline-block;
  /* display and zoom IE7 fix for display:inline-block */
  *display: inline;
  *zoom: 1;
}

/* prevents modern browsers from displaying 'audio' without controls, remove excess height in iOS5 devices */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* addresses styling for 'hidden' attribute not present in IE7-9, Firefox3, Safari4 */
[hidden] {
  display: none;
}

html {
  /* corrects text resizing oddly in IE7 when body font-size is set using em units -
     http://clagnut.com/blog/348/#c790 */
  font-size: 100%;
  /* always force scrollbar padding so we don't get 'jumping' */
  overflow-y: scroll;
  /* prevents iOS text size adjust after orientation change, without disabling user zoom -
     http://www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  -webkit-text-size-adjust: 100%;
  /* as above, for Windows Phone */
  -ms-text-size-adjust: 100%;
}

/* Addresses margins set differently in IE7 */
p,
pre {
  margin: 1em 0;
}

/* addresses style set to 'bolder' in Firefox3-4, Safari4-5, Chrome */
b,
strong {
  font-weight: bold;
}

/* addresses CSS quotes not supported in IE7, addresses quote property not supported in Safari4 */
q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

/* prevents sub and sup affecting line-height in all browsers */
sub,
sup {
  /* 12px */
  font-size: .85714285714286em;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* removes border when inside 'a' element in IE7-9, Firefox3, improves image quality when scaled in IE7 -
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* consistent tables */
table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

/* make table cells align top and left by default */
th,
td {
  vertical-align: top;
  text-align: left;
}

/* addresses margins set differently in IE7 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
dd {
  margin: 0 0 0 2em;
}

/* remove margins from nested lists */
dl dl,
ul ul,
ol ol {
  margin: 0;
}

/* addresses paddings set differently in IE7 */
menu,
ol,
ul {
  padding: 0 0 0 2em;
}


/* Clearfix
   ========================================================================== */
/* updated to prevent margin-collapsing on child elements in most situations -
   http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix,
header,
nav ul,
.container,
footer,
#paginator,
#monthly-list {
  /* zoom IE7 fix */
  *zoom: 1;
}

.clearfix:before,
.clearfix:after,
header:before,
header:after,
nav ul:before,
nav ul:after,
.container:before,
.container:after,
footer:before,
footer:after,
#paginator:before,
#paginator:after,
#monthly-list:before,
#monthly-list:after {
  content: "";
  display: table;
}

.clearfix:after,
header:after,
nav ul:after,
.container:after,
footer:after,
#paginator:after,
#monthly-list:after {
  clear: both;
}


@font-face{
        font-family:"Gill Sans W04 Light";
        src:url("style/Fonts/3054685f-9d62-4022-a91b-c967a77f0399.woff2") format("woff2"),url("style/Fonts/bef137ae-8972-46a3-9a77-f0453736e755.woff") format("woff");
    }
@font-face{
        font-family:"GillSansW04-LightItalic";
        src:url("style/Fonts/a921b159-e274-4f5a-8512-8b8696d0383b.woff2") format("woff2"),url("style/Fonts/b9b41545-c394-4b12-9be0-43f81ccc3aa9.woff") format("woff");
    }
@font-face{
        font-family:"Gill Sans W04 Book";
        src:url("style/Fonts/4bfd13a9-3195-4d8f-87a9-83a212d18b16.woff2") format("woff2"),url("style/Fonts/63aa9f40-04be-453a-a672-aa8f9919115d.woff") format("woff");
    }
@font-face{
        font-family:"GillSansW04-BookItalic";
        src:url("style/Fonts/688f1581-b411-41b9-ac0a-cf8f11f9f016.woff2") format("woff2"),url("style/Fonts/ad4e4365-3d3d-427b-a9a9-94c3b9dfa074.woff") format("woff");
    }


* { margin: 0px ; padding: 0px ; }
body { font-family:"Gill Sans W04 Light"; font-size: 1.02rem; line-height: 1.3rem; background-color: #ffffff; }

#thegreatwrapper { position: absolute; top: 0; left: 10%; width: 1000px; }

#header { margin-top: 35px; width: 100%; font-size: 2rem; }
#header a:link, #header a:visited, #header a:hover, #header a:active, #header a.active { text-decoration: none; color: #000000; letter-spacing: 0.1rem; }
#header img.logo { width: 130px; }
.logo { font-family:"Gill Sans W04 Book"; } 

.nivoSlider { position: relative; background: url(images/loading.gif) no-repeat 50% 50%; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; width: 330px; height: auto; display: none; }
.nivoSlider a { border: 0; display: block; }

#navigation { margin-top: 25px; padding-top: 2px; width: 100%; font-size: 1.02rem; }
.navi a { padding-right: 2px; padding-top: 2px; }
.navi a:link { text-decoration: none; color: #000000; }
.navi a:visited { text-decoration: none; color: #000000; }
.navi a:hover, .navi a:active, .navi a.active, .active { text-decoration: none; color: #e99773; }
/* Herbst – dunkles Gelb: .navi a:hover, .navi a:active, .navi a.active, .active { text-decoration: none; color: #f8b025; } */

.navi_footer a:link { text-decoration: none; color: #000000; }
.navi_footer a:visited { text-decoration: none; color: #000000; }
.navi_footer a:hover, .navi_footer a:active, .navi_footer a.active, .active { text-decoration: none; color: #feeee7; }
#instagram_logo { background-image: url("images/53.png"); background-repeat:no-repeat; background-size:100%; width: 16px; height: 16px; vertical-align: text-bottom; }
a.instagram_link:hover > #instagram_logo { background-image:url("images/54.png"); }
a.instagram_link:active > #instagram_logo { background-image:url("images/54.png"); }
a.instagram_link.active > #instagram_logo { background-image:url("images/54.png"); }

#teaser { width: 1020px; }
#teaser_mobile { display: none; }
#boxes { float: left; margin-right: 9px; margin-bottom: 10px; }
#boxes:hover { -ms-filter: "alpha(opacity = 40)"; opacity: 0.4; }
#boxes_img img { height: 105px; width: auto; display: block; }

#contents { margin-top: 25px; width: 100%; }
#wrapper_article { position: relative; width: 720px; margin-bottom: 40px; }
#wrapper_article.produkte p { width: 720px; }
#wrapper_article.produkte, #wrapper_article.kontakt { width: 1020px; }
#wrapper_article:last-of-type { margin-bottom: 100px; }
#wrapper_article p { margin-top: 0; }
#wrapper_slider { width: 330px; height: 220px; margin-bottom: 10px; }
#wrapper_img { width: 1150px; height: auto; margin-bottom: 10px; }
.title { font-size: 1.1rem; margin-bottom: 1rem; }
.title_news { margin-bottom: 0.2rem; }
.posted { font-size: 0.8rem; margin-bottom: 0.8rem; }
.img { height: 220px; width: auto; float: left; margin-right: 9px; margin-bottom: 10px; }

#next_prev { position: absolute; top: 18rem; }

.links a:link { text-decoration: underline; color: #999999; }
.links a:visited { text-decoration: underline; color: #999999; }
.links a:hover { text-decoration: underline; color: #000000; }
.links a:active { text-decoration: underline; color: #000000; }
.links a.active { text-decoration: underline; color: #000000; }
.links .active { text-decoration: underline; color: #000000; }

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

.tooltipsy { padding: 5px; padding-bottom: 2px; max-width: 200px; color: black; background: rgba(251, 112, 75, .8); } 
/* Herbst – rostrot: .tooltipsy { padding: 5px; padding-bottom: 2px; max-width: 200px; color: black; background: rgba(184 ,80 , 17, .8); } */

.reset_float { clear: both; }

#footer { position: fixed; bottom: 30px; width: 100%; height: 45px; z-index: 10; }
#footer_transp { position: absolute; top: 0; left: 0; width: 100%; height: 45px; background: rgba(251, 112, 75, .8); }
/* Herbst – rostrot: #footer_transp { position: absolute; top: 0; left: 0; width: 100%; height: 45px; background: rgba(184 ,80 , 17, .8); } */
#footer_mail { position: absolute; top: 12px; left: 10%; font-size:1.02rem; }




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

}



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

#thegreatwrapper { width: 900px; }

.nivoSlider img { width: 300px; }

#teaser { width: 960px; }
#boxes_img img { height: 95px; }

#wrapper_article.produkte, #wrapper_article.kontakt { width: 960px; }
#wrapper_slider { width: 300px; height: 200px; }
#wrapper_img { width: 1050px; }
.img { height: 200px; }

#next_prev { position: absolute; top: 16rem; }
}



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

#thegreatwrapper { width: 900px; }

#header img.logo { width: 120px; }

.nivoSlider img { width: 270px; }

#boxes_img img { height: 85px; }

#wrapper_slider { width: 270px; height: 180px; }
#wrapper_img { width: 1050px; }
.img { height: 180px; }
}



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

#thegreatwrapper { width: 900px; }

.nivoSlider img { width: 240px; }

#teaser { width: 800px; }
#boxes_img img { height: 75px; }

#wrapper_article.produkte, #wrapper_article.kontakt { width: 800px; }
#wrapper_slider { width: 240px; height: 160px; }
#wrapper_img { width: 960px; }
.img { height: 160px; }

#next_prev { position: absolute; top: 14rem; }
}



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

#thegreatwrapper { left: 8%; }

#footer_mail { left: 8%; }
}



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

#thegreatwrapper { width: 84%; }

#teaser { width: 100%; }
#boxes_img img { height: 65px; }

#wrapper_article, #wrapper_article.kontakt { width: 80%; }
#wrapper_article.produkte p { width: 80%; }
#wrapper_article.produkte { width: 100%; }
#wrapper_slider { width: 210px; height: 140px; }
#wrapper_img { width: 125%; }
.img { height: 140px; }
}



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

div.bu_schmuck { margin-top: 11px; }

#next_prev { position: absolute; top: 24rem; }
}



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

#navigation { position: sticky; top: 10px; z-index: 10; background: white; padding-top: 10px; padding-bottom: 10px; }

#boxes { margin-right: 5px; margin-bottom: 6px; }

#wrapper_article, #wrapper_article.kontakt { width: 100%; }
#wrapper_article.produkte p { width: 100%; }
#wrapper_img { width: 100%; }
.img { margin-right: 5px; margin-bottom: 6px; }
}



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

#boxes_img img { height: 55px; }

#wrapper_slider { width: 180px; height: 120px; }
.img { height: 120px; }
img.hide { display: none; }

#footer { bottom: 20px; height: 60px; z-index: 10; }
#footer_transp { height: 60px; }
#footer_mail { top: 10px;  }
}



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

#wrapper_article.schmuck .img { width: 100%; height: auto; float: none; margin-right: 0; }
#wrapper_article.news .img { width: 100%; height: auto; float: none; margin-right: 0; }

#next_prev { position: static; top: 2rem; }

#footer { bottom: 20px; height: 60px; z-index: 10; }
#footer_transp { height: 60px; }
#footer_mail { top: 10px;  }
}



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

#navigation, #footer_mail { font-size: 0.9rem; }

img.hide_next { display: none; }

#footer { bottom: 20px; height: 50px; z-index: 10; }
#footer_transp { height: 50px; }
#footer_mail { top: 8px;  }
}


@media (hover: none) and (pointer: coarse) {

#teaser { display: none; }
#teaser_mobile { backgound: pink; display: block; width: 100%; }

*/a.fancybox { pointer-events: auto; }/*
*/img.hastip { pointer-events: none; }/*
}