@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Bad+Script);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body { background-image: url(images/kachel.jpg); width: 100%; font-family:Arial, Helvetica, sans-serif; font-family: 'Source Sans Pro', sans-serif;}
*, *:before, *:after {-webkit-box-sizing: border-box;   -moz-box-sizing: border-box;   box-sizing: border-box; }
.clear-fix {  clear: both;}

/* Struktur */
.header_wrap { background-color: #a6c0c0; float: left; height: 519px; width: 100%; min-width:1100px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; text-align: center; position: relative; }
header { width: 859px; margin-right: auto; margin-left: auto; position: relative; margin-top: 40px; }
.extra { position:absolute; z-index:150; background-image: url(images/umzug.png); background-repeat: no-repeat; width:405px; height:370px; margin-left:-220px; margin-top:0px }
.extra p {font-size:20px; color:#fce804; font-weight:bold; margin-left:150px; margin-top:170px; text-align:left;}
.haupt-nav { background-image: url(images/GS_logo_ohne.png); height: 449px; width: 579px; margin-right: auto; margin-left: auto; position: relative; background-repeat: no-repeat; }
.content_wrap {float: left; height: auto; width: 100%; min-width:1100px; text-align: center; position: relative;}
.content { width: 859px; margin-right: auto; margin-left: auto; position: relative; margin-top: 60px; padding-right: 20px; padding-left: 20px; height: auto; }
.galerie_nav { width: 550px; margin-right: auto; margin-left: auto; position: relative; height: auto; }
.galerie_bg { width: 960px; margin-right: auto; margin-left: auto; position: relative; padding-left: 23px; }
.galerie{  position: relative; float:left; margin-left:52px; }
.shop { position:absolute; right: -130px;    top: 80px;}
.shop_produkte { position:absolute; left: 30px;    top: 170px;}
.content_laden { width: 940px; margin-right: auto; margin-left: auto; position: relative; margin-top: 60px; padding-right: 20px; padding-left: 20px; height: auto; text-align:center; }
.content_galerie{ width: 940px; margin-right: auto; margin-left: auto; position: relative; margin-top: 60px; padding-right: 20px; padding-left: 20px; height: auto; text-align:center; }
.footer_wrap { width: 50%; position: fixed; bottom: 10px; }
.footer { margin-right: auto; margin-left: auto; position: relative; padding-left: 10px; }
.home_ani{ position: absolute; left: -50px; top: 4px; z-index: 100; visibility: hidden; }
.produkt_ani{ position: absolute; left: 446px; top: 100px; z-index: 0; visibility: hidden; }
.laden_ani { position: absolute; left: -180px; top: 160px; z-index: 0; visibility: hidden; }
.kontakt_ani{ position: absolute; left: 446px; top: 340px; z-index: 0; visibility: hidden; }
 #zwei:hover > div{-webkit-animation: spinnRight 0.3s linear 1; -moz-animation: spinnRight 0.3s linear 1;}

    @-webkit-keyframes spinnRight {
        0% { transform:rotate(0deg); }
        50% { transform:rotate(10deg); }
        75% { transform:rotate(-5deg); }
        100% { transform:rotate(0deg); }
    }
    @-moz-keyframes spinnRight {
        0% { transform:rotate(0deg); }
        50% { transform:rotate(10deg); }
        75% { transform:rotate(-5deg); }
        100% { transform:rotate(0deg); }
    }

.col_30 {width:30%; float:left;}
.col_30_space { margin-right:5%;}

/* Navigation */
.haupt-nav a { height: 110px; width: 139px; position: absolute; background-image: url(images/schublade_zu.png); background-repeat: no-repeat; text-align:center; display:block; color: #000; text-decoration: none; font-size: 13px; font-weight: normal; background-position: 7px 0px; }
.haupt-nav a:hover {  background-image: url(images/schublade_offen_neu.png); background-position: 0px 0px; }
.shop a { position:relative; height:auto; width:auto; background-image:none;}
.shop a:hover {background-image:none;}
.haupt-nav .home { left:1px; top:7px; z-index: 50; }
.haupt-nav .produkte { left:438px; top:120px; z-index: 50; }
.haupt-nav .laden { left:292px; top:234px; z-index: 50; }
.haupt-nav .kontakt { left:438px; top:347px; z-index: 50; }
.haupt-nav a span { color: #000; background-color: #dec4a3; margin-top: 12px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; display: inline-block; -webkit-border-radius: 10px; border-radius: 10px; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px; }
.haupt-nav a:hover span { margin-top: 22px;}

.footer a { font-size: 12px; color: #000; text-decoration: none; }
a.back { font-size: 12px; color: #000; text-decoration: none; float: right; margin-right:38px; }

/* Text */
h1 { font-family: 'Bad Script', "Times New Roman", cursive; font-size:24px; margin-bottom:18px;}
h2 { font-family: 'Bad Script', "Times New Roman", cursive; font-size:20px; margin-bottom:12px;}
h4 { font-family: 'Source Sans Pro', sans-serif; font-size:16px; margin-bottom:10px; font-weight:bold; text-align: left;}
h6 { font-family: 'Source Sans Pro', sans-serif; font-size:16px; margin-bottom:10px; font-weight:bold;}
h5 { font-family: 'Source Sans Pro', sans-serif; font-size:18px; margin-bottom:18px; font-weight:normal; }

p { font-size:16px; margin-bottom: 10px; }
a { font-size:16px; margin-bottom: 10px; font-weight: 600; color: #666; text-decoration: none; }

.col_30 li { font-size:13px; margin-bottom: 6px; margin-left: 20px;text-align: left; }

.col_30 p { font-size:13px; margin-bottom: 10px; text-align: left; }
.col_30 h1 {    text-align: left; }

/* sonstige */
.galerie a { margin-bottom:0; padding:0; height:122px; display:inline-block; float:left; margin-bottom: 20px;
    margin-right: 20px;}
.galerie a:nth-child(5) { margin-right: 0;}
.galerie img {    border: 2px solid #666;}
.galerie_nav .icon { margin-right:10px; margin-bottom:0; vertical-align:-40%; border:none; }
.galerie_nav a {font-family: 'Bad Script', "Times New Roman", cursive; font-size:20px;  color:#000;}
.galerie_nav {padding-bottom:8px;}
figure { width:auto; position:relative; height:122px; 
    }
figcaption { background-color:rgba(255,255,255,0.8); position:absolute; top:0; left:0; z-index:50; color:#000; font-size:13px; font-weight:normal; text-align:left; width:100%; height:126px; padding:6px; display:none}
.galerie a:hover figcaption {display:block;}
.content_laden img { margin-right: 20px; margin-bottom:20px; border: solid 2px #666; float:left}
.last { margin-right: 0px !important; }
.links { float:left; margin-right:10px;}
.gruen {color:#006236;}
.bg_torte { background-image: url(images/tortenspitze.png); background-repeat: no-repeat; background-position: 100px 80px; }