@media all and (max-width: 1180px) {
     .hamburger {
          width: 30px;
          padding: 0px;
          display: inline-block;
          cursor: pointer;
          transition-property: opacity, filter;
          transition-duration: .15s;
          transition-timing-function: linear;
          font: inherit;
          color: inherit;
          text-transform: none;
          background-color: transparent;
          border: 0;
          margin: 0;
          overflow: visible;
     }

     .hamburger:hover {
          opacity: 1;
          background-color: transparent;
     }

     .hamburger:focus {
          outline: none;
     }

     .hamburger-box {
          width: 30px;
          height: 24px;
          display: inline-block;
          position: relative;
     }

     .hamburger-inner {
          display: block;
          top: 50%;
          margin-top: -2px;
     }

     .hamburger-inner,
     .hamburger-inner::after,
     .hamburger-inner::before {
          width: 30px;
          height: 2px;
          background-color: #494949;
          border-radius: 4px;
          position: absolute;
          transition-property: transform;
          transition-duration: .15s;
          transition-timing-function: ease;
     }

     .hamburger-inner::after,
     .hamburger-inner::before {
          content: "";
          display: block;
     }

     .hamburger-inner::before {
          top: -10px;
     }

     .hamburger-inner::after {
          bottom: -10px;
     }

     .hamburger {
          display: flex !important;
     }

     .hamburger--spin .hamburger-inner {
          transition-duration: 0.3s;
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
     }

     .hamburger--spin .hamburger-inner::before {
          transition: top 0.1s 0.34s ease-in, opacity 0.1s ease-in;
     }

     .hamburger--spin .hamburger-inner::after {
          transition: bottom 0.1s 0.34s ease-in, transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     }

     .hamburger--spin.is-active .hamburger-inner {
          transform: rotate(225deg);
          transition-delay: 0.14s;
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     }

     .hamburger--spin.is-active .hamburger-inner::before {
          top: 0;
          opacity: 0;
          transition: top 0.1s ease-out, opacity 0.1s 0.14s ease-out;
     }

     .hamburger--spin.is-active .hamburger-inner::after {
          bottom: 0;
          transform: rotate(-90deg);
          transition: bottom 0.1s ease-out, transform 0.3s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
     }

     .hamburger--spin .hamburger-inner {
          transition-duration: 0.22s;
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
     }

     .hamburger--spin .hamburger-inner::before {
          transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
     }

     .hamburger--spin .hamburger-inner::after {
          transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     }

     .hamburger--spin.is-active .hamburger-inner {
          transform: rotate(225deg);
          transition-delay: 0.12s;
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     }

     .hamburger--spin.is-active .hamburger-inner::before {
          top: 0;
          opacity: 0;
          transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
     }

     .hamburger--spin.is-active .hamburger-inner::after {
          bottom: 0;
          transform: rotate(-90deg);
     }


     .open_nav {
          display: inherit;
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translateY(-50%);
     }

     .head>.inner {
          position: static;
          padding: 10px;
     }

     .head .inner .nav {
          display: none;
          position: absolute;
          top: 100%;
          left: 0;
          width: 100%;
          overflow: scroll;
          max-height: calc(100vh - 125px);
          z-index: 99;
     }

     .head>.inner .nav ul {
          flex-direction: column;
     }

     .head>.inner .nav ul li {
          float: none;
          width: 100%;
          position: relative;
          text-align: left;
     }

     .head>.inner .nav ul li:hover>a:after,
     .head>.inner .nav ul li.over>a:after {
          display: none !important;
     }

     .head>.inner .nav ul li.over>.subNav,
     .head>.inner .nav ul li:hover>.subNav {
          display: none;
     }

     .head>.inner .nav ul li:hover>a,
     .head>.inner .nav ul li.over>a,
     .head>.inner .nav ul li.active>a,
     .head>.inner .nav ul li.act>a {
          color: #da0909;
     }

     .head>.inner .nav ul li a {
          background-color: #f1f1f1;
          border-bottom: 1px solid #fff;
          padding: 20px;
     }

     .head>.inner .nav ul li .subNav {
          transform: translate(0);
          padding: 0;
          box-shadow: none;
     }

     .head>.inner .nav ul li .subNav li a {
          padding: 10px 40px;
          color: #5f6622;
          font-weight: 900;
          font-size: 16px;
     }

     .subNav>LI+LI {
          margin-top: 0;
     }

     .head>.inner .nav ul li .subNav li+li {
          margin-left: 0;
     }

     .head>.inner .nav ul li .subNav,
     .head>.inner .nav ul li .subNav.subNav2,
     .head>.inner .nav ul li:last-child>.subNav,
     .head>.inner .nav ul li:last-child>.subNav.subNav2 {
          position: inherit;
          left: inherit;
          top: inherit;
     }

     .head>.inner .nav ul li:hover>.subNav,
     .head>.inner .nav ul li.over>.subNav,
     .head>.inner .nav ul li:hover>.subNav2.subNav,
     .head>.inner .nav ul li.over>.subNav2.subNav,
     .head>.inner .nav ul li.over>.subNav .subNav2,
     .head>.inner .nav ul li:hover>.subNav .subNav2 {
          display: none;
     }

     .head>.inner .nav ul li.has-sub .showSub {
          display: inline-block;
          position: absolute;
          right: 0;
          top: 0;
          z-index: 10;
          cursor: pointer;
          width: 67px;
          height: 67px;
          line-height: 67px;
          background: transparent;
          text-align: center;
          -webkit-transition: 0.25s ease;
          transition: 0.25s ease;
     }

     .head>.inner .nav ul li.has-sub .showSub:after {
          content: "";
          display: inline-block;
          width: 0;
          height: 0;
          vertical-align: middle;
          border-top: 5px dashed #0063c8;
          border-top: 6px solid\9;
          border-right: 5px solid transparent;
          border-left: 5px solid transparent;
          -webkit-transition: 0.25s ease;
          -o-transition: 0.25s ease;
          -moz-transition: 0.25s ease;
          transition: 0.25s ease;
          position: absolute;
          right: 27px;
          top: 50%;
          transform: translateY(-50%);
          z-index: 999;
     }

     .head>.inner .nav ul li.has-sub .showSub.open:after {
          border-top-color: #0094ff;
          -webkit-transform: rotate(180deg);
          -moz-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
          -o-transform: rotate(180deg);
          transform: rotate(180deg);
     }

     .head>.inner .nav ul li .subNav2 li a {
          padding: 10px 10px 10px 40px;
     }

     .head>.inner .nav ul li .subNav2 li a:before {
          display: none;
     }

     .head>.inner .nav ul li .subNav2 .has-sub {
          background: #2c3b42;
          height: 48px;
          line-height: 48px;
     }

     .nav {
          padding-top: 0;
     }

     .nav>UL>LI+LI {
          margin-left: 0;
     }

     .subNav>li .showSub {
          display: none !important;
     }

     .subNav>li:hover a,
     .subNav>li.act a {
          color: #da0909 !important;
          cursor: pointer;
     }

     .subNav>li:hover {
          cursor: pointer;
     }


     .cont>.item {
          padding: 0 10px;
          box-sizing: border-box;
     }
}




/* NORMAL SCREEN 1210PX */
@media all and (max-width: 1210px) and (min-width: 850px) {
     .gridwrapper {
          padding: 0 10px;
     }

     .cont {
          padding-bottom: 50px;
     }

     .img-circle {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
     }

     .img-circle .img {
          margin-bottom: 80px;
          float: none;
     }

     .img-circle .img>.images {
          display: flex;
          justify-content: center;
          width: 100%;
          left: unset;
          transform: none;
     }

     .img-circle .img>.images>.item {
          display: flex;
          justify-content: center;
     }

     .img-circle .text {
          position: relative;
          top: unset;
          left: unset;
          transform: none;
          max-width: none;
     }

     .img-circle .text p {
          width: 100%;
     }


     .img-circle.right .quote {
          padding-left: 0;
          margin-bottom: 255px;
          font-size: 38px;
     }

     .img-circle.right .img {
          float: none;
          padding-left: 0;
     }

     .img-circle.right .img>.item {
          display: flex;
          justify-content: center;
     }

     .img-circle.right .text {
          left: unset;
          right: unset;
          width: unset;
          margin-top: 30px;
     }
     .box25 > .col {
          width: 100%;
     }
     .box25 > .col +.col {
          margin-left: 0;
          margin-top: 20px;
     }
     .item.b100.grey {
          padding: 0 10px;
     }
}

@media all and (min-width: 895px) and (max-width: 915px) {
     .gallery .gridrow {
          display: flex;
          flex-wrap: wrap;
     }
     .gallery .gridrow .col {
          width: 33%;
     }
     .gallery .gridrow .col.last {
          margin-left: 0;
          margin-top: 20px;
      }
}

@media all and (min-width: 850px) and (max-width: 894px) {
     .gallery .gridrow .col.last {
          margin-left: 0;
          margin-top: 20px;
      }
}

/* TABLET 850PX */
@media all and (max-width: 850px) {

     h1 {
          font-size: 30px;
     }

     h2 {
          font-size: 28px;
          padding-bottom: 20px;
     }

     h3 {
          font-size: 26px;
     }

     h4 {
          font-size: 24px;
     }

     h5 {
          font-size: 20px;
     }

     .gridwrapper {
          padding: 0 10px;
     }

     .csc-textpic-text {
          width: 100%;
          margin-left: 0;
     }

     .cont {
          padding-bottom: 50px;
     }

     #logo {
          width: 215px;
          height: 100px;
          max-height: unset;
     }

     .allcont .img-circle .img>.item DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG,
     .allcont .img-circle .img>.images DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {
          width: 100%;
          height: auto;
          object-fit: cover;
          position: relative;
          min-width: unset;
          min-height: unset;
          top: unset;
          left: unset;
          transform: none;
          max-width: unset;
     }

     .allcont .img-circle .img>.item DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image,
     .allcont .img-circle .img>.images DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
          width: unset;
          height: unset;
     }

     .img-circle .img:before {
          display: none;
     }

     .img-circle .img>.images {
          position: relative;
          top: unset;
          left: unset;
          text-align: center;
          margin-top: 35px;
     }

     .img-circle .img>.images .csc-textpic-imagerow+.csc-textpic-imagerow {
          margin-left: 0;
     }

     .img-circle .text {
          position: relative;
          left: unset;
          top: unset;
          transform: none;
          width: 100%;
          margin: 20px auto 0 auto;
          max-width: unset;
          padding: 0 10px;
     }

     .img-circle .text p {
          width: 100%;
     }

     .cont>.item {
          margin-top: 40px !important;
     }

     .cont>.gridwrapper>.gallery {
          margin-top: 40px !important;
     }

     .gallery .gridrow .col {
          width: 100%;
     }

     .gallery .gridrow .col+.col {
          margin-left: 0;
          margin-top: 15px;
     }

     .img-circle {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
     }

     .img-circle.right .quote {
          padding-left: 0;
          font-size: 26px;
          margin-bottom: 25px;
     }

     .img-circle.right .img {
          padding-left: 0;
          float: none;
     }

     .allcont .img-circle.right .img>.item DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
          max-width: 580px;
          max-height: 580px;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          top: unset !important;
          margin: 0 auto;
     }

     .img-circle.right .text {
          width: 100%;
          right: unset;
          left: unset;
          margin-top: 20px;
          max-width: none;
          padding: 0 10px;
          box-sizing: border-box;
     }

     .allcont .gallery DIV.csc-textpic .csc-textpic-imagewrap .csc-textpic-image IMG {
          top: 190px;
     }

     .csc-textpic-intext-left-nowrap .csc-textpic-text {
          margin-left: 0;
     }

     .powermail_fieldwrap_straenr,
     .powermail_fieldwrap_telefon {
          width: 100%;
          float: none;
     }

     .powermail_fieldwrap_plzort,
     .powermail_fieldwrap_e_mail {
          float: none;
          width: 100%;
     }

     /* Gridelements */
     .gridrow .col {
          float: none;
     }

     .box50>.col {
          width: 100%;
     }

     .box50>.col+.col {
          margin-left: 0;
     }

     /* SPEZIELLE ANPASSUNGEN */
     .item.c90,
     .item.c168 {
          margin-top: 80px !important;
     }

     .deko-element:before {
          display: none;
     }

     /* GRIDELEMENTS */
     .item.b100 .box50 > .col {
          width: 100%;
     }
     .item.b100 .box50 > .col + .col {
         margin-top: 20px;
     }
     .box33-66 > .col.col1,
     .box33-66 > .col.col2,
     .box66-33 > .col.col1,
     .box66-33 > .col.col2  {
          width: 100%;
     }
     .gridrow .col + .col {
          margin-left: 0;
          margin-top: 20px;
     }
}

/* MOBILE 480PX */
@media all and (max-width: 480px) {

     h1 {
          font-size: 28px;
     }

     h2 {
          font-size: 26px;
          padding-bottom: 20px;
     }

     h3 {
          font-size: 24px;
     }

     h4 {
          font-size: 22px;
     }

     h5 {
          font-size: 18px;
     }

     DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
     DIV.csc-textpic FIGURE.csc-textpic-imagewrap,
     FIGCAPTION.csc-textpic-caption {
          display: block;
     }

     DIV.csc-textpic-left .csc-textpic-imagewrap,
     DIV.csc-textpic-right .csc-textpic-imagewrap {
          float: none;
     }

     DIV.csc-textpic DIV.csc-textpic-imagecolumn {
          display: inline-block;
          float: none;
          vertical-align: top;
     }

     .csc-default {
          clear: both;
     }

     DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap,
     DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap,
     DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
     DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
          width: 100%;
     }

     DIV.csc-textpic-intext-right-nowrap .csc-textpic-text,
     DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
          margin: 0;
     }

     div.csc-textpic .csc-textpic-imagewrap img {
          width: 100%;
          height: auto;
     }

     /* SPEZIELLE ANPASSUNGEN */
     .item.c90,
     .item.c168  {
          margin-top: 60px !important;
     }
}