/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10.03.2019, 12:41:30
    Author     : Dirk
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.11.2018, 17:28:57
    Author     : Dirk
*/
html, body {
  min-height: 100vh;
  height: 100%; }

body {
  min-height: 100%;
  width: 100%;
  background-color: #ede4c2;
  font-family: 'Muli', sans-serif;
  color: #4c4c4c !important;
  font-size: 1.5em;
  background-image: url("../hg/background-body.png");
  background-position: center top;
  background-repeat: repeat-x; }

/*:focus{
    border:10px solid #fff;
}*/
*:focus {
  outline: none;
  /* Remove the outline */ }

*:active {
  border-style: none;
  /* Remove the border */ }

.topBild {
  position: relative;
  padding-top: 147px; }
  .topBild .teaser, .topBild .grau {
    /*position:absolute;*/
    top: 50%;
    color: #FFF; }
  .topBild .grau {
    top: 70%; }

.col6 {
  display: inline-block;
  width: 50%; }

.sticky #toTopBtn {
  position: fixed;
  right: 20px;
  bottom: 100px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5); }

#toTopBtn {
  position: fixed;
  right: -80px;
  bottom: 100px;
  cursor: pointer;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: all  0.4s ease-in-out;
  -moz-transition: all  0.4s ease-in-out;
  -o-transition: all  0.4s ease-in-out;
  -ms-transition: all  0.4s ease-in-out;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); }

.tel.col6 {
  text-align: right; }
  .tel.col6 span {
    display: block;
    font-size: 22px; }
  .tel.col6 span::before {
    content: '';
    background-image: url(../icons/tel.png);
    background-size: 20px;
    padding-right: 25px;
    background-repeat: no-repeat;
    padding-top: 0px;
    background-position: left center;
    background-size: 20px 20px; }

.map_btn a {
  background-image: url(../icons/pointer.png);
  background-size: 32px;
  padding: 6px;
  padding-left: 38px;
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 38px; }

.cookiebar {
  font-size: 70%; }

#wrapper {
  /*    max-width:1200px;
      main-width:980px;*/
  width: 100%;
  min-height: 100%;
  position: relative;
  /*    margin:0px auto;*/
  /*padding-top:20px;*/ }

#topHolder, #teaser {
  max-width: 1200px;
  min-width: 980px;
  margin: 0px auto;
  padding: 0px 20px;
  box-sizing: border-box; }

#topHolder {
  position: fixed;
  height: 147px;
  top: 0px;
  padding-top: 10px;
  z-index: 1212;
  background-color: #FFF;
  width: 100%;
  max-width: 5000px;
  -webkit-transition: all  0.4s ease-in-out;
  -moz-transition: all  0.4s ease-in-out;
  -o-transition: all  0.4s ease-in-out;
  -ms-transition: all  0.4s ease-in-out;
  /*border-bottom:0px solid $rot;*/ }
  #topHolder .inner {
    max-width: 1200px;
    min-width: 980px;
    width: 100%;
    margin: 0px auto; }

.startseite #topHolder {
  position: static;
  height: 147px;
  top: 0px;
  padding-top: 10px;
  max-width: 1200px;
  min-width: 980px;
  width: 100%;
  margin-bottom: 20px; }

.topBild .image_container {
  text-align: center; }

#video video, #mep_0 {
  width: 100% !important;
  /*height:56%!important;*/
  padding-bottom: 56.25%;
  width: 100% !important;
  height: auto; }

#startseite .startteaserS img {
  opacity: 1;
  -webkit-transition: all  0.4s ease-in-out;
  -moz-transition: all  0.4s ease-in-out;
  -o-transition: all  0.4s ease-in-out;
  -ms-transition: all  0.4s ease-in-out; }
#startseite .startteaserS .caption {
  -webkit-transition: all  0.4s ease-in-out;
  -moz-transition: all  0.4s ease-in-out;
  -o-transition: all  0.4s ease-in-out;
  -ms-transition: all  0.4s ease-in-out;
  background: rgba(117, 119, 131, 0.7); }

#startseite .startteaserS:hover img {
  opacity: .5;
  -webkit-filter: blur(2px);
  filter: blur(2px); }
#startseite .startteaserS:hover .caption {
  display: block;
  background: #757783;
  background: #757783; }

#teaser {
  padding-top: 50px;
  position: absolute;
  top: 0px;
  left: 50%;
  max-width: 1200px;
  main-width: 980px;
  width: 100%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }
  #teaser .teaser {
    font-size: 34px;
    text-shadow: 2px 2px 2px #000;
    font-style: italic; }
  #teaser .grau {
    background: rgba(117, 119, 131, 0.7);
    padding: 10px 20px 24px;
    display: inline-block;
    font-size: 24px;
    line-height: 24px; }

.flex {
  display: flex;
  flex-wrap: wrap; }

#unser-team.flex {
  justify-content: space-around; }
  #unser-team.flex img {
    max-width: 100%; }
  #unser-team.flex .ce_text {
    width: 30%;
    padding: 8px;
    box-sizing: border-box; }
  #unser-team.flex .ce_text {
    position: relative;
    overflow: hidden; }
    #unser-team.flex .ce_text .image_container {
      overflow: hidden; }
      #unser-team.flex .ce_text .image_container img {
        -webkit-transition: all .5s ease-out;
        -moz-transition: all .5s ease-out;
        -o-transition: all .5s ease-out;
        transition: all .5s ease-out;
        transform: scale(1); }
    #unser-team.flex .ce_text .infoP {
      bottom: -232px;
      left: 50%;
      transform: translateX(-50%);
      position: absolute;
      background: rgba(255, 255, 255, 0.8);
      padding: 15px;
      box-sizing: border-box;
      font-size: 90%;
      width: 100%;
      opacity: 0;
      -webkit-transition: all .5s ease-out;
      -moz-transition: all .5s ease-out;
      -o-transition: all .5s ease-out;
      transition: all .5s ease-out; }
      #unser-team.flex .ce_text .infoP p, #unser-team.flex .ce_text .infoP h2, #unser-team.flex .ce_text .infoP h3 {
        margin: 0px;
        padding: 0px; }
      #unser-team.flex .ce_text .infoP h2 {
        font-size: 90%; }
      #unser-team.flex .ce_text .infoP h3 {
        font-size: 94%;
        font-weight: bold; }
      #unser-team.flex .ce_text .infoP p {
        font-size: 90%; }
  #unser-team.flex .ce_text:hover .infoP {
    bottom: 32px;
    opacity: 1; }
  #unser-team.flex .ce_text:hover .image_container img {
    transform: scale(1.2); }

.flexc {
  width: 46%;
  display: inline-block;
  margin-bottom: 20px;
  vertical-align: top; }

.ce_text strong {
  white-space: nowrap; }

.ce_text, .ce_text p {
  font-size: 16px; }

.karten img {
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); }

#leftNavi .headMobNav {
  padding-top: 12px;
  text-align: center;
  border-bottom: 1px solid #ccc; }

/*##################################*/
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s; }

.c-hamburger:focus {
  outline: none; }

.c-hamburger span {
  display: block;
  position: absolute;
  top: 18px;
  left: 5px;
  right: 5px;
  height: 4px;
  background: #d61809; }

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #d61809;
  content: ""; }

.c-hamburger span::before {
  top: -12px; }

.c-hamburger span::after {
  bottom: -12px; }

.c-hamburger--htx {
  background-color: #fff; }

.c-hamburger--htx span {
  transition: background 0s 0.3s; }

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s; }

.c-hamburger--htx span::before {
  transition-property: top, transform; }

.c-hamburger--htx span::after {
  transition-property: bottom, transform; }

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #fff; }

.c-hamburger--htx.is-active span {
  background: none; }

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg); }

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg); }

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s; }

#swb {
  position: absolute;
  right: -60px;
  top: -10px;
  -webkit-box-shadow: 6px 1px 7px 0px rgba(0, 0, 0, 0.55);
  -moz-box-shadow: 6px 1px 7px 0px rgba(0, 0, 0, 0.55);
  box-shadow: 6px 1px 7px 0px rgba(0, 0, 0, 0.55);
  z-index: 100;
  display: none;
  background-color: #fff;
  padding: 6px; }

.level_1 .submenu > span {
  font-size: 16px;
  font-weight: bold; }

ul.level_1 {
  list-style-image: url("../hg/li.png"); }

.mejs-overlay-play {
  width: 100%;
  height: 100%; }

#container {
  max-width: 1200px;
  /*min-width:980px;*/
  width: 100%;
  margin: 0px auto;
  padding-bottom: 30px; }

.startseite #container {
  /*max-width:1800px;*/ }

#overlayB {
  display: none; }

.mod_article.block {
  overflow: hidden; }

.startseite #header {
  padding-bottom: 0px; }

.aktiv #header, .aktiv #main {
  -webkit-filter: blur(8px);
  filter: blur(8px); }

#header {
  z-index: -2;
  min-height: 320px;
  min-height: 62px;
  padding-bottom: 100px;
  padding-top: 20px;
  transition: .5s filter linear;
  -webkit-transition: .5s -webkit-filter linear;
  -moz-transition: .5s -moz-filter linear;
  -ms-transition: .5s -ms-filter linear;
  -o-transition: .5s -o-filter linear; }
  #header #topbildholder {
    background-color: #fff;
    min-height: 320px;
    background-image: url("../header/Start_Leistungen_135703869.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    border-top: 2px solid #d61809;
    /*background-size: 100%;*/ }
  #header .logo img {
    width: 250px;
    -webkit-transition: all  0.4s ease-in-out;
    -moz-transition: all  0.4s ease-in-out;
    -o-transition: all  0.4s ease-in-out;
    -ms-transition: all  0.4s ease-in-out; }
  #header #icon img {
    width: 76px;
    -webkit-transition: all  0.4s ease-in-out;
    -moz-transition: all  0.4s ease-in-out;
    -o-transition: all  0.4s ease-in-out;
    -ms-transition: all  0.4s ease-in-out; }
  #header .image_container img {
    border-top: 2px solid #d61809; }
  #header .headholder {
    width: 100%;
    max-width: 980px;
    margin: 0px auto;
    display: flex;
    padding-top: 20px;
    position: relative; }
    #header .headholder .row {
      border: 0px solid #ccc;
      align-self: flex-end; }
    #header .headholder .row.rlogo {
      flex-grow: 2;
      align-self: flex-end; }
      #header .headholder .row.rlogo img {
        width: 70%; }
    #header .headholder .row.rlogo, #header .headholder .row.ricons {
      width: 40%; }
    #header .headholder .row.rverband img {
      width: 70%; }
  #header #tel {
    color: #fff;
    font-size: 125%;
    background: url("../hg/icon_tel.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 50px;
    line-height: 50px;
    margin-top: 10px;
    margin-bottom: 30px; }
  #header #navHolder {
    clear: both;
    float: none;
    width: 100%;
    background-color: #FFF;
    margin-top: 49px; }
  #header #topNav, #header #topNavSecond {
    /*        max-width: 1280px;
            width:100%;*/
    display: table;
    margin: 0px auto; }
  #header #topNav {
    padding-top: 3px; }
    #header #topNav ul.level_1 > li.submenu a, #header #topNav ul.level_1 > li.submenu span, #header #topNav ul.level_1 > li a, #header #topNav ul.level_1 > li span {
      border-top: 3px solid #fff; }
    #header #topNav ul.level_1 > li.submenu.trail a, #header #topNav ul.level_1 > li.submenu.trail span, #header #topNav ul.level_1 > li.active a, #header #topNav ul.level_1 > li.active span {
      color: #d61809;
      color: #b91409; }
    #header #topNav ul.level_2 > li a, #header #topNav ul.level_2 > li span {
      border-top: 0px solid #fff !important; }
    #header #topNav ul.level_2 > li a {
      color: #999 !important; }
    #header #topNav ul.level_2 > li:hover a {
      color: #d61809 !important; }
  #header #topNavSecond {
    border-top: 1px solid #ccc; }
    #header #topNavSecond a {
      color: #d61809; }
    #header #topNavSecond li:hover a, #header #topNavSecond li:hover span {
      color: #111; }
    #header #topNavSecond li.active a, #header #topNavSecond li.active span {
      color: #CCC; }
  #header #topNav:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0; }
  #header #swb {
    position: absolute;
    right: 0px;
    display: none; }

#header.sticky .logo img {
  width: 170px; }
#header.sticky #icon img {
  width: 40px; }
#header.sticky #topHolder {
  height: 116px;
  border-bottom: 2px solid #d61809;
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3); }

.startseite #footer {
  /*position:absolute;*/ }

#footer {
  background-color: #a4a4a4;
  /*position:absolute;*/
  position: static;
  bottom: 0px;
  width: 100%;
  font-size: 17px;
  color: #fff;
  line-height: 20px; }
  #footer .inside {
    max-width: 1200px;
    min-width: 980px;
    width: 100%;
    margin: 0px auto; }
    #footer .inside .col12 {
      text-align: center; }
    #footer .inside .col6 {
      display: inline-block;
      width: 49.5%; }
    #footer .inside .col6.right {
      text-align: right; }
  #footer .footerholder {
    width: 100%;
    max-width: 980px;
    margin: 0px auto;
    display: flex; }
  #footer .row {
    padding: 20px; }
  #footer .facebook {
    background: url("../hg/icon_fb.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-top: 15px; }
  #footer .twitter {
    background: url("../hg/icon_twitter.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 30px; }
  #footer #copyr {
    text-align: right;
    width: 100%;
    max-width: 980px;
    margin: 0px auto; }
  #footer a {
    text-decoration: none;
    color: #fff; }

#left {
  background-color: #fff;
  width: 260px;
  padding: 10px;
  z-index: 11;
  display: none;
  margin: 0px;
  position: absolute;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  #left a {
    font-size: 70%;
    color: #666;
    text-decoration: none; }
  #left .level_1 > li > a {
    font-size: 64%;
    font-weight: bold; }
  #left .level_1 > li {
    border-bottom: 1px solid #ccc;
    padding: 20px 5px; }
  #left .level_2 {
    margin-left: 10px; }
  #left .level_2 > li {
    border-bottom: 0px solid #ccc;
    padding: 8px 5px; }
  #left ul.level_2 {
    list-style: url("../hg/lik.png");
    padding-left: 10px; }
    #left ul.level_2 a {
      font-size: 60%; }
  #left .level_2 span {
    font-size: initial;
    font-weight: bold;
    color: #d61809; }

#left li.active > span {
  font-size: 18px; }

#topNav ul.level_1.sf-menu > li > a::after, #topNav ul.level_1.sf-menu > li > span::after {
  content: "|";
  color: #d61809;
  margin-left: 10px; }

#topNav .level_1.sf-menu > li.last a::after, #topNav .level_1.sf-menu > li.last span::after {
  content: ""; }

#main {
  transition: .5s filter linear;
  -webkit-transition: .5s -webkit-filter linear;
  -moz-transition: .5s -moz-filter linear;
  -ms-transition: .5s -ms-filter linear;
  -o-transition: .5s -o-filter linear; }
  #main a {
    text-decoration: none;
    color: #555; }
  #main #startseite a {
    color: #FFF; }
  #main .left70 {
    display: inline-block;
    width: 69.5%;
    vertical-align: top; }
  #main .right30 {
    display: inline-block;
    width: 29.5%;
    vertical-align: top; }
  #main .cc {
    background-color: #fff;
    box-sizing: border-box;
    margin: 10px;
    padding: 30px;
    font-size: 18px; }
  #main h1 {
    font-size: 22px;
    padding: 10px; }
  #main h2 {
    font-size: 22px; }
  #main h3 {
    font-size: 20px; }
  #main #unsere-trauerhalle .flex, #main #unser-kolumbarium .flex, #main #chronik-historie .flex {
    /*justify-content: space-between;*/
    justify-content: space-around; }
  #main #unsere-trauerhalle .cc, #main #unser-kolumbarium .cc, #main #chronik-historie .cc {
    margin: 0px; }
  #main #hier-erreichen-sie-uns-content .ce_text {
    padding-right: 30px; }
  #main .ce_gallery.right30 {
    background-color: #fff;
    box-sizing: border-box;
    margin-top: 10px;
    padding: 10px; }
  #main p {
    line-height: 1.5em; }

.gridholder {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-row-gap: 10px;
  grid-column-gap: 10px; }

body.startseite {
  background-color: #FFF; }

.startseite .teaserImage {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3; }
.startseite .startteaserS {
  position: relative; }
  .startseite .startteaserS .caption {
    display: block;
    background: #757783;
    background: rgba(117, 119, 131, 0.7);
    padding: 5px 2px;
    position: absolute;
    text-align: center;
    color: #fff;
    width: 100%;
    top: 15%;
    font-size: 26px;
    font-weight: 100; }
.startseite .ce_text.teaserImage {
  position: relative; }
  .startseite .ce_text.teaserImage .teaser {
    position: absolute;
    text-align: center;
    top: 35%;
    width: 100%;
    text-align: center; }
    .startseite .ce_text.teaserImage .teaser .innerS {
      display: inline-block;
      text-align: left;
      color: #fff;
      font-size: 34px;
      text-shadow: 2px 2px 2px #000;
      font-style: italic; }
  .startseite .ce_text.teaserImage .grau {
    position: absolute;
    bottom: 15%;
    width: 100%;
    text-align: center; }
    .startseite .ce_text.teaserImage .grau .innerS {
      background: rgba(117, 119, 131, 0.7);
      display: inline-block;
      text-align: left;
      color: #fff;
      font-size: 24px;
      padding: 4px;
      font-style: italic; }
      .startseite .ce_text.teaserImage .grau .innerS a {
        display: block;
        text-align: right;
        color: #fff;
        font-size: 16px;
        text-decoration: none; }

@media (min-width: 180px) and (max-width: 1160px) {
  .topBild {
    /*        height: 320px;*/
    /*        width:1980px;*/
    overflow: hidden; }

  #topNav .mod_navigation {
    display: none; }

  #topNav {
    height: 20px; }

  #swb {
    display: inline-block; }

  #left {
    display: inline-block;
    left: -282px;
    top: 136px;
    /*left:150px;*/ }

  #left.aktiv {
    display: inline-block;
    left: 0px; }

  #container, #main {
    position: static; }

  #overlayB {
    position: absolute;
    top: 0px;
    left: -100%;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity  0.4s ease-in-out;
    -moz-transition: opacity  0.4s ease-in-out;
    -o-transition: opacity  0.4s ease-in-out;
    -ms-transition: opacity  0.4s ease-in-out;
    transition: opacity  0.4s ease-in-out;
    opacity: 0;
    display: none; }

  .aktiv #overlayB {
    display: block;
    left: 0%;
    width: 100%;
    opacity: 1; }

  #topHolder, #teaser {
    max-width: 1200px;
    min-width: 0;
    width: 100%;
    height: 120px; }

  #footer .inside {
    max-width: 1200px;
    min-width: 0;
    box-sizing: border-box;
    padding: 10px; }

  .topBild {
    padding-top: 140px; } }
@media (min-width: 180px) and (max-width: 980px) {
  .startseite .gridholder {
    display: grid;
    grid-template-rows: 2fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 10px; }

  .startseite .teaserImage {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2; }

  .startseite #topHolder {
    position: static;
    min-width: 0px; }

  #topHolder .inner {
    min-width: 0px;
    width: 100%; }

  #unser-team.flex .ce_text {
    width: 48%;
    padding: 8px;
    box-sizing: border-box; } }
@media (min-width: 180px) and (max-width: 660px) {
  #teaser {
    text-align: center; }
    #teaser .teaser {
      font-size: 90%; }
    #teaser .grau {
      font-size: 80%;
      padding: 10px 10px; }

  #main .left70 {
    width: 100%; }
  #main .right30 {
    width: 100%; } }
@media (min-width: 180px) and (max-width: 600px) {
  /*
      #footer{
          position:static;
      }
      */
  .startseite .ce_text.teaserImage .teaser {
    padding: 4px;
    top: 15%; }
    .startseite .ce_text.teaserImage .teaser .innerS {
      font-size: 95%; }
  .startseite .ce_text.teaserImage .grau {
    padding: 4px; }

  .startseite .gridholder {
    display: grid;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr;
    grid-row-gap: 10px;
    grid-column-gap: 10px; }

  .startseite .teaserImage {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2; } }
@media (min-width: 180px) and (max-width: 480px) {
  #teaser {
    padding-top: 8px;
    text-align: center; }
    #teaser .teaser {
      font-size: 90%; }
    #teaser .grau {
      font-size: 56%;
      padding: 6px 6px; }

  #main .left70 {
    width: 100%; }
  #main .right30 {
    width: 100%; }

  .tel.col6 {
    text-align: right;
    position: relative;
    margin-left: -15%;
    width: 65%; }
    .tel.col6 span {
      font-size: 70%;
      margin-bottom: 42px; }

  #left {
    display: inline-block;
    left: -280px;
    top: 150px; }

  .startseite #left {
    top: 0px; }

  #header {
    padding-bottom: 20px; }

  #footer .ce_text.col6 {
    display: block;
    width: 100%;
    text-align: center; }

  #unser-team.flex .ce_text {
    width: 95%;
    padding: 8px;
    box-sizing: border-box; } }
@media (min-width: 180px) and (max-width: 400px) {
  .startseite .ce_text.teaserImage .teaser {
    padding: 4px;
    top: 15%; }
    .startseite .ce_text.teaserImage .teaser .innerS {
      font-size: 85%; }
  .startseite .ce_text.teaserImage .grau {
    padding: 4px; }
    .startseite .ce_text.teaserImage .grau .innerS {
      font-size: 75%; } }
@media (min-width: 180px) and (max-width: 360px) {
  #teaser {
    padding-top: 8px;
    text-align: center; }
    #teaser .teaser {
      font-size: 70%; }
    #teaser .grau {
      font-size: 46%;
      padding: 6px 6px; } }
@media (min-width: 1980px) {
  .topBild .image_container {
    text-align: center; }
    .topBild .image_container img {
      width: 100%; } }

/*# sourceMappingURL=aufbau.css.map */