/* Custom Colors */
/* SCSS Document */
/* Cookiehinweis */
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700");
.cc_container .cc_btn {
  background-color: #e4e4e4 !important;
  /* Farbe des Buttons */
  color: #000 !important;
  /* Textfarbe des Buttons */
}

.cc_container {
  background: #222222 !important;
  /* Hintergrundfarbe des gesamten Bereichs */
  color: #fdfdfd !important;
  /* Schriftfarbe des gesamten Bereichs */
}

.cc_container a {
  color: #090909 !important;
  /* Textlink-Farbe "Mehr Infos" */
}

/* SCSS Document */
/* Formular */
input[type='text'], input[type='email'], input[type='button'], input[type='submit'], textarea {
  display: block;
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  height: 40px;
  margin-bottom: 16px;
  font-size: 18px;
  padding-left: 0px;
  border: none;
  vertical-align: middle;
  background: #090909;
  font-weight: 100;
  color: black;
  /* iOS sucks */
  -webkit-appearance: none !important;
  border-radius: 0 !important;
}

input {
  text-align: center;
}

input[type='checkbox'] {
  -webkit-appearance: checkbox !important;
}

textarea {
  height: 120px;
}

::-webkit-input-placeholder {
  font-weight: 100;
  font-size: 18px;
  color: black;
  text-align: center;
  text-transform: uppercase;
}

:-moz-placeholder {
  /* Firefox 18- */
  font-weight: 100;
  font-size: 18px;
  color: black;
  text-align: center;
  text-transform: uppercase;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 100;
  font-size: 18px;
  color: black;
  text-align: center;
  text-transform: uppercase;
}

:-ms-input-placeholder {
  font-weight: 100;
  font-size: 18px;
  color: black;
  text-align: center;
  text-transform: uppercase;
}

textarea {
  padding-top: 10px;
  display: block;
  border: none;
  font-size: 18px;
}

div.csc-mailform ol {
  list-style: none;
}

div.csc-mailform input.submit {
  color: #fff;
  font-size: 18px;
  font-weight: 100;
  background: black;
  border: none;
  text-transform: uppercase;
}

div.csc-mailform {
  margin-top: 30px;
  text-align: center;
}
div.csc-mailform li label {
  display: none;
}

div.csc-mailform label strong, div.csc-mailform legend strong {
  color: #999999;
}

div.csc-mailform {
  color: #999999;
}

/* SCSS Document */
/* Grids */
div.grid-gray {
  background-color: #999999;
}
div.grid-gray h1, div.grid-gray h2, div.grid-gray p, div.grid-gray ul, div.grid-gray a {
  color: white;
}
div.grid-gray a:hover {
  color: #999999 !important;
}

div.grid-black {
  background-color: #090909;
}
div.grid-black h1, div.grid-black h2, div.grid-black p, div.grid-black ul, div.grid-black a {
  color: white;
}
div.grid-black a:hover {
  color: #090909 !important;
}

div.grid-brown {
  background-color: #ada28e;
}
div.grid-brown h3, div.grid-brown p, div.grid-brown ul, div.grid-brown a, div.grid-brown h1, div.grid-brown h2 {
  color: #090909;
}
div.grid-brown p {
  color: black;
}
div.grid-brown a:hover {
  color: white !important;
}

/* SCSS Document */
/* Desktop Menu */
nav#footermenu {
  margin-bottom: 30px;
}

nav#footermenu ul.menu, nav#menu ul.menu {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0;
}

nav#footermenu ul.menu li, nav#menu ul.menu li {
  float: left;
}
nav#footermenu ul.menu li:first-child, nav#menu ul.menu li:first-child {
  padding-left: 0;
}
nav#footermenu ul.menu li:last-child, nav#menu ul.menu li:last-child {
  padding-right: 0;
}
nav#footermenu ul.menu li:last-child a::after, nav#menu ul.menu li:last-child a::after {
  content: "";
}

nav#footermenu ul.menu li a, nav#menu ul.menu li a {
  color: #090909;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  font-size: 22.5px;
}
nav#footermenu ul.menu li a::after, nav#menu ul.menu li a::after {
  content: "|";
  padding: 0 5px 0 5px;
}

nav#menu ul.menu li a {
  font-weight: 300;
}

nav#footermenu ul.menu li a:hover, nav#menu ul.menu li a:hover {
  color: #999999;
}

nav#footermenu ul.menu li.mactive a, nav#menu ul.menu li.mactive a {
  font-weight: 700;
  color: #999999;
}

.hamburger {
  padding: 35px 15px 15px 0px;
}

#mm-menu-header-r {
  padding-top: 0px;
}

#mm-menu-header.shrink {
  display: none;
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
}

#mm-open {
  display: none;
}

#mm-menu-header {
  display: none;
  width: 100%;
  /*border-bottom: 1px solid $custom-brown;*/
}

a.mm-title {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  color: #999999 !important;
}

button.hamburger {
  background: none;
}

div.hamburger-box {
  width: 32px;
  height: 19px;
}

div.hamburger-inner, div.hamburger-inner:after, div.hamburger-inner:before {
  width: 32px;
  border-radius: 0px;
  background-color: #999999;
}

.mm-menu-header-col {
  float: left;
  height: 100%;
}
.mm-menu-header-col:nth-child(1) {
  display: none;
}
.mm-menu-header-col:nth-child(2) {
  width: 85%;
  font-size: 24px;
  padding-top: 32px;
  padding-left: 16px;
  text-align: left;
}
.mm-menu-header-col:nth-child(3) {
  width: 15%;
}

/* MMemnu Overwirtes */
nav.mm-menu {
  background-color: white;
}

ul.mm-listview {
  font-size: 20px;
  text-transform: uppercase;
}

ul.mm-listview li.mactive a {
  font-weight: bold;
}

/* Stoerer */
div.stopper-circle {
  position: absolute;
  z-index: 99999;
  display: inline-block;
  width: 450px;
  height: 250px;
  top: 140px;
  right: -350px;
  /*    border: 1px solid black;*/
  /*border-radius: 100px;*/
  color: white;
}
div.stopper-circle div:nth-child(1) {
  height: 100%;
  background-color: #999999;
  width: 100px;
  float: left;
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  		/*
          display:box;
  		box-pack:center;
  		box-align:center;
          */
}
div.stopper-circle div:nth-child(1) span {
  /*
  vertical-align: middle;	
  text-orientation: upright;
  writing-mode: vertical-rl;
  color: white;
  font-weight: 600;
  padding-top: 6px;
  font-size: 20px;
  letter-spacing: 0.45em;
  text-decoration:none;
  */
  height: 209px;
  width: 29px;
  cursor: pointer;
}
div.stopper-circle div:nth-child(2) {
  height: 100%;
  float: left;
  width: 350px;
  background-color: #d8c8bb;
}
div.stopper-circle div:nth-child(2) p {
  color: black;
  font-size: 20px;
  line-height: 28px;
  padding-top: 20px;
  padding-left: 30px;
}
div.stopper-circle div:nth-child(2) p span:first-child {
  color: #999999;
  font-weight: 700;
  line-height: 36px;
}
div.stopper-circle div:nth-child(2) p span.tab-m {
  display: inline-block;
  font-weight: 700;
  width: 30px;
}

/*
div.stopper-anmeldung {
    position: fixed;
	z-index: 99999;
	display: inline-block;
    width: 323px; // 108
    height: 287px;
    top: 140px;
    right: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    
    
    background-image: url(../../webpflege/img/logos/kita_pg_logo_stoerer_inaktiv.png);
}

div.anmeldung-active {
    background-image: url(../../webpflege/img/logos/kita_pg_logo_stoerer_aktiv.png);
}
*/
/* CSS Document */
span.highlight_1 {
  font-size: 38.7px;
  line-height: 54px;
  font-weight: 600;
  /*text-transform: uppercase;*/
  letter-spacing: 4px;
}

/* CSS Document */
div.dce-zitat blockquote {
  font-family: 'blackHand';
  font-size: 68px;
  line-height: 72px;
  margin-bottom: 0;
}
div.dce-zitat footer {
  text-align: right;
}
div.dce-zitat footer.blockquote-footer {
  line-height: 20px;
}
div.dce-zitat footer.blockquote-footer::before {
  content: "";
}
div.dce-zitat footer cite {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 32px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.8px;
  color: #999999;
}

body {
  font-family: 'Source Sans Pro', sans-serif;
  background-color: #fff;
  font-size: 19.8px;
  line-height: 32.4px;
  font-weight: 400;
  color: #090909;
}

a {
  color: #090909;
  text-decoration: none;
}

a:hover {
  color: #999999;
  text-decoration: none;
}

h1, h2 {
  font-size: 59.4px;
  line-height: 72px;
  /*text-transform: uppercase;*/
  font-weight: 700;
  margin-bottom: 38px;
  letter-spacing: 2px;
}
h1:last-child, h2:last-child {
  /*margin-bottom: 5px;*/
}

h3 {
  font-size: 38.7px;
  line-height: 54px;
  /*text-transform: uppercase;*/
  font-weight: 600;
  margin-bottom: 32px;
  letter-spacing: 4px;
}
h3:last-child {
  /*margin-bottom: 5px;*/
}

strong {
  font-weight: 600;
  letter-spacing: 0.2px;
}

div.ce-bodytext p {
  margin-bottom: 27px;
}
div.ce-bodytext p:last-child {
  margin-bottom: 0px;
}

p {
  margin-bottom: 27px;
  letter-spacing: 2px;
}

ul li {
  letter-spacing: 2px;
}

div.frame-type-text {
  margin-bottom: 63px;
}

.banner {
  display: block;
  	               /*
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    */
}

.img-bg-container {
  background-position: center center;
  background-size: auto;
}

img.img-fluid {
  width: 100%;
}

.banner-s {
  overflow: hidden;
  height: 150px;
}

.banner-m {
  overflow: hidden;
  height: 300px;
}

.banner-l {
  overflow: hidden;
  height: 450px;
}

.banner-xl {
  overflow: hidden;
  height: 800px;
}

.banner-max {
  overflow: hidden;
}

hr {
  border-top: 2px solid #626262;
}

/* Menu */
.container-menu .col-md-12 {
  text-align: center;
}

div.no-padding {
  padding: 0 !important;
}

div.no-padding div.col-md-12 {
  padding-left: 0px;
  padding-right: 0px;
}

.img-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.container {
  padding-top: 63px;
  padding-bottom: 63px;
}
@media (max-width: 575.98px) {
  div.container {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}

div.container-fluid {
  padding-top: 63px;
  padding-bottom: 63px;
}
@media (max-width: 575.98px) {
  div.container-fluid {
    padding-top: 35px;
    padding-bottom: 35px;
  }
}
div.container-fluid div.container {
  padding-top: 0px;
  padding-bottom: 0px;
}

div.container, div.container-fluid {
    /*
	*:first-child {
		margin-top: 0;
	}
	*:last-child{
		margin-top: 0;
	}
    */
}
div.container p:last-child, div.container div.frame-type-text:last-child, div.container-fluid p:last-child, div.container-fluid div.frame-type-text:last-child {
  margin-bottom: 0;
}
div.container div.frame-layout-1 p, div.container div.frame-layout-2 p, div.container-fluid div.frame-layout-1 p, div.container-fluid div.frame-layout-2 p {
  margin-bottom: 18px;
}
div.container div.ce-bodytext *:last-child, div.container-fluid div.ce-bodytext *:last-child {
  margin-bottom: 0;
}
div.container div.ce-bodytext ul, div.container-fluid div.ce-bodytext ul {
  text-align: center;
}
div.container div.ce-bodytext ul li, div.container-fluid div.ce-bodytext ul li {
  list-style: inside;
}

div.container-content {
  /*
  div.container {
      width: 965px;
  }
  */
}

div.container-header {
  background-color: #ffffff;
}
div.container-header #c81 p, div.container-header #c1084 p {
  font-size: 60px;
  line-height: 72px;
  font-weight: 600;
  letter-spacing: 3px;
}

div.standard-margin-bottom {
  margin-bottom: 54px;
}

div.space-standard {
  padding-top: 54px;
  padding-bottom: 54px;
}

div.space-xl {
  padding: 81px 0;
}

div.space-l {
  padding: 54px 0;
}

div.space-m {
  padding: 27px 0;
}

div.space-s {
  padding: 13.5px 0;
}

div.space-xs {
  padding: 6.75px 0;
}

div.frame-space-after-extra-large {
  padding-bottom: 81px;
}

div.frame-space-after-large {
  padding-bottom: 54px;
}

div.frame-space-after-medium {
  padding-bottom: 27px;
}

div.frame-space-after-small {
  padding-bottom: 13.5px;
}

div.frame-space-after-extra-small {
  padding-bottom: 6.75px;
}

div.frame-space-before-extra-large {
  padding-top: 81px;
}

div.frame-space-before-large {
  padding-top: 54px;
}

div.frame-space-before-medium {
  padding-top: 27px;
}

div.frame-space-before-small {
  padding-top: 13.5px;
}

div.frame-space-before-extra-small {
  padding-top: 6.75px;
}

span.tab-m {
  display: inline-block;
  width: 50px;
}

/* CE Margin */
div.ce-margin {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* CE Banner Text */
div.banner-text {
  position: absolute;
  width: auto;
  left: 60px;
  bottom: 120px;
}

div.banner-text p {
  width: auto;
  background-color: black;
  color: white;
  padding: 4px;
  margin-bottom: 10px;
}

/* Bilder 2 Spalten */
div.ce-column {
  margin-right: 0px;
}

div.ce-row div.col-xs-6, div.ce-row div.col-sm-6 {
  /*	padding-left: 7.5px;
      padding-right: 7.5px;*/
  padding-left: 2.5px;
  padding-right: 2.5px;
}

div.ce-row {
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
}

div.cycle-pager {
  position: relative;
  top: 30px;
  width: 100%;
  height: auto;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}

div.cycle-pager span {
  line-height: auto;
  font-size: 60px;
  padding-left: 6px;
  padding-right: 6px;
  cursor: pointer;
  color: #999999;
}
div.cycle-pager span.cycle-pager-active {
  color: #090909;
}

div.banner img.img-responsive, div.cycle-slideshow img.img-responsive {
  width: 100%;
}

div.slideshow-caption {
  height: 36px;
  padding-top: 30px;
  font-weight: 600;
}

/* Google Maps */
div.sp-maps-outer {
  overflow: hidden;
  height: 600px;
  width: 800px;
}

div.sp-maps-inner {
  height: 600px;
  width: 800px;
}

div.stopper-probetraining {
  display: none;
}

div.parallax-window {
  background: transparent;
}

div.parallax-mirror {
  z-index: 1;
}

/* Disable prevent clicks when Menu is open */
#mm-blocking {
  display: none;
}

/* Top Link */
a.goTop {
  position: fixed;
  display: none;
  z-index: 10000;
  bottom: 20px;
  right: 17px;
  text-align: center;
  cursor: pointer;
}
a.goTop img {
  opacity: 0.5;
}

#brim-treadmill {
  display: none;
}

/* Stoerer */
div.stopper-circle {
  position: fixed;
  z-index: 99999;
  display: inline-block;
  background-color: #448600;
  width: 200px;
  height: 200px;
  top: 290px;
  right: 20px;
  /*    border: 1px solid black;*/
  border-radius: 100px;
  color: white;
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  /* W3C */
  display: box;
  box-pack: center;
  box-align: center;
  text-align: center;
}
div.stopper-circle span.stoerer_1 {
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: 3.2px;
}
div.stopper-circle span.stoerer_2 {
  font-size: 22.4px;
  line-height: 36px;
  font-weight: 400;
  letter-spacing: 0.8px;
}

div.stopper-circle span {
  vertical-align: middle;
}

div.stopper-circle a {
  color: white;
  text-decoration: none;
}

/* PERMANENT */
#c805 {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* Oeffnungszeiten */
/* Layout */
div.frame-layout-1, div.frame-layout-2 {
  position: absolute;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
div.frame-layout-1 p, div.frame-layout-2 p {
  font-weight: 400;
  font-size: 22.5px;
  line-height: 28.8px;
  color: #999999;
  padding-top: 18px;
  margin-bottom: 18px;
}

/* Text: Submenu (hell) */
div.frame-layout-1 p {
  color: #090909;
}
div.frame-layout-1 p a {
  color: #090909;
}

#c1041 h3, #c1042 h3, #c1043 h3, #c1044 h3 {
  cursor: pointer;
}

#c1039, #c1040, #c1045, #c1046 {
  display: none;
}

/* Mobile */
@media (max-width: 575.98px) {
  body {
    font-size: 15px;
    line-height: 27.5px;
  }

  div.container-fluid {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  div.container-fluid div.container {
    /*padding-left: 0;
    padding-right: 0;*/
  }
  div.container-fluid div.container div.col-12 {
            /*
            padding-left: 0;
            padding-right: 0;
            margin-left: 0 !important;
		    margin-right: 0 !important;
            */
  }

  div.container div.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  div.container div.col-md-6:last-child {
    margin-top: 35px;
  }

  div.slideshow-caption {
    display: inline-flex;
    padding-top: 11px;
    height: 60px;
  }

  div.frame-type-text {
    margin-bottom: 31.5px;
  }

  /* CSS max-width: 767px */
  #menu {
    display: none !important;
  }

  #mm-open {
    display: block;
  }

  #mm-menu-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 85px;
    background-color: white;
    z-index: 5000;
    width: 100vw;
  }

  #c81, #c1084 {
    display: none;
  }

  div.stopper-circle {
    top: initial;
    bottom: 5px;
    right: 5px;
    width: 120px;
    height: 120px;
    font-size: 70%;
  }

  div.stopper-circle p {
    line-height: 95%;
  }

  h1, h2 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  h1 br, h2 br {
    display: none;
  }
}
@media (max-width: 575.98px) and (max-width: 575.98px) {
  h1, h2 {
    font-size: 33px;
    line-height: 40px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  h3 {
    font-size: 21.5px;
    line-height: 30px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (max-width: 575.98px) {
  p {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .banner-s {
    height: 60vw;
  }

  .banner-m {
    height: 60vw;
  }

  .banner-l {
    height: 60vw;
  }

  .banner-xl {
    height: 70vw;
    background-size: contain;
  }

  /* Picture 2 cols */
  div.ce-row div.col-xs-6, div.ce-row div.col-sm-6 {
    /*	padding-left: 7.5px;
        padding-right: 7.5px;*/
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  div.ce-column {
    margin-right: 0px;
  }

  div.ce-row {
    margin-bottom: 5px;
  }

  div.standard-margin-bottom {
    margin-bottom: 12px;
  }

  div.space-standard {
    padding: 24px 0;
  }

  div.space-xl {
    padding: calc($space-xl*$mobile-space-factor) 0;
  }

  div.space-l {
    padding: calc($space-l*$mobile-space-factor) 0;
  }

  div.space-m {
    padding: calc($space-m*$mobile-space-factor) 0;
  }

  div.space-s {
    padding: calc($space-s*$mobile-space-factor) 0;
  }

  div.space-xs {
    padding: calc($space-xs*$mobile-space-factor) 0;
  }

  div.frame-space-after-extra-large {
    margin-bottom: 16.2px;
    padding-bottom: 16.2px;
  }

  div.frame-space-after-large {
    margin-bottom: 10.8px;
    padding-bottom: 10.8px;
  }

  div.frame-space-after-medium {
    margin-bottom: 5.4px;
    padding-bottom: 5.4px;
  }

  div.frame-space-after-small {
    margin-bottom: 2.7px;
    padding-bottom: 2.7px;
  }

  div.frame-space-after-extra-small {
    margin-bottom: 1.35px;
    padding-bottom: 1.35px;
  }

  div.frame-space-before-extra-large {
    margin-top: 1.35px;
    padding-top: 1.35px;
  }

  div.frame-space-before-large {
    margin-top: 10.8px;
    padding-top: 10.8px;
  }

  div.frame-space-before-medium {
    margin-top: 5.4px;
    padding-top: 5.4px;
  }

  div.frame-space-before-small {
    margin-top: 2.7px;
    padding-top: 2.7px;
  }

  div.frame-space-before-extra-small {
    margin-top: 1.35px;
    padding-top: 1.35px;
  }

  div.standard-margin-bottom {
    margin-bottom: 15px;
  }

  div.grid-submenu {
    background-color: #999999;
  }
  div.grid-submenu div.ce-bodytext ul li {
    width: 100%;
  }

  div.grid-brown-dark-needles, div.grid-brown-light-needles, div.grid-white-needles {
    background-image: none;
  }

  .align-center {
    float: left;
    text-align: left !important;
  }

  /* Footer */
  #c805 h2 {
    font-size: 20px;
  }
  #c805 div.col-md-6:last-child {
    margin-top: 0px;
  }

  /* Logo Korrektur */
  div.js-map {
    height: 250px !important;
  }

  div.video-js {
    height: 216px !important;
  }

  input[type='text'], input[type='email'], input[type='button'], input[type='submit'], textarea {
    width: 80%;
    font-size: 20px;
  }

  div.csc-mailform input.submit {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    background: black;
    border: none;
    text-transform: uppercase;
  }

  ::-webkit-input-placeholder {
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  :-ms-input-placeholder {
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  /* RTE */
  span.textstil-schwarz-1 {
    font-size: 22px;
    line-height: 30px;
  }

  span.textstil-schwarz-2 {
    font-size: 14px;
  }

  span.textstil-weiss-1 {
    font-size: 22px;
    line-height: 30px;
  }

  span.textstil-weiss-2 {
    font-size: 14px;
  }

  span.textstil-rot-1 {
    font-size: 22px;
    line-height: 30px;
  }

  /* RTE */
  span.textstil-1 {
    font-size: 20px;
    line-height: 25px;
  }

  span.textstil-2 {
    font-size: 20px;
    line-height: 25px;
  }

  div.stopper-probetraining {
    position: absolute;
    z-index: 1000;
    margin-top: 100px;
    width: 100%;
    display: inline-block;
    background-color: #448600;
    text-align: center;
    padding: 8px 0 5px 0;
    height: 50px;
  }

  .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
    height: 70%;
  }

  div.container-content {
    margin-top: 77px;
  }

  div.cycle-slideshow img.cycle-slide {
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  div#c939 div.col-12 {
    margin-bottom: 30px;
  }
  div#c939 div.frame-type-dce_dceuid7 {
    display: none;
  }
}
@media (max-width: 575.98px) and (max-width: 575.98px) {
  div.frame-layout-1, div.frame-layout-2 {
    display: none;
  }
}
@media (max-width: 575.98px) {
  /* Portrait */
}
@media only screen and (max-width: 575.98px) and (orientation: portrait) {
  div.stopper-circle {
    display: none;
  }

  div.stopper-probetraining a {
    color: white;
    text-decoration: none;
    font-size: 22.5px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    font-weight: 700;
  }

  /* Top Link */
  a.goTop {
    display: none;
  }
}
@media (max-width: 575.98px) {
  /* Portrait */
}
@media only screen and (max-width: 575.98px) and (orientation: landscape) {
  div.stopper-circle {
    display: none;
  }

  div.stopper-probetraining a {
    color: white;
    text-decoration: none;
    font-size: 22.5px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    font-weight: 700;
  }

  /* Top Link */
  a.goTop {
    display: none;
  }
}
@media (max-width: 575.98px) {
  div.stopper-anmeldung {
    display: none;
  }

  span.highlight_1 {
    font-size: 26px;
    line-height: 34px;
  }
  span.highlight_1 br {
    /*display: none;*/
  }

  h2 {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  div.ce-center {
    text-align: left;
  }

  div.dce-zitat blockquote {
    font-size: 26px;
    line-height: 32px;
  }
  div.dce-zitat blockquote p br {
    display: none;
  }
  div.dce-zitat footer cite {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (max-width: 575.98px) and (min-width: 576px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  /* CSS min-width: 768px && max-width: 992px */
  body {
    font-size: 15px;
    line-height: 27.5px;
  }

  div.container-fluid {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  div.container-fluid div.container {
    /*padding-left: 0;
    padding-right: 0;*/
  }
  div.container-fluid div.container div.col-12 {
            /*
            padding-left: 0;
            padding-right: 0;
            margin-left: 0 !important;
		    margin-right: 0 !important;
            */
  }

  div.container div.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  div.container div.col-md-6:last-child {
    margin-top: 35px;
  }

  div.slideshow-caption {
    display: inline-flex;
    padding-top: 11px;
    height: 60px;
  }

  div.frame-type-text {
    margin-bottom: 31.5px;
  }

  /* CSS max-width: 767px */
  #menu {
    display: none !important;
  }

  #mm-open {
    display: block;
  }

  #mm-menu-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 85px;
    background-color: white;
    z-index: 5000;
    width: 100vw;
  }

  #c81, #c1084 {
    display: none;
  }

  div.stopper-circle {
    top: initial;
    bottom: 5px;
    right: 5px;
    width: 120px;
    height: 120px;
    font-size: 70%;
  }

  div.stopper-circle p {
    line-height: 95%;
  }

  h1, h2 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  h1 br, h2 br {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) and (max-width: 575.98px) {
  h1, h2 {
    font-size: 33px;
    line-height: 40px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  h3 {
    font-size: 21.5px;
    line-height: 30px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  p {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .banner-s {
    height: 60vw;
  }

  .banner-m {
    height: 60vw;
  }

  .banner-l {
    height: 60vw;
  }

  .banner-xl {
    height: 70vw;
    background-size: contain;
  }

  /* Picture 2 cols */
  div.ce-row div.col-xs-6, div.ce-row div.col-sm-6 {
    /*	padding-left: 7.5px;
        padding-right: 7.5px;*/
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  div.ce-column {
    margin-right: 0px;
  }

  div.ce-row {
    margin-bottom: 5px;
  }

  div.standard-margin-bottom {
    margin-bottom: 12px;
  }

  div.space-standard {
    padding: 24px 0;
  }

  div.space-xl {
    padding: calc($space-xl*$mobile-space-factor) 0;
  }

  div.space-l {
    padding: calc($space-l*$mobile-space-factor) 0;
  }

  div.space-m {
    padding: calc($space-m*$mobile-space-factor) 0;
  }

  div.space-s {
    padding: calc($space-s*$mobile-space-factor) 0;
  }

  div.space-xs {
    padding: calc($space-xs*$mobile-space-factor) 0;
  }

  div.frame-space-after-extra-large {
    margin-bottom: 16.2px;
    padding-bottom: 16.2px;
  }

  div.frame-space-after-large {
    margin-bottom: 10.8px;
    padding-bottom: 10.8px;
  }

  div.frame-space-after-medium {
    margin-bottom: 5.4px;
    padding-bottom: 5.4px;
  }

  div.frame-space-after-small {
    margin-bottom: 2.7px;
    padding-bottom: 2.7px;
  }

  div.frame-space-after-extra-small {
    margin-bottom: 1.35px;
    padding-bottom: 1.35px;
  }

  div.frame-space-before-extra-large {
    margin-top: 1.35px;
    padding-top: 1.35px;
  }

  div.frame-space-before-large {
    margin-top: 10.8px;
    padding-top: 10.8px;
  }

  div.frame-space-before-medium {
    margin-top: 5.4px;
    padding-top: 5.4px;
  }

  div.frame-space-before-small {
    margin-top: 2.7px;
    padding-top: 2.7px;
  }

  div.frame-space-before-extra-small {
    margin-top: 1.35px;
    padding-top: 1.35px;
  }

  div.standard-margin-bottom {
    margin-bottom: 15px;
  }

  div.grid-submenu {
    background-color: #999999;
  }
  div.grid-submenu div.ce-bodytext ul li {
    width: 100%;
  }

  div.grid-brown-dark-needles, div.grid-brown-light-needles, div.grid-white-needles {
    background-image: none;
  }

  .align-center {
    float: left;
    text-align: left !important;
  }

  /* Footer */
  #c805 h2 {
    font-size: 20px;
  }
  #c805 div.col-md-6:last-child {
    margin-top: 0px;
  }

  /* Logo Korrektur */
  div.js-map {
    height: 250px !important;
  }

  div.video-js {
    height: 216px !important;
  }

  input[type='text'], input[type='email'], input[type='button'], input[type='submit'], textarea {
    width: 80%;
    font-size: 20px;
  }

  div.csc-mailform input.submit {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    background: black;
    border: none;
    text-transform: uppercase;
  }

  ::-webkit-input-placeholder {
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  :-ms-input-placeholder {
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  /* RTE */
  span.textstil-schwarz-1 {
    font-size: 22px;
    line-height: 30px;
  }

  span.textstil-schwarz-2 {
    font-size: 14px;
  }

  span.textstil-weiss-1 {
    font-size: 22px;
    line-height: 30px;
  }

  span.textstil-weiss-2 {
    font-size: 14px;
  }

  span.textstil-rot-1 {
    font-size: 22px;
    line-height: 30px;
  }

  /* RTE */
  span.textstil-1 {
    font-size: 20px;
    line-height: 25px;
  }

  span.textstil-2 {
    font-size: 20px;
    line-height: 25px;
  }

  div.stopper-probetraining {
    position: absolute;
    z-index: 1000;
    margin-top: 100px;
    width: 100%;
    display: inline-block;
    background-color: #448600;
    text-align: center;
    padding: 8px 0 5px 0;
    height: 50px;
  }

  .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
    height: 70%;
  }

  div.container-content {
    margin-top: 77px;
  }

  div.cycle-slideshow img.cycle-slide {
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  div#c939 div.col-12 {
    margin-bottom: 30px;
  }
  div#c939 div.frame-type-dce_dceuid7 {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) and (max-width: 575.98px) {
  div.frame-layout-1, div.frame-layout-2 {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Portrait */
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) and (orientation: portrait) {
  div.stopper-circle {
    display: none;
  }

  div.stopper-probetraining a {
    color: white;
    text-decoration: none;
    font-size: 22.5px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    font-weight: 700;
  }

  /* Top Link */
  a.goTop {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  /* Portrait */
}
@media only screen and (min-width: 576px) and (max-width: 767.98px) and (orientation: landscape) {
  div.stopper-circle {
    display: none;
  }

  div.stopper-probetraining a {
    color: white;
    text-decoration: none;
    font-size: 22.5px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    font-weight: 700;
  }

  /* Top Link */
  a.goTop {
    display: none;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  div.stopper-anmeldung {
    display: none;
  }

  span.highlight_1 {
    font-size: 26px;
    line-height: 34px;
  }
  span.highlight_1 br {
    /*display: none;*/
  }

  h2 {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  div.ce-center {
    text-align: left;
  }

  div.dce-zitat blockquote {
    font-size: 26px;
    line-height: 32px;
  }
  div.dce-zitat blockquote p br {
    display: none;
  }
  div.dce-zitat footer cite {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) and (min-width: 576px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  /* CSS min-width: 993px && max-width: 1200px */
  /*
  #mm-menu {
        display: none !important;
  }
  
  
  nav#menu ul.menu li {
       padding: 0 10px;
  }
  
  #c81 {
  	
  }
  
  
  #c606 {
  
      background-size: 993px 530px;
  	div.ce-textpic {
  		padding-top: 100px;
  		background-color: rgba(255, 255, 255, 0.7);
  		border-radius: 50%;
  	
  		div.ce-bodytext {
  			
  			
  			h2 {
  				font-size: 22px;
  			}
  			
  			p {
  				font-size: 20px;
  			}
  		}
  	}
  	
  }
  
  body {
      font-size: 20px;
      line-height: 24px;
  }
  
  nav#menu ul.menu li a {
    font-size: 22px;
    line-height: 24px;
    letter-spacing: 0.1em;
  }
  
  
  div.grid-submenu a {
    font-size: 22px;
    letter-spacing: 0.1em;
  }
  
  h1,
  h2 {
    color: #977269;
    font-weight: 100;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    letter-spacing: 0.1em; 
  }
  
  
  div.stopper-circle {
  
    width: 400px;
    height: 250px;
    top: 140px;
    right: -350px;
  
  	div:nth-child(1) {
  		
  		span {
  
  			height: 209px;
  			width: 29px;
  			cursor: pointer;
  			}
  		
  	
  		width: 50px;
  	}
  	
  }
  
  div.grid-white-needles {
  	background-image: none;
  }
  */
  .banner-xl {
    height: auto;
  }

  body {
    font-size: 15px;
    line-height: 27.5px;
  }

  div.container-fluid {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  div.container-fluid div.container {
    /*padding-left: 0;
    padding-right: 0;*/
  }
  div.container-fluid div.container div.col-12 {
            /*
            padding-left: 0;
            padding-right: 0;
            margin-left: 0 !important;
		    margin-right: 0 !important;
            */
  }

  div.container div.row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  div.container div.col-md-6:last-child {
    margin-top: 35px;
  }

  div.slideshow-caption {
    display: inline-flex;
    padding-top: 11px;
    height: 60px;
  }

  div.frame-type-text {
    margin-bottom: 31.5px;
  }

  /* CSS max-width: 767px */
  #menu {
    display: none !important;
  }

  #mm-open {
    display: block;
  }

  #mm-menu-header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    height: 85px;
    background-color: white;
    z-index: 5000;
    width: 100vw;
  }

  #c81, #c1084 {
    display: none;
  }

  div.stopper-circle {
    top: initial;
    bottom: 5px;
    right: 5px;
    width: 120px;
    height: 120px;
    font-size: 70%;
  }

  div.stopper-circle p {
    line-height: 95%;
  }

  h1, h2 {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  h1 br, h2 br {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (max-width: 575.98px) {
  h1, h2 {
    font-size: 33px;
    line-height: 40px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  h3 {
    font-size: 21.5px;
    line-height: 30px;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  p {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  .banner-s {
    height: 60vw;
  }

  .banner-m {
    height: 60vw;
  }

  .banner-l {
    height: 60vw;
  }

  .banner-xl {
    height: 70vw;
    background-size: contain;
  }

  /* Picture 2 cols */
  div.ce-row div.col-xs-6, div.ce-row div.col-sm-6 {
    /*	padding-left: 7.5px;
        padding-right: 7.5px;*/
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  div.ce-column {
    margin-right: 0px;
  }

  div.ce-row {
    margin-bottom: 5px;
  }

  div.standard-margin-bottom {
    margin-bottom: 12px;
  }

  div.space-standard {
    padding: 24px 0;
  }

  div.space-xl {
    padding: calc($space-xl*$mobile-space-factor) 0;
  }

  div.space-l {
    padding: calc($space-l*$mobile-space-factor) 0;
  }

  div.space-m {
    padding: calc($space-m*$mobile-space-factor) 0;
  }

  div.space-s {
    padding: calc($space-s*$mobile-space-factor) 0;
  }

  div.space-xs {
    padding: calc($space-xs*$mobile-space-factor) 0;
  }

  div.frame-space-after-extra-large {
    margin-bottom: 16.2px;
    padding-bottom: 16.2px;
  }

  div.frame-space-after-large {
    margin-bottom: 10.8px;
    padding-bottom: 10.8px;
  }

  div.frame-space-after-medium {
    margin-bottom: 5.4px;
    padding-bottom: 5.4px;
  }

  div.frame-space-after-small {
    margin-bottom: 2.7px;
    padding-bottom: 2.7px;
  }

  div.frame-space-after-extra-small {
    margin-bottom: 1.35px;
    padding-bottom: 1.35px;
  }

  div.frame-space-before-extra-large {
    margin-top: 1.35px;
    padding-top: 1.35px;
  }

  div.frame-space-before-large {
    margin-top: 10.8px;
    padding-top: 10.8px;
  }

  div.frame-space-before-medium {
    margin-top: 5.4px;
    padding-top: 5.4px;
  }

  div.frame-space-before-small {
    margin-top: 2.7px;
    padding-top: 2.7px;
  }

  div.frame-space-before-extra-small {
    margin-top: 1.35px;
    padding-top: 1.35px;
  }

  div.standard-margin-bottom {
    margin-bottom: 15px;
  }

  div.grid-submenu {
    background-color: #999999;
  }
  div.grid-submenu div.ce-bodytext ul li {
    width: 100%;
  }

  div.grid-brown-dark-needles, div.grid-brown-light-needles, div.grid-white-needles {
    background-image: none;
  }

  .align-center {
    float: left;
    text-align: left !important;
  }

  /* Footer */
  #c805 h2 {
    font-size: 20px;
  }
  #c805 div.col-md-6:last-child {
    margin-top: 0px;
  }

  /* Logo Korrektur */
  div.js-map {
    height: 250px !important;
  }

  div.video-js {
    height: 216px !important;
  }

  input[type='text'], input[type='email'], input[type='button'], input[type='submit'], textarea {
    width: 80%;
    font-size: 20px;
  }

  div.csc-mailform input.submit {
    color: #fff;
    font-size: 14px;
    font-weight: 100;
    background: black;
    border: none;
    text-transform: uppercase;
  }

  ::-webkit-input-placeholder {
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  :-moz-placeholder {
    /* Firefox 18- */
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  ::-moz-placeholder {
    /* Firefox 19+ */
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  :-ms-input-placeholder {
    font-weight: 100;
    font-size: 21px;
    color: black;
    padding-top: initial;
    text-align: center;
    text-transform: uppercase;
  }

  /* RTE */
  span.textstil-schwarz-1 {
    font-size: 22px;
    line-height: 30px;
  }

  span.textstil-schwarz-2 {
    font-size: 14px;
  }

  span.textstil-weiss-1 {
    font-size: 22px;
    line-height: 30px;
  }

  span.textstil-weiss-2 {
    font-size: 14px;
  }

  span.textstil-rot-1 {
    font-size: 22px;
    line-height: 30px;
  }

  /* RTE */
  span.textstil-1 {
    font-size: 20px;
    line-height: 25px;
  }

  span.textstil-2 {
    font-size: 20px;
    line-height: 25px;
  }

  div.stopper-probetraining {
    position: absolute;
    z-index: 1000;
    margin-top: 100px;
    width: 100%;
    display: inline-block;
    background-color: #448600;
    text-align: center;
    padding: 8px 0 5px 0;
    height: 50px;
  }

  .mm-menu.mm-offcanvas.mm-bottom, .mm-menu.mm-offcanvas.mm-top {
    height: 70%;
  }

  div.container-content {
    margin-top: 77px;
  }

  div.cycle-slideshow img.cycle-slide {
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  div#c939 div.col-12 {
    margin-bottom: 30px;
  }
  div#c939 div.frame-type-dce_dceuid7 {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (max-width: 575.98px) {
  div.frame-layout-1, div.frame-layout-2 {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Portrait */
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  div.stopper-circle {
    display: none;
  }

  div.stopper-probetraining a {
    color: white;
    text-decoration: none;
    font-size: 22.5px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    font-weight: 700;
  }

  /* Top Link */
  a.goTop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  /* Portrait */
}
@media only screen and (min-width: 768px) and (max-width: 991.98px) and (orientation: landscape) {
  div.stopper-circle {
    display: none;
  }

  div.stopper-probetraining a {
    color: white;
    text-decoration: none;
    font-size: 22.5px;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    font-weight: 700;
  }

  /* Top Link */
  a.goTop {
    display: none;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  div.stopper-anmeldung {
    display: none;
  }

  span.highlight_1 {
    font-size: 26px;
    line-height: 34px;
  }
  span.highlight_1 br {
    /*display: none;*/
  }

  h2 {
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
  }

  div.ce-center {
    text-align: left;
  }

  div.dce-zitat blockquote {
    font-size: 26px;
    line-height: 32px;
  }
  div.dce-zitat blockquote p br {
    display: none;
  }
  div.dce-zitat footer cite {
    font-size: 14px;
    line-height: 22px;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) and (min-width: 576px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  /* CSS min-width: 1200px */
  #mm-menu {
    display: none !important;
  }

  .banner-xl {
    height: auto;
  }

  div.stopper-anmeldung {
    width: calc(323px*0.8);
    height: calc(287px*0.8);
    right: 10px;
  }

  nav#menu ul.menu li {
    float: left;
    padding: 0 8px;
  }

  span.highlight_1 br {
    display: none;
  }

  div.dce-zitat blockquote {
    font-size: 52px;
    line-height: 58px;
  }
  div.dce-zitat blockquote p br {
    display: none;
  }
}
/* CSS Document */
@media (max-width: 1350px) {
  div.stopper-anmeldung {
    position: absolute;
    top: 100px;
  }
}
@media (max-width: 1480px) {
  div.illu {
    display: none;
  }
}