#mbOverlay{position:fixed;z-index:9998;top:0;left:0;width:100%;height:150%;background-color:#000;cursor:pointer}#mbOverlay.mbOverlayOpaque{background:url(../../assets/mediabox/images/80.png)}#mbOverlay.mbOverlayAbsolute{position:absolute}#mbOverlay.mbMobile{position:absolute;background-color:transparent}#mbBottom.mbMobile{line-height:24px;font-size:16px}#mbCenter{position:absolute;z-index:9999;left:50%;padding:10px;background-color:#000;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;border-radius:10px;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";-webkit-box-shadow:0 5px 20px rgba(0,0,0,.5);-khtml-box-shadow:0 5px 20px rgba(0,0,0,.5);-moz-box-shadow:0 5px 20px rgba(0,0,0,.5);box-shadow:0 5px 20px rgba(0,0,0,.5)}#mbCenter.mbLoading{background:#000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;-webkit-box-shadow:none;-khtml-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#mbMedia{position:relative;left:0;top:0;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:left;background-position:center center;background-repeat:no-repeat}#mbBottom{line-height:20px;font-size:12px;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;text-align:left;color:#999;min-height:20px;padding:10px 0 0}#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink{display:inline;color:#fff;font-weight:700}#mbNumber{display:inline;color:#999;font-size:.8em;margin:auto 10px}#mbCaption{display:block;color:#999;line-height:1.6em;font-size:.8em}#mbPrevLink,#mbNextLink,#mbCloseLink{float:right;outline:0;margin:0 0 0 10px;font-weight:400}#mbPrevLink b,#mbNextLink b,#mbCloseLink b{color:#eee;font-weight:700;text-decoration:underline}#mbPrevLink big,#mbNextLink big,#mbCloseLink big{color:#eee;font-size:1.4em;font-weight:700}#mbBottom a,#mbBottom a:link,#mbBottom a:visited{text-decoration:none;color:#ddd}#mbBottom a:hover,#mbBottom a:active{text-decoration:underline;color:#fff}#mbError{position:relative;font-family:Myriad,Verdana,Arial,Helvetica,sans-serif;line-height:20px;font-size:12px;color:#fff;text-align:center;border:10px solid #700;padding:10px 10px 10px;margin:20px;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active{color:#d00;font-weight:700;text-decoration:underline}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@charset "UTF-8";
.contao-cookiebar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  padding: 15px;
  max-height: 100vh;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden; }
  .contao-cookiebar * {
    box-sizing: border-box; }
  .contao-cookiebar:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .contao-cookiebar .cc-inner {
    display: inline-block;
    overflow-y: auto;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    font-size: 1rem;
    text-align: left; }
  .contao-cookiebar.cc-top .cc-inner {
    vertical-align: top; }
  .contao-cookiebar.cc-top.cc-active .cc-inner {
    animation: cookiebar-top-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-top.cc-saved .cc-inner {
    animation: cookiebar-top-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-bottom .cc-inner {
    vertical-align: bottom; }
  .contao-cookiebar.cc-bottom.cc-active .cc-inner {
    animation: cookiebar-bottom-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-bottom.cc-saved .cc-inner {
    animation: cookiebar-bottom-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-middle .cc-inner {
    vertical-align: middle; }
  .contao-cookiebar.cc-middle.cc-active .cc-inner {
    animation: cookiebar-middle-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-middle.cc-saved .cc-inner {
    animation: cookiebar-middle-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-left {
    text-align: left; }
  .contao-cookiebar.cc-right {
    text-align: right; }
  .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
    margin-top: 0; }
  .contao-cookiebar .cc-head p {
    margin-bottom: 15px; }
  .contao-cookiebar .cc-btn {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding: 8px 14px;
    margin-bottom: 8px;
    font-size: 15px;
    outline: 0 none;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    color: #444;
    background: #f5f5f5; }
    .contao-cookiebar .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .cc-btn:last-child {
      margin-bottom: 0; }
  .contao-cookiebar .grayscale .cc-btn {
    background: #f1efef; }
    .contao-cookiebar .grayscale .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .grayscale .cc-btn.success {
      background: #fbfbfb; }
      .contao-cookiebar .grayscale .cc-btn.success:hover {
        background: #f7f7f7; }
  .contao-cookiebar .highlight .cc-btn.success {
    background: #4e9e3e;
    border-color: #3e7830;
    color: #fff; }
    .contao-cookiebar .highlight .cc-btn.success:hover {
      background: #4c933f; }
  .contao-cookiebar label {
    position: relative;
    display: block;
    padding: 8px 13px 8px 0;
    line-height: 1.2rem; }
    .contao-cookiebar label.group {
      font-weight: 600; }
  .contao-cookiebar input {
    position: absolute;
    width: 1px;
    height: 1px;
    outline: 0 none;
    opacity: 0; }
    .contao-cookiebar input + label {
      padding: 8px 13px 8px 50px;
      cursor: pointer; }
      .contao-cookiebar input + label:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        width: 35px;
        height: 18px;
        margin: 0;
        box-sizing: content-box;
        border-radius: 10px;
        background: #fff;
        border: 2px solid #9c9b99;
        transition: border-color .2s; }
      .contao-cookiebar input + label:after {
        display: block;
        content: '';
        position: absolute;
        top: 10px;
        left: 4px;
        width: 14px;
        height: 14px;
        border-radius: 10px;
        background: #9c9b99;
        transition: background .2s, margin-left .2s, padding .2s; }
      .contao-cookiebar input + label:active:after {
        padding-left: 5px; }
    .contao-cookiebar input.cc-group-half + label:after {
      background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); }
    .contao-cookiebar input:checked + label:after {
      background: #399d32;
      margin-left: 17px; }
    .contao-cookiebar input:checked + label:active:after {
      margin-left: 12px; }
    .contao-cookiebar input:checked + label:before {
      background: #dcf3db;
      border-color: #399d32; }
    .contao-cookiebar input:disabled + label {
      pointer-events: none; }
      .contao-cookiebar input:disabled + label:after {
        background: #c8c7c5; }
      .contao-cookiebar input:disabled + label:before {
        background: #f4f4f4;
        border-color: #c8c7c5; }
  .contao-cookiebar.cc-active .cc-inner {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
  .contao-cookiebar.cc-active.cc-blocked {
    pointer-events: auto;
    animation: cookiebar-overlay-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-saved.cc-inner {
    opacity: 0;
    pointer-events: none;
    visibility: hidden; }
  .contao-cookiebar.cc-saved.cc-blocked {
    pointer-events: none;
    animation: cookiebar-overlay-out 0.5s ease-in-out forwards; }

@media (min-width: 768px) {
  .contao-cookiebar .cc-btn {
    width: auto;
    margin-bottom: 0; }
  .contao-cookiebar .cc-inner {
    max-width: 750px; } }

@keyframes cookiebar-overlay-in {
  0% {
    background: rgba(0, 0, 0, 0); }
  100% {
    background: rgba(0, 0, 0, 0.75); } }

@keyframes cookiebar-overlay-out {
  0% {
    background: rgba(0, 0, 0, 0.75); }
  100% {
    background: rgba(0, 0, 0, 0);
    visibility: hidden; } }

@keyframes cookiebar-top-in {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes cookiebar-top-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%); } }

@keyframes cookiebar-middle-in {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes cookiebar-middle-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0); } }

@keyframes cookiebar-bottom-in {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes cookiebar-bottom-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%); } }

.contao-cookiebar {
  color: #444444; }
  .contao-cookiebar p {
    color: #868686;
    line-height: 1.4; }
  .contao-cookiebar .cc-inner {
    padding: 25px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: #fff; }
  .contao-cookiebar .cc-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    position: relative;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    margin-bottom: 10px; }
    .contao-cookiebar .cc-group > label {
      flex-grow: 1;
      margin: 5px 0 5px 10px; }
    .contao-cookiebar .cc-group .cc-detail-btn {
      border: 0 none;
      outline: 0 none;
      background: transparent;
      font-size: 13px;
      letter-spacing: 0;
      text-transform: initial;
      cursor: pointer;
      color: #a2a2a2;
      padding: 8px 10px;
      line-height: 1.2rem; }
      .contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) {
        display: inline; }
      .contao-cookiebar .cc-group .cc-detail-btn:hover {
        color: #717171; }
    .contao-cookiebar .cc-group .cc-detail-btn-details {
      display: inline-block;
      border: 0 none;
      outline: 0 none;
      background: transparent;
      font-size: 13px;
      letter-spacing: 0;
      text-transform: initial;
      cursor: pointer;
      color: #a2a2a2;
      text-decoration: underline;
      padding: 0;
      margin: 0 0 10px; }
      .contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {
        display: inline; }
      .contao-cookiebar .cc-group .cc-detail-btn-details:hover {
        color: #717171; }
  .contao-cookiebar .cc-cookies {
    display: none;
    width: 100%;
    background: #fbfbfb;
    border-radius: 0 0 5px 5px; }
    .contao-cookiebar .cc-cookies > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie {
      margin: 0;
      padding: 15px;
      border-top: 1px solid #e6e6e6; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
      font-size: 0.875rem;
      background: #fff;
      padding: 10px;
      border-radius: 5px;
      border: 1px solid #efefef; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span {
        font-weight: 600; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div {
        margin-top: 5px;
        word-wrap: break-word; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
        margin-top: 15px; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p {
      margin-bottom: 0; }
    .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
      margin-top: 10px; }
    .contao-cookiebar .cc-cookies .cc-cookie p {
      margin: 0 0 15px;
      font-size: 0.875rem; }
  .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info {
    text-align: center; }
  .contao-cookiebar .cc-info {
    margin-top: 15px; }
    .contao-cookiebar .cc-info > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-info > a {
      display: inline-block;
      font-size: 0.813rem;
      color: #a2a2a2;
      text-decoration: none; }
      .contao-cookiebar .cc-info > a:hover {
        color: #717171; }
      .contao-cookiebar .cc-info > a + a:before {
        display: inline-block;
        content: '·';
        margin-right: 5px; }

/* rubik-300 - latin */
@font-face { font-family: "Rubik"; font-style: normal; font-weight: 300; src: url("../../files/theme/fonts/rubik-v20-latin-300.eot"); src: local(""), url("../../files/theme/fonts/rubik-v20-latin-300.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/rubik-v20-latin-300.woff2") format("woff2"), url("../../files/theme/fonts/rubik-v20-latin-300.woff") format("woff"), url("../../files/theme/fonts/rubik-v20-latin-300.ttf") format("truetype"), url("../../files/theme/fonts/rubik-v20-latin-300.svg#Rubik") format("svg"); }

/* rubik-regular - latin */
@font-face { font-family: "Rubik"; font-style: normal; font-weight: 400; src: url("../../files/theme/fonts/rubik-v20-latin-regular.eot"); src: local(""), url("../../files/theme/fonts/rubik-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/rubik-v20-latin-regular.woff2") format("woff2"), url("../../files/theme/fonts/rubik-v20-latin-regular.woff") format("woff"), url("../../files/theme/fonts/rubik-v20-latin-regular.ttf") format("truetype"), url("../../files/theme/fonts/rubik-v20-latin-regular.svg#Rubik") format("svg"); }

/* rubik-600 - latin */
@font-face { font-family: "Rubik"; font-style: normal; font-weight: 600; src: url("../../files/theme/fonts/rubik-v20-latin-600.eot"); src: local(""), url("../../files/theme/fonts/rubik-v20-latin-600.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/rubik-v20-latin-600.woff2") format("woff2"), url("../../files/theme/fonts/rubik-v20-latin-600.woff") format("woff"), url("../../files/theme/fonts/rubik-v20-latin-600.ttf") format("truetype"), url("../../files/theme/fonts/rubik-v20-latin-600.svg#Rubik") format("svg"); }

/* rubik-500 - latin */
@font-face { font-family: "Rubik"; font-style: normal; font-weight: 500; src: url("../../files/theme/fonts/rubik-v20-latin-500.eot"); src: local(""), url("../../files/theme/fonts/rubik-v20-latin-500.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/rubik-v20-latin-500.woff2") format("woff2"), url("../../files/theme/fonts/rubik-v20-latin-500.woff") format("woff"), url("../../files/theme/fonts/rubik-v20-latin-500.ttf") format("truetype"), url("../../files/theme/fonts/rubik-v20-latin-500.svg#Rubik") format("svg"); }

/* rubik-300italic - latin */
@font-face { font-family: "Rubik"; font-style: italic; font-weight: 300; src: url("../../files/theme/fonts/rubik-v20-latin-300italic.eot"); src: local(""), url("../../files/theme/fonts/rubik-v20-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/rubik-v20-latin-300italic.woff2") format("woff2"), url("../../files/theme/fonts/rubik-v20-latin-300italic.woff") format("woff"), url("../../files/theme/fonts/rubik-v20-latin-300italic.ttf") format("truetype"), url("../../files/theme/fonts/rubik-v20-latin-300italic.svg#Rubik") format("svg"); }

/* rubik-italic - latin */
@font-face { font-family: "Rubik"; font-style: italic; font-weight: 400; src: url("../../files/theme/fonts/rubik-v20-latin-italic.eot"); src: local(""), url("../../files/theme/fonts/rubik-v20-latin-italic.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/rubik-v20-latin-italic.woff2") format("woff2"), url("../../files/theme/fonts/rubik-v20-latin-italic.woff") format("woff"), url("../../files/theme/fonts/rubik-v20-latin-italic.ttf") format("truetype"), url("../../files/theme/fonts/rubik-v20-latin-italic.svg#Rubik") format("svg"); }

/* rubik-500italic - latin */
@font-face { font-family: "Rubik"; font-style: italic; font-weight: 500; src: url("../../files/theme/fonts/rubik-v20-latin-500italic.eot"); src: local(""), url("../../files/theme/fonts/rubik-v20-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/rubik-v20-latin-500italic.woff2") format("woff2"), url("../../files/theme/fonts/rubik-v20-latin-500italic.woff") format("woff"), url("../../files/theme/fonts/rubik-v20-latin-500italic.ttf") format("truetype"), url("../../files/theme/fonts/rubik-v20-latin-500italic.svg#Rubik") format("svg"); }

/* rubik-600italic - latin */
@font-face { font-family: "Rubik"; font-style: italic; font-weight: 600; src: url("../../files/theme/fonts/rubik-v20-latin-600italic.eot"); src: local(""), url("../../files/theme/fonts/rubik-v20-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../../files/theme/fonts/rubik-v20-latin-600italic.woff2") format("woff2"), url("../../files/theme/fonts/rubik-v20-latin-600italic.woff") format("woff"), url("../../files/theme/fonts/rubik-v20-latin-600italic.ttf") format("truetype"), url("../../files/theme/fonts/rubik-v20-latin-600italic.svg#Rubik") format("svg"); }

/**** FARBEN ****/
/* gelb: color: #ecbe83; */
/* gruen: color: #56b0b0; */

/**** RESET ****/

header, footer, nav, section, aside, main, article, figure, figcaption { display: block } 
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea { margin: 0; padding: 0 } 
table { border-spacing: 0; border-collapse: collapse } 
caption, th, td { text-align: left; text-align: start; vertical-align: top } 
abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help } 
blockquote, q { quotes: none } 
fieldset, img, iframe { border: 0 } 
ul { list-style-type: none } 
sup { vertical-align: text-top } 
sub { vertical-align: text-bottom } 
del { text-decoration: line-through } 
ins { text-decoration: none } 

html { overflow-y: scroll; }
body { line-height: 1.3888888888; font-family: "Rubik", sans-serif; color: #1d1e1c; font-weight: 300; } 
input, button, textarea, select { font-family: inherit; font-size: 99%; font-weight: inherit } 
pre, code { font-family: Monaco, monospace } 
table { font-size: inherit } 
caption, th { font-weight: 600; } 
video { width: 100%; height: auto; }
strong { font-weight: 500; }

/* Fonts */ 
h1, h2, h3, h4, h5, h6 { font-size: 100%; line-height: 1.25; } 
h1 {  font-size: 2.1em; font-weight: 300; margin-bottom: 1em; color: #4a4d48; }
h2 { font-size: 2em; font-weight: 300; margin-bottom: 0.5em; color: #4a4d48; }
h3 { font-size: 1.4em; font-weight: 400; margin: 1.5em 0 1em; } 
h4 { font-size: 1em; font-weight: 400; text-transform: uppercase; margin-bottom: 1em; } 
body:not(.home) h2.columnshl, body:not(.home) h2.centeredhl { font-size: 1.8em; }
.center { text-align: center; }
.mb1 { margin-bottom: 1em; }
.mb15 { margin-bottom: 1.5em; }
.fs2 { font-size: 2em; }
.fs18 { font-size: 1.8em; }
.fs14 { font-size: 1.4em; }
.lightgreen h2 { color: #50a3a2; }

p { margin: 0 0 1.4em; }
a { color: #47908f; text-decoration: none; outline: none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } 
a:before:hover, a:after:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a:hover { color: #1d1e1c; text-decoration: none; }
a.button, .button a { background: #56b0b0; color: #fff; font-weight: 500; padding: 0.5em 1em; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em; letter-spacing: 1px;-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; display: inline-block; }
a.button:hover, .button a:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
a.button + a.button { margin-left: 1em; }
.ce_text ol, #main .ce_text ul { padding: 0; margin: 0 0 1.4em; overflow: auto; zoom: 1; }
.ce_text ul { list-style-type: square; }
.ce_text ol { list-style-type: decimal; }
.ce_text ol li { margin: 0 0 0.5em 1.75em; padding: 0 0 0 0.25em; }
#main .ce_text ul li { margin: 0 0 0.5em 1em; padding: 0 0 0 0.25em; }
p + h3, p + h4 { margin-top: 2em; }
.semilarge { font-size: 1.15em; line-height: 1.5; }
.large { font-size: 1.35em; line-height: 1.5; }
.small { font-size: 0.85em; line-height: 1.2; }
p.border:after { content: ""; display: block; width: 50px; border-bottom: 2px solid #56b0b0; padding-top: 1em; margin: 0 auto; } 
.green { color: #50a3a2; }


/**** GLOBAL ****/

.invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline; }
.clr, #clr { clear: both; }
.clrfix:after, .inside:after { content: "."; clear: both; display: block; visibility: hidden; height: 0; }
.float_left { float: left; margin-right: 1em; }
.float_right { float: right; margin-left: 1em; }
.float_above { margin-bottom: 1em; }
.inside { width: 1100px; max-width: 100%; padding-left: 10px; padding-right: 10px; margin: 0 auto; position: relative; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
img { max-width: 100%; height: auto; }
.image_container img, a img { display: block; }
.image_container img { margin: 0 auto; }


/**** HEADER ****/

#header { position: fixed; height: 56px; top: 0; z-index: 8; width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#header .logo { padding: 8px 0; }
#header .logo a { text-indent: -9999em; background-image: url("../../files/theme/images/Logo_AchtsamkeitGugel.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; width: 136px; height: 40px; }

/* Mail Phone Kontakt */
#header ul.mailphone { position: absolute; }
#header ul.mailphone li { list-style: none; }
#header ul.mailphone a { text-indent: -9999em; background-image: url("../../files/theme/images/icons_header.svg"); background-repeat: no-repeat; display: block; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -webkit-opacity: 1; opacity: 1; }
#header ul.mailphone a:hover { filter: alpha(opacity=50); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -moz-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; } 
#header ul.mailphone .phone a { background-position: left -46px; }
#header ul.mailphone .kontakt a { background-position: left -100px; }

/* Banner */
#banner { opacity: 0; position: relative; }
#banner .mod_pageimage { width: 100%; position: relative; }
#banner .mod_pageimage img { width: 100%; height: auto; position: fixed; }
#banner .mod_article { padding: 10px; }
#banner .mod_article .inside { width: auto; padding-right: 4vw; }
#banner .mod_article h1 { font-size: 4vw; color: #fff; margin-bottom: 0.5em; line-height: 1.2; }
#banner .mod_article p { font-size: 2vw; text-transform: uppercase; color: #a0d5d0; font-weight: 400; margin-bottom: 0.5em; }
#banner .mod_article img { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }


/***** MAINNAV *****/

#mainnav { overflow: visible; font-weight: 300; }
#mainnav a { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
#mainnav a, #mainnav strong { white-space: nowrap; display: inline-block; font-weight: normal; font-weight: 300; text-decoration: none; }
#mainnav li { list-style: none; }
#mainnav li { position: relative; }
#mainnav a, #mainnav strong { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }


/**** MAIN ****/

#main { background: #fff; position: relative; z-index: 1; }
#main .mod_article .ce_downloads { margin-bottom: 1.4em; }

body.angebot #main { padding-bottom: 6em; }
.mod_article.mwidth > .inside { width: 940px; }
.mod_article.swidth > .inside { width: 820px; }
#main .mod_article { position: relative; padding: 3.5em 0 2.5em; line-height: 1.5em; }
#main .mod_article:first-child { padding-top: 3em; }
#main > .mod_article.last { padding-bottom: 4.5em; }
#main .mod_article.lightgreen { background-color: #eef7f7; }
#main .mod_article.custom_acctile { padding-top: 0; }
.rs-columns + .ce_hyperlink.button { margin-top: 3em; }
.mod_article.center .ce_text { text-align: center; }
.mod_article.center > .inside > .ce_text > .image_container img, .mod_article.center > .inside > .ce_image > .image_container img { margin: 0 auto; }
#main .ce_hyperlink.mail a, #main .ce_hyperlink.phone a { display: inline-block; position: relative; padding-left: 1.5em; }
#main .ce_hyperlink.mail a:before, #main .ce_hyperlink.phone a:before { position: absolute; top: 0.1em; left: 0; content: ""; width: 1.2em; height: 1.2em; display: block; background-position: left center; background-repeat: no-repeat; background-size: contain; }
#main .ce_hyperlink.mail a:before { background-image: url("../../files/theme/images/mail.svg"); }
#main .ce_hyperlink.phone a:before { background-image: url("../../files/theme/images/phone.svg"); }
#main .ce_text ul.nospace li, #main .ce_text ol.nospace li, #main .ce_text p.nospace { margin-bottom: 0; }
#main .ce_text ul.border li { border-bottom: 1px solid #b6e1dd; list-style-type: none; margin: 0 0 0.2em; padding: 0 0 0.2em; }

/* Boxen koennen ggf weg */
.mod_article.boxen .rs-column { background-color: #eee; }
.mod_article.boxen .rs-column .ce_text { padding: 1em; }
.mod_article.boxen .rs-column .ce_text h3 { margin-bottom: 0.5em; color: #50a3a2; font-size: 1.1em; }
.mod_article.boxen .rs-column .ce_text .image_container { margin: -1em -1em 1em; }
.mod_article.boxen .ce_hyperlink a { text-indent: -9999em; display: block; }
.mod_article.boxen .ce_hyperlink a img { margin: 0 auto; }
.mod_article.boxen .ce_hyperlink + .ce_hyperlink:before { content: ""; display: block; width: 50%; border-top: 2px solid #fff; padding: 8px 0 0; margin: 0 auto; }

/* Referenzen */
#main .mod_article .caption { line-height: 1.2; }
.ce_sliderStart { position: relative; margin-bottom: 2em; }
body.home .mod_article.referenzen > .inside { max-width: calc(100% - 120px); }
.ce_sliderStart .slider-prev, .ce_sliderStart .slider-next { position: absolute; background: url("../../files/theme/images/arrows_slider.svg") no-repeat center top; text-indent: -9999em;  }

.mod_article.referenzen .rs-column { background-color: #eef7f7; }
.mod_article.referenzen .ce_text { height: 100%; position: relative; }
.mod_article.referenzen .ce_text h3 { font-size: 0.9em; padding: 1.5em 0 0.5em 1.2em; color: #50a3a2; text-transform: uppercase; background-color: #fff; margin: 0; }
body.home .mod_article.referenzen .ce_text h3 { background-color: transparent; }
.mod_article.referenzen div.referenz { padding: 1em 1em 120px; }
.mod_article.referenzen div.referenz p { margin-bottom: 1em; }
.mod_article.referenzen .image_container { position: absolute; bottom: 0.5em; display: table; }
.mod_article.referenzen .image_container img { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 100px; display: table-cell; }
.mod_article.referenzen .image_container .caption { padding-left: 1em; padding-right: 1em; vertical-align: middle; display: table-cell; font-size: 0.8em; }
.mod_article.referenzen .image_container .caption strong { font-weight: 500; display: block; }


/* Weiterlesen */
.mod_article > .inside > .ce_hyperlink { text-align: center; margin-bottom: 1em; }

/* Icons Medien */
.rs-columns.medien { margin-bottom: 1.4em; }
.rs-columns.medien > .rs-column > .ce_image, .rs-columns.medien > .rs-column > .ce_hyperlink { height: 87px; display: table; margin: 0 auto; }
.rs-columns.medien > .rs-column > .ce_image > .image_container, .rs-columns.medien > .rs-column > .ce_hyperlink > .image_container { display: table-cell; height: 100%; vertical-align: bottom; }

@media only screen and (max-width: 599px) {
	.rs-columns.medien > .rs-column > .ce_hyperlink > .image_container img { padding: 1em 0; }
}

/* Galleries */
.ce_gallery { margin-bottom: 1.4em; }
.ce_gallery > ul { margin: 0; padding: 0; overflow: hidden; list-style: none; }
.ce_gallery > ul li { float: left; padding: 0 1em; margin-bottom: 1.4em; }
.ce_gallery > ul li.col_first { clear: left; } 
.ce_gallery.center { text-align: center; }
.ce_gallery.center > ul li { display: inline-block; float: none; }
.ce_gallery.center > ul li.col_first { padding-left: 0; } 
.ce_gallery.center > ul li.col_last { padding-right: 0; } 
.ce_gallery .caption { font-size: 0.7em; margin-top: 6px; }

/* Calendar */
.mod_calendar thead .label > span { display: none; }
.mod_calendar .minicalendar thead a { display: block; }
.mod_calendar .minicalendar tr { border-bottom: 1px solid lightgrey; }
.mod_calendar .minicalendar td, .mod_calendar .minicalendar th { min-width: 45px; text-align: center; }
.mod_calendar .minicalendar td.active { background-color: #b6e2e1; }


/* Accordions */
.ce_accordion .toggler { background: #57b1b0; color: #fff; padding: 0.5em 1em; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin-bottom: 1em; cursor: pointer; font-weight: 400; }
.ce_accordion .toggler.active, .ce_accordion .toggler:hover { background: #ecb063; }
.mod_article.expertise .toggler .ui-icon:before { display: inline-block; content: "+"; font-size: 1.25em; line-height: 1em; font-weight: 500; width: 23px; }
.mod_article.expertise .toggler.active .ui-icon::before { content: "—"; }
.mod_article.expertise .accordion { padding-left: 2.5em; padding-right: 2.5em; }
.ce_accordion.meditation .toggler { background: none transparent; color: #47908f; text-align: center; }

/* Custom Accordion */
#acctoggler { overflow: hidden; }
#acctoggler h2 { text-align: center; margin-bottom: 1.5em; }
#acctoggler .toggs { width: calc(100% + 4vw); margin-left: -2vw; margin-right: -2vw; }
#acctoggler .togg { text-align: center; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; cursor: pointer; position: relative; padding-bottom: 5em; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; }
#acctoggler .togg .image_container img { margin: 0 auto; }
#acctoggler .togg:hover, #acctoggler .togg.active { background: #ecb063; transform: scale(1.08); }
#acctoggler .togg:after { top: 100%; left: 50%; margin-top: -1px; border: solid transparent; border-top-color: transparent; border-top-width: medium; border-right-color: transparent; border-right-width: medium; border-bottom-color: transparent; border-bottom-width: medium; border-left-color: transparent; border-left-width: medium; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(236, 176, 99, 0); border-top-color: rgba(236, 176, 99, 0); border-top-color: #57b1b0 /*#89ccdc*/;-webkit-transition: border-top-color 0.25s ease; -moz-transition: border-top-color 0.25s ease; -o-transition: border-top-color 0.25s ease; transition: border-top-color 0.25s ease; }
#acctoggler .togg:hover:after, #acctoggler .togg.active:after { border-top-color: #ecb063; }
#acctoggler .togg h2 { margin: 0; color: #fff; font-size: 1em; font-weight: 500; padding-bottom: 1em; background: #57b1b0 /*#89ccdc*/; position: absolute; bottom: 0; left: 0; width: 100%; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
#acctoggler .togg h2.unternehmen { padding-top: 1em; height: 3em; }
#acctoggler .togg:hover h2, #acctoggler .togg.active h2 { background: #ecb063; }

/* Formulare */
.mod_login .formbody { margin: 0 auto 1.5em; }
.mod_login .widget { clear: left; margin-bottom: 0.5em; }
.formbody input { border: 1px solid lightgrey; }
.mod_login .formbody .widget-text label, .formbody .widget-password label, .mod_login .formbody .widget-text input, .formbody .widget-password input { box-sizing: border-box; }
.mod_login .widget-submit { text-align: right; }
.mod_login .widget-submit button { color: #fff; background-color: #50a3a2; border: 0; cursor: pointer; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transition: -webkit-transform 0.2s ease-out; -moz-transition: -moz-transform 0.2s ease-out; -o-transition: -o-transform 0.2s ease-out; transition: transform 0.2s ease-out; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font-size: 0.9em; font-weight: 500; text-transform: uppercase; }
.mod_login .widget-submit button:hover { background-color: #97cdce; transform: scale(1.1); }


/**** FOOTER ****/

#footer { background-color: #50a3a2; color: #fff; position: relative; z-index: 1; overflow: hidden; }
#footer h2.ce_headline { color: #fff; margin: 1em 0 0.5em; font-size: 1.5em; }
#footer .inside { padding-bottom: 2.5em; width: 940px; text-align: center; }
#footer .ce_hyperlink { display: inline-block; margin: 0 0.25em; }
#footer .ce_hyperlink a { display: block; position: relative; text-indent: -9999em; color: #fff; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; filter: alpha(opacity=50); opacity: 0.5; }
#footer .ce_hyperlink a:before { content: ""; position: absolute; left: 0; display: inline-block; background-repeat: no-repeat; vertical-align: middle; background-image: url("../../files/theme/images/icons_footer.svg"); margin-right: 0.5em; }
#footer .ce_hyperlink.mail a:before { background-position: center -50px; }
#footer .ce_hyperlink.facebook a:before { background-position: center -150px; }
#footer .ce_hyperlink.linkedin a:before { background-position: center -100px; }
#footer .ce_hyperlink.xing a:before { background-position: center -200px; }
#footer .ce_hyperlink a:hover { transform: scale(1.3); filter: alpha(opacity=100); opacity: 1; }

#bottom { text-align: center; padding: 0.8em 0 1.5em; font-size: 0.9em; background: #fff; position: relative; }
#bottom a { color: #42443f; }
#bottom .mod_customnav li { display: inline-block; margin: 0 .5em; }

/*@media only screen and (min-width: 1800px) {
	#banner .mod_article { width: 43vw; }
}

@media only screen and (min-width: 1400px) and (max-width: 1799px) {
	#banner .mod_article { width: 49vw; }
}*/

@media only screen and (min-width: 1400px) {
	#header > .inside { width: 80vw; }
	#mainnav { margin-right: 150px; }
	#banner .mod_article .image_container { margin-right: 1em; }
}

@media only screen and (min-width: 1260px) {
	#mainnav li { margin: 0 0.35em; }
	#banner .mod_article h1 { font-size: 2.4em; }
	#banner .mod_article p { font-size: 1.4em; }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	#header > .inside { width: 90vw; }	
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
	#header > .inside { width: 97vw; }	
}
@media only screen and (min-width: 1100px) {
	#mainnav a, #mainnav strong { padding-left: 0.35em; padding-right: 0.35em; }
	.ce_sliderStart .slider-prev, .ce_sliderStart .slider-next { top: -180px; width: 53px; height: 94px; }
	.ce_sliderStart .slider-prev { left: -90px; }
	.ce_sliderStart .slider-next { right: -90px; background-position: center -100px; }
}

@media only screen and (max-width: 1099px) {
	#mainnav a, #mainnav strong { padding-left: 0.35em; padding-right: 0.35em; }
	.ce_sliderStart .slider-prev, .ce_sliderStart .slider-next { top: -180px; width: 26px; height: 47px; background-size: 100%; }
	.ce_sliderStart .slider-prev { left: -45px; }
	.ce_sliderStart .slider-next { right: -45px; background-position: center -50px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1099px) {
	#mainnav a, #mainnav strong { padding-left: 0.2em; padding-right: 0.2em; }	
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
	#mainnav { margin-right: 100px; }
}

@media only screen and (min-width: 1024px) and (max-width: 1259px) {
	#mainnav li { margin: 0; }
}

@media only screen and (min-width: 1024px) {
	#header.scrolled { background: #fff; -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 10px 1px rgba(0,0,0,0.2); padding-top: 0; }
	#header:not(.scrolled) { background: rgba(0,0,0,0.4); }
	#header .logo { position: absolute; }
	#header .logo a { text-indent: -9999em; background-image: url("../../files/theme/images/Logo_AchtsamkeitGugel-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: contain; display: block; }
	#header.scrolled .logo a { background-image: url("../../files/theme/images/Logo_AchtsamkeitGugel.svg"); }
	#menutoggler { display: none }
	
	#mainnav { padding-top: 9px; padding-bottom: 9px; }
	#mainnav a, #mainnav strong { display: block; text-transform: lowercase; font-size: 1.2em; }
	#mainnav a { color: #fff; }
	#header #mainnav li:hover a { color: #ecbe83; }
	#header #mainnav strong, #header #mainnav li.trail a { color: #b8f3f3; }
	#header.scrolled #mainnav a { color: rgba(0,0,0,0.7); }
	#header.scrolled #mainnav li:hover a { color: #ecbe83; }
	#header.scrolled #mainnav strong, #header.scrolled #mainnav li.trail a { color: #56b0b0; }
	#mainnav ul { text-align: right; color: #fff; }
	#mainnav li { list-style: none; display: inline-block; }
	#mainnav li.kontakt { margin-right: 0; }
	#mainnav li.first { margin-left: 0; }
	#header ul.mailphone { top: 10px; right: 15px; }

	#acctoggler .togg.-large-first:after { left: 70%; }
	#acctoggler .togg.-large-last:after { left: 30%; }
}

@media only screen and (max-width: 1023px) {
	#banner { padding-top: 56px; }
	#header { background: #fff; -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,0.2); box-shadow: 0 2px 10px 1px rgba(0,0,0,0.2); }
	#menutoggler { background-image: url("../../files/theme/images/menutoggler.svg"); background-repeat: no-repeat; cursor: pointer; z-index: 3; position: absolute; top: 6px; background-position: center top; width: 50px; height: 40px; right: 10px; } 
	#mainnav { position: relative; clear: both; }
	#mainnav.hidden { display: none; }
	#mainnav a, #mainnav strong { color: #fff; display: block; padding: 0.3em 0.5em; text-decoration: none; background: rgba(0, 0, 0, 0.75); border-bottom: 1px solid #fff; }
	#mainnav a:hover, #mainnav strong { background-color: rgba(71, 144, 143, 0.85); }
}

@media only screen and (min-width: 901px) {
	.mod_article.referenzen .rs-columns { margin-bottom: 1em; }
}

@media only screen and (min-width: 800px) {
	body { font-size: 20px; }
	#footer .ce_hyperlink { margin: 0 0.25em; }
	#footer .ce_hyperlink a { width: 36px; }
	#footer .ce_hyperlink a:before { background-position: center top; width: 36px; height: 36px; }
	#footer .ce_hyperlink.mail a:before { background-position: center -50px; }
	#footer .ce_hyperlink.facebook a:before { background-position: center -150px; }
	#footer .ce_hyperlink.linkedin a:before { background-position: center -100px; }
	#footer .ce_hyperlink.xing a:before { background-position: center -200px; }
}

@media only screen and (max-width: 799px) {
	body { font-size: 16px; }
	#footer .ce_hyperlink { margin: 0 0.1em; }
	#footer .ce_hyperlink a { width: 30px; height: 30px; }
	#footer .ce_hyperlink a:before { background-position: center 2px; width: 30px; height: 30px; background-size: 83.333333333333%; }
	#footer .ce_hyperlink.mail a:before { background-position: center -33px; }
	#footer .ce_hyperlink.facebook a:before { background-position: center -102px; }
	#footer .ce_hyperlink.linkedin a:before { background-position: center -67px; }
	#footer .ce_hyperlink.xing a:before { background-position: center -137px; }
}

@media only screen and (min-width: 700px) {
	#banner .mod_pageimage { max-height: 80vh; }
	#banner .mod_article { top: 12vw; }
	body.referenzen #banner .mod_pageimage img { top: -4vw; }
	body.home .mod_article.referenzen > .inside { max-width: calc(100% - 120px); }
}

@media only screen and (max-width: 699px) {
	#main .mod_article { padding: 2.5em 0 1.5em; }
	#main .mod_article:first-child { padding-top: 2em; }
	#main > .mod_article.last { padding-bottom: 3.5em; }
	
	body.home .mod_article.referenzen > .inside { max-width: calc(100% - 70px); }
	.ce_sliderStart .slider-prev { left: -38px; }
	.ce_sliderStart .slider-next { right: -38px; }
}

@media only screen and (max-width: 699px) and (min-width: 500px) {
	#banner .mod_article { top: 20vw; }
}

@media only screen and (min-width: 600px) {
	#acctoggler .togg h2 { height: 2em; padding-top: 2em; }
	#acctoggler .togg h2.unternehmen { padding-top: 1em; height: 3em; }
	#acctoggler .togg:after { border-width: 20px; margin-left: -20px; }
	
	.mod_login .formbody { width: 400px; }
	.mod_login .formbody .widget-text label, .formbody .widget-password label { width: 35%; display: inline-block; float: left; padding-bottom: 0.5em; }
	.mod_login .formbody .widget-text input, .formbody .widget-password input { width: 65%; padding: 0.25em 0.5em; }
	.mod_login .widget-submit button { padding: 0.75em; }
}

@media only screen and (max-width: 599px) {
	body.home #main .mod_article { text-align: center; }
	#main .mod_article .image_container img { margin: 0 auto; }
	#acctoggler .togg h2 { font-size: 0.8em; font-weight: 300; height: 3em; padding-top: 1em; }
	#acctoggler .togg h2.unternehmen { padding-top: 0.5em; height: 3.5em; }
	#acctoggler .togg:after { border-width: 14px; margin-left: -14px; }
	
	.mod_login .formbody { width: 250px; }
	.mod_login .formbody .widget-text label, .formbody .widget-password label { display: block;padding-bottom: 0.25em; }
	.mod_login .formbody .widget-text input, .formbody .widget-password input { width: 250px; margin-bottom: 0.5em; padding: 1em; }
	.mod_login .widget-submit button { padding: 1em; }
}

@media only screen and (min-width: 500px) and (max-width: 1399px ) {
	/*#banner .mod_article { width: 53vw; }*/
	#banner .mod_article .image_container { margin-right: 10px; }
}
	
@media only screen and (min-width: 500px) {
	body.banner20 #banner .mod_pageimage { height: 20vw; }
	body.banner25 #banner .mod_pageimage { height: 25vw; }
	body.banner30 #banner .mod_pageimage { height: 30vw; }
	body.banner35 #banner .mod_pageimage { height: 35vw; }
	body.banner40 #banner .mod_pageimage { height: 40vw; }
	body.banner45 #banner .mod_pageimage { height: 45vw; }
	/* PFEIL  */
	body.home #banner .mod_pageimage div.pointer { height: 0; padding-top: 35px; overflow: hidden; background-clip: content-box; bottom: 0; position: absolute; left: 0; width: 100%; z-index: 1; }
	body.home #banner .mod_pageimage div.pointer:before, body.home #banner .mod_pageimage div.pointer:after { position: absolute; content: ""; top: 0; width: calc(50%); height: 36px;  background: #fff; }
	body.home #banner .mod_pageimage div.pointer:before { left: 0; transform: skew(45deg); transform-origin: right bottom; }
	body.home #banner .mod_pageimage div.pointer:after { right: 0; transform: skew(-45deg); transform-origin: left bottom; }
	#banner .mod_article { position: absolute; left: auto; background: rgba(0,0,0,0.4); -moz-border-radius-topleft: 17px; -webkit-border-top-left-radius: 17px; border-top-left-radius: 17px; -moz-border-radius-bottomleft: 17px; -webkit-border-bottom-left-radius: 17px; border-bottom-left-radius: 17px; right: 0; }
	#banner #button { position: absolute; top: 20vw; left: 3vw; z-index: 2; }
	#banner #button img { max-height: 19vw; width: auto; }
	#banner .mod_article img { max-height: 19vw; width: auto; }

	#acctoggler .toggs { display: table; border-collapse: separate; border-spacing: 2vw 0; }
	#acctoggler .togg { display: table-cell; width: 25%; float: none; vertical-align: middle; }
}

@media only screen and (min-width: 500px) and (max-width: 1259px) {
	#banner .mod_article h1 { font-size: 3.43vw; }
	#banner .mod_article p { font-size: 2vw; }	
}

@media only screen and (max-width: 499px) {
	body.banner20 #banner .mod_pageimage { height: 35vw; }
	body.banner25 #banner .mod_pageimage { height: 40vw; }
	body.banner30 #banner .mod_pageimage { height: 45vw; }
	body.banner35 #banner .mod_pageimage { height: 50vw; }
	body.banner40 #banner .mod_pageimage { height: 55vw; }
	body.banner45 #banner .mod_pageimage { height: 60vw; }
	#banner .mod_article { background: #6cab9a /* #56b0b0*/; padding: 1em 0 0.5em; text-align: center; position: relative; }
	#banner .mod_article .image_container { margin-bottom: 1em; float: none; margin-right: 0; }
	#banner .mod_article h1 { font-size: 2em; }
	#banner .mod_article p { font-size: 1.2em; color: #fff; }
	#main .mod_article .halfmobile img { width: 65vw; }
	
	#acctoggler .toggs { display: block; }
	#acctoggler .togg { display: block; width: calc(92% - 20px); margin: 0 auto 3em; padding-bottom: 0; }
	#acctoggler .togg h2 { position: relative; top: 0; bottom: auto; font-size: 1em; font-weight: 500; height: auto; padding: 1em 0; }
	#acctoggler .togg h2.unternehmen { padding-top: 0.5em; height: 3.5em; }
}

@media only screen and (min-width: 400px) and (max-width: 1023px) {
	#header ul.mailphone { top: 10px; right: 75px; }	
}

@media only screen and (min-width: 400px) {
	#header ul.mailphone li { display: inline-block; }
	#header ul.mailphone a { background-position: center 5px; width: 36px; height: 36px; background-size: 100%; }
	#header ul.mailphone .phone a { background-position: center -46px; }
	#header ul.mailphone .kontakt a { background-position: center -86px; width: 32px; }	
}

@media only screen and (max-width: 399px) {
	#header ul.mailphone { top: 10px; right: 55px; }
	#header ul.mailphone li { display: block; float: left; }
	#header ul.mailphone a { background-position: center 7px; width: 30px; height: 30px; background-size: 80%; }
	#header ul.mailphone .phone a { background-position: center -26px; }
	#header ul.mailphone .kontakt a { background-position: center -62px; }
	#menutoggler { width: 40px; height: 30px; background-position: center top; background-size: 80%; right: 10px; top: 12px; } 
}

@media only screen and (max-width: 350px) {
	body { font-size: 13px; }
}


.rs-columns { clear: both; display: inline-block; width: 100%; }
.rs-column { float: left; width: 100%; margin-right: 5%; }
.rs-column.-large-first { clear: left; }
.rs-column.-large-last { margin-right: 0; }

.rs-column.-large-col-1-1, .rs-column.-large-col-2-2, .rs-column.-large-col-3-3, .rs-column.-large-col-4-4, .rs-column.-large-col-5-5, .rs-column.-large-col-6-6 { width: 100%; margin-right: 0; }
.rs-column.-large-col-2-1, .rs-column.-large-col-4-2, .rs-column.-large-col-6-3 { width: 47.5%; }
.rs-column.-large-col-3-1, .rs-column.-large-col-6-2 { width: 30%; }
.rs-column.-large-col-3-2, .rs-column.-large-col-6-4 { width: 65%; }
.rs-column.-large-col-4-1 { width: 21.25%; }
.rs-column.-large-col-4-3 { width: 74.5%; }
.rs-column.-large-col-5-1 { width: 16%; }
.rs-column.-large-col-5-2 { width: 37%; }
.rs-column.-large-col-5-3 { width: 58%; }
.rs-column.-large-col-5-4 { width: 79%; }
.rs-column.-large-col-6-1 { width: 12.5%; }
.rs-column.-large-col-6-5 { width: 82.5%; }

@media screen and (max-width: 900px) {
  .rs-column, .rs-column.-large-last { margin-right: 5%; }
  .rs-column.-large-first { clear: none; }
  .rs-column.-medium-first { clear: left; }
  .rs-column.-medium-last { margin-right: 0; }
  
  .rs-column.-medium-col-1-1, .rs-column.-medium-col-2-2, .rs-column.-medium-col-3-3, .rs-column.-medium-col-4-4, .rs-column.-medium-col-5-5, .rs-column.-medium-col-6-6 { width: 100%; margin-right: 0; }
  .rs-column.-medium-col-2-1, .rs-column.-medium-col-4-2, .rs-column.-medium-col-6-3 { width: 47.5%; }
  .rs-column.-medium-col-3-1, .rs-column.-medium-col-6-2 { width: 30%; }
  .rs-column.-medium-col-3-2, .rs-column.-medium-col-6-4 { width: 65%; }
  .rs-column.-medium-col-4-1 { width: 21.25%; }
  .rs-column.-medium-col-4-3 { width: 74.5%; }
  .rs-column.-medium-col-5-1 { width: 16%; }
  .rs-column.-medium-col-5-2 { width: 37%; }
  .rs-column.-medium-col-5-3 { width: 58%; }
  .rs-column.-medium-col-5-4 { width: 79%; }
  .rs-column.-medium-col-6-1 { width: 12.5%; }
  .rs-column.-medium-col-6-5 { width: 82.5%; }
}
@media screen and (max-width: 599px) {
  .rs-column, .rs-column.-large-last, .rs-column.-medium-last { margin-right: 5%; }
  .rs-column.-medium-first { clear: none; }
  .rs-column.-small-first { clear: left; }
  .rs-column.-small-last { margin-right: 0; }
  
  .rs-column.-small-col-1-1, .rs-column.-small-col-2-2, .rs-column.-small-col-3-3, .rs-column.-small-col-4-4, .rs-column.-small-col-5-5, .rs-column.-small-col-6-6 { width: 100%; margin-right: 0; }
  .rs-column.-small-col-2-1, .rs-column.-small-col-4-2, .rs-column.-small-col-6-3 { width: 47.5%; }
  .rs-column.-small-col-3-1, .rs-column.-small-col-6-2 { width: 30%; }
  .rs-column.-small-col-3-2, .rs-column.-small-col-6-4 { width: 65%; }
  .rs-column.-small-col-4-1 { width: 21.25%; }
  .rs-column.-small-col-4-3 { width: 74.5%; }
  .rs-column.-small-col-5-1 { width: 16%; }
  .rs-column.-small-col-5-2 { width: 37%; }
  .rs-column.-small-col-5-3 { width: 58%; }
  .rs-column.-small-col-5-4 { width: 79%; }
  .rs-column.-small-col-6-1 { width: 12.5%; }
  .rs-column.-small-col-6-5 { width: 82.5%; }
}

.referenzen .rs-column { margin-top: 1.5em; }

@media screen and (min-width: 901px) { 
  .referenzen .rs-columns { display: flex; flex-wrap: wrap; }
  .referenzen .rs-column { float: none; }
}