@charset "UTF-8";
/* =====================================
    Importing Framework Styles
   ===================================== */
/* ===========================================================================================
    WEBFONTS
   =========================================================================================== */
/* ========================= https://kuler.adobe.com/Flat-UI-color-theme-2469224/ ============
    COLOUR SCHEME
   =========================================================================================== */
/*$menu: #1BBC9B;*/
/* green */
/* line 274, icons/*.png */
.icons-sprite, .icons-arrow-down, .icons-arrow-left, .icons-arrow-right, .icons-arrow, .icons-at, .icons-bg, .icons-book-2, .icons-book-lines-2, .icons-brief, .icons-camera-2, .icons-close, .icons-compose-3, .icons-envelope, .icons-home-2, .icons-home, .icons-info, .icons-intro, .icons-logo, .icons-lupe, .icons-map, .icons-menu-2, .icons-menu, .icons-menu_old, .icons-movie, .icons-next, .icons-nib, .icons-pencil, .icons-prev, .icons-spongebob, .icons-star-2, #test-close, .btn-anfrage a, .box a, .box .btn-anfrage a, nav li.current a,
nav a:hover {
  background: url('../images/icons-secf3114a9f.png') no-repeat;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-arrow-down {
  background-position: 0 -1066px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-arrow-left {
  background-position: 0 -1230px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-arrow-right {
  background-position: 0 -1312px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-arrow {
  background-position: 0 -2486px;
  height: 40px;
  width: 13px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-at {
  background-position: 0 -916px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-bg {
  background-position: 0 -2876px;
  height: 4px;
  width: 4px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-book-2 {
  background-position: 0 -1858px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-book-lines-2 {
  background-position: 0 -1394px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-brief {
  background-position: 0 -724px;
  height: 40px;
  width: 40px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-camera-2 {
  background-position: 0 -2022px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-close {
  background-position: 0 -2658px;
  height: 18px;
  width: 19px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-compose-3 {
  background-position: 0 -1640px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-envelope {
  background-position: 0 -1476px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-home-2 {
  background-position: 0 -2336px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-home {
  background-position: 0 -1558px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-info {
  background-position: 0 -2726px;
  height: 18px;
  width: 19px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-intro {
  background-position: 0 -432px;
  height: 242px;
  width: 242px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-logo {
  background-position: 0 -814px;
  height: 52px;
  width: 191px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-lupe {
  background-position: 0 -998px;
  height: 18px;
  width: 19px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-map {
  background-position: 0 -1148px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-menu-2 {
  background-position: 0 -2576px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-menu {
  background-position: 0 -2794px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-menu_old {
  background-position: 0 -2418px;
  height: 18px;
  width: 19px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-movie {
  background-position: 0 -2186px;
  height: 18px;
  width: 19px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-next {
  background-position: 0 -1790px;
  height: 18px;
  width: 19px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-nib {
  background-position: 0 -2104px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-pencil {
  background-position: 0 -2254px;
  height: 32px;
  width: 32px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-prev {
  background-position: 0 -1722px;
  height: 18px;
  width: 19px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-spongebob {
  background-position: 0 0;
  height: 382px;
  width: 250px;
}

/* line 60, ../../../../../../../../.rvm/gems/ruby-2.1.6/gems/compass-0.12.7/frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss */
.icons-star-2 {
  background-position: 0 -1940px;
  height: 32px;
  width: 32px;
}

/* ===================
    Compass Mixin Tests
   =================== */
/* line 18, ../sass/main.scss */
#data a {
  text-align: center;
  font-weight: bold;
}
/* line 22, ../sass/main.scss */
#data a, #data p {
  padding: 2px;
}

/* line 29, ../sass/main.scss */
.error, .badError {
  border: 1px #f00;
  background: #fdd;
}

/* line 34, ../sass/main.scss */
.badError {
  border-width: 3px;
}

/* line 39, ../sass/main.scss */
.clear {
  clear: both;
}

/* ===================
    end: mixins test
   =================== */
/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
/* line 51, ../sass/main.scss */
#test-close {
  background-position: 0 0;
}

/* line 59, ../sass/main.scss */
html,
button,
input,
select,
textarea {
  color: #5a5a58;
}

/* line 62, ../sass/main.scss */
html {
  height: 100%;
}

/* line 63, ../sass/main.scss */
body {
  font-size: 1em;
  line-height: 1.4;
  height: 100%;
}

/* line 69, ../sass/main.scss */
.masterwrapper {
  position: relative;
  min-height: 100%;
}

/* line 74, ../sass/main.scss */
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 79, ../sass/main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/* line 84, ../sass/main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 93, ../sass/main.scss */
img {
  vertical-align: middle;
}

/* line 97, ../sass/main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/* line 103, ../sass/main.scss */
textarea {
  resize: vertical;
}

/* line 107, ../sass/main.scss */
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ===== Initializr Styles ==================================================
   GENERAL
   ========================================================================== */


   .images {
    display: grid;
    grid-template-columns: 1fr; /* Zwei gleich große Spalten */
    gap: 10px; /* Abstand zwischen den Spalten */
    padding-top: 20px; /* Abstand um den Container herum */
    /* grid-auto-rows: 180px; Höhe der Zeilen */
  }

  .image {
    display: inline-block;
    background-color: #f0f0f0;
    border: 1px solid #ccc;
    padding: 5px;
    box-sizing: border-box; /* Padding und Border werden zur Breite und Höhe des Elements hinzugefügt */
  }

   .image img {
    width: 100%;
    height: 100%; /* Bild auf die volle Höhe des Containers skalieren */
    object-fit: cover; /* Das Bild wird so skaliert, dass es den gesamten Platz einnimmt */
  }





   /* line 119, ../sass/main.scss */
a {
  color: #a2a09c;
  text-decoration: none;
}

/* line 122, ../sass/main.scss */
.btn,
.btn-anfrage {
  display: block;
  margin-top: 20px;
}

/* line 128, ../sass/main.scss */
.btn a {
  font-family: "Muli", Arial, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #fe7539;
  color: white;
  padding: 11px 10px 10px 10px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 137, ../sass/main.scss */
.btn a:hover {
  color: white;
  background-color: #802335;
}

/* line 128, ../sass/main.scss */
.btn-anfrage a {
  font-family: "Muli", Arial, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #fe7539;
  color: white;
  padding: 11px 10px 10px 10px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 137, ../sass/main.scss */
.btn-anfrage a:hover {
  color: white;
  background-color: #802335;
}
/* line 145, ../sass/main.scss */
.btn-anfrage a {
  background-position: 0 -1476px;
  background-position: 10px -1474px;
  padding-left: 50px;
}

/* line 160, ../sass/main.scss */
body {
  font: 16px/26px Helvetica, Helvetica Neue, Arial;
  background-color: #f2f2ea;
}

/* line 165, ../sass/main.scss */
.wrapper {
  width: 90%;
  margin: 0 5%;
  min-height: 100%;
}

/* ===================
    ALL: Orange Theme
   =================== */
/* line 175, ../sass/main.scss */
.no-js #intro {
  display: none;
}

/* line 181, ../sass/main.scss */
#intro {

  font-family: "Muli", Arial, sans-serif;
  font-weight: 300;
  font-size: 1em;
  line-height: 1em;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  disply: flex;
  justify-content: center;
  align-items: center;
}

.bg-logo {
  position: absolute;
/*   top: 50%;
  left: 50%; */
  transform: translateY(-60px) translateX(-105px) ;
  transform-origin: top left;
  scale: 1.8;
  opacity: 0.1;
  top: 0;
  left: 0;
}


/* line 207, ../sass/main.scss */
#intro #intro-inner {
  display: block;
  visibility: hidden;

  position: relative;

}
/* line 218, ../sass/main.scss */
#intro img {
  display: block;

}

/* line 225, ../sass/main.scss */
#btn-menu {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  font-size: 0.6em;
  text-decoration: none;
  text-transform: uppercase;
}

/* line 237, ../sass/main.scss */
#btn-menu span {
  display: block;
  padding-top: 20px;
}

/* line 243, ../sass/main.scss */
.main-container article,
aside {
  font-size: 0.8em;
  line-height: 1.8em;
}

/* line 248, ../sass/main.scss */
.header-container {
  background: #802335;
}

/* line 254, ../sass/main.scss */
.slugline {
  color: #F5C9BE;
}

/* line 259, ../sass/main.scss */
.main aside {
  /*border-left: 1px dotted #000;*/
}

/* line 264, ../sass/main.scss */
.content h2 {
  margin-top: 30px;
}

/* line 268, ../sass/main.scss */
.box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 100%;
  float: left;
  background: #fff;
  color: #5a5a58;
  margin: 0 0 20px 0;
}
/* line 275, ../sass/main.scss */
.box h3, .box .text {
  padding: 10px 10px 10px 10px;
}
/* line 276, ../sass/main.scss */
.box h3 {
  margin: 0;
  padding: 10px 10px 10px 10px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  background-color: #802335;
  color: #f2f2ea;
  font-weight: 400;
  font-size: 1em;
  text-transform: uppercase;
}
/* line 287, ../sass/main.scss */
.box img {
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* line 291, ../sass/main.scss */
.box .text {
  display: block;
}
/* line 296, ../sass/main.scss */
.box .boxlink-wrapper p {
  margin: 0;
  padding: 0;
}
/* line 299, ../sass/main.scss */
.box a {
  display: block;
  background-color: #c37d73;
  color: white;
  text-decoration: none;
  padding: 8px 10px 8px 20px;
  background-position: 0 -2486px;
  font-family: "Muli", Arial, sans-serif;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 128, ../sass/main.scss */
.box .btn-anfrage a {
  font-family: "Muli", Arial, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #fe7539;
  color: white;
  padding: 11px 10px 10px 10px;
  -webkit-transition-property: background-color;
  -moz-transition-property: background-color;
  -o-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
}
/* line 137, ../sass/main.scss */
.box .btn-anfrage a:hover {
  color: white;
  background-color: #802335;
}
/* line 145, ../sass/main.scss */
.box .btn-anfrage a {
  background-position: 0 -1476px;
  background-position: 10px -1474px;
  padding-left: 50px;
}
/* line 317, ../sass/main.scss */
.box .btn-anfrage a {
  color: white;
  background-color: #c37d73;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  border-bottom: 1px solid #f2f2ea;
  padding: 8px 10px 7px 50px;
  background-position: 10px -1474px;
}
/* line 330, ../sass/main.scss */
.box .btn-anfrage a:hover,
.box a:hover {
  color: white;
  background-color: #802335;
}

/* line 342, ../sass/main.scss */
.box.img-top-edge img {
  width: 100%;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}

/* line 349, ../sass/main.scss */
.box.img-bottom-edge img {
  width: 100%;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* line 356, ../sass/main.scss */
.footer-container {
  color: #e4e4dc;
  background: #a2a09c;
  text-align: center;
  position: absolute;
  width: 100%;
  bottom: 0;
}
/* line 363, ../sass/main.scss */
.footer-container a {
  color: #e4e4dc;
  text-decoration: none;
}

/* line 366, ../sass/main.scss */
div.push {
  height: 150px;
}

/* line 370, ../sass/main.scss */
#logo {
  margin-top: 20px;
  width: 30%;
  display: block;
}
/* line 374, ../sass/main.scss */
#logo img {
  max-width: 100%;
  min-width: 80px;
}

/* line 380, ../sass/main.scss */
.title {
  color: white;
  font-family: "Fjalla One", Arial, sans-serif;
  font-size: 2em;
  margin-bottom: 0px;
}

/* line 387, ../sass/main.scss */
.title-sec {
  color: white;
  font-family: "Muli", Arial, sans-serif;
  font-size: 1em;
  line-height: 1.2em;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: 400;
}

/* line 397, ../sass/main.scss */
.subtitle {
  display: none;
  color: #802335;
  font-family: "Muli", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 10px 10px 10px 10px;
  margin-bottom: 0px;
  background-color: #c37d73;
}

/* ==============
    MOBILE: Menu
   ============== */
/* line 414, ../sass/main.scss */
nav#nav-big {
  margin-top: -29px;
  /*@include transition(display 0.8s ease-in, 0.8s ease-out);*/
}

/* line 419, ../sass/main.scss */
nav#nav-big.is-closed {
  display: none;
}

/* line 423, ../sass/main.scss */
nav#nav-big.is-open {
  display: block;
}

/* line 427, ../sass/main.scss */
nav ul {
  margin: 0;
  padding: 0;
}

/* line 433, ../sass/main.scss */
nav a {
  font-family: "Muli", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.8em;
  display: block;
  margin-bottom: 0px;
  padding: 5px 10px 5px 10px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #E7E7DF;
  background-color: #802335;
  color: #f2f2ea;
}
/* line 453, ../sass/main.scss */
nav li.current a,
nav a:hover {
  color: #f2f2ea;
  padding-left: 20px;
  background-color: #c37d73;
  background-position: 0 -2486px;
}
/* line 460, ../sass/main.scss */
nav li.section a {
  color: #f2f2ea;
  padding-left: 20px;
  background-color: #802335;
}
/* line 467, ../sass/main.scss */
nav .nav-sec a {
  background-color: #c37d73;
  padding-left: 20px;
  border-bottom: 1px solid #f2f2ea;
}
/* line 477, ../sass/main.scss */
nav .nav-sec li.section a,
nav .nav-sec li.current a,
nav .nav-sec a:hover {
  color: #fff;
  background-color: #fe7539;
}

/* ==============
    MOBILE: Main
   ============== */
/* line 490, ../sass/main.scss */
.main {
  padding: 30px 0;
}

/* line 494, ../sass/main.scss */
.main article h1 {
  font-family: "Muli", Arial, sans-serif;
  font-weight: 300;
  font-size: 2em;
}

/* line 500, ../sass/main.scss */
h1, h2, h3, h4, h5, h6 {
  font-family: "Muli", Arial, sans-serif;
  font-weight: 300;
}

/* line 506, ../sass/main.scss */
.main aside {
  color: white;
  margin-top: 20px;
  /*  padding: 0px 5% 10px;*/
}

/* line 512, ../sass/main.scss */
.footer-container footer {
  padding: 20px 0;
}

/* ===============
    ALL: IE Fixes
   =============== */
/* line 520, ../sass/main.scss */
.ie7 .title {
  padding-top: 20px;
}

/********** respond.js doesn´t work with IE7 AND base tag *********/
/* line 528, ../sass/main.scss */
.lt-ie8 .wrapper {
  width: 960px;
  margin: auto;
}
/* line 533, ../sass/main.scss */
.lt-ie8 #btn-menu {
  display: none;
}
/* line 537, ../sass/main.scss */
.lt-ie8 .title {
  font-size: 3em;
  line-height: 1em;
}
/* line 542, ../sass/main.scss */
.lt-ie8 .title-sec {
  font-weight: 300;
  font-size: 1em;
  line-height: 1em;
  margin-top: 10px;
}
/* line 549, ../sass/main.scss */
.lt-ie8 .subtitle {
  display: block;
  font-size: 1em;
}
/* line 554, ../sass/main.scss */
.lt-ie8 nav#nav-big {
  float: left;
}
/* line 556, ../sass/main.scss */
.lt-ie8 nav#nav-big a {
  background-color: #f2f2ea;
  color: #a2a09c;
  padding: 7px 10px 5px 10px;
}
/* line 563, ../sass/main.scss */
.lt-ie8 nav#nav-big li.section a,
.lt-ie8 nav#nav-big li.current a,
.lt-ie8 nav#nav-big a:hover {
  color: #fff;
  background-color: #c37d73;
  padding-left: 20px;
}
/* line 570, ../sass/main.scss */
.lt-ie8 nav#nav-big .nav-sec a {
  background-color: #e4e4dc;
  padding-left: 30px;
}
/* line 577, ../sass/main.scss */
.lt-ie8 nav#nav-big .nav-sec li.section a,
.lt-ie8 nav#nav-big .nav-sec li.current a,
.lt-ie8 nav#nav-big .nav-sec a:hover {
  color: #fff;
  padding-left: 30px;
  background-color: #16a086;
}
/* line 586, ../sass/main.scss */
.lt-ie8 nav#nav-big.is-closed {
  display: block;
}
/* line 590, ../sass/main.scss */
.lt-ie8 nav#nav-big.is-open {
  margin-top: 0px;
}
/* line 594, ../sass/main.scss */
.lt-ie8 nav#nav-big {
  position: relative;
  float: left;
  width: 28%;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
/* line 601, ../sass/main.scss */
.lt-ie8 nav#nav-big.is-fixed {
  position: fixed;
  top: 0px;
}
/* line 606, ../sass/main.scss */
.lt-ie8 nav#nav-big.is-closed {
  margin-top: 0px;
}
/* line 610, ../sass/main.scss */
.lt-ie8 nav#nav-big a {
  clear: both;
}
/* line 614, ../sass/main.scss */
.lt-ie8 .content-inner {
  padding: 0px 0px 0px 20px;
}
/* line 618, ../sass/main.scss */
.lt-ie8 #intro {
  font-size: 1.5em;
}
/* line 622, ../sass/main.scss */
.lt-ie8 #intro #spacer {
  margin-bottom: -150px;
}
/* line 625, ../sass/main.scss */
.lt-ie8 #intro #intro-inner {
  height: 300px;
}
/* line 628, ../sass/main.scss */
.lt-ie8 #intro img {
  margin-bottom: 0px;
}
/* line 634, ../sass/main.scss */
.lt-ie8 nav#nav-big {
  width: 200px;
}
/* line 638, ../sass/main.scss */
.lt-ie8 .main article {
  float: left;
  width: 560px;
}
/* line 644, ../sass/main.scss */
.lt-ie8 .main aside {
  float: right;
  margin-top: 0px;
  width: 200px;
}
/* line 648, ../sass/main.scss */
.lt-ie8 .main aside .box {
  clear: both;
  width: 200px;
  margin-bottom: 20px;
}

/********** end IE7 hack **********/
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (min-width: 480px) {
  .images {
    grid-template-columns: 1fr 1fr; /* Zwei gleich große Spalten */
  }

  /* ab iphone landscape */
  /* line 683, ../sass/main.scss */
  #intro {
    font-size: 1.2em;
  }
  /* line 687, ../sass/main.scss */
  #intro #spacer {
    margin-bottom: -85px;
  }
  /* line 690, ../sass/main.scss */

  /* line 693, ../sass/main.scss */


  /* line 699, ../sass/main.scss */
  .wrapper {
    /* background-color:yellow */
  }

  /* ====================
      INTERMEDIATE: Aside
     ==================== */
  /* line 708, ../sass/main.scss */
  .main aside {
    width: 100%;
  }
  /* line 710, ../sass/main.scss */
  .main aside .box {
    width: 45%;
    margin: 0 5% 20px 0%;
    float: left;
  }

  /* line 718, ../sass/main.scss */
  .box.odd {
    float: left;
  }

  /* line 719, ../sass/main.scss */
  .box.even {
    float: right;
  }

  /* ====================
      INTERMEDIATE: Menu
     ==================== */
  /* line 725, ../sass/main.scss */
  nav li:first-child a {
    margin-left: 0;
  }

  /* line 729, ../sass/main.scss */
  nav li:last-child a {
    margin-right: 0;
  }

  /* ========================
      INTERMEDIATE: IE Fixes
     ======================== */
  /* line 737, ../sass/main.scss */
  nav ul li {
    display: inline;
  }

  /* line 741, ../sass/main.scss */
  .oldie nav a {
    margin: 0 0.7%;
  }

  /* line 746, ../sass/main.scss */
  .title-sec {
    font-weight: 300;
    font-size: 1em;
    line-height: 1.2em;
    margin-top: 10px;
  }
}
@media only screen and (min-width: 768px) {
  /* ab ipad portrait */
  /* line 764, ../sass/main.scss */
  #intro {
    font-size: 1.2em;
  }
  /* line 768, ../sass/main.scss */
  #intro #spacer {
    margin-bottom: -105px;
  }
  /* line 771, ../sass/main.scss */
  #intro #intro-inner {
   /* height: 210px;*/
  }
  /* line 774, ../sass/main.scss */
  #intro img {
   /*  margin-bottom: 0px; */
  }

  /* line 782, ../sass/main.scss */
  .wrapper {
    width: 90%;
    margin: 0 5%;
    /*background-color:red;*/
  }

  /* line 789, ../sass/main.scss */
  #btn-menu {
    display: none;
  }

  /* line 793, ../sass/main.scss */
  .title {
    font-size: 3em;
    line-height: 1em;
  }

  /* line 799, ../sass/main.scss */
  .title-sec {
    font-weight: 300;
    font-size: 1em;
    line-height: 1em;
    margin-top: 10px;
  }

  /* line 807, ../sass/main.scss */
  .subtitle {
    display: block;
    font-size: 1em;
  }

  /* ====================
      WIDE: CSS3 Effects
     ==================== */
  /* line 821, ../sass/main.scss */
  .header-container,
  .main aside {
    /* @include box-shadow(#aaa 0px 5px 10px);  */
  }

  /* ============
      WIDE: Menu
     ============ */
  /* line 831, ../sass/main.scss */
  nav#nav-big {
    float: left;
  }
  /* line 834, ../sass/main.scss */
  nav#nav-big a {
    background-color: #f2f2ea;
    color: #a2a09c;
    padding: 7px 10px 5px 10px;
  }
  /* line 842, ../sass/main.scss */
  nav#nav-big li.section a,
  nav#nav-big li.current a,
  nav#nav-big a:hover {
    color: #fff;
    background-color: #c37d73;
    padding-left: 20px;
  }
  /* line 850, ../sass/main.scss */
  nav#nav-big .nav-sec a {
    background-color: #e4e4dc;
    padding-left: 30px;
  }
  /* line 857, ../sass/main.scss */
  nav#nav-big .nav-sec li.section a,
  nav#nav-big .nav-sec li.current a,
  nav#nav-big .nav-sec a:hover {
    color: #fff;
    padding-left: 30px;
    background-color: #16a086;
  }

  /* line 867, ../sass/main.scss */
  nav#nav-big.is-closed {
    display: block;
  }

  /* line 871, ../sass/main.scss */
  nav#nav-big.is-open {
    margin-top: 0px;
  }

  /* line 877, ../sass/main.scss */
  nav#nav-big {
    position: relative;
    float: left;
    width: 28%;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
  }

  /* line 884, ../sass/main.scss */
  nav#nav-big.is-fixed {
    position: fixed;
    top: 0px;
  }

  /* line 889, ../sass/main.scss */
  nav#nav-big.is-closed {
    margin-top: 0px;
  }

  /* line 893, ../sass/main.scss */
  .title {
    /*float: left;*/
  }

  /* line 897, ../sass/main.scss */
  nav#nav-big a {
    clear: both;
  }

  /* ============
      WIDE: Main
     ============ */
  /* line 908, ../sass/main.scss */
  .main article {
    float: left;
    width: 62%;
  }

  /* line 913, ../sass/main.scss */
  .content-inner {
    padding: 0px 0px 0px 20px;
  }

 /* ====================
 WIDE: Aside
==================== */
  /* line 923, ../sass/main.scss */
  .main aside {
    float: left;
    width: 100%;
  }
  /* line 926, ../sass/main.scss */
  .main aside .box {
    float: left;
    width: 28%;
    margin-bottom: 20px;
  }
}



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



  /* ab ipad landscape */
  /* line 939, ../sass/main.scss */
  #intro {
    font-size: 1.5em;
  }
  /* line 943, ../sass/main.scss */
  #intro #spacer {
    margin-bottom: -150px;
  }
  /* line 946, ../sass/main.scss */
  #intro #intro-inner {
    /*height: 300px;
  }
  /* line 949, ../sass/main.scss */
  #intro img {
    margin-bottom: 0px;
  }

  /* line 955, ../sass/main.scss */
  .wrapper {
    /* background-color:orange*/
  }

  /* line 959, ../sass/main.scss */
  nav#nav-big {
    width: 23%;
  }

  /* line 963, ../sass/main.scss */
  .main article {
    float: left;
    width: 52%;
  }

  /* line 969, ../sass/main.scss */
  .main aside {
    float: right;
    margin-top: 0px;
    width: 22%;
  }
  /* line 973, ../sass/main.scss */
  .main aside .box {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
  }



}
@media only screen and (min-width: 1140px) {
  /* ===============
      Maximal Width
     =============== */
  /* line 990, ../sass/main.scss */
  .wrapper {
    width: 1026px;
    /* 1140px - 10% for margins */
    margin: 0 auto;
    /*  background-color:#000*/
  }
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
/* line 1005, ../sass/main.scss */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

/* line 1012, ../sass/main.scss */
.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 150%;
}

/* line 1019, ../sass/main.scss */
.hidden {
  display: none !important;
  visibility: hidden;
}

/* line 1024, ../sass/main.scss */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* line 1036, ../sass/main.scss */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/* line 1045, ../sass/main.scss */
.invisible {
  visibility: hidden;
}

/* line 1050, ../sass/main.scss */
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

/* line 1055, ../sass/main.scss */
.clearfix:after {
  clear: both;
}

/* line 1059, ../sass/main.scss */
.clearfix {
  *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */
@media print {
  /* line 1068, ../sass/main.scss */
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* line 1076, ../sass/main.scss */
  a,
  a:visited {
    text-decoration: underline;
  }

  /* line 1080, ../sass/main.scss */
  a[href]:after {
    content: " (" attr(href) ")";
  }

  /* line 1084, ../sass/main.scss */
  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
   * Don't show links for images, or javascript/internal links
   */
  /* line 1094, ../sass/main.scss */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  /* line 1099, ../sass/main.scss */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /* line 1104, ../sass/main.scss */
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  /* line 1109, ../sass/main.scss */
  tr,
  img {
    page-break-inside: avoid;
  }

  /* line 1113, ../sass/main.scss */
  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  /* line 1123, ../sass/main.scss */
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  /* line 1129, ../sass/main.scss */
  h2,
  h3 {
    page-break-after: avoid;
  }
}



.signature {
  padding: 10px
}


.logo {
  position: relative;
}