/*******************************************************************************
 * front.layout.scss
 *
 * Styling of the "simple" layout demonstrating the Compass grid extension Susy
 * and building mobile first layouts.
 ******************************************************************************/
@font-face {
font-family: "Ubuntu";
src: url("../fonts/Ubuntu/Ubuntu.eot");
src: url("../fonts/Ubuntu/Ubuntu.eot?#iefix") format("embedded-opentype"),
url("../fonts/Ubuntu/Ubuntu.woff") format("woff"),
url("../fonts/Ubuntu/Ubuntu.ttf") format("truetype");

}
/* line 1, ../../../sass/base/_media.scss */
img, media {
  max-width: 100%;
}

/**
 * $FONT-FACE
 */
/* line 106, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 112.5%;
  line-height: 1.44444em;
}

/**
 * $BASE-TYPOGRAPHY
 */
/* line 12, ../../../sass/base/_typography.scss */
html {
  font-family: "Ubuntu", Arial, Helvetica, non-serif;
  color: #333333;
}

/**
 * $LINKS
 */
/* line 20, ../../../sass/base/_typography.scss */
a {
  color: #333333;
  text-decoration: underline;
}
/* line 18, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */
a:visited {
  color: #333333;
}
/* line 21, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */
a:focus {
  color: #666666;
}
/* line 24, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */
a:hover {
  color: #666666;
}
/* line 27, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/compass-core-1.0.3/stylesheets/compass/typography/links/_link-colors.scss */
a:active {
  color: #333333;
}

/**
 * $HEADINGS
 */
/* line 29, ../../../sass/base/_typography.scss */
h1, .alpha,
h2, .beta,
h3, .gamma,
h4, .delta,
h5, .epsilon,
h6, .zeta {
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 0.57778em;
  color: #333333;
  font-family: "Ubuntu", Arial, Helvetica, non-serif;
}
/* line 40, ../../../sass/base/_typography.scss */
h1 a,
h1 a:link,
h1 a:visited, .alpha a,
.alpha a:link,
.alpha a:visited,
h2 a,
h2 a:link,
h2 a:visited, .beta a,
.beta a:link,
.beta a:visited,
h3 a,
h3 a:link,
h3 a:visited, .gamma a,
.gamma a:link,
.gamma a:visited,
h4 a,
h4 a:link,
h4 a:visited, .delta a,
.delta a:link,
.delta a:visited,
h5 a,
h5 a:link,
h5 a:visited, .epsilon a,
.epsilon a:link,
.epsilon a:visited,
h6 a,
h6 a:link,
h6 a:visited, .zeta a,
.zeta a:link,
.zeta a:visited {
  color: #333333;
  text-decoration: underline;
}
/* line 46, ../../../sass/base/_typography.scss */
h1 a:hover, .alpha a:hover,
h2 a:hover, .beta a:hover,
h3 a:hover, .gamma a:hover,
h4 a:hover, .delta a:hover,
h5 a:hover, .epsilon a:hover,
h6 a:hover, .zeta a:hover {
  color: #666666;
}

/* line 51, ../../../sass/base/_typography.scss */
h1, .alpha {
  font-size: 55px;
  font-size: 3.05556rem;
  font-weight: 700;
}

/* line 55, ../../../sass/base/_typography.scss */
h2, .beta {
  font-size: 28px;
  font-size: 1.55556rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.15;
}

/* line 61, ../../../sass/base/_typography.scss */
.block h2 {
  text-transform: uppercase;
  font-size: 18px;
  font-size: 1rem;
  font-weight: 700;
  background: #fbb900;
  padding: .2em .5em;
}
 .block article.node--termin  h2 {
  text-transform: none;
  background:  none;
  padding: 0;
  margin-bottom: 0;
}

/* line 68, ../../../sass/base/_typography.scss */
h3, .gamma {
  font-size: 21px;
  font-size: 1.16667rem;
}

/* line 71, ../../../sass/base/_typography.scss */
h4, .delta {
  font-size: 18px;
  font-size: 1rem;
}

/* line 74, ../../../sass/base/_typography.scss */
h5, .epsilon {
  font-size: 16px;
  font-size: 0.88889rem;
  font-weight: 700;
}

/* line 78, ../../../sass/base/_typography.scss */
h6, .zeta {
  font-size: 16px;
  font-size: 0.88889rem;
  color: #333333;
}

/* line 83, ../../../sass/base/_typography.scss */
.dachzeile, .views-field-field-dachzeile, .views-field-term-node-tid {
  font-weight: 700;
  font-size: 16px;
  font-size: 0.88889rem;
  color: #a01010;
}

/* line 88, ../../../sass/base/_typography.scss */
.post-title a, .post-title a:link,
.post-title a:visited {
  font-size: 21px;
  font-size: 1.16667rem;
  text-decoration: none;
}
/* line 92, ../../../sass/base/_typography.scss */
.post-title a h2, .post-title a:link h2,
.post-title a:visited h2 {
  font-size: 21px;
  font-size: 1.16667rem;
}

/**
 * $PARAGRAPHS
 */
/* line 98, ../../../sass/base/_typography.scss */
p,
blockquote {
  margin: 0;
  margin-top: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  margin-bottom: 1.15556em;
}

/* line 105, ../../../sass/base/_typography.scss */
p + img {
  float: left;
  margin-right: 1em;
}

/**
 * $QUOTES
 */
/* line 113, ../../../sass/base/_typography.scss */
blockquote {
  margin-top: 0em;
  padding-top: 1.44444em;
  padding-bottom: 1.44444em;
  margin-bottom: 1.44444em;
  padding: 0 1.5em;
  border-width: 0.05556em;
  border-style: solid;
  padding: 1.38889em;
  border-left-width: 0.55556em;
  border-left-style: solid;
  padding-left: 0.88889em;
  font-style: italic;
  color: #064771;
}
/* line 123, ../../../sass/base/_typography.scss */
blockquote p {
  margin: 0;
}

/* line 128, ../../../sass/base/_typography.scss */
q {
  font-style: italic;
}

/**
 * $MARKS
 */
/* line 135, ../../../sass/base/_typography.scss */
mark,
.marker {
  padding: 0.1em 0.5em;
  background: #52b1ea;
  color: #fff;
  font-size: 12px;
  font-size: 0.66667rem;
  text-transform: capitalize;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/**
 * $FORM-ITEM
 */
/* line 4, ../../../sass/components/forms/_form-items.scss */
.form-item {
  color: #666666;
}
/* line 7, ../../../sass/components/forms/_form-items.scss */
.form-item label {
  margin-bottom: 0.4em;
}
/* line 10, ../../../sass/components/forms/_form-items.scss */
.form-item .form-select,
.form-item .form-text,
.form-item .form-textarea {
  width: 100%;
  padding: 0.6em;
  background-color: #fff;
  border: 1px solid #ddd;
  color: #666666;
  vertical-align: middle;
}
/* line 20, ../../../sass/components/forms/_form-items.scss */
.form-item .description {
  margin-top: 0.2em;
  font-style: italic;
}

/* line 27, ../../../sass/components/forms/_form-items.scss */
.container-inline .form-select,
.container-inline .form-text,
.container-inline .form-textarea {
  width: auto;
}

/* line 33, ../../../sass/components/forms/_form-items.scss */
.form-submit {
  padding: .6em;
  border: none;
  background-color: #fbb900;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.37);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.37);
}
/* line 40, ../../../sass/components/forms/_form-items.scss */
.form-submit:hover {
  background-color: #ffc216;
}

/* line 46, ../../../sass/layouts/front/front.layout.scss */
.l-header,
.l-main,
.l-footer {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
/* line 12, C:/Ruby22-x64/lib/ruby/gems/2.2.0/gems/susy-2.2.12/sass/susy/output/support/_clearfix.scss */
.l-header:after,
.l-main:after,
.l-footer:after {
  content: " ";
  display: block;
  clear: both;
}

/* line 52, ../../../sass/layouts/front/front.layout.scss */
.l-footer {
  margin-bottom: 0;
}

/* line 56, ../../../sass/layouts/front/front.layout.scss */
.l-region--highlighted,
.l-region--help,
.l-region--sidebar-first,
.l-region--sidebar-second {
  margin-bottom: 20px;
}

/* line 64, ../../../sass/layouts/front/front.layout.scss */
.flexslider li {
  border-bottom: 3px solid #a01010;
}
/* line 67, ../../../sass/layouts/front/front.layout.scss */
.flexslider .views-field-field-dachzeile {
  font-weight: 700;
  color: #a01010;
}
/* line 71, ../../../sass/layouts/front/front.layout.scss */
.flexslider .views-field-title {
  height: 100%;
  padding-bottom: 1.7em;
}
/* line 78, ../../../sass/layouts/front/front.layout.scss */
.flexslider .views-field-title .field-content {
  position: absolute;
  top: 40%;
}
/* line 82, ../../../sass/layouts/front/front.layout.scss */
.flexslider .views-field-title a {
  text-decoration: none;
  font-size: 34px;
  font-size: 1.88889rem;
  font-weight: 700;
  color: #333333;
  line-height: 1.15;
  width: 42%;
  display: block;
  background: rgba(255, 255, 255, 0.6);
}

/* line 96, ../../../sass/layouts/front/front.layout.scss */
.views-field-body p {
  margin: 0;
}

/* line 99, ../../../sass/layouts/front/front.layout.scss */
h3.field-content a, h3.field-content a:link {
  text-decoration: none;
}

/* line 106, ../../../sass/layouts/front/front.layout.scss */
.front-anbieter p {
  margin-top: -.6em;
}

/* line 112, ../../../sass/layouts/front/front.layout.scss */
.grid-2 > .grid-item {
  width: 97%;
  float: none;
}

/* line 115, ../../../sass/layouts/front/front.layout.scss */
.grid-2 > .grid-item:nth-of-type(1n) {
  clear: none;
  float: none;
}

/* line 117, ../../../sass/layouts/front/front.layout.scss */
.grid-2 > .grid-item:nth-of-type(2n+1) {
  clear: both;
}

/* line 119, ../../../sass/layouts/front/front.layout.scss */
.grid-2 > .grid-item:last-child {
  float: none;
}

/* line 123, ../../../sass/layouts/front/front.layout.scss */
.grid-item .panel-pane {
  border-bottom: 4px solid #ddd;
  padding-bottom: 1em;
}
/* line 126, ../../../sass/layouts/front/front.layout.scss */
.grid-item .panel-pane.noborder {
  border: 0;
}

/* line 132, ../../../sass/layouts/front/front.layout.scss */
.block a {
  font-weight: 700;
}

/* line 136, ../../../sass/layouts/front/front.layout.scss */
.l-region--sidebar-second .block {
  margin-bottom: 1.5em;
}
/* line 138, ../../../sass/layouts/front/front.layout.scss */
.l-region--sidebar-second .block p {
  margin-bottom: 0;
}
/* line 139, ../../../sass/layouts/front/front.layout.scss */
.l-region--sidebar-second .block a {
  text-decoration: underline;
}

/* line 143, ../../../sass/layouts/front/front.layout.scss */
.flexslider ul.flex-direction-nav {
  border: none;
}

/* line 146, ../../../sass/layouts/front/front.layout.scss */
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 46px;
  height: 47px;
  margin: -20px 0 0;
  position: absolute;
  top: 40%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* line 166, ../../../sass/layouts/front/front.layout.scss */
.flex-direction-nav a.flex-next:before {
  content: url(../../../images/right.png);
}

/* line 169, ../../../sass/layouts/front/front.layout.scss */
.flex-direction-nav a:before {
  content: url(../../../images/left.png);
}

/* line 172, ../../../sass/layouts/front/front.layout.scss */
.site-logo img {
  max-width: 100%;
}

/* line 176, ../../../sass/layouts/front/front.layout.scss */
.view-display-id-block_3 a, .view-display-id-block_2 a, .view-display-id-block_1 a {
  text-decoration: none;
}

@media (min-width: 0em) {
  /* line 187, ../../../sass/layouts/front/front.layout.scss */
  .site-logo img {
    max-width: 40%;
  }

  /* line 190, ../../../sass/layouts/front/front.layout.scss */
  .l-region--slider {
    margin-top: 7em;
  }

  /* line 194, ../../../sass/layouts/front/front.layout.scss */
  .flexslider ul {
    border-bottom: 6px solid #a01010;
  }
  /* line 197, ../../../sass/layouts/front/front.layout.scss */
  .flexslider li {
    border: none;
  }
  /* line 201, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title .field-content {
    position: static;
  }
  /* line 206, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title a {
    background: rgba(255, 255, 255, 0.6);
    font-size: 30px;
    font-size: 1.66667rem;
    width: auto;
  }

  /* line 215, ../../../sass/layouts/front/front.layout.scss */
  .block {
    margin: 0 1.5%;
  }

  /* line 218, ../../../sass/layouts/front/front.layout.scss */
  .flexslider {
    margin-bottom: 0;
  }
}
@media (min-width: 44em) {
  /* line 225, ../../../sass/layouts/front/front.layout.scss */
  .l-header,
  .l-main,
  .l-footer {
    max-width: 1200px;
  }

  /* line 230, ../../../sass/layouts/front/front.layout.scss */
  .l-header {
    margin-top: 20px;
  }

  /* line 233, ../../../sass/layouts/front/front.layout.scss */
  .l-region--slider {
    margin-top: .4em;
  }

  /* line 236, ../../../sass/layouts/front/front.layout.scss */
  .l-footer {
    margin-bottom: 0;
  }

  /* line 239, ../../../sass/layouts/front/front.layout.scss */
  .l-branding {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }

  /* line 243, ../../../sass/layouts/front/front.layout.scss */
  .l-region--header {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }

  /* line 246, ../../../sass/layouts/front/front.layout.scss */
  .l-region--navigation {
    clear: both;
  }

  /* line 249, ../../../sass/layouts/front/front.layout.scss */
  .l-main {
    padding: 0 .5em;
    margin-top: 0;
  }

  /* line 258, ../../../sass/layouts/front/front.layout.scss */
  .has-sidebar-first .l-content,
  .has-sidebar-second .l-content,
  .has-two-sidebars .l-content {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
  }
  /* line 261, ../../../sass/layouts/front/front.layout.scss */
  .has-sidebar-first .l-region--sidebar-first,
  .has-sidebar-first .l-region--sidebar-second,
  .has-sidebar-second .l-region--sidebar-first,
  .has-sidebar-second .l-region--sidebar-second,
  .has-two-sidebars .l-region--sidebar-first,
  .has-two-sidebars .l-region--sidebar-second {
    width: 32.20339%;
    float: right;
    margin-right: 0;
  }
  /* line 265, ../../../sass/layouts/front/front.layout.scss */
  .has-sidebar-first .l-region--sidebar-second,
  .has-sidebar-second .l-region--sidebar-second,
  .has-two-sidebars .l-region--sidebar-second {
    clear: right;
    padding-right: .5em;
  }

  /* line 270, ../../../sass/layouts/front/front.layout.scss */
  .flexslider {
    border: 0;
    margin-right: 4px;
    margin-bottom: 60px;
  }
  /* line 274, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title {
    width: 32.20339%;
    float: right;
    margin-right: 0;
    padding-bottom: 0;
  }
  /* line 278, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-field-headerimage {
    width: 66.10169%;
    float: left;
    margin-right: 1.69492%;
    float: left;
  }
  /* line 281, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-field-headerimage .field-content {
    margin: 0 1.5% 0 0;
  }

  /* line 288, ../../../sass/layouts/front/front.layout.scss */
  .grid-2 > .grid-item {
    margin: 0.1em 1.5% 1em 1.5%;
  }

  /* line 292, ../../../sass/layouts/front/front.layout.scss */
  .grid-item .panel-pane {
    border-bottom: 0px solid #ddd;
    padding-bottom: 0;
  }
  /* line 295, ../../../sass/layouts/front/front.layout.scss */
  .grid-item .panel-pane.noborder {
    border: 0;
  }

  /* line 300, ../../../sass/layouts/front/front.layout.scss */
  .l-main {
    margin-top: -2em;
  }

  /* line 303, ../../../sass/layouts/front/front.layout.scss */
  .block {
    margin: 0;
  }

  /* line 306, ../../../sass/layouts/front/front.layout.scss */
  .site-logo img {
    max-width: 100%;
  }

  /* line 309, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title .field-content {
    position: absolute;
    margin-top: -4em;
  }

  /* line 313, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title a {
    width: 27.5%;
    font-size: 34px;
    font-size: 1.88889rem;
  }
  /* line 316, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title a .dachzeile {
    line-height: 0;
  }
}
@media (min-width: 64em) {
  /* line 323, ../../../sass/layouts/front/front.layout.scss */
  .l-header,
  .l-main,
  .l-footer {
    max-width: 1200px;
  }

  /* line 329, ../../../sass/layouts/front/front.layout.scss */
  .l-branding {
    width: 32.43243%;
    float: right;
    margin-right: 0;
  }

  /* line 332, ../../../sass/layouts/front/front.layout.scss */
  .l-region--header {
    width: 66.21622%;
    float: left;
    margin-right: 1.35135%;
  }

  /* line 338, ../../../sass/layouts/front/front.layout.scss */
  .has-sidebar-first .l-content {
    width: 66.21622%;
    float: right;
    margin-right: 0;
  }
  /* line 341, ../../../sass/layouts/front/front.layout.scss */
  .has-sidebar-first .l-region--sidebar-first {
    width: 32.43243%;
    float: left;
    margin-right: 1.35135%;
  }

  /* line 346, ../../../sass/layouts/front/front.layout.scss */
  .has-sidebar-second .l-content {
    width: 66.21622%;
    float: left;
    margin-right: 1.35135%;
  }
  /* line 349, ../../../sass/layouts/front/front.layout.scss */
  .has-sidebar-second .l-region--sidebar-second {
    width: 32.43243%;
    float: right;
    margin-right: 0;
    clear: none;
  }

  /* line 356, ../../../sass/layouts/front/front.layout.scss */
  .has-two-sidebars .l-content {
    width: 66.21622%;
    float: left;
    margin-right: 1.35135%;
  }
  /* line 360, ../../../sass/layouts/front/front.layout.scss */
  .has-two-sidebars .l-region--sidebar-first,
  .has-two-sidebars .l-region--sidebar-second {
    width: 32.43243%;
    float: left;
    margin-right: 1.35135%;
  }
  /* line 364, ../../../sass/layouts/front/front.layout.scss */
  .has-two-sidebars .l-region--sidebar-first {
    display: none;
  }
  /* line 368, ../../../sass/layouts/front/front.layout.scss */
  .has-two-sidebars .l-region--sidebar-second {
    float: right;
    margin-right: 0;
    clear: none;
    padding-right: .2em;
  }

  /* line 374, ../../../sass/layouts/front/front.layout.scss */
  .l-main {
    margin-top: -2em;
    padding: 0;
  }

  /* line 378, ../../../sass/layouts/front/front.layout.scss */
  .site-logo img {
    max-width: 100%;
  }

  /* line 383, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title {
    width: 32.43243%;
    float: right;
    margin-right: 0;
  }
  /* line 386, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-field-headerimage {
    width: 66.21622%;
    float: left;
    margin-right: 1.35135%;
    float: left;
  }
  /* line 389, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-field-headerimage .field-content {
    margin: 0 1.5% 0 0;
  }

  /* line 395, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title .field-content {
    margin-top: 0;
  }

  /* line 399, ../../../sass/layouts/front/front.layout.scss */
  .flexslider .views-field-title a {
    width: 29%;
    font-size: 34px;
    font-size: 1.88889rem;
  }

 /*  .grid-system-column {
    display: inline-block;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: top;
    width: 45%;
    &.prefix_1 {
      float: right;
      &:after {
        clear: both;
      }
    }
} */
  /* line 418, ../../../sass/layouts/front/front.layout.scss */
  .grid-2 > .grid-item {
    width: 47%;
    float: left;
    margin: 0.1em 3% 1em 0;
  }

  /* line 423, ../../../sass/layouts/front/front.layout.scss */
  .grid-2 > .grid-item:nth-of-type(1n) {
    clear: none;
    float: left;
  }

  /* line 425, ../../../sass/layouts/front/front.layout.scss */
  .grid-2 > .grid-item:nth-of-type(2n+1) {
    clear: both;
  }

  /* line 427, ../../../sass/layouts/front/front.layout.scss */
  .grid-2 > .grid-item:last-child {
    float: left;
  }
}

.block--block-18, .block--block-17 {
  width:  97%;

}
@media all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation: landscape) {
  .block--block-18, .block--block-17 {
    margin-bottom: 1em;
    margin-top: -1em;
  }
}
@media all and (max-width:  1024px) {
  .block--block-18, .block--block-17 {
    margin-left: 1.5%;
  }
}