/*

* Communication Concept - 2019

  blau #223D59 , rgba(34,61,89,1);
  rot  #e22f00
  
  break points: 660, 1100

 
*/

/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/raleway-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v17-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/raleway-v17-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v17-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v17-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v17-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v17-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v17-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-600 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/raleway-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v17-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-800 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/raleway-v17-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v17-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v17-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v17-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v17-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v17-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */
}

/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/raleway-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/raleway-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v17-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}



/* FONTS END */


body , html {
	min-height:100%;
	height:100%;
	width: 100%;
	margin:0px;
	padding:0px;
	background-color: #dddddd;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	line-height: 1.4;
	color: #223D59;
	-webkit-text-size-adjust: none;
}

html {
	font-size:100%;                                 /* Schriftgröße Fontsize */
}

.preloads {
  position:absolute;
  top:-1px;
  left:0px;
  width:1px;
  height:1px;
  overflow:hidden;
}

#console , #console2 {
  position:fixed;
  left:80px;
  top:120px;
  color:red;
  z-index: 2040;
  font-size:0.86rem;
  background-color:#FFFFFF;
}

#page { 
    position: relative;
    width: 100%;
    max-width:1100px;                            /* MAX WIDTH */
    /*
    min-height:100%;
    */
    margin: 0px;
    margin: 0 auto;
    overflow:hidden;
    border-left:0px dotted black;
    border-right:0px dotted black;
    background-color:#FFFFFF;
}

#top_area {                                     /* node 1 */
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
    width: 100% !important;
    width: 100%; 
    background-color: rgba(255,18,0,0);
    position:absolute;
    top:0px;
    left:0px;
    z-index:2999;
}
.vspacer-top-area {
    background-color: rgba(34,61,89,1); /* blau */
}

#logo_top {                                     /* node 2.1 */
  display:block;
  position:relative;
  background-image: url(../images/logo.svg);
  background-size:auto 100%;
  background-repeat:no-repeat;
  background-color: rgba(255,255,0,0); 
  cursor:pointer;
}

/* //////////////////////// AUSRICHTUNG, SPACER, CLEAR //////////////////////////////////////////////// */
.clear {
  clear:both;
}
.spacer-v-1, 
.spacer-v-1_0 {
  width:100%;
  clear:both;
  font-size:1px;
  color:transparent;
  height:1.0rem;
}
.spacer-v-1_5 {
  width:100%;
  clear:both;
  font-size:1px;
  color:transparent;
  height:1.5rem;
}
.spacer-v-1_8 {
  width:100%;
  clear:both;
  font-size:1px;
  color:transparent;
  height:1.8rem;
}
.spacer-v-2_0 {
  width:100%;
  clear:both;
  font-size:1px;
  color:transparent;
  height:2.0rem;
}
.spacer-v-2_5 {
  width:100%;
  clear:both;
  font-size:1px;
  color:transparent;
  height:2.5rem;
}
.spacer-v-0_5 {
  width:100%;
  clear:both;
  font-size:1px;
  color:transparent;
  height:0.48rem;
}

.spacer-v-block2 {  /* 2. Block, no flex */
  width:100%;
  clear:both;
  font-size:1px;
  color:transparent;
  height:9.6rem;
}

.centered {
  margin: 0 auto;
}

.hidden, 
.invisible {
  display:none !important;
  display:none;
} 

.mobile-only,
.tablet-only,
.desktop-only {
  display:none;
}

.anchor {
  position:relative;
  font-size:0px;
  color:transparent;
  display:block;
  overflow:hidden;
  height:1px;
}

.top_navitoggle_wrapper {               /* node 2.2 */
		position: relative;
		display:block;
		background-color: rgba(255,25,0,0);
}

.top_navitoggle_flex {                  /* node 2.2.1 */
		position: relative;
    height:100%;
    width:100%;
		display:flex;
		justify-content: center;
		align-items: center;
		background-color: rgba(120,0,0,0);

}

#top_navitoggle_button {               /* node 2.2.1.1 */  /* hamburger menue */
		width:3.4rem;
		height:3.4rem;
		max-width:42px;
		max-height:42px;
    position: relative;
    margin: 0px auto;
    background-image: url(../images/toggle-mobile.svg);
    background-size:100% auto;
    background-position:50% 50%;
    background-repeat:no-repeat;
    cursor: pointer;
    background-color: rgba(0,255,0,0);
}

#navi-source-outer {
  display:none;
}

.wrapper-topnavi {
	position:fixed;
	top:-1px;
	right:0px;
	display:block;
	height:1px;
  width:100%;
  z-index:3000;
	background-color:rgba(85,89,0,0);
}
#topnavi {
	position:relative;
	overflow:hidden;
  max-width:1100px;                            /* MAX WIDTH */
  margin: 0px;
  margin: 0 auto;
	display:flex;
	justify-content:flex-end;
}
.topnavi_bg {
	width:50%;
	background-color:rgba(34,61,89,0.7);
	min-height:100vh;
	border-top:1px solid transparent;
  background-size:100% auto;
  background-position:left top;
}
#topnavi_inner {
	display:block;
}
#top_naviclose_button {
	display:block;
	width:1.5rem;
	height:1.5rem;
  background-image: url(../images/close-navi.svg);
  background-size:100% auto;
  background-position:50% 50%;
  background-repeat:no-repeat;
}
#topnavi_inner a {
  position:relative;
  display:block;
  margin-top:0.4rem;
  margin-left:12%;
  color:#FFFFFF;
  font-size:1.6rem;
  font-weight:600;
  text-transform:uppercase;
}
#topnavi_inner a:first-child {
  margin-bottom:2.6rem;
}
#topnavi_inner a:last-child {
  margin-bottom:1.5rem;
}
.topnavi-start {
	max-height:1px;
}
.topnavi-open {
	min-height:100vh;
  animation-duration: 1000ms;
  animation-name: openTopNavi;
}
.topnavi-closed {
	max-height:1px;
  animation-duration: 400ms;
  animation-name: closeTopNavi;
}

@keyframes openTopNavi {
  0% {
      max-height:0px;
      min-height:0.1vh;
  }
  99% {
      max-height:1000px;
      min-height:99vh;
  }
  100% {
      max-height:unset;
      min-height:100vh;
  }
}
@keyframes closeTopNavi {
  0% {
      max-height:1000px;
  }
  100% {
      max-height:0px;
  }
}


.wrapper-layout-area {
    padding: 0px 0px 0px 0px;
    position:relative;
    overflow:visible;
}

.wrapper-area-left,
.wrapper-area-right {
    position:relative;
    float:left;
    width: 50%;
    background-color: rgba(255,34,120,0);
}

.wrapper-area-fullwidth {
    position:relative;
    float:left;
    width: 100%;
    background-color: rgba(255,34,120,0);
}

.wrapper-area-fullheight {
    /*  */
}

.area-border-left {
  border-left:1px solid #a7b2bd;
  width: calc(50% - 1px);
  margin-left:0px;
}

#section-3 {
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  height:525px;
}
#section-3 .fullsize {
  position:relative;
}

#section-3 .container-centered {
  display:flex;
  height:525px;
  align-items:center;
}

#section-4 .fullsize {
  width:78%;
  margin-left:11%;
  background-color: rgba(26,222,120,0);
}

#section-5 .fullsize, 
#section-7 .fullsize {
  display:flex;
  justify-content:stretch;
}
#section-5 .wrapper-area-left, 
#section-7 .wrapper-area-left {
  display:flex;
  justify-content:center;
  background-color: rgba(26,222,120,0);
}
#section-5 .container-left, 
#section-7 .container-left {
  display:flex;
  align-items:center;
  background-color: rgba(26,15,120,0);
}
#section-5 .wrapper-area-right, 
#section-7 .wrapper-area-right {
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

#section-6 .fullsize {
  display:flex;
  align-items:stretch;
}

#section-8 .fullsize {
  display:flex;
}

#section-6 .wrapper-area-left .text-block {
    width:72% !important;
    margin-bottom:8%;
    margin-top:10%;
}

#section-6 .text-block .red {
    display:block;
    margin-bottom:1.9rem;
}
  
#section-6 .wrapper-area-right {
    background-color:#efefef;
  }
  
  
#section_newAddress .text-block {
    margin-bottom:4%;
    margin-top:5%;
}

.image-footer {
    position: absolute;
    width:59%;
    padding-top:79%;
    bottom:0px;
    right:3%;
    background-size:contain;
    background-position:right bottom;
    background-repeat:no-repeat;
    background-color: rgba(26,222,120,0.0);
}

#section-1 .fullsize {
  width:calc(100% + 2px);
  background-color: rgba(255,34,120,0);
}


.quartered {
  display:block;
  float:left;
  width:calc(50% - 1px);
  padding-top:calc(50% - 1px);
  background-color:#65788b;   /* #223D59 = blue, #4f647b = highlight blue, #65788b = bg & border */
}
.quartered > div {
  width:calc(100% + 2px);
  margin-top:-100%;
}
.quartered > div > div {
  display:block;
  position:relative;
  float:left;
  width:calc(50% - 1px);
  padding-top:calc(50% - 2px);
  margin-bottom:1px;
  margin-left:1px;
  background-color:#223D59;
}
.quartered > div > div > div {
  position:relative;
  margin-top: -100%;
}
.quartered .sensitive {
  position:absolute;
  top:0px;
  left:0px;
  margin-top:0px;
  width:100%;
  height:100%;
  cursor:pointer;
  z-index:33;
  background-color: rgba(255,34,120,0);
}
.quartered .text {
  color:#FFFFFF;
  width:100%;
  display:block;
  text-align:center;
  background-color: rgba(255,34,120,0);
}
.quartered .text > h2 {
  font-size:100%;
  width:100%;
  text-transform:uppercase;
  color:#D57E00;              /* ORANGE */
}
.quartered .active .text > h2 {
  color:#FFCD00;              /* YELLOW */
}

.fullsize-overlay {
  position:absolute;
  display:none;
  top:0px;
  left:0px;
  width:100%;
  background-color: rgba(34,61,89,0.9);
  z-index:99;
}

.fullsize-overlay-open {
  position:absolute;
  display:block;
  z-index:99;
  overflow:hidden;
  max-height:unset;
  animation-duration: 1200ms;
  animation-name: openContent;
}
.fullsize-overlay .container-centered {
  color:#FFFFFF;
  display:block;
  float:left;
  position:relative;
  margin-top:3.2rem;
  margin-bottom:2.9rem;
  border-top:1px dotted transparent;
}
.fullsize-overlay .container-centered h2 {
  color:#FFCD00;              /* YELLOW */
  margin-top:0px;
}
.overlay-minheight-spacer {
  width:1px;
  display:block;
  float:left;
  position:relative;
}
.quartered .active {
  background-color:#4f647b;
}

.quartered .icon {
  width:40%;
  padding-top:40%;
  margin-left:30%;
  margin-top:12%;
  margin-bottom:4%;
  background-size:contain;
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-color: rgba(26,222,120,0);
}
.fullsize-overlay .icon {
  position:absolute;
  width:4.2rem;
  height:4.2rem;
  top:-0.9rem;
  left:-4.2rem;
  background-size:contain;
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-color: rgba(26,222,120,0);
}
.quartered .extended {
  display:none;
}
.quartered .btn-close,
.quartered .btn-open {
  display:none;
}


.btn-close, 
.btn-open {
  position:absolute;
  top:1rem;
  right:1.2rem;
  display:block;
  width:2.8rem;
  height:2.8rem;
  background-image: url(../images/close.svg);
  background-size:100% auto;
  background-position:50% 50%;
  max-height:42px;
  max-width:42px;
  background-repeat:no-repeat;
}
.btn-open {
  background-image: url(../images/open.svg);
  background-repeat:no-repeat;
}
.bg-white-gradient .btn-close {
  background-image: url(../images/close-blue.svg);
  background-repeat:no-repeat;
}
.btn-open-blue {
  position:absolute; 
  display:block;
  width:2.8rem;
  height:2.8rem;
  max-height:42px;
  max-width:42px;
  background-size:100% auto;
  background-position:50% 50%;
  background-image: url(../images/open-blue.svg);
  background-repeat:no-repeat;
}
.btn-close-blue {
  position:absolute; 
  display:block;
  width:2.8rem;
  height:2.8rem;
  max-height:42px;
  max-width:42px;
  background-size:100% auto;
  background-position:50% 50%;
  background-image: url(../images/close-blue.svg);
  background-repeat:no-repeat;
}
.teaser .btn-open-blue, 
.teaser .btn-close-blue {
  left:0px;
  bottom:0px;
}

.extended .btn-close-blue {
  top:0px;
  right:0px;
}

@keyframes openContent {
  0% { 
    max-height:1px;
  }
  100% { 
    max-height:1100px;
  }
}
@keyframes closeContent {
  0% { 
    max-height:1100px;
  }
  100% { 
    max-height:1px;
  }
}

.min-height-95 {
    padding-top:47%;
}

.min-height-90 {
    padding-top:42%;
}

.min-height-100 {
    padding-top:52%;
}

.container-left {
  width:75%;
  margin-left:23.2%;
  background-color: rgba(26,222,120,0);
}
.container-right {
  width:74%;
  margin-left:5%;
  background-color: rgba(26,222,120,0);
}
.container-centered {
  width:78.5%;
  margin-left:10.75%;
  background-color: rgba(26,222,120,0);
}
.container-centered-62 {
  width:62%;
  margin-left:10.75%;
  background-color: rgba(26,222,120,0.3);
}

.text-block-top-24 {
  margin-top:24.6%;
}
.fullsize-overlay .text-block {
  margin-top:12%;
  margin-bottom:12%;
}
.fix-border {
  border-top:1px solid transparent;
}

.has-understrike {
  /* see JS function arrangeElementsOnStart */
}

.article-outer {
  position:relative;
  background-color: rgba(80,102,120,0);
  min-height:40px;
  margin-top:9.4%;
}

.article {
  position:relative;
  background-color: rgba(80,102,120,0);
  margin:0px 15% 0px 6.2%;
  overflow:hidden;
}

.article-number {
  position:absolute;
  top:-0.14rem;
  left:-0.75rem;
  margin-left:-1px;
  width:1.5rem;
  height:1.3rem;
  font-family: 'Arial', sans-serif;
  font-size:0.8rem;
  font-weight:bolder;
  line-height:1.0;
  background-color:#FFFFFF;
  border-radius:0.2rem;
  border:1px solid #a7b2bd;
  display:flex;
  justify-content:center;
  align-items:center;
}

.article > ul {
  list-style-type: none;
  padding-left:0px;
  margin-left:0px;
}
.article > ul > li {
  padding-left:0.7rem;
  display:block;
  overflow:visible;
}
.article > ul > li:before {
  position:absolute;
  left:0px;
  content: '- ';
}

.wrapper-header-area,
.wrapper-header-area_contentpage {
  position:relative;
  overflow:hidden;
  background-color:#FFFFFF;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;  
}

/* //////////////////////////////////// neue Adresse ////////////////////// */
.stoerer-new-address {
  display:block;
  position:absolute;
  right:0px;
  bottom:5vw;
  z-index:999;
  height:134px;
  width:442px;
  background-color:#d37e00;
  border-top-left-radius:30px;
  border-bottom-left-radius:32px;
}
.stoerer-new-address > div {
  height:134px;
  width:442px;
  background-size:80% auto;
  background-position:50% 50%;
  background-image: url(../images/new-address.svg);
  background-repeat:no-repeat;
}
.map-desktop {
  background-size:100% auto;
  background-position:50% 50%;
  background-image: url(../images/lageplan.svg);
  background-repeat:no-repeat;
  padding-top:56.3%;
}
.map-mobile {
  background-size:170% auto;
  background-position:96% 60%;
  background-image: url(../images/lageplan.svg);
  background-repeat:no-repeat;
  padding-top:72.6%;
}
/* //////////////////////////////////// neue Adresse ////////////////////// */

.bg-mobile {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  display:none;
}
.toning {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:0;
  background-color: rgba(34,61,89,0.7);
}

.wrapper-header-content-absolute {
    position:absolute;
    top:13%;
    left:30.5%;
    z-index:900;
    width:39%;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    background-color: rgba(255,34,120,0);
}

.wrapper-header-content-text {
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    background-color: rgba(255,34,120,0);
    width:60%;
    height:100%;
    color:#FFFFFF;
    margin-left:11.7%;
}

.btns-permanent-mobile, 
.btns-permanent-mobile2 {
  display:none;
}

.bg-blue {
    background-color:#223D59;
}
.bg-white-gradient {
    background-color:#FFFFFF;
    background-image: linear-gradient(to top, #d3d8de 0px, #eff1f3 38px, #FFFFFF 80px);
}
.bg-grey {
    background-color:#efefef;
}

.vspacer-calc-minus {
  /*
  background-color:yellow;
  */
  width:100%;
  height:calc(100px - 10vw);
  min-height:1px;
  max-height:60px;
}

.vspacer-calc-plus {
  /*
  background-color: rgba(120,42,16,0.4);
  */
  width:100%;
  height:calc(1px + 9vw);
  min-height:1px;
  max-height:100px;
  border-top:0px dotted green;
}

.animated-splitter {
  height:1px;
  padding-top:0.12rem;
  margin-top:1.2rem;
  margin-bottom:1.2rem;
  background-color:#fcce01; /* #e22f00; */
  overflow:hidden;
  animation-duration: 800ms;
}

.animated-splitter span:nth-child(1) {
  display:block;
  width:33.33%;
  margin-top:-0.12rem;
  height:6px;
  float:left;
  background-color:#e22f00;
}

.animated-splitter span:nth-child(2) {
  display:block;
  width:33.33%;
  margin-top:-0.12rem;
  height:6px;
  float:left;
  background-color:#d67d07;
}

@media screen and (max-width: 660px) {
  .animated-splitter {
    width:45%;
    animation-name: animate-splitter__low;
  }
}

@media screen and (min-width: 661px) and (max-width: 1099px) {
  .animated-splitter {
    width:130px;
    animation-name: animate-splitter__mid;
  }
}
@media screen and (min-width: 1100px) {
  .animated-splitter {
    width:150px;
    animation-name: animate-splitter__high;
  }
}

@keyframes animate-splitter__low {
  0% { 
    width:0px;
  }
  40% { 
    width:0px;
  }
  100% { 
    width:45%; 
  }
}
@keyframes animate-splitter__mid {
  0% { 
    width:0px;
  }
  40% { 
    width:0px;
  }
  100% { 
    width:130px; 
  }
}
@keyframes animate-splitter__high {
  0% { 
    width:0px;
  }
  40% { 
    width:0px;
  }
  100% { 
    width:150px; 
  }
}

@keyframes fadeInUp_Start {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.flex-center {
  display:flex;
  align-items:center;
  justify-content: center;
  flex-wrap: wrap;
}

.flex-linebreak {
  height:1px;
  margin-top:-1px; 
  width:100%;
}

.flex-stretch {
  display:flex;
  align-items:stretch;
}

/* SLIDER */

#slider {
  width: 100%;
  overflow: hidden;
}
.slides {
  position: relative;
  margin: 0;
  padding: 0;
}
.slide {
  position: absolute;
  list-style-type: none;
  text-align: center;
  width: 100%;
  height: 30vw;
  top: 0;
  left: 0;
}
.slide .text-block {
  text-align:left;
}

.wrapper-slider-panel {
  display:flex;
  min-height:68px;
}
.wrapper-slider .article-outer {
  display:none;
}
.wrapper-slider .article {
  margin:0px;
}
.wrapper-slider .article-number {
  display:none;
}
.slider-panel {
  width:89%;
  margin-left:11%;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
}

.slider-headline {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  width: calc(100% - 6rem); 
}
.slider-controlls {
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
}
.slider-pagination {
  display:flex;
  height:100%;
  align-items:center;
  justify-content:center;
  width:3rem;
  font-family: 'Arial', sans-serif;
  font-size:0.8rem;
  background-color:#efefef;
}
.slider-arrows {
  display:flex;
  height:100%;
  align-items:stretch;
}
.slider-controlls a {
  display:flex;
  align-items:center;
  margin-left:2px;
  padding-left:1.4rem;
  padding-right:1.4rem;
  font-size:1.4rem;
  background-color:#223D59;
}

.slider-controlls a > span {
  width:1.0rem;
  height:100%;
  display:block;
  background-size:60% auto;
  background-position:50% 50%;
  background-repeat:no-repeat;
}

#sliderArrowLeft > span {
  background-image: url(../images/arrow-left-white.svg);
  background-repeat:no-repeat;
}
#sliderArrowLeft > span.active {
  background-image: url(../images/arrow-left-red.svg);
  background-repeat:no-repeat;
}
#sliderArrowRight > span {
  background-image: url(../images/arrow-right-white.svg);
  background-repeat:no-repeat;
}
#sliderArrowRight > span.active {
  background-image: url(../images/arrow-right-red.svg);
  background-repeat:no-repeat;
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  animation-duration: 900ms;
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  animation-duration: 900ms;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

/* references */

.wrapper-references {
  position:relative;
  width:100%;
}

.wrapper-references .teaser {
  display:flex;
  justify-content:stretch;
  width:100%;
}

.wrapper-references .teaser.row-reverse-1 {
  flex-direction: row-reverse;
}

.ref-left {
  width:50%;
  float:left;
}
.ref-left > .inner {
  position:relative;
  margin:42px 0px 36px 56px;
  width:calc(90% - 56px);
  float:left;
  background-color: rgba(239,19,45,0);
}
.ref-right {
  width:50%;
  float:left;
  background-size:cover;
  background-position:50% 50%;
  background-repeat:no-repeat;
  background-color: rgba(239,19,239,0);
}
.wrapper-references .extended {
  background-color: rgba(255,255,255,1);
  position:absolute;
  left:0px;
  top:0px;
  display:block;
  max-height:0px;
  overflow:hidden;
}
.wrapper-references .extended > .inner {
  position:relative;
  margin:42px 38px 36px 56px;
  width:calc(100% - 94px);
  float:left;
  background-color: rgba(239,19,45,0);
}

.reference-open .extended {
    max-height:8000px;
    border-bottom:1px solid #a7b2bd;
    animation-duration: 1200ms;
    animation-name: openContent;
  }
.reference-close .extended {
    max-height:0px;
    animation-duration: 500ms;
    animation-name: closeContent;
  }

.wrapper-references .extended .inner p {
  margin-bottom: 0.4rem !important;
  margin-top: 0px !important;
} 
.wrapper-references .extended .inner ul {
  margin-top: 0px !important; 
  margin-left: 0px;
  padding-left: 0px;   
  list-style-type: none;
}
.wrapper-references .extended .inner ul li {
	display:block;
	position: relative;
	width:calc(100% - 1.5rem);
	margin-left: 1.5rem;
	border:1px solid transparent;
	float:left;
}
.wrapper-references .extended .inner ul li:before {
	content:"\00B7";
	position: absolute;
	display:block;
	width:1.5rem;
	float:left;
	border:1px solid transparent;
	left:-1.5rem;
	top:-1px;
}

/* ////////////////////////////////////////// FONTS ///////////////////////// */
a, .link-telefon {
  text-decoration:none;
  color: rgba(239,239,239,0.9);
}

.red {
  color:#C33A32;
}

h1 {
  font-size: 2.3rem;
  line-height:1.2;
  font-weight: 400;
}

h2 {
  font-size: 2.8rem;
  margin-top:0px;
  margin-bottom:0.4rem;
  font-weight: 800;
  line-height:1.03;
  text-transform:uppercase;
}
.bg-blue h2 {
  color:#FFFFFF;
}

h3 {
  font-size: 1.8rem;
  margin-bottom:0.4rem;
  letter-spacing:0.02rem;
  font-weight: 800;
  line-height:1.03;
  text-transform:uppercase;
}
.article h3 {
  font-size: 1.04rem;
  margin-top:0px;
  margin-bottom:-0.5rem;
  letter-spacing:0.02rem;
  font-weight: 800;
  line-height:1.03;
  text-transform:uppercase;
  color:#e22f00;
}

h4 {
  font-size: 1.24rem;
  margin-top:0px;
  margin-bottom:1px;
  font-weight: 600;
  line-height:1.2;
  color:#e22f00;
  border-top:   0.3rem solid transparent;
  border-bottom:0.3rem solid transparent;
}

.text-normal , 
.text-block , 
.text-block p ,
.inner p, 
ul li {
	font-size:0.86rem !important;                             /* Schriftgröße Fontsize Schriftgröße Fontsize */
	line-height:1.7;
	font-weight:500;
	background-color: rgba(120,42,16,0);
}
.text-block-90 {
  width:96.5%;
}
.text-block-80 {
  width:84%;
}
.bg-blue .text-block {
  color:#FFFFFF;
}
.bg-blue .text-block p {
  opacity:0.92;
}

a.more {
  display:block;
  background-image: url(../images/arrow-right-red.svg);
  background-size:auto 55%;
  background-position:left 55%;
  background-repeat:no-repeat;
  margin-left:-0.6rem;
  margin-top:1.7rem;
  margin-bottom:2.5rem;
  padding-left:0.8rem;
  font-weight:700;
  font-size:99%;
}
.bg-white-gradient a.more {
  color:#223D59;
}

.font-taller {
  font-size:1.14rem;
  letter-spacing:0.06rem;
}

.grey-light {
  color:#a9a9ab;
}

.bolder {
  font-weight:500;
}

.smaller {
  font-size:82%;
}

/*  ////////////////////////////////////////////////////////////////////////  footer navigation */

.footer-navi {
  display:block;
  width:100%;
  background-color:#FFFFFF;
  padding-top:1rem;
  padding-bottom:1rem;
  text-align:center;
}
.footer-navi a {
  display:inline-block;
  color:#223D59; /* #223D59; */
  line-height:1.0;
  margin-left: 0.4rem;
  margin-right:0.4rem;
  padding-top:4px;
  padding-bottom:4px;
}


/* FORM */

.wrapper-form {
  width: calc(100% - 82px);
  margin-left:42px;
  margin-top:8%;
}
.form-headline {
  border-top:1px solid #bbbbbc;
  color:#a9a9ab;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.wrapper-radios {
  display:flex;
  flex-wrap:wrap;
  background-color:rgba(16,25,180,0);
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}
.wrapper-radios > div {
  margin-right:2rem;
}
.wrapper-radios div:last-child {
  margin-right:0px;
}

.fieldwrapper {
  position:relative;
  border-top:1px solid transparent;
  background-color:rgba(16,25,180,0);
}

.fieldwrapper > label {
  display:block;
  margin-left:22px;
  margin-top:0.9rem;
  margin-bottom:0.3rem;
  padding:0px;
  line-height:1;
  font-weight:600;
  background-color:rgba(16,25,180,0);
}

.input {
	width: calc(100% - 22px);
	border-width:0px;
	border-style:none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-focus-ring-color: none;
  -webkit-border-radius:0;
  outline:none;
	outline-style:none;
	box-shadow:none;
  margin:0px;
  margin-left:22px;
  padding:0px;
  line-height:1;
	color:#223D59;
	background-color:transparent;
	float:left;
}

textarea.input {
	width: calc(100% - 1px);
	min-height: 115px;
	border-width:0px;
	border-style:none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-focus-ring-color: none;
  -webkit-border-radius:0;
  outline:none;
	outline-style:none;
	box-shadow:none;
  margin-top:1.5rem;
  margin-bottom:1.8rem;
  margin-left:0px;
  padding:1.0rem;
  padding-left:24px;
  font-family: 'Raleway', sans-serif;
  line-height:1;
	color:#223D59;
	background-color:#FFFFFF;
	float:left;
}

::placeholder { /* Firefox, Chrome, Opera */ 
    color: #939396; 
} 
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */ 
    color: #939396; 
} 
  
::-ms-input-placeholder { /* Microsoft Edge */ 
    color: #939396;
} 

.line-under {
  position:absolute;
  bottom:0px;
  width:100%;
  border-top:1px solid #bbbbbc;
  min-height:0.5rem;
}

.button {                     /*  siehe  -->  .accordion-btn  */
  display:flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -webkit-focus-ring-color: none;
  outline:none;
	outline-style:none;
	box-shadow:none;
  width:100%;
  min-height:3rem;
  line-height:1.0;
  border-width:0px;
  border-style:none;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  font-weight:600;
  background-color:#223D59;
  color:#FFFFFF;
  cursor:pointer;
}

.wrapper-acceptdsgvo {
  margin:1.0rem 0px 1.0rem 0px;
  padding-top:0.5rem;
  padding-bottom:0.5rem;
}

.radio {
  background-size:auto 0.86rem;
  background-position:0px 50%;
  background-repeat:no-repeat;
  background-color:rgba(16,25,180,0);
  padding-left:1.24rem;
  cursor:pointer;
}

.radio-large {
  height: 1.4rem;
  width: 1.4rem;
  background-size:auto 100%;
  padding-left:0px;
  margin-left:0.25rem;
  float:left;
}

.radio-large-text {
  /*
  width: calc(100% - 2.75rem);
  margin-left:1.0rem;
  */
  width: calc(100%);
  margin-left:0px;
  line-height:1.3;
  float:left;
}

.radio-large-text > p {
  display:inline !important;
  font-size:unset !important;
}

.radio-large-text > p > a {
  color:rgb(34, 61, 89);
}

.radio-0 {
  background-image: url(../images/radio-0.svg);
  background-repeat:no-repeat;
}
.radio-1 {
  background-image: url(../images/radio-1.svg);
  background-repeat:no-repeat;
}

.redmarked {
  animation-duration: 900ms;
  animation-name: mark_field;
}
textarea.redmarked {
  animation-duration: 900ms;
  animation-name: mark_area;
}


@keyframes mark_field {
  0% {
      background-color:#fad3d3;
  }
  50% {
      background-color:#fad3d3;
  }
  100% {
      background-color:#efefef;
  }
}

@keyframes mark_area {
  0% {
      background-color:#fad3d3;
  }
  50% {
      background-color:#fad3d3;
  }
  100% {
      background-color:#FFFFFF;
  }
}

/* ///////////////////////////////////////////// COOKIE accept //////// */
#coockie_notice {
  position:fixed;
  bottom:52px;
  left:0px;
  width:100%;
  z-index:901;
  display:none;
  padding:0px;
}
.wrapper-coockie-notice {
  position: relative;
  display:flex;
  width: 100%;
  max-width:1100px;                            /* MAX WIDTH */
  margin: 0 auto;
  background-color: rgba(0,0,0,0.7);
}

.wrapper-cookie-text {
  width:calc(100% - 328px);
  color:#FFFFFF;
  font-size:0.82rem;
  margin:1.1rem 0px 1.3rem 24px;
}

.wrapper-cookie-button {
  width:280px;
  display:flex;
  justify-content:flex-end;
  margin:1.3rem 24px 1.3rem 0px;
}

.cookie-button {
  width:200px;
  padding:0.2rem 0.4rem 0.2rem 0.6rem;
  min-height:42px;
  line-height:1.0;
  border-width:2px;
  border-color:#FFFFFF;
  color:#FFFFFF;
  font-weight:400;
  font-size:0.9rem;
  letter-spacing:0.03rem;
}

.icon_checkmark {
  display:inline-block;
  line-height:1.0;
  height:1.34rem;
  width:2.1rem; 
  margin-bottom:-0.32rem;
  background-image: url(../images/checkmark.svg);
  background-size: auto 60%; 
  background-position: right 50%; 
  background-repeat: no-repeat;
}

#cookie_links a {
  text-transform:uppercase;
}

#cookie_links a:after {
  content: '|';
  color: rgba(239,239,239,0.9);
  margin:0px 0.4rem 0px 0.4rem;
}
#cookie_links a:last-child:after {
  content: '';
  margin:0px 0px 0px 0px;
}

@media screen and (max-width: 660px) {
  .mobile-only {
    display:block;
  }
  #top_area {
    height:calc(12vw);
    position:fixed;
    z-index:1000;
  }
  .vspacer-top-area {
    height:calc(12vw);
  }
  #top_area.bg-opacity {
    background-color: rgba(34,61,89,0.7);
    animation-duration: 800ms;
    animation-name: fadeOpacity_up;
  }
  #top_area.bg-normal {
    background-color: rgba(34,61,89,0);
    animation-duration: 800ms;
    animation-name: fadeOpacity_down;
  }
  @keyframes fadeOpacity_up {
    0% {
      background-color: rgba(34,61,89,0);
    }
    100% {
      background-color: rgba(34,61,89,0.7);
    }
  }
  @keyframes fadeOpacity_down {
    0% {
      background-color: rgba(34,61,89,0.7);
    }
    100% {
      background-color: rgba(34,61,89,0);
    }
  }
  .wrapper-area-fullheight {
    min-height:calc(88vh);
    margin-top:calc(12vw);
  }
  #top_navitoggle_button {                          /* node 2.2.1.1 */  /* hamburger menue */
		width:2.4rem;
		height:2.4rem;
  }
  .btn-to-content {
    display:block;
		width:2.4rem;
		height:2.4rem;
    background-color: rgba(255,34,120,0);
    background-image: url(../images/button-down.svg);
    background-size:100% auto;
    background-repeat:no-repeat;
  }
  .mobile-buttons {
		display:block;
		width:2.4rem;
		height:2.4rem;
    background-size:100% auto;
    background-position:50% 50%;
    background-repeat:no-repeat;
  }
  .button-phone {
    background-image: url(../images/btn-phone.svg);
    background-repeat:no-repeat;
  }
  .button-email {
    background-image: url(../images/btn-email.svg);
    background-repeat:no-repeat;
  }
  #logo_top {
    height:38%;
    max-height:21px !important;
    width:60%; 
    margin-left:23px; 
  }
  .top_navitoggle_wrapper {
    height:100%;
    width:auto;
    margin-right:20px;
  }
  
  .topnavi_bg {
    width:100%;
  }
  #topnavi_inner {
    display:block;
    margin-left:0px !important;
    margin-top:calc(3.4vw - 0.2rem);
  }

  .wrapper-header-area {
    overflow:hidden;
    height:calc(100vh);
  }
  .wrapper-header-area_contentpage {
    overflow:hidden;
    height:calc(82vw);  
  }
  .wrapper-header-content-absolute {
    height:calc(100% - 40px);
    width: calc(100% - 40px);
    top:20px;
    left:20px;
  }
  .wrapper-header-content-text {
    width: calc(100% - 40px);
    margin-left:20px;
  }
  .btns-permanent-mobile {
    position: absolute;
    top: calc(86% - (100vw / 30));
    left:26%;
    width: 48%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color: rgba(255,34,120,0);
  }
  .btns-permanent-mobile2 {
    position: absolute;
    top: calc(97% - (100vw / 30));
    left:0px;
    width: 100%;
    z-index:901;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: rgba(255,34,120,0);
  }
  .header-text-mobile {
    padding:1.5rem 30px 1.6rem 22px;
    line-height:1.6; 
    background-color:#efefef;
  }
  .wrapper-header-area_contentpage .header-text-desktop {
    display:none;
  }
  .bg-mobile {
    display:block;
  }
  
  #mobile-img-5, 
  #mobile-img-7 {
    background-size:100% auto;
    background-position:50% 50%;
    background-repeat:no-repeat;
    padding-top:72%;
  }

  .wrapper-area-left,
  .wrapper-area-right {
    float:left;
    width: 100%;
    background-color: rgba(255,34,120,0);
  }
  
  .area-border-left {
    border-left:0px none;
    width: 100%;
    border-top:1px solid #223D59;
    margin-top: 1.5rem;
    margin-left: 0px;
    background-color: rgba(255,34,120,0);
  }
  .border-vertical {
    position:absolute;
    top:0px;
    left:calc(23px + 0.75rem);
    height:100%;
    border-left:1px solid #a7b2bd;
  }
  .container-left {
    width:calc(100% - 44px);
    margin-left:22px;
  }
  .container-centered {
    width:calc(100% - 46px);
    margin-left:22px;
  }
  .fullsize-overlay {
    display:none !important;
    display:none;
  }
  .min-height-90 {
    display:none;
  }
  
  .text-block,
  .text-block-90,
  .text-block-top-24 {
    background-color: rgba(255,34,120,0);
    margin-top:2.5rem;
    width:100% !important;
  }
  .margin-top-none {                  /* .text-block text pages */
    margin-top:calc(12vw - 1.0rem);
  }
  .article {
    margin:0px 24px 0px calc(24px + 2rem);
    background-color: rgba(255,34,120,0);
  } 
  .article-number {
    left:24px;
  }
  h2 {
    font-size: 2.6rem;
  } 
  a.more {
    margin-left:0px;
    padding-left:0.8rem;
  }
  
  #section-4 .fullsize {
    border-top:1px solid transparent;
    border-bottom:1px solid transparent;
    width: calc(100% - 44px);
    margin-left:22px;
  }
  
  .wrapper-slider-panel {
    display:block;
    min-height:unset;
    float:left;
    width:100%;
  }
  .slider-panel {
    width:100%;
    margin-left:0px;
    display:block;
    height:unset;
    float:left;
  }

  .slider-headline {
    display:block;
    float:left;
    width: calc(100% - 40px);
    margin-left:20px;
  }
  .slider-controlls {
    display:block;
    float:left;
    width:100%;
    height:3rem;
    border-top:4px solid transparent;
  }
  .slider-pagination {
    display:flex;
    float:left;
    width:calc(100% - (8rem + 4px));
    background-color:#223D59;
    color:#FFFFFF;
  }
  .slider-arrows {
    display:block;
    float:right;
    width: calc(8rem + 4px);  
  }
  .slider-controlls a {
    display:block;
    float:left;
    margin-left:2px;
    padding-left:1.4rem;
    padding-right:1.4rem;
    font-size:1.4rem;
    background-color:#223D59;
    height:3rem;
    width:1.2rem;
    overflow:hidden;
  }
  .slide .text-block {
    margin-top:0px;
  }
  
  #section-5 .fullsize, 
  #section-7 .fullsize {
    display:block;
  }
  #section-5 .wrapper-area-left, 
  #section-7 .wrapper-area-left {
    display:block;
  }
  #section-5 .container-left, 
  #section-7 .container-left {
    display:block;
  }
  #section-5 .wrapper-area-right, 
  #section-7 .wrapper-area-right {
    display:none;
  }
  
  #section-6 .fullsize {
    display:block;
  }
  #section-6 .wrapper-area-left .text-block {
    width:72% !important;
    margin-bottom:8%;
  }
  
  #section-6 .wrapper-area-right {
    background-color:#efefef;
  }
  
  #section_newAddress .text-block {
    margin-bottom:8%;
    margin-top:10%;
  }
  
  .wrapper-form {
    width: calc(100% - 44px) !important;
    margin-left:22px;
  }
  
  .image-footer {
    position:absolute;
    width:50%;
    padding-top:50%;
    bottom:0px;
    right:4%;
    background-size: contain;
    background-position: right bottom;
  }
  
  .wrapper-customer-logos {
    width:calc(100% - 24px);
    margin-top:10%;
    margin-bottom:5%;
  }
  .customer-logos {
    width:calc(33.3% - 24px);
    padding-top:24%;
    margin:1px 12px 0px 12px;
  }
 
  .quartered {
    width:calc(100% - 2px);
    padding-top:unset;
  }
  .quartered > div {
    width:calc(100% + 2px);
    margin-top:unset;
  }
  .quartered > div > div {
    width:100%;
    padding-top:unset;
    margin-bottom:unset;
    margin-left:unset;
    background-color:#4f647b;
    border-bottom:4px solid #FFFFFF;
  }
  .quartered > div > div:first-child {
    border-top:4px solid #FFFFFF;
  }
  .quartered > div > div > div {
    margin-top:unset;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
  }
  .quartered .sensitive {
    display:none;
  }
  .quartered .text {
    float:left;
    width:calc(75% - 22px);
    margin-left:22px;
    text-align:left;
    background-color: rgba(255,45,12,0);
  }
  .quartered .text > h3 {
    margin-top:0px;
  }
  .quartered .icon {
    float:left;
    width:calc(25% - 22px);
    padding-top:40%;
    margin-left:22px;
    margin-top:unset;
    background-color: rgba(255,45,12,0);
  } 
  .quartered .extended {
    display:block;
    max-height:0px;
  }
  .quartered .text-extended {
    width:calc(100% - 44px);
    margin-left:22px;
    color:#FFFFFF;
  }
  .quartered .btn-close,
  .quartered .btn-open {
    display:block;
  }
  
  .quartered .extended-open {
    max-height:unset;
    animation-duration: 1200ms;
    animation-name: openContent;
  }
  .quartered .extended-close {
    max-height:0px;
    animation-duration: 500ms;
    animation-name: closeContent;
  }
 
  .ref-left {
    width:100%;
  } 
  .ref-right {
    display:none;
  } 
  .ref-left > .inner {
    margin:1.7rem 22px 1.6rem 22px;
    width:calc(100% - 44px);
    background-color: rgba(239,19,45,0);
  }
  .wrapper-references .extended > .inner {
    margin:1.7rem 22px 1.6rem 22px;
    width:calc(100% - 44px);
    background-color: rgba(239,19,45,0);
  }
  .extended-gradient {
    background-image: linear-gradient(to top, #d3d8de 0px, #eff1f3 38px, #FFFFFF 80px);
  }
  
  .stoerer-new-address {
    display:flex;
    right:unset;
    bottom:unset;
    height:unset;
    top:59.3vh;
    left:0px;
    width:100%;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
  }
  .stoerer-new-address > div {
    width:calc(100% - 44px);
    margin-left:22px;
    height:unset;
    padding-top:24%;
    border-top:   12px solid transparent;
    border-bottom:12px solid transparent;
    background-size: 100% auto;
  }
  
   
   /* ///////////////////////////////////////////// COOKIE accept //////// */
   .wrapper-coockie-notice {
      position: relative;
      display:flex;
      flex-wrap:wrap;
      justify-content:flex-start;
    }
   .wrapper-cookie-text {
       width:100%;
       font-size:0.9rem;
       margin:1.1rem 32px 1.3rem 22px;
   }
   .wrapper-cookie-button {
       width:100%;
       display:block;
       margin:0px 32px 1.3rem 22px;
   }
   .wrapper-cookie-button .centered {
       margin:unset;   
   }
   /* ///////////////////////////////////////////// COOKIE accept //////// */
}

@media screen and (max-width: 480px) {    /*  narrow desktop */

  .wrapper-header-content-absolute {
  
  }
  .wrapper-customer-logos {
    width:calc(100% - 24px);
    margin-top:25%;
    margin-bottom:5%;
  }
  .customer-logos {
    width:calc(50% - 24px);
    padding-top:24%;
    margin:3% 12px 3% 12px;
  }
  .quartered .text {
    width:calc(70% - 22px);
    padding:2.0rem 0px 2.0rem 0px;
  }
  .quartered .icon {
    width:calc(30% - 22px);
  }  
}

@media screen and (min-width: 661px) and (max-width: 1099px) {
  #top_area {
    height:calc(9.6vw);
  }
  .tablet-only {
    display:block;
  }
  .vspacer-top-area {
    height:calc(9.6vw);
  }
  #logo_top {
    height:21px;
    width:28%; 
    margin-left:28px; 
  }
  .top_navitoggle_wrapper {
    height:100%;
    width:auto;
    margin-right:32px;
  }
  .topnavi_bg {
    width:60%;
  }
  #topnavi_inner {
    display:block;
    margin-left:30px;
    margin-top:calc(3.5vw + 0.2rem);
  }
  #topnavi_inner a {
    margin-top:0.2rem;
    font-size:1.3rem;
  }
  #topnavi_inner a:first-child {
    margin-bottom:2.1rem;
  }
  .wrapper-header-area,
  .wrapper-header-area_contentpage {
    width:100%;
    height:calc(72vw);
  }
  .wrapper-header-content-absolute {
  
  }
  .wrapper-header-content-text {
    width:75%;
    margin-left:11.7%;
  }
  .wrapper-area-fullheight {
    min-height:calc(90.4vh);
  }
  .desktop-only {
    display:block;
  }
  .wrapper-customer-logos {
    width:84%;
    margin-top:10%;
    margin-bottom:5%;
  }
  .customer-logos {
    width:16.6%;
    padding-top:16.6%;
    margin:2% 4.2% 2% 4.2%;
  }
  .quartered .text {
    font-size:calc(1.6vw);
  }
  .image-footer {
    width:80%;
    padding-top:79%;
    bottom:0px;
    right:3%;
  }
  .btn-close {
    right:30px;
    top:21px;
  }
  .ref-left > .inner {
    margin:1.7rem 0px 1.6rem calc(5vw);
    width:calc(100% - 9vw);
    background-color: rgba(239,19,45,0);
  }
  .wrapper-references .extended > .inner {
    margin:1.7rem 0px 1.6rem calc(5vw);
    width:calc(100% - 5vw - 30px);
    background-color: rgba(239,19,45,0);
  }
}
@media screen and (min-width: 661px) and (max-width: 860px) {
  h2 {
    font-size:calc(100vw / 21);
  }
  .image-footer {
    width:calc(40vw);
    padding-top:100%;
    bottom:0px;
    right:3%;
  }
}
@media screen and (min-width: 1100px) {
  #top_area {
    height:120px;
  }
  .vspacer-top-area {
    height:120px;
  }
  #logo_top {
    height:21px;
    width:24%;
    margin-left:40px; 
  }
  .top_navitoggle_wrapper {
    height:44px;
    width:auto;
    margin-right:32px;
  }
  #topnavi_inner {
    display:block;
    margin-left:3.5rem;
    margin-top:54px;
  }
  .wrapper-header-area,
  .wrapper-header-area_contentpage {
    width:1100px;
    height:788px;
  }
  .wrapper-header-content-absolute {

  }
  .wrapper-area-fullheight {
    min-height:calc(100vh - 109px);
  }
  .desktop-only {
    display:block;
  }
  .wrapper-customer-logos {
    width:84%;
    margin-top:5%;
    margin-bottom:5%;
  }
  .customer-logos {
    width:16.6%;
    padding-top:16.6%;
    margin:1px 4.2% 1px 4.2%;
  }
  .btn-close {
    right:30px;
    top:21px;
  }
  .stoerer-new-address {
    bottom:112px;
  }
}


#spacer_full_height {
    background-color:transparent;
}


/*
//
//
// COMPOSER
//
//
*/

.selectize-control {
  margin-bottom: 2.0rem !important;
  margin-bottom: 2.0rem;
}


/* Infografiken in Referenzen - .extended - 2020-09-10 */

.wrapper-references .extended img {
  width:100%;
}

@media screen and (max-width: 860px) {
  .wrapper-references .extended img {
    display:none;
  }
}