/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

/*! crack.css v12.0 | http://crack.plue.me | MIT License */
a{text-decoration:none}a:hover{text-decoration:underline}:hover,:focus,a:focus,:active{outline:0}p,ul,ol,form,table,figure{margin:0 0 .5em 0}img{max-width:100%;width:auto\9;height:auto;vertical-align:top}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1.2;margin:.7em 0}blockquote{font-style:italic;margin:1em 30px}fieldset{display:table-column}td,th{border-bottom:1px solid #ccc;padding:.4em 2em;text-align:left}th:first-child,td:first-child{padding-left:.7em}ul{list-style:outside;padding-left:1.3em}ol{padding-left:1.5em}ul ul{list-style:circle;margin:0;padding-left:2em}nav ul,nav ul ul{list-style:none;padding-left:0}pre,code{font-family:monaco,monospace,courier}code{font-size:80%;padding:.1em .2em;background:#f9f9f9;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px}pre code{display:inline-block;padding:.5em .8em}.btn,.input{color:#555;padding:.55em .55em .35em .55em;line-height:normal;border:1px solid #ccc;-webkit-border-radius:4px;border-radius:4px;vertical-align:middle}.input:focus{border-color:#aaa}.input.text{width:225px}select.input{padding:.36em;width:175px}textarea.input{width:225px;min-width:225px;max-width:100%;height:70px;min-height:70px;max-height:150px}.btn{font-size:.9em;display:inline-block;background:#f9f9f9;padding-bottom:.45em;overflow:visible}.btn:hover{color:#444;background:#f2f2f2;text-decoration:none}.btn:active,.btn.active{background:#e7e7e7}.hide{display:none;visibility:hidden}.clear{display:block;clear:both}.cf{zoom:1}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}

/*
* Part of Chameleon
* Version 1.2.0
* http://chameleon.plue.me
* Copyright Plue
*/

/* Global */

body {
  line-height: 1.4;
  padding: 4.5% 6.5% 2%;
}
  p, ul, ol, form, table {
    margin-bottom: 0.85em;
  }
  img {
    height: auto !important;
  }
  div.clear {
    height: 1px;
  }
  iframe {
    border: 0;
    max-width: 100%;
  }
  .btn {
    margin-top: 0.5em;
  }

/* Link Style */

.link a {
  font-weight: normal;
  padding: 0 0.25em;
}
  .link a:hover {
    text-decoration: none;
  }

/* Headlines */

h1, h2, h3 {
  line-height: 1.2;
  font-weight: bold;
  margin: 1em 0 0.7em;
}
  h1 {
    font-size: 1.8em;
  }
  h2 {
    font-size: 1.5em;
  }
  h3 {
    font-size: 1.25em;
  }
    h1:first-child, h2:first-child, h3:first-child {
      margin-top: 0;
    }

/* Layout */

#page {
  max-width: 1100px;
}
  #page.template-small {
    max-width: 650px;
  }
  #page.template-center {
    margin: 0 auto;
  }
  #page.template-center #head, #page.template-center #foot {
    text-align: center;
  }
  #page.template-center #head ul ul {
    text-align: left;
  }

/* Head */

#head {
  margin-bottom: 40px;
}
  #head a:hover {
    text-decoration: none;
  }
  #head figure {
    font-size: 1.8em;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 0.7em;
  }

/* Floating Images */

#content img[style="float: left;"] {
  margin: 0 1.2em 1em 0;
  display: block;
}
#content img[style="float: right;"] {
  margin: 0 0 1em 1.2em;
  display: block;
}

/* Nav */

nav a {
  display: block;
}
  nav li {
    display: inline-block;
    margin-right: 0.4em;
    position: relative;
  }
    nav ul ul {
      font-size: 0.85em;
      display: none;
      position: absolute;
      width: 200px;
      top: 1.55em;
      left: 0;
      padding-top: 0.2em;
      z-index: 1;
      min-width: 300px;
    }
      nav ul li:hover ul, nav li.current_parent ul {
        display: block;
      }

/* Footer */

#foot {
  font-size: 0.93em;
  padding-top: 20px;
  clear: both;
}

/* Galleries */

.gallery .gallery-thumb, .gallery.gallery-cycle {
  padding: 0;
  border: 0;
  margin: 0 8px 10px 0;
  -webkit-box-shadow: 1px 1px 3px #666;
  box-shadow: 1px 1px 3px #666;
}

/* Gallery Fancybox */

.gallery .gallery-thumb {
  position: relative;
  float: none;
  display: inline-block;
}
  .gallery .gallery-thumb img {
    width: 100%;
  }
  body.ie-oldie .gallery .gallery-thumb img {
    width: auto;
  }
  body .gallery-fancybox .gallery-thumb .gallery-title {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0.3em 0.5em 0.35em;
    line-height: 1.1;
    font-size: 13px;
    background: #000;
    background: rgba(0,0,0,0.8);
    color: #fff;
    display: none;
  }
    body .gallery-fancybox .gallery-thumb:hover .gallery-title {
      display: block;
    }
  .gallery-fancybox a {
    height: auto !important;
  }
  body .gallery-fancybox div.pagify a {
    color: inherit;
  }
    body .gallery-fancybox div.pagify a.current {
      color: inherit;
      font-weight: bold;
    }

#fancybox-overlay {
  background: #fff !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9 !important;
  -khtml-opacity: 0.9 !important;
  opacity: 0.9 !important;
}
  body #fancybox-outer {
    background: transparent;
  }
    body #fancybox-content {
      border: 0 solid transparent;
    }
    body #fancybox-title {
      text-align: center;
    }
    body #fancybox-close {
      position: fixed;
      top: 15px;
      right: 15px;
    }
    body .fancybox-bg {
        display: none;
      }
    body #fancybox-title {
      font-family: inherit;
      font-size: inherit;
    }
    body .fancybox-title-float {
      bottom: -10px;
    }
        body #fancybox-title-float-left, body #fancybox-title-float-right {
          display: none;
        }
        body #fancybox-title-float-main {
          color: #000;
          font-weight: normal;
          background: 0;
        }

/* Campaign Label */

#campaign_label {
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
  position: fixed;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 154px 154px 0;
  border-color: transparent #3e99c8 transparent transparent;
}
  #campaign_label .inner {
    position: absolute;
    top: 12px;
    right: -147px;
    -webkit-transform: rotate(45deg) translate(5px,3px);
    -moz-transform: rotate(45deg) translate(5px,3px);
    transform: rotate(45deg) translate(5px,3px);
  }
    #campaign_label a {
      color: #fff;
      text-shadow: 0 0 2px #444;
      display: block;
      font-size: 22px;
    }
      #campaign_label a:hover {
        text-decoration: none;
      }

/* Breakpoints */

@media only screen and (max-width: 1000px) {
  body {
    padding: 6.5%;
  }
}

@media only screen and (max-width: 500px) {
  body {
    margin-top: 15px;
  }
    #head figure {
      margin-bottom: 0.3em;
    }
    nav ul ul {
      min-width: 250px;
    }
    #content img[style="float: left;"] {
      margin-right: 0;
      float: none !important;
    }
    #content img[style="float: right;"] {
      margin-left: 0;
      float: none !important;
    }
  #campaign_label {
    border-width: 0 98px 98px 0;
  }
    #campaign_label .inner {
      top: 3px;
      right: -94px;
    }
      #campaign_label a {
        font-size: 15px;
      }
}

@media only screen and (max-width: 350px) {
  .gallery .gallery-thumb {
    margin-right: 0;
    display: table;
    overflow: hidden;
  }
  .gallery-fancybox a {
    display: block;
  }
}

/* Custom */

#head {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 160px;
  background: #fff;
  padding-top: 66px;
}

#content {
  padding-top: 210px;
}

h2 {
  font-size: 1.25em;
  margin-top: 1.6em;
}

.page-content.page-content-in-3,
.page-content.page-content-in-4,
.page-content.page-content-in-5 {
  float: left;
  width: 33.333333%;
  box-sizing: border-box;
  padding: 10px;
}

.page-content.page-content-4,
.page-content.page-content-5 {
  width: 100%;
  float: none;
  clear: both;
}

#logo {
  text-transform: uppercase;
  font-size: 2.4em;
  margin-bottom: 0.5em;
  position: relative;
  display: inline-block;
  z-index: 5;
  letter-spacing: 2px;
}

#claim {
  margin-top: 0;
  margin-bottom: 2.5em;
  font-family: 'Pacifico';
  font-weight: 400;
  font-size: 1.4em;
  position: relative;
  z-index: 5;
}

.bg {
  position: absolute;
  top: 0;
  width: 401px;
  height: 220px;
  z-index: 1;
  background: transparent 0 0 no-repeat;
}

.bg.bg-left {
  background-image: url("/data/uploads/bilder/brombeeren_links.jpg");
  left: 0;
}

.bg.bg-right {
  background-image: url("/data/uploads/bilder/brombeeren_rechts.jpg");
  background-position: top right;
  right: 0;
}

@media screen and (max-width: 650px) {
  .page-content.page-content-in-3,
  .page-content.page-content-in-4,
  .page-content.page-content-in-5 {
     float: none;
     width: 100%; 
  }
  #head {
    font-size: 85%;
    height: 135px;
  }
}

/* Berries Breakpoints */

@media screen and (max-width: 1270px) {
  .bg.bg-left { left: -50px; }
  .bg.bg-right { right: -50px; }
}

@media screen and (max-width: 1150px) {
  .bg.bg-left { left: -100px; }
  .bg.bg-right { right: -100px; }
}

@media screen and (max-width: 1050px) {
  .bg.bg-left { left: -150px; }
  .bg.bg-right { right: -150px; }
}

@media screen and (max-width: 950px) {
  .bg.bg-left { left: -200px; }
  .bg.bg-right { right: -200px; }
}

@media screen and (max-width: 850px) {
  .bg { top: -50px; }
  .bg.bg-left { left: -250px; }
  .bg.bg-right { right: -250px; }
}

@media screen and (max-width: 750px) {
  .bg { top: -100px; }
  .bg.bg-left { left: -300px; }
  .bg.bg-right { right: -300px; }
}

/* Buttons */

a.btn {
  background-color: #8b253b;
  color: #fff;
  border: 0;
  font-size: 150%;
  padding: 8px 40px;
  letter-spacing: 2px;
}

a.btn:hover {
  background-color: #9b354b;
  color: #f6f5f6;
}