/*!
 * fullPage 2.9.2
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4000;
    top: 50%;
    cursor: pointer;
    width: 39px;
    height:66px;
    margin-top: -33px;
    /*  rkl
    border-style: solid;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);*/
}
.fp-controlArrow.fp-prev {
    left: 12px;
    /*width: 0;  rkl
    border-width: 30px 27px 30px 0;
    border-color: transparent #99141B transparent transparent;*/
    background-size:cover; 
    background-image:url(/img/pfeil_links.png);
}
.fp-controlArrow.fp-next {
    right: 12px;
    /*border-width: 30px 0 30px 27px;
    border-color: transparent transparent transparent #99141B;*/
    background-size:cover; 
    background-image:url(/img/pfeil_rechts.png);
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

html { font-family: sans-serif;  -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body, div, ul, li, h1, h2, p, figure, figcaption, span { padding:0; margin:0; }
a { text-decoration:none; color:#666; }
a:active, a:hover { outline:0; text-decoration:none; color:#99141B;}
table { border-spacing:0; border-collapse:collapse; }
td, th { padding: 0; }
fieldset, img { border:0; }
address, em, strong { font-weight:normal; font-style:normal; }
strong{ font-weight:700; }
ul { list-style:none; margin:0; padding:0; }
h1, h2 { font-weight:normal; font-size:100%; margin:0; padding:0; color:#444; }

body { color:#666; }

#fassbind { text-align:left; background-size:cover; color:#fff;
            background-image:url(/img/verpackungs-design_bg.jpg); }
#fassbind h1, #fassbind h2, #fassbind p, #fassbind a { color:#fff; }
#fassbind a:hover { color:#99141B; }

.flame { text-align:left; }
.flame img {  }
.flame .fp-tableCell { vertical-align:top; }

#menu      { position:fixed; right:0; top:50px; left:auto; text-align:center; width:50%; 
             height:auto; font-family:"Courier New", Courier, monospace; font-size:21px;  
             z-index:2000; padding:0; margin:0;}
#menu li   { display:inline-block; margin:0; color:#000;
             background-color:rgba(255, 255, 255, 0.4); }
#menu li a { text-decoration:none; color:#000; }
#menu li.active a, #menu li a:hover, #menu li.current a, #fussmenu a:hover { color:#99141B; }
#menu li a, #menu li.active a { border-right:1px solid #333; display:block; }
#menu li a#kontaktlink, #menu li a#enlink { border-right:0; }
#menu span { position:absolute; top:0; right:0; width:18.75%; text-align:left; display:inline-box; }
#hamburger { border:0 none; right:14px; position:fixed; top:12px; z-index:5000; width:20px; height:18px; 
             background-image:url(/img/hamburger.png); cursor:pointer; display:none; }
#hamburger:hover { background-image:url(/img/hamburger_i.png); }
#hamburger.open { background-image:url(/img/kreuz.png); }
#hamburger.open:hover { background-image:url(/img/kreuz_i.png); }

#fussmenu { position:fixed; bottom:9px; right:0; z-index:4000; text-align:left; }
#fussmenu img { width:20px; height:20px; background-color:rgba(255, 255, 255, 0.4);}
#fussmenu img, #fussmenu a { background-color:rgba(255, 255, 255, 0.4); }
#fussmenu a { padding:0 5px; margin-left:6px; font-family:"Courier New", Courier, monospace; 
              font-size:18px; color:#666; }
#fussmenu img { cursor:pointer; float:right; margin:2px 13px 0 0; }

#linie  { position:fixed; top:0; bottom:0; display:none; width:4.479166666%; left:22%; height:auto;
          z-index:1000; /*background-image:url(/img/hg_linie.png); background-position: center top;*/  }
#linie  img { width:100%; } 
.kreise { position:absolute; top:0; left:23.4375%; z-index:1000; width:2.239583333%; height:auto; }
.ph { float:left; width:1px; height:100%; display:none;}

h1 { font-family:"Gill Sans MT", "Gill Sans", Calibri, sans-serif; font-size:60px; 
     line-height:1em; letter-spacing:0.15em; text-transform:uppercase;}
h2 { font-family:"Gill Sans MT", "Gill Sans", Calibri, sans-serif; font-size:24px; 
     line-height:1em; letter-spacing:0.05em; text-transform:uppercase; font-weight:700;
     padding:1.5em 0 0.75em; }

section { font-family:"Courier New",Courier,monospace; font-size:24px; text-align:center; position:relative; }
hr { display:block; border-style:inset; border-width:1px; width:14%; } 
.itemcontent { width:50%;float:right; text-align:center; z-index:1990; padding-bottom:18px; }
.itemcontent p, .itemcontent address { font-family:"Courier New", Courier, monospace; 
padding:0 18.75%; line-height:1.33333em;}
.slide { position:relative; }

#impressum { font-family:"Courier New",Courier,monospace; font-size:16px; width:590px; 
             height:600px; position:fixed; bottom:48px; right:50px; background:#efefef; 
             display:none; padding:12px; overflow-y:scroll; z-index:5000;
             -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto;
              -o-hyphens: auto; hyphens: auto;}
#impressum strong { font-family:"Gill Sans MT", "Gill Sans", Calibri, sans-serif; font-weight:400; }
#closeimpressum { position:absolute; right:10px; top:12px; }

figure, div.klein { font-size:10px; line-height:auto; }
figure strong, div.klein strong { display:block; font-family:"Gill Sans MT", "Gill Sans", Calibri, sans-serif; }
div.klein { padding-bottom:4px; }

#div_bild_swissdesign { position:absolute;width:50.2%;left:0.5px;top:-1px; }
#div_bild_swissdesign img { width:100%; height:auto; }
#doelogo { display:none; }

#div_bild_schmuckdesign { position:absolute;width:68%;left:0;top:0;padding:4% 0 0 4%;z-index:0;height:100%; box-sizing: border-box;}
#div_bild_schmuckdesign img { width:80%; height:auto;}
/*#bild_schmuckdesign { width:54.5%; height:auto; padding:4% 0 0 4%;z-index:0; position:absolute; left:0;top:0;}*/

#bild_verpackungsdesign { width:auto;height:100%;position:absolute; }

#div_bild_produktedesign { position:absolute;width:65%;left:0;top:204px;padding:0 0 0 10px; z-index:-1; }
#div_bild_produktedesign img { width:100%; height:auto; }

#katze_im_gras { position:absolute;bottom:0;left:-3px;width:100%; }

#section3 .itemcontent { position:absolute;top:0; right:0;float:none; }
/*
#fussmenu { background-color:red; }*/
/* Larger than mobile */
/*@media (min-width: 400px) {#fussmenu {background-color:green;}}*/

/* Larger than phablet (also point when grid becomes active) */
/*@media (min-width: 550px) {#fussmenu {background-color:blue;} }*/

/* Larger than tablet */
/*@media (min-width: 750px) {#fussmenu {background-color:yellow;} }*/

/* Larger than desktop */
/*@media (min-width: 1000px) {#fussmenu {background-color:pink;}}*/

/* Larger than Desktop HD */
/*@media (min-width: 1200px) {#fussmenu {background-color:orange;}}


@media (min-width:1px) and (max-width:400px) { 
  h1 { color:red !important; }
}
*/

/* Larger than phablet (also point when grid becomes active) */
@media (max-width: 767px) {
  #hamburger { display: block; }
  #linie  { display:block; }
  #doelogo { display:block; position:absolute; left:22.37%; width:43%; height:auto; 
              top:49%;}
  .kreise, #div_bild_swissdesign, #fussmenu img { display:none; }
  #menu { display:none; width:100%; top:0; padding-top:9px; padding-bottom:7px; background-color:#fff; }
  #menu li { display:block; padding:4px 0; }
  #menu span { text-align:center; position:relative; top:auto; left:auto; width:100%; }
   #menu li a, #menu li.active a { border-right:0; }
  h1 { font-size:40px; }
  h2 { font-size:18px; }
  .itemcontent { width:100%; padding-top:60px; }
  .slide .itemcontent { padding-top:16px; }
  #fussmenu { width:100%; text-align:right; }
  #fussmenu a { font-size:16px; line-height:1.5em; padding:0 6px 0 5px; margin-right:14px;}
  #impressum { width:90%; margin:0 6px 0 12px; right:auto; height:auto; top:40px; position:fixed; }
  .itemcontent p, .itemcontent address { padding:0 14px; }
  .itemcontent p, .itemcontent address, .itemcontent a { font-size:18px; }
  hr { margin:0.5em auto 6%; }
  .fp-controlArrow { width: 28px; height:46px; margin-top:-23px; top:30%; }
  .fp-controlArrow.fp-prev { background-image:url(/img/pfeil_links_klein.png); }
  .fp-controlArrow.fp-next { background-image:url(/img/pfeil_rechts_klein.png); }
  
  #div_bild_schmuckdesign, #div_bild_produktedesign
   { float:left; position:relative; width:100%;left:auto;top:auto;
                            padding:0; text-align:center; }
  #div_bild_schmuckdesign img, #div_bild_produktedesign img { width:90%; padding-top:12px; }
  #bild_verpackungsdesign { width:100%; height:auto; float:left; position:relative; background-size:cover; 
            background-image:url(/img/verpackungs-design_bg.jpg); }
  #fassbind { background-image:none; background-color:#4d5d71; }
  #fassbind .itemcontent { padding-bottom:12px; }
  #fussmenu img { display:none; }
  .fp-responsive section.shorty { height:100% !important; overflow:hidden !important; }
}

  /* Larger than mobile */
@media (max-width: 400px) {
  .itemcontent p, .itemcontent address { padding:0 10px; }
  .fp-controlArrow { width: 20px; height:33px; margin-top:-16px; top:40%; }
  .fp-controlArrow.fp-prev { left:4px; }
  .fp-controlArrow.fp-next { right:4px; }
  h1 { font-size:28px; }
  #eve_logo, #eve_logo2 { width:60px; height:auto; }
  h2 { font-size:14px; }
  .itemcontent p, .itemcontent address, .itemcontent a { font-size:14px; }
  figure, div.klein { padding:0 20px; }
  #fassbindlogo { width:54%; height:auto; }
  #fassbind_quadrat { width:104px; height:auto; }
  #fussmenu img { display:none; }
  #impressum { width:90%; margin:0 0 0 3px; height:auto; right:0; left:0; top:40px; bottom:40px; position:fixed; }
}


/* Larger than tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  .kreise { top:-0.099999%; left:23.43999999%; }
  #menu { font-size:16px; top:50px; display:block; }
  #menu li a, #menu li.active a { padding:0 8px; }
  #menu span { text-align:right; }
  #menu span { position:absolute; right:12px; width:38px; display:block; }
  #menu span li { display:block; margin-right:4px; margin-bottom: 6px;}
  #menu span li a { border:0;}
  h1 { font-size:38px; }
  h2 { font-size:16px; padding:1.3em 0 0.6em; }
  .itemcontent { padding-top:140px; }
  #menu, .itemcontent { width:62%; }
  #div_bild_schmuckdesign { padding-top:12%; }
  #div_bild_schmuckdesign img { width:68%; }
  #div_bild_produktedesign { width:58%;left:10px;top:194px; }
  #fussmenu a { font-size:15px; line-height:1.5em; padding:0 6px 0 5px; margin-left:0;}
  #fussmenu { width:20%; text-align:right; }
  #fussmenu img { margin: 2px 13px 0 18px; }
  #impressum { width:480px; }
  #eve_logo, #eve_logo2 { width:80px; height:auto; }
  #reddotbild { width:90px; height:auto; }
  #fassbind_quadrat { width:104px; height:auto; }
  hr { margin:0.5em auto 6%; }
  .itemcontent p, .itemcontent address, .itemcontent a { font-size:15px; }
  #bild_verpackungsdesign { max-width:390px; }
  #section2 .itemcontent p { padding:0 10%; }
  .fp-controlArrow { width: 28px; height:46px; margin-top: -23px; }
  .fp-controlArrow.fp-prev { background-image:url(/img/pfeil_links_klein.png); }
  .fp-controlArrow.fp-next { background-image:url(/img/pfeil_rechts_klein.png); }
}

/* Larger than desktop */
@media (min-width: 1024px) and (max-width: 1199px) {
  #menu { font-size:18px; top:50px;  display:block; }
  #menu li a, #menu li.active a { padding:0 10px; }
  #menu span { text-align:center; }
  #menu span { position:absolute; right:12px; width:32px; display:block; }
  #menu span li { display:block; text-align:center; }
  #menu span li a { border:0; padding:0 1px; }
  /*#menu div li#depunkt a { border-bottom:1px solid #000; }*/
  h1 { font-size:42px; }
  h2 { font-size:18px; padding:1.5em 0 0.75em; }
  .itemcontent { padding-top:140px; }
  #impressum { height:480px; }
  #fussmenu a { font-size:15px; line-height:1.5em; padding:0 6px 0 5px; margin-left:0;}
  #fussmenu { width:16%; text-align:right; }
  #fussmenu img { margin: 2px 13px 0 18px; }
  #eve_logo, #eve_logo2 { width:80px; height:auto; }
  #reddotbild { width:90px; height:auto; }
  #fassbind_quadrat { width:104px; height:auto; }
  hr { margin:0.5em auto 6%; }
  .itemcontent p, .itemcontent address, .itemcontent a { font-size:18px; }
  #bild_verpackungsdesign { max-width: 600px; }
  #section2 .itemcontent p { padding:0 10%; }
  .fp-controlArrow { width: 28px; height:46px; margin-top: -23px; }
  .fp-controlArrow.fp-prev { background-image:url(/img/pfeil_links_klein.png); }
  .fp-controlArrow.fp-next { background-image:url(/img/pfeil_rechts_klein.png); }
}

/* Larger than Desktop HD */
@media (min-width: 1200px) and (max-width: 1599px) {
  #menu { font-size:18px; top:50px;  display:block; }
  #menu li a, #menu li.active a { padding:0 10px; }
  #menu span { text-align:right; }
  #menu span { position:absolute; top:0; right:0; width:18.75%; display:inline-box; }
  #menu span li#enpunkt { margin-right:4px; }
  h1 { font-size:42px; }
  h2 { font-size:18px; padding:1.5em 0 0.75em; }
  .itemcontent { padding-top:140px; }
  #fussmenu a { font-size:15px; line-height:1.5em; padding:0 6px 0 5px; margin-left:0;}
  #fussmenu { width:13%; text-align:right; }
  #fussmenu img { margin: 2px 13px 0 18px; }
  #eve_logo, #eve_logo2 { width:80px; height:auto; }
  #reddotbild { width:90px; height:auto; }
  #fassbind_quadrat { width:104px; height:auto; }
  hr { margin:0.5em auto 6%; }
  .itemcontent p, .itemcontent address, .itemcontent a { font-size:18px; }
  #bild_verpackungsdesign { max-width: 800px; }
  #section2 .itemcontent p { padding:0 10%; }
  .fp-controlArrow { width: 28px; height:46px; margin-top: -23px; }
  .fp-controlArrow.fp-prev { background-image:url(/img/pfeil_links_klein.png); }
  .fp-controlArrow.fp-next { background-image:url(/img/pfeil_rechts_klein.png); }
}

/* Larger than Desktop HD */
@media (min-width:1600px) {
  #menu { font-size:21px; top:65px;  display:block; }
  #menu li a, #menu li.active a { padding:0 11px; }
  #menu span { text-align:left; }
  #menu span li#enpunkt { margin-right:0; }
  h1 { font-size:54px; }
  h2 { font-size:21px; padding:1.5em 0 0.75em; }
  .itemcontent { padding-top:160px; }
  #fussmenu a { font-size:17px; padding:0 5px; margin-left:6px;}
  #fussmenu { width:9.375%; text-align:left; }
  #eve_logo, #eve_logo2 { width:100px; height:auto; }
  #reddotbild { width:111px; height:auto; }
  #fassbind_quadrat { width:130px; height:auto; }
  hr { margin:0.5em auto 6%; }
  .itemcontent p, .itemcontent address, .itemcontent a { font-size:20px; }
  #fussmenu img { margin: 2px 13px 0 0; }
  #bild_verpackungsdesign { max-width:auto; }
  #section2 .itemcontent p { padding:0 18.75%; }
}

/* Larger than Desktop X-HD */
@media (min-width: 1920px) {
  #menu { font-size:24px; top:80px;  display:block; }
  #fussmenu a { font-size:21px; }
  h1 { font-size:60px; }
  h2 { font-size:24px; padding:1.5em 0 0.75em; }
  .itemcontent { padding-top:10.416667%; }
  #fussmenu { width:9.375%; }
  #fussmenu a { padding:0 5px; margin-left:6px; }
  #eve_logo, #eve_logo2 { width:121px; height:80px; }
  #reddotbild { width:133px; height:160px; }
  #fassbind_quadrat { width:160px; height:160px; }
  hr { margin:0.5em auto 8%; }
  .itemcontent p, .itemcontent address, .itemcontent a { font-size:22px; }
  .slide .itemcontent { padding-bottom:110px; }
}