/* Fix for mobile browsers: Mobile devices calc browser viewport as (top bar + document + bottom bar) = 100vh
Whole document is filled to the page using 100vh; see also customJS.js   */

:root {
 --doc-height: 100%;
 --smaller-xl: 1500px;
}

html{ 
	width: 100%; 
	position: relative; 
	height: 100vh; /* fallback for Js load */
	height: var(--doc-height);
	
}

em {
	font-style: italic;
}

a {
	color: inherit;
	text-decoration: none;
	position: relative;
}

a:hover {
	text-decoration: none;
}

a:not(.customHover)::before {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    transform: scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: transform 0.5s ease-in-out;
}

a:hover::before {
    transform: scaleX(1);
}

.customHover a::before {
	height: 0;
}

.abstand {
	height: 50px;
}

.ce_text p {
	line-height: 1.4em;
}

p {
	margin-bottom: 12px;
}

.mod_article.max1000 {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 5%;
}

.mod_article.articleBGWhite {
	background: #fff;
}

    
body {
	font-family:'new-zen', sans-serif;
	font-weight:300 !important;
	font-size:18px;
	position: relative; 
	overflow-x: hidden;
	width:100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch; 
	height: 100vh; /* fallback for Js load */
	height: var(--doc-height);
	background: rgba(204, 204, 204, 0.13)
    
}

body.bodyWhite {
	background: #fff;
}

body.noScroll {
	overflow-y: hidden;
}


strong, em, a {
	display: inline-block;
}

#main .inside {
	/*margin-top: 50px;*/
}

#main {
	float: none;
}

#wrapper {
	padding-bottom: 50px; 
	overflow-y:hidden;
	width: 100%;
}


.bgWhite {
	background: #fff;
	padding: 40px 80px;
	margin: 80px 0;
}

.folgeContent {
	    color: #000;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 100;
}

.mod_article {
	margin: 0 5%;
}

.txtBox,
.mod_article .txtBox{
	margin: 40px 60px;
}

.txtBox.boxLi {
	max-width: 1000px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
    padding-right: 5%;
}

.txtBox.chartGrid {
	margin-top: 0;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.txtBox.chartGrid .animatableTxt {
	width: 70%;
}

.txtBox h2 {
	margin-bottom: 15px;
	margin-bottom: 15px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3em;
    color: #30455d;
}

.txtBox p strong,
.boxRe p strong {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
}

.boxRe {
	margin: 40px 20px;
}

.txtBox p,
.boxRe p {
	color: #000;
	font-size: 1em;
	line-height: 1.6em;
	font-weight: 100;
}

.textBoxList {
	margin-top: 20px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	width: 100%;
}

li.animatableTxt,
animatableTxt{
	display: inline-block;
	
}


li.animatableTxt a,
.animatableTxt a {
	display: inline-block;
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.4em;
    font-size: 0.8em;
    color: rgba(48, 69, 93, 1.0);
    position: relative; /* This is necessary for the ::before pseudo-element to work */
  text-decoration: none; /* Remove the default underline */
  text-align: center;
}

li.animatableTxt a::before,
.animatableTxt a::before {
  content: "";
  position: absolute;
  bottom: -2px; /* Position the line 2px above the bottom of the link */
  left: 0%; /* Center the line horizontally */
  transform: scaleX(0); /* Initially scale the line to 0, so it's not visible */
  transform-origin: center; /* Set the transform origin to the center, so the line scales from the center */
  width: 100%; /* Make the line as wide as the link */
  height: 1px; /* Set the height of the line */
  background-color: currentColor; /* Use the current text color as the line color */
  transition: transform 0.5s ease-in-out; /* Add a transition to smoothly animate the line on hover */
}
/*
li.animatableTxt a:hover::before {
  transform: scaleX(1);
}
*/

.mod_article.homeEinleitung {
	background: #fff;
	margin-top:50px;
	margin-bottom:50px;
}
.flexImg .vegas-content .ce_image {
	transform: scale(1.4);
}

.flexContainer .txtBox.boxLi, .boxRe {
	width: 50%;
}

/*================ PURPOSE ================*/

.aniContent {
	margin-top: 0;
	margin-bottom: 0;
	padding-right: 0;
	width: 70%;
}
.homeEinleitungAni {
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.homeEinleitungAni.v2 {
	display: flex;
    width: 40%;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
}

.txtBox.boxLi.purpose {
	width: 50%;
}

.homeEinleitungAni svg {
    height: 80% !important;
    width: 70% !important
}

.homeEinleitungAni.v2 svg {
    height: auto !important;
    /*width: 80% !important;*/
}

.purposeWrapper {
	display: flex;
	justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    flex-direction: column-reverse;
}

.purposeWrapper.v2 {
	display: flex;
	justify-content: center;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
    flex-direction: row;
}

.purposeContentWrapper {
	width: 90%;
}

.purposeContentWrapper.v2 {
	width: 60%;
}

.purposeContentWrapper h2 {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3em;
    color: #30455d;
    margin-top: 0;
}

/*
.flexImgAni {
	width: 10%;
	height: auto;
	
	background-image: url(/files/images/icons/kpi/logoQuadratBlue.png);
	background-repeat:no-repeat;
	background-size: contain;
	background-position: center center;
}
*/


.purposeWrapperInner {
	display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 80px;
}

.purposeElement {
	display: flex;
    margin: 20px 0;
    margin-left: 40px;
    align-items: center;
    
}
.purposeElement svg {
	width: 300px;
}



.purposeHead {
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
}

.purposeCopy {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	width: 200px;
}

.mod_article.homeServicePakete {
	margin-left: 0;
	margin-right: 0;
}

.purposeTextWrapper {
    align-items: flex-start;
}


.homeServicePaketeWrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	background-image: url(/files/images/home/AdobeStock_276818517_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
	margin-bottom: 100px;
}

.homeServicePaketeImg {
	flex: 0 0 auto;
    width: 40%;
    
	
}

.ce_text.homeServicePaketeContent {
	width: 60%;
	background-color: #30455d;
	margin: 0;
	color: #fff;
	text-align: center;
}

.homeServicePaketeContent h2 {
	font-size: 4em;
    font-weight: 100;
    margin-bottom: 25px;
    margin-top: 40px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 1.2em;
}

.textBoxList.homeServicePakete {
	margin-bottom: 30px;
}
.textBoxList.homeServicePakete.mitDvBtn {
	flex-direction: column;
}
.textBoxList.homeServicePakete.mitDvBtn .animatableTxt a {
	width: 310px;
	color: #fff;
} 

.homeServicePaketeContent li {
	margin: 15px 0;
	font-size: 1.1em;
}

.homeServicePaketeContent li.animatableTxt a {
	color: #fff;
}

/*================ KPI ================*/

.kpi h2 {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.3em;
}
.kpiElement {
	width: 25%;
}

.kpiIcon {
	width: 100px;
	height: 100px;
	opacity: 1;
	    transform: translate(0px, 0px);
}

.kpiContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	margin: 30px 0 40px 0;
	padding-bottom: 60px;
	flex-wrap: wrap;
}

.kpiElementInner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.kpiElementInner svg {
	width: 150px;
	height: 150px;
}

.kpiElementHead {
	font-size: 30px;
	margin-top: 30px;
	color: #30455d;
}

.kpiElementSub {
	font-weight: 100;
}


/*================ CHARTS ================*/

.flexContainer.chartGrid {
	flex-direction: column;
	background: #fff;
	padding-top: 50px;
    padding-bottom: 50px;
	/*
	flex-wrap:wrap;
	
	justify-content: space-around;
	
		display: grid;
  grid-template-columns: repeat(auto-fill, 30%);
  justify-content: space-between;
  grid-gap: 20px;
  */
}

.chartGridContainerOuter {
	display: flex;
	justify-content: center;
}

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

.flexContainer .txtBox.chartGrid {
	width: auto !important;
}

.chartCanvas {
	position: relative; 
	margin: auto; 
	height: 400px; 
	width: 100%;
}

.chartCanvas.chartGrid {
	

  
	width: 30%;
	margin: 10px;
	/*
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    */
    background: #f8f8f8;
    opacity: 1;
    visibility: visible;
}

.canvasTitle {
	padding: 20px 0;
}

.expand, #closeChart {
	height: 20px;
	width: 20px;
	background-image: url(/files/images/sonstiges/expand.svg);
	background-size: cover;
	position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

#closeChart {
	height: 35px;
	width: 35px;
	background-image: url(/files/images/sonstiges/shrink.svg);
    top: 15px;
    right: 15px;
}

#chartsoverlay {
	height: 100vh;
    width: 100vw;
    background: rgba(48, 69, 93, 0.91);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 6000;
    opacity: 0;
    visibility: hidden;
}

.chartCanvas.ol {
	width: 90%;
	height: 90%;
	background: #fff;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.customLegend {
	
	position: absolute;
	bottom: 18px;
	left: 75px;
	
	
}

.customLegend ul {
	display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.customLegend ul li {
	display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 3px;
    cursor: pointer;
}

.customLegend ul li span {
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 5px;
}

.customLegend ul li p {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	margin: 0;
	padding: 0;
	color: rgba(48, 69, 93, 1.0);
	font-size: 14px;
}

.customLegend ul li.fadeLegend p {
	color: rgba(48, 69, 93, 0.5);
}

.customLegend ul li:last-child {
  padding-top: 10px;
  font-size: 10px;
  color: #000;
}
/*================ KEYFRAMES ================*/


@keyframes navContainer {
  0% {
    opacity: 0;
    background-size: 0% 100%;
  }
  
  100% {
    opacity: 1;
    background-size: 100% 100%;
  }
}

@keyframes rotate {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes letterSpacing {
  100% {
    opacity: 1;
    letter-spacing: 2px;
  }
}

@keyframes fade-in {
  100% {
    opacity: 1;
    filter: blur(0);
    transform: scale(1);
  }
}

@keyframes scale {
  100% {
    transform: scale(1);
  }
}

@keyframes wipe-enter {
	0% {
		transform: scale(0, .025);
	}
	50% {
		transform: scale(1, .025);
	}
}

@keyframes txt{
            from{
                opacity: 0;
                transform: perspective(500px) translate3d(-35px, -40px, -150px) rotate3d(1, -1, 0, 35deg);
            }
            to{
                opacity: 1;
                transform: perspective(500px) translate3d(0, 0, 0);
            }
        }

@keyframes paketImg {
  from { transform: translateX(-150%); }
  to { transform: translateX(-60%); }
}

/*================ MOBILE MENU ================*/


#navContainer {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	position: fixed;
    height: 100vh;
    width: 100%;
    background: linear-gradient(to left, rgba(47, 68, 93, 1.0), rgba(47, 68, 93, 1.0) 100%);
    /*background: url(/files/images/sonstiges/logoQuadrat.png), linear-gradient(to left, rgb(47 68 93 / 100%), rgb(47 68 93 / 100%) 100%);*/
    background-position: 50% 100%;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    opacity: 0;
    
}


#navContainer.open {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	animation: navContainer 0.7s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
	overflow-y: scroll;
	z-index: 4900;
}


#navContainer .inside {
	margin-top: 180px;
	margin-bottom: 50px;
	display: flex;
    justify-content: center;
}

.menu {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}
.menu li {
	
	margin: 12px 0;
	
}

.menu li.fadeIn {
	text-align: center;
	transform: scale(0.1);
    opacity: 0;
    filter: blur(10px);
    animation: fade-in 0.7s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.menu a,
.menu .active strong {
		-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	color: rgba(255, 255, 255, 0.37);
    font-size: 2.5em;
    font-weight: 100;
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
}

.menu a:hover,
.menu .active strong {
	text-decoration: none;
	color: rgba(255, 255, 255, 1.0);
}

#loadingContainer {
	position: fixed;
    height: 100vh;
    z-index: 10;
    width: 100%;
    background: #2a4963;
}

#loadingContainer .inside {
	display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index: 9999;
}



.rotor {
  animation: rotate 12s linear infinite;
}

.load-wrapp {
	margin-top: 30px;
}

.letter {
	padding: 0 10px;
	color: #fff;
	text-transform: uppercase;
    font-weight: 100;
    animation-name: loading;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}

.l-1 {
  animation-delay: 0.48s;
}
.l-2 {
  animation-delay: 0.6s;
}
.l-3 {
  animation-delay: 0.72s;
}
.l-4 {
  animation-delay: 0.84s;
}
.l-5 {
  animation-delay: 0.96s;
}
.l-6 {
  animation-delay: 1.08s;
}
.l-7 {
  animation-delay: 1.2s;
}

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

.line {
	width: 100%;
	height: 2px;
	background: #2a4963;
}

.line.sub {
	height: 1px;
	background: #fff;
	margin-bottom: 20px;
}

b, strong {
    font-weight: 500;
}


.jumpToContainer {
	margin-top: 50px;
}

#startContainer {
-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
position: relative;
	height: 100vh;
  height: var(--doc-height); 
  min-height: 500px;
  /*width: 100vw;*/
	/*background: rgb(208 209 20 / 85%);
	backdrop-filter: blur(165px) saturate(200%);
    -webkit-backdrop-filter: blur(16px) saturate(100%);
    background-color: rgb(153 220 10 / 46%);
    border: 1px solid rgb(255 255 255 / 31%);
    */
}

#startContainer > .inside {
	display: flex;
	justify-content: center;
}

.controls {
	position: absolute;
    bottom: 10px;
    display: flex;
    width: 100%;
    justify-content: center;
    padding: 0;
    z-index: 2;
}

.arrow {
	border: solid rgba(255, 255, 255, 0.5);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
}

.arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.controls li {
	display: flex;
	justify-content: center;
	align-items: center;
	
	font-size: 1.5em;
    border: 0.5px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    color: rgba(255, 255, 255,0.5);
    font-weight: 100;
    margin: 0 10px;
    cursor: pointer;
}

.controls li:hover .arrow {
	border: solid rgba(255, 255, 255,1.0);
	border-width: 0 2px 2px 0;
}

.vegas-content-scrollable {
	display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    
}
.vegas-content {
	width: 70%;
	margin-top: 40px;
}

.startContainerText {
	/*
	-webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    */
    
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 2.5em;
    line-height: 1.5;
    text-align: center;
    transform: scale(1);
    opacity: 1;
    text-transform: uppercase;
    
   /*
  filter: blur(0px);
  
  animation: fade-in 0.5s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
  */
  
}

.startContainerText p {
	margin-bottom: 0;
	hyphens: manual;
}

.ce_text.headerLinkContainer a.aButton {
	color: #fff;
	border: 1px solid rgba(255, 255, 255,0.0) ;
	white-space: nowrap;
	width: 235px;
    transition: background-size 0.5s ease, border 1s ease;
}

.ce_text.headerLinkContainer a.aButton.show {
	border: 1px solid rgba(255, 255, 255, 1.0) ;
	
}

.ce_text.headerLinkContainer a.aButton.wide300px {
	width: 250px;
}


.headerLinkContainer {
	margin-top: 40px;
	font-size: 0.8em;
}

.headerLinkContainer p {
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/*================ WELCOME ================*/

.flexContainer {
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	display: flex;
	flex-direction: row;
	/*width: 100%;*/
	background: #fff;
	margin-bottom: 50px;
}

.flexContainer.purpose {
	justify-content: space-evenly;
	align-items: center;
	margin-top: 50px;
}

.flexContainer .txtBox,
.flexContainer .flexImg {
	width: 100%;
}




.flexImg .vegas-content {
	width: 100%;
}

.vegas-content.animation {
	transform: scale(0.1) rotate(45deg);
    opacity: 0;
    filter: blur(10px);
    animation: fade-in 1s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@media (prefers-reduced-motion: no-preference) {
  .flexContainer h2.animation {
    animation: wipe-enter 1s 1;
  }
}


.flexImg .vegas-timer {
	display: none;
	/*
	background-image: url(/files/images/home/slider/JOE180508_559_Coquelicot_bearb.jpg);
  background-size: cover;
  */
}

.flexImg .vegas-content {
	margin: 0;
}

.flexImg .ce_image,
.flexImg2 .ce_image,
.flexImg2 {
	display: flex;
    justify-content: center;
    align-items: center;
}


/*================ FOOTER ================*/


.footer_container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

#footer-custom {
    
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background: #30455d;
    color: #fff;
    padding: 20px 30px 20px 30px;
    font-size: 0.9em;
    line-height: 1.5em;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#footer-custom a {
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	color: #fff;
	
}


.footerItem {
	flex-basis: auto;
    display: flex;
    flex-direction: column;
}

.footer_container ul {
	margin-bottom: 0;
}

.footerItem.withDate {
	flex-basis: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.footerItem.withDate p {
	margin-bottom: 0;
}

.socials {
	font-size: 3em;
	padding-right: 10px;
}

.footerIcon {
	margin-right: 10px;
}


/*================ LOGO ================*/

#logobereich, #logobereichSmall {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	overflow:visible;
	position: fixed;
    width: 100vw;
    z-index:5000;
    background-color: rgba(47, 68, 93, 0.0);
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.58);
	backdrop-filter: blur(0px) saturate(100%);
	-webkit-backdrop-filter: blur(0px) saturate(100%);
}

#logobereichSmall {
	
    background-color: rgba(47, 68, 93, 0.8);
    
    backdrop-filter: blur(10px) saturate(111%);
	-webkit-backdrop-filter: blur(50px) saturate(111%);
	

}

#logobereich.mobile {
	background-color: rgba(47, 68, 93, 1.0);
}

#logobereich .inside,
#logobereichSmall .inside{
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	display: flex;
	height:120px;
	align-items: center;
	justify-content: space-between;
}


#logobereichSmall .inside{
	height:70px;
}




.logo_img {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 1;
    cursor: pointer;
    width: 200px;
	text-align: center;
}

.logo_img.small {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    width: 120px;
}

.kundenPortal {
	display: none;
}
.headLeft {
	width: calc(100vw / 3);
	text-align: center;
	font-size: 0.7em;
	padding: 3px;
}

.headLeft ul {
	margin-bottom: 0;
}

.headLeft ul li {
	display: inline-block;
	padding: 3px;
}

.headLeft a {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	color: #fff;
}

.headLeft a:hover {
	text-decoration: none;
}

a.aButton {
	padding: 15px 25px;
    border: 0.5px solid rgba(255, 255, 255, 1.0);
    text-decoration: none;
    background: linear-gradient(to left, #2F445D, #2F445D 100%);
    background-position: 50% 100%;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    transition: background-size 0.5s ease, border-color 1s ease;
    
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
}

a.aButton.blue {
	border: 0.5px solid rgba(48, 69, 93, 1.0);
}

a.aButton:hover {
	text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  a.aButton:hover,
  .ce_text.headerLinkContainer a.aButton:hover{
	background-size: 100% 100%;
	border: 0.5px solid rgba(255, 255, 255, 0.0);
}
a.aButton.blue:hover {
	color: rgba(255, 255, 255, 1.0);
}
}


/*================ NAVIGATION ================*/


.hamburgerContainer {
		-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.fa-bars:before {
	font-size: 35px;
}
.mainNavIcon svg {
	height: 35px;
}

.headLeftInner {
	display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.headLeftInner.left {
	display: flex;
    justify-content: flex-end;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 2px;
}



.headLeftInner.left ul {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -1px;
}

.headLeftInner.left li {
	   
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #fff;
}

.toggle-menu {
  width: 50px;
}

.overlay {
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	visibility: hidden;
	position: absolute;
	opacity: 0;
	top: 0;
	left:0;
	height: 0;
	width: 100%;
	background-color: rgba(42, 73, 99, 0.98);
    z-index: 8;
	}
	
.overlay.ovVisible {
	visibility: visible;
	height: 100%;
	opacity: 1;
}

.tableVermarktung {
	margin-top: 40px;
}

.tableVermarktung.home {
	margin-top: 20px;
}

.tableVermarktung.home thead td:first-child,
.tableVermarktung.home thead th:first-child {
  border-radius: 10px 0 0 10px;
}

.tableVermarktung.home thead td:last-child,
.tableVermarktung.home thead th:last-child {
  border-radius: 0 10px 10px 0;
}

.tableVermarktung.home thead {
	background-color: #2F445D;
	font-family: 'Roboto', sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.3;
    font-size: 21px;
}

.tableVermarktung.home tbody:before {
    content:"@";
    display:block;
    line-height:30px;
    text-indent:-99999px;
}

.table thead th {
	border-bottom: none;
}

.tableVermarktung.home .table td, .tableVermarktung.home  .table th {
    border-top: none;
    padding-right: 40px;
}

.tableVermarktung.home .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(209, 232, 180, 0.21);
}

.table td, .table th {
	border-top: 1px solid #fff;
}

/*================ ÜBER UNS ================*/

.mod_article.smaller {
	margin: 0 auto;
	max-width: 1000px;
}

h2.sectionHead {
	font-size: 4em;
    font-weight: 100;
    color: #30455d;
    margin-bottom: 50px;
    margin-top: 80px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    line-height: 1.2em;
}

h3.sectionHead {
	font-family: 'Roboto', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    color: #30455d;
    line-height: 1.5em;
    margin: 0 0 40px 0;
    text-align: center;
}

.sectionContentWrapper {
	width: 100%;
}

.sectionContent {
	color: #000;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 300;
    margin-bottom: 30px;
}

.sectionContent.withIcon {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 40px;
}
.sectionContent.withIcon.withoutIcon {
	justify-content: center;
	margin-bottom: 0;
}

.sectionContent.withIcon.geschIdee {
	flex-direction: column;
}

.sectionContent.withIcon.rowReverse {
	flex-direction: row-reverse;
}

.sectionContentIcon {
	width: 20%;
    margin-right: 30px;
    display: flex;

}

.sectionContentIcon svg {
	width: 100%;
}

.sectionContentText {
	width: 80%;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.sectionContentText.geschIdee {
	width: 100%;
    align-items: center;
}

.sectionContentText p {
	line-height: 1.5em;
}

.sectionContent.ueberUnsCenter {
	text-align: center;
	border: 0.5px solid #30455d;
    padding: 30px;
    margin-bottom: 60px;
}

.sectionContent h2 {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 300;
    color: #30455d;
    line-height: 1.5em;
    margin: 0 0 20px 0;
}




.mod_article.hero {
	width: 100vw;
	height: 100vh;
	position: relative;
	margin: 0;
	background-image: url(/files/images/ueberUns/AdobeStock_536681592_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.76);
  background-blend-mode: multiply;
  background-position: center;
}

.mod_article.panelsWrapper {
	background: none;
	margin: 0;
	padding: 0;
	height: 100%;
}



.faktenPanel {
position:relative;
  width:100%;
  height:100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  	background: #30455d;

}

.faktenPanel#sec02 {
	
  align-items: flex-start;
  padding-top: 70px !important;

}

.faktenPanel.dunkel {
	background: #30455d;
    
}

.faktenPanel.dunkel h2 {
	font-size: 8em;
    font-weight: 100;
    color: rgba(255, 255, 255, 0.32);
    
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    
}

.fromLeft{
  position: relative;
  width: calc(100vw + 17px);
  /*margin-right: -17px;*/
  height: 0vh;
  padding: 0 60px;
  color: #000;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 100;
  overflow-y: hidden;
  background: #fff;
}

.fromLeft .ce_text {
	
    padding-top: 40px;
}


/*
.slidePanelWrapper {
	width: 100%;
  height: 100%; 
  position: relative;
  overflow: hidden;
}

.slidePanel {
	
	max-width: 100vw;
  min-height: calc(100vh + 1px);
   
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    font-size: 1.5em;
    text-align: center;
    color: white;
    position: relative;
    box-sizing: border-box;
    padding: 10px;
}

.heroContent.dunkel {
	background: #30455d;
}

.slidePanel.hell {
	background: #3b80c2;
}

h2.panelContent {
	font-size: 4em;
    font-weight: 100;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
}
*/
.panelContent p {
	color: #000;
    font-size: 1em;
    line-height: 1.6em;
    font-weight: 100;
}

.heroContentWrapper {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

.heroContent {
	/*
	max-width: 48rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	*/
	display: flex;
	height: 100dvh;
	flex-direction: row;
	justify-content: center;
   align-items: center;
}

.heroClaim {
	text-align: center;
	/*margin-top: 10%;*/
	position: absolute;
    top: 50%;
}

.heroClaim.withBtn {
	text-align: center;
	/*margin-top: 10%;*/
	position: absolute;
    top: 30%;
}
.heroClaim.produkte {
    top: 30%;
}
.heroClaim.produkte .produkteBtn {
    margin-top: 50px;
}
.produkteBtn a {
    width: 350px;
}

.heroClaim.dreizeilig {
    top: 45%;
}

.heroClaim h2 {
	font-size: 4em;
    font-weight: 100;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    margin-top: 0;
}

.heroClaim p {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 300;
    color: #fff;
    line-height: 1.5em;
}

.heroClaim p.heroSubHead {
	text-transform: none;
    letter-spacing: 2px;
    margin-top: 40px;
    margin-left: 20%;
    margin-right: 20%;
    line-height: 1.8em;
    
}

.qeBorder {
	height: 0.5px;
	width: 100%;
	background: #30455d;
}



.cd-h-timeline__event-content {
	text-align: center;
}

.cd-h-timeline__event-content strong {
	padding-top: 10px;
}

.js .cd-h-timeline__container {
	max-width: inherit;
}

.js .cd-h-timeline__event-title {
	font-family: 'Roboto', sans-serif;
	font-size: 2em;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 0;
	color: #30455d;
	letter-spacing: 2px;
}

.js .cd-h-timeline__date {
	font-weight: 500;
	font-size: 1em;
}

.js .cd-h-timeline__event-content {
	max-width: inherit;
}

.cd-h-timeline__event-description {
	font-weight: 400;
}

.text-component p {
	color: #000;
}

.js .cd-h-timeline__line {
	height: 5px;
}

.js .cd-h-timeline__date::after {
	bottom: -6px;
    height: 16px;
    width: 16px;
}

.timeline__event-description_elemnt i {
	padding-right: 10px;
	color: #30455d;
}

.timeline__event-description_elemnt svg {
	margin-right: 7px;
}


.gfWrapper {
	/*
  height: 90vmin;
  width: 90vmin;
  background: white;*/
  position: relative;
  overflow: hidden;

  /* Hide the app on load */
  visibility: hidden;
}

.gfGallery {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.gfGalleryItem {
  cursor: pointer;
  
  width: 23%;
  position: relative;
}
.dvAnsprech .gfGalleryItem {
  
  width: 18%;
}

.gfGalleryItemInfo {
	position: absolute;
	bottom: 0;
	width: 100%;
	background: #30455d;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 8px;
    color: #fff;
    height: 70px;
    font-family: 'Roboto', sans-serif;
}

.gfGalleryItemInfo p {
	margin-bottom: 0;
}

.gfGalleryItemInfo p.gfGalleryItemInfoTitle {
	font-size: 0.8em;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 6px;
}

.gfGalleryItemInfoSubTitle {
	font-size: 0.7em;
	font-weight: 400;
	text-align: center;
    line-height: 1.3em;
}

.gfGalleryItem img {
  width: 100%;
  height: auto;
}

.gfGalleryDetail {
  position: fixed;
  top: 10px;
  left: 50%;
  width: 65vmin;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  max-height: 100%;
  overflow: auto;
  z-index: 6000;
}

.gfGalleryDetail > img {
  position: relative;
  z-index: 9;
  width: 100%;
  height: auto;
}

.gfGalleryDetail .content {
  background: #232323;
  padding: 2rem 1.5rem;
  font-size: 0.9rem;
  box-sizing: border-box;
  flex-grow: 1;
  color: #fff;
}

.gfGalleryDetail .content > * {
 
}

.gfGalleryDetail .title {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 100;
   margin-bottom: 5px;
   line-height: 1.2;
}

.gfGalleryDetail .secondary {
  font-weight: 100;
   margin-bottom: 25px;
   line-height: 1.5;
}

.gfGalleryDetail .description {
  line-height: 1.5;
  font-weight: 300;
  color: lightgrey;
}

h3.sectionHead.vertrieb {
	margin-top: 80px;
	margin-bottom: 20px;
	color: #fff;
}

.kontaktVertrieb {
	display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    color: #30455d;
}

.kontaktVertrieb a {
	color: #30455d;
}

.gfGalleryItemInfo.prodAnsprech.vertrieb {
    height: 60px;
    margin-top: -5px;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: auto;
}

h4.sectionHead {
font-family: 'Roboto', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 400;
    color: #fff;
    line-height: 1.5em;
    margin: 40px 0 10px 0;
    text-align: center;
}



/*================ PRODUKTE ================*/
.mod_article.produkte {
	margin: 0;
}

/* neu*/
.mod_article.hero.produkte {
	
	background-image: inherit;
  background-size: inherit;
  background-color: inherit;
  background-blend-mode: inherit;
  background-position: inherit;
}

.mod_article.ansprechPartner {
	padding-bottom: 30px;
}

.prodHero {
	overflow:hidden;
	width:100%;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
}

.prodAniWrapper {
	display:flex;
	align-items:center;
	opacity:0;
	visibility: hidden;
	margin-bottom: 0;
}


.prodLogo {
	position:absolute;
	width:2000px;
	height:2000px;
	top: calc(50% - 1000px);
	left: calc(50% - 1000px);
	
	transform: scale(0.1);
	will-change: transform;
}

.heroClaim.produkte {
	/*margin-top: 200px;*/
	
}

.heroClaim p.heroSubHead.produkte {
	font-size: 0.9em;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 60px;
	max-width: 1000px;
}

.heroClaim p.heroSubHead.produkte strong {
	padding: 12px 0;
    font-family: 'Roboto',sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
}

h2.sectionHead.produkte {
	color: #fff;
	margin-top: 40px;
	text-align: left;
}

.mod_article.paketeWrapper {
	margin-left: 0;
	margin-right: 0;
}

.paketeWrapper.block {
	overflow: visible;
}



.paketeSection {
	padding-bottom: 0;
	padding-top: 0;
	position: relative;
	color: #fff;
	background: #30455d;
	margin-top: 80px;
}


.paketeLayers {
	width: 100%;
	position: relative;
	padding: 0;
}

.paketeContainer {
	width: 100%;

}

.dvAngebotBtnAbsPos.dvAngebotBtnAbsPosVisibility {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	
    opacity: 0;
    visibility: hidden;
}
.dvAngebotBtnAbsPos {
	position: absolute;
    bottom: 5px;
    right: 20px;
    cursor: pointer;
	transition: visibility opacity 2s ease-in-out;
    opacity: 1;
    visibility: visible;
    width: auto;
}

.paketeShrink {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	height: 30px;
    width: 30px;
    background-image: url(/files/images/sonstiges/paketeShrink.svg);
    background-size: cover;
    position: absolute;
    top: 25px;
    right: 10px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
}

.paketeShrink.toggle {
	transition: visibility opacity 2s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.paketItem {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	position: absolute;
	z-index: -1;
	height: 100%;
}

#main .inside.isClicked {
	overflow: visible;
}

.paketImage {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	flex: 0 0 auto;
    width: 25%;
    opacity: 0.8;
}

.paketImage.isClicked {
	transition: width opacity 1s ease-in-out;
    width: 40%;
    opacity: 1;
}


.maskIn {
	overflow: hidden;
	height: 100%;
	
	-moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition:  all 1s ease-out;
    
    width: 0%;
    
}

.maskIn.isHovered {
    transition: width  0.5s ease-in-out;
    width: 160%;
}

.maskIn.isClicked {
    transition: width 0.5s ease-in-out;
    width: 100%;
}

.maskOut {
	position: relative;
	height: 100%;
	
	
}

.maskOut img {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.paketContent {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	width: 60%;
	padding-left: 50px;
	margin-top: 0;
	opacity: 0;
	
	
}

.paketContent.isClicked {
	transition: opacity  margin-top 2s ease-in-out;
	opacity: 1;
	
	margin-top: 50px;
	
}

.paketContent_title {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 100;
    font-size: 2em;
    margin-bottom: 20px;
    line-height: 1.2em;
}

.paketContent_subTitle {
	font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1em;
    letter-spacing: 4px;
    margin-bottom: 20px;
    line-height: 1.5em;
}

.paketContent_copy {
    color: rgba(255, 255, 255, 0.8);
    font-size: 01em;
    line-height: 1.5em;
    margin-top: 20px;
    padding-right: 20px;
}

.paketContent_copy p {
	line-height: 1.5em;
}

.paketeListContainer {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	display: flex;
	flex-direction: row;
	width: 100vw;
	opacity: 1;
	visibility: visible;
	
}

.paketeListContainer.isClicked {
	transition: opacity visibility 0.5s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.paketeListCell {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: flex-start;
	padding: 40px 0 40px 0;
	margin-left: 20%;
}

.paketeListCellInner h3 {
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition:  all 0.5s ease-out;
	color: #fff;
	opacity: 0.8;
    cursor: pointer;
    padding: 10px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 1.3em;
}

.paketeListCellInner.dv h3::before,
.sectionContentText.dv.oneBox h4::before{
	content: '//';
	padding-right: 5px;
	font-weight: 600;
	color: #3a6fac;
}
.paketeListCell.paketeListCellDv {
	padding-top: 0;
}

.cellSub {
	margin-bottom: 0;
}

.paketeListCellInner h3 .cellSub {
	font-size: 0.8em;
}

.paketeListCellInner.isHovered h3 {
	transition: opacity 0.5s ease-in-out;
	opacity: 1;
    
}

.paketeListCellInner h3 strong {
	position: relative;
}

.paketeListCellInner h3 strong::before {
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0%;
    transform: scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: transform 0.5s ease-in-out;
    
}

.paketeListCellInner h3:hover strong::before {
transform: scaleX(1);
    
}

.prodAnsprechWrapper {
	position: relative;
    overflow: hidden;
}


h2.sectionHead.prodAnsprech {
	color: #30455d;
	margin-top: 80px;
}

p.gfGalleryItemInfoSubTitle.prodAnsprech {
	margin-bottom: 5px;
}

.gfGalleryItemInfoSubTitle.prodAnsprech a {
	color: #fff;
	text-decoration: none;
	position: relative;
}

.gfGalleryItemInfoSubTitle.prodAnsprech a:hover::before {
	transform: scaleX(1);
}

.gfGalleryItemInfoSubTitle.prodAnsprech a::before {
	content: "";
    position: absolute;
    bottom: -2px;
    left: 0%;
    transform: scaleX(0);
    transform-origin: center;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    transition: transform 0.5s ease-in-out;
}
.gfGalleryItemInfo.prodAnsprech {
	justify-content: flex-start;
	height: 100px;
	position: relative;
}

.gfGalleryItem.prodAnsprech {
	border: 0.5px solid rgba(255, 255, 255, 0.25);
	cursor: inherit;
	overflow: hidden;
}

.initialHide{
	opacity:0;
	visibility: hidden;
	will-change: transform;
}



.prodHeadings {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
}

.prodHeadings h2 {
	font-size: 4em;
    font-weight: 100;
    color: #fff;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    opacity: 1;
}

.prodHeadings p {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-size: 1em;
	font-weight: 300;
    color: #fff;
    line-height: 1.5em;
    text-align: center;
}

.prodContent {
	max-width: 1000px;
	margin: 0 auto;
}

.prodContent.produkt {
	overflow: visible;
	cursor: pointer;
}



.prodContent h2.sectionHead {
	color: #30455d;
	padding: 40px;
    line-height: 1.4em;
    font-size: 2em;
    background: linear-gradient(to left, #30455d, #30455d 100%);
    background-position: 50% 100%;
    background-size: 0% 100%;
    background-repeat: no-repeat;
    margin-bottom: 0;
}

.sectionContent.ueberUnsCenter h3 {
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	color: #30455d;
	margin: 20px 0;
}

.prodContent .sectionContentWrapper {
	overflow: hidden;
}

.paketeWrapper {
	margin-bottom: 50px;
}
.produkt-row {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    flex-direction: row;
    max-height: 200px;
    margin: 10px 0;
}

.produkt-row_left, .produkt-row_right{
	display: flex;
	align-items: center;
	width: 100%;
	z-index: 1;
}

.produkt-row_left {
	z-index: 2;
	flex: 1;
}

.produkt-row_right {
	z-index: 2;
	flex: 2;
}

.produkt-row_left_card {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	background: #3b80c2;
}

.produkt-row_icon {
	display: flex;
    flex-direction: column;
}

.produkt-row_icon svg {
	max-height: 170px;
}

.produkt-row_left_card .card-extension {
	position: absolute;
    left: 90%;
    top: 0;
    width: 100px;
    height: 100%;
    background: #3b80c2;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
}

.produkt-row_right_card {
	padding: 40px;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background: #30455d;
	color: #fff;
	justify-content: center;
	align-items: center;
}

.produkt-row_text_right {
    padding: 5px;
    font-family: 'Roboto', sans-serif;
}

.produkt-row_text_right_head {
	text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 10px;
    line-height: 1.3em;
}

.produkt-row_text_right_copy {
	text-align: center;
    font-weight: 300;
    font-size: 1em;
    line-height: 1.2em;
}

.produkt-row_text_left {
	opacity: 0;
	visibility: hidden;
	display: none;
}

.produktDetail {
  position: fixed;
  top: 10px;
  left: 50%;
  width: 65vmin;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  visibility: hidden;
  max-height: 100%;
  overflow: auto;
  z-index: 9;
}

.produktDetail .produktContent {
  background: #232323;
  padding: 2rem 1.5rem;
  font-size: 0.9rem;
  box-sizing: border-box;
  flex-grow: 1;
  color: #fff;
}

.produktDetail .title {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: 100;
   margin-bottom: 5px;
   line-height: 1.2;
}

.produktDetail .secondary {
  font-weight: 100;
   margin-bottom: 25px;
   line-height: 1.5;
}

.produktDetail .description {
  line-height: 1.5;
  font-weight: 300;
  color: lightgrey;
}

/*================ KARRIERE ================*/


.mod_article.hero.karriere {
	
	background-image: url(/files/images/karriere/AdobeStock_167182253_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.87);
  background-blend-mode: overlay;
  background-position: top;
}

.mod_article.personio {

	background: #fff;
}

.personio {
	margin-top: 50px;
}
.personio.personioPvAngebot {
	margin-top: 0;
}

/*================ PV-ANGEBOTSRECHNER ================*/


.mod_article.hero.pvangebotsrechner {
	
	background-image: url(/files/images/pvangebotsrechner/AdobeStock_335767288_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.87);
  background-blend-mode: overlay;
  background-position: right;
}
.txtBox.boxLiDv {
	margin: 0;
}
.boxLiDv .aButton {
	margin: 0 10px;
}
.sectionContent.sectionContentPVAngebot.withIcon {
	margin-bottom: 0;
}

#article-faq-pvAngebot .dvAcc .toggler,
#article-faq-pvAngebot .dvAcc .accordion{
	width: auto;
}
#article-faq-pvAngebot .dvAcc.ce_accordionSingle {
	align-items: unset;
}

/*================ DIREKTVERMARKTUNG WINDENERGIE ================*/

#sektion-dvwind02 {
	margin-top: 0;
	display:block;
	
}

a.aButton.blue.aButtonWhiteBorder {
	border: 1px solid #fff;
}
.mod_article.smaller.smaller-xl {
	max-width: var(--smaller-xl);
}

.sectionContentIcon.sectionContentIcon100Prozent {
	flex-direction: column;
	justify-content: space-around;
    align-items: center;
}
.sectionContentText.sectionContentText100Prozent {
	text-align: left;
}

.sectionContentText.dv ul.smaller.smaller-xl{
	width: 100%;
	max-width: var(--smaller-xl);
	margin-left: auto;
	margin-right: auto;
}

.mod_article.bgFullWidthContentCentered{
	margin-left: 0;
	margin-right: 0;
}
.txtBox.boxLi.smaller-xl {
	max-width: var(--smaller-xl);
}
#sektion-dvwindFokus {
	
}
#sektion-dvwindFokus h2 {
	color: #fff ;
}
.imFokusWrapper {
	display: flex;
	flex-direction: row;
	background:#30455d ;
	
}
.imFokusImg {
	width: 60%;
	background-image: url(/files/images/home/AdobeStock_106636202_bearb.jpg);
  background-size: cover;
  background-position: center;
}
.imFokusImg.imFokusImgSolar {
background-image: url(/files/images/folgeseiten/AdobeStock_400929692_bearb.jpg);
}
.imFokusTxt {
	padding-left: 50px;
	padding-top: 50px;
	padding-bottom: 30px;
	padding-right: 50px;
}
.imFokusTxt ul {
	padding-top: 30px;
}
.imFokusTxt h2 {
	font-size: 2.5em;
}
.imFokusItem {
	padding-bottom:20px;
}
.imFokusItem h3 {
	color: #fff;
    opacity: 0.8;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 1.3em;
    font-size: 22px;
}
.imFokusItem h3::before {
	content: '//';
    padding-right: 5px;
    font-weight: 600;
    color: #3a6fac;
}
.imFokusItemSub {
	font-size: 18px;
	margin-bottom: 0;
	color: #fff;
	opacity: 0.8;
	font-family: 'Roboto', sans-serif;
    font-weight: 200;
}

.imFokusBG {

	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2000" height="2000" viewBox="0 0 2000 2000"><g id="KOntur"><rect width="2000" height="2000" style="fill: none;"/></g><g id="Ebene_1" data-name="Ebene 1"><g style="fill: none; opacity: .2;"><path d="m1000.46,80.29c64.24,0,127.55,17.09,183.09,49.41l514.88,299.69c-101.08,120.21-213.8,212.73-335.06,275.01-117.05,60.11-239.16,90.59-362.93,90.59s-245.88-30.48-362.93-90.59c-121.26-62.27-233.98-154.79-335.06-275.01L817.32,129.7c55.53-32.32,118.85-49.41,183.13-49.41h.01m-.03-60c-73.68,0-147.38,19.19-213.3,57.56L270.8,378.38c-31.15,18.13-39.02,60.1-15.87,87.73,217.23,259.25,481.37,388.88,745.5,388.88s528.27-129.63,745.5-388.88c23.15-27.63,15.28-69.6-15.87-87.73L1213.73,77.84c-65.93-38.38-139.6-57.56-213.3-57.56h0Z" style="fill: %2330455d;"/></g><g style="fill: none; opacity: .2;"><path d="m1863.28,720.15l-.08,521.41c-.02,119.36-58.6,231.2-156.72,299.17l-547.85,379.52c-51.99-147.2-74.4-290.49-66.59-425.89,7.52-130.51,42.89-250.54,105.13-356.76,62.4-106.49,150.15-196.28,260.81-266.88,114.64-73.13,250.99-123.79,405.3-150.58m1.98-60.38c-3.22,0-6.5.27-9.81.84-664.07,114.12-977.23,647.95-752.89,1281.02,8.77,24.75,31.78,39.38,55.63,39.38,11.35,0,22.88-3.32,33.16-10.43l549.31-380.53c114.32-79.19,182.53-209.41,182.55-348.48l.08-523.1c0-32.7-26.57-58.7-58.02-58.7h0Z" style="fill: %2330455d;"/></g><g style="fill: none; opacity: .2;"><path d="m135.25,719.75s0,0,0,0c0,0,0,0,0,0m2.33.4c154.31,26.79,290.66,77.45,405.3,150.58,110.66,70.6,198.41,160.39,260.81,266.88,62.24,106.22,97.61,226.25,105.13,356.76,7.8,135.4-14.6,278.68-66.59,425.89l-547.85-379.52c-98.12-67.97-156.7-179.81-156.72-299.17l-.08-521.42m-1.98-60.38c-31.45,0-58.03,26-58.02,58.7l.08,523.1c.02,139.07,68.24,269.29,182.55,348.48l549.31,380.53c10.27,7.12,21.81,10.43,33.16,10.43,23.84,0,46.86-14.63,55.63-39.38,224.34-633.07-88.82-1166.9-752.89-1281.02-3.3-.57-6.58-.84-9.81-.84h0Z" style="fill: %2330455d;"/></g></g></svg>');
		background-color: #30455d;
	background-repeat: no-repeat;
	background-size: 600px;
	width: 100%;
	background-position-y: -80px;
	background-blend-mode: overlay;
	
}
.imFokusBG .sectionContent h2 {
	color: #fff;
}
.sectionContent.sectionContentImFokus.withIcon.withoutIcon {
	justify-content: flex-start;
}
.sectionContent.sectionContentImFokus.withIcon {
	margin-top: 0;
	display:block;
}
.ce_text.dvVorteileContainer {
	width: 80%;
	margin: 0 auto;
}
.dvVorteileContainer ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 40px 10px;
	justify-content: space-around;
}
.dvVorteileContainer li {
	padding: 40px;
    color: #30455d;
    font-family: "Roboto", sans-serif;
    line-height: 1.4em;
    font-size: 18px;
    position: relative;
    text-align: center;
    background: rgba(48, 69, 93, 0.05);
    width: 29%;
}
.dvVorteileContainer h4 {
	color: #30455d;
    margin-bottom: 10px;
    font-size: 22px;
    font-family: "Roboto", sans-serif;
}
.dvMain {
	position: relative;
}
.smaller.dvAfterBtnUebersicht {
	margin-top: 60px;
}
.smaller.dvAfterBtnUebersicht.afterFixed {
	/*margin-top: 100px;*/
}
.smaller.dvAfterBtnUebersicht.afterFixed.afterFixedAndUebersichtShow {
	margin-top: 500px;
}
.mod_article.dvMain {
	margin: 0;
}
.mod_article .dvUebersichtHead,
.mod_article .dvUebersichtInhalt{
	margin: 0;
}
.paketeListCellInner.dv h3 {
	font-size: 22px;
}

.paketeListCellInner.dv h3 strong::before {
	content: unset;
    
}
.maskIn.maskInDv.isHovered {
    transition: width  1.0s ease-in-out;
    width: 500px;
    max-width: 500px;
}
.paketeSection.paketeSectionDv {
	margin-top: 40px;
}
.paketeListContainer.paketeListContainerDv {
	width: auto;
}
.dvUebersichtHead ul {
	
    text-align: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.dvUebersichtHead ul.fixed {
	position: fixed;
	top: 70px;
	z-index: 10;
}
.dvUebersichtHead li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;

}


.dvUebersichtBtnWrapper {
	display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(187, 69, 83, 1.0);
    width: 201px;
    	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.dvUebersichtBtnWrapper:hover,
.dvUebersichtBtnWrapper.rmOpacity:hover{
	background:#30455d;
}
.dvUebersichtBtnWrapper.rmOpacity {
	background:rgba(187, 69, 83, 0.2);
}
.dvUebersichtBtnIcon {
	color: #fff;
}
.dvUebersichtHead h2 {
	color: #fff;
	padding-left: 15px;
	text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 17px;
    letter-spacing: 2px;
}
.dvUebersichtInhalt ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    max-height: 70vh;
    overflow:auto;
    	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    margin-top: -1000px;
    background: rgba(255,255,255,0.5);
}
.dvUebersichtInhalt ul.dvUebersichtInhaltShow {
	margin-top: 20px;
}
.dvUebersichtInhalt ul.dvUebersichtInhaltFixed {
	position: fixed;
	top: 110px;
	z-index: 10;
}
.dvUebersichtInhalt ul li {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	cursor: pointer;
	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    padding: 10px 10px 10px 40px;
    background: #e6e5e5;
    width: 80%;
    max-width: 1000px;
    color: #30455d;
    line-height: 1.4em;
    border-bottom: 1px solid #fff;
}
.dvUebersichtInhalt ul li:hover {
	background: #30455d;
	color: #fff;
}
.dvUebersichtInhalt.dvUebersichtInhaltFixed {
	position: fixed;
	top: 70px;
}
.mod_article.hero.dvWindenergie {
	
	background-image: url(/files/images/home/AdobeStock_100431291_bearb.jpg);
  background-size: cover;
  background-color: rgba(32, 46, 62, 0.7);
  background-blend-mode: multiply;
  background-position: right;
}

.sectionContent.withIcon.sectionContentKraftwerk {
	flex-direction: column;
	
}
.sectionContentText.sectionContentTextKraftwerk {
	width: 100%;
}
.sectionContent.sectionContentAlignLeft.withIcon {
	text-align: left;
}
.sectionContentText.sectionContentTextFullWidth {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}
.sectionContentText.dv h2 {
	font-size: 2.5em;
}
.sectionContentText.dv.oneBox h4 {
	margin-bottom: 5px;
	color: rgba(255,255,255,0.8);
}
.oneBoxBg {
	
	
}
.sectionContentText.sectionContentTextCenter,
.sectionContentText.dv {
    align-items: center;
}
.sectionContentText.dv ul {
	margin-top: 20px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.staticList {
	display:flex;
	justify-content:center;
}
.staticListWrapper {
	max-width: var(--smaller-xl);
	display:flex;
	flex-direction: row;
	padding-bottom: 50px;
	padding-top: 20px;
}
.sectionContentText.dv .staticList ul {
	display: block;
	margin-top: 0;
}
.sectionContentText.dv li {
	margin-bottom: 15px;
    background: #30455d;
    padding: 40px 40px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 200;
    line-height: 1.4em;
    width: 49%;
    margin-right: 2px;
    margin-left: 2px;
    hyphens: none;
}
.sectionContentText.dv .staticList li {
	width: auto;
}

.sectionContentText.dv.oneBox ul,
.sectionContentText.dv.oneBox.partnerBox {
	
	padding: 0 40px 0 40px;
}
.partnerBoxWrapper {
	max-width: var(--smaller-xl);
    display: flex;
    flex-direction: column;
    padding-bottom: 50px;
    padding-top: 20px;
}
.partnerBoxWrapper li.animatableTxt a {
	color: #fff;
}
.sectionContentText.dv.oneBox.partnerBox {
	color: #fff;
}
.dvVorteileContainer.dvPartnerContainer li {
	background: #fff;
}
.sectionContentText.dv.oneBox li {
	background: transparent;
	padding: 20px 20px;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
.sectionContentText.dv.oneBox .staticList li {
	padding-bottom: 0;
}


.sectionContentText.dv h4 {
	font-size: 22px;
	color: #fff;
	margin-bottom: 12px;
}
.qeBorder.dv {
	height: 0.5px;
	background: #30455d;
	margin: 40px auto 20px auto;
	width: 80%;
}
.kpi_dv h2 {
	display: none;
}
.kpi_dv .kpiContainer {
	padding-bottom: 0;
}

.dvWindenergie li.animatableTxt a {
	color: rgba(255, 255, 255, 1.0);
	margin-top: 40px;
}

.dvWindenergie.animatableTxt a {
	
	margin: 20px 0 ;
}
.textBoxListRow a.aButton.blue {
	border: none;
	width: 100%;
}
.textBoxListRow {
	
	flex-direction: column;
}
.textBoxListRow li {
	border: 1px solid #30455d;
	width: 50%;
}
.textBoxListRow li.animatableTxt {
	margin-bottom: 10px;
}


.dvBtnColumn {
	margin-top: 30px;
}

.dvBtnColumn .animatableTxt a {
	width: 300px;
	margin-top: 0;
}
.txtBox.dvTxtBox{
	margin: 0 60px;
}
.svg-inline--fa {
	max-width: unset;
}
.customAccHeader {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	justify-content: space-between;
	margin-right: 20px;

}
.mod_article .dvAcc.ce_accordionSingle {
	margin: 0;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.dvAcc .toggler {
	width: 80%;
    margin: 10px 0;
    margin-bottom: 0;
    background:rgba(238, 238, 240, 1.0);
    color: #30455d;
}
.dvAcc .toggler:hover,
.dvAcc .toggler.active{

    background:#30455d;
    color: #fff;
}

.dvAcc .accordion {
	width: 80%;
	text-align: left;
	margin: 0 0 20px 0;
    padding: 20px 30px;
    font-size: 18px;
    background: #ebebed;
}
.dvAcc .accHeadline {
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
    text-transform: none;
    font-weight: 300;
    padding: 10px 20px;
    line-height: 1.4em;
    letter-spacing: 1px;
    text-align:left;
}
.dvAcc .accordion ul {
	list-style:square;
	padding-left: 35px;
}
.dvAcc .accordion ul > li {
	margin: 5px 0;
}
.dvAcc .accordion ol ul {
	padding-left: 35px;
	margin-bottom: 15px;
}
.dvAcc .accordion ol {
	font-size: 18px;
	line-height: 1.4em;
	margin: 20px 0;
	list-style: decimal;
	list-style-position: inside;
}
.dvAcc .accordion ol.noMarker {
	
	list-style: none;
}
.dvAcc .accordion ol li {
	margin: 5px 0;
	
	color: #30455d;
	text-align: left;
}
.dvAcc .accordion ol li::marker {
	font-weight: 600;
}
.dvAcc .accordion ol li strong {
	padding-top: 15px;
	font-size: 20px;
	display: unset;
}
.dvAcc .accordion li p {
	margin-bottom: 15px;
}



.splideDvWind {
	width: 80%;
	margin: 40px auto;
}
.splideContainer {
	
	padding:40px;
	color: #fff;
	font-family: "Roboto", sans-serif;
	line-height: 1.4em;
	font-size: 18px;
	position: relative;
	text-align: center;
	
	
}

.splideP {
	font-weight: 300;
}
.splide__number,
.splidePartner__number {
    top: 0;
    right: 3%;
    color: rgba(48, 69, 93, 0.09);
    
    font-size: 10rem;
    line-height: 1;
    position: absolute;
    font-family:"Roboto", sans-serif;
    font-weight: 600;
    transform: translateZ(1px);
    -webkit-user-select: none;
    user-select: none;
    z-index: 2;
}
.splideContainer h4 {
	color: #fff;
	margin-bottom: 10px;
	font-size: 22px;
	font-family: "Roboto", sans-serif;
}

.splide__pagination {
	bottom: -2.5em;
}
.splide__pagination__page.is-active {
	transform: none;
}
.splide__pagination__page {
    
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 10px;
    margin: 0 .1rem;
    padding: 0;
    position: relative;
    transition: background-color .8s ease, color .4s ease;
    width: 10px;
}
.splide__pagination--custom .splide__pagination__page {
	align-items: center;
    background-color: rgba(48, 69, 93, 0.0);;
    border-radius: 2px;
    border:1px solid #30455d;
    color: #000;
    display: inline-flex;
    font-family: 'Roboto', sans-serif;
    font-size: 1.1rem;
    height: 2.2rem;
    justify-content: center;
    line-height: 1;
    margin-left: .5rem;
    width: 2.2rem;
}
.splide__pagination--custom .splide__pagination__page.is-active {
	background-color: rgba(48, 69, 93, 1.0);
	color: #fff;
}
.splide__pagination__page:hover {
	background-color: rgba(48, 69, 93, 1.0);
	color: #fff;
}
.dvWegAllContainer {
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
}

.dvWegWrapper {
	display: flex;
    flex-direction: row;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

.dvWegLeftWrapper p,
.dvWegRightWrapper p,
.dvWegCounter p
{
	margin-bottom: 0;
}
.dvWegLeftWrapper {
	display: flex;
	justify-content: center;
}
.dvWegRightWrapper {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #30455d;
	font-family: 'Roboto', sans-serif;
}
.dvWegLeftWrapper {
	margin-right: 40px;
	text-align: center;
	align-items: center;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="1002" viewBox="0 0 10 1002"><g id="Ebene_1" data-name="Ebene 1"><rect width="10" height="1000" style="fill: none;"/></g><g id="Ebene_2" data-name="Ebene 2"><rect x="4.5" width="1" height="1002" style="fill: %2330455d;"/></g></svg>');
	background-repeat: no-repeat;
	background-position-x: center;
}
.dvWegLeftWrapper p {
	font-size: 22px;
	padding: 5px;
	background: #30455d;
	color: #fff;
	display: inline-block;
	width: 40px;
    height: 40px;
    line-height: 30px;
    border-radius: 20px;
	
}
.dvWegRightWrapper h2 {
	font-size: 22px;
	margin-bottom: 5px;
	font-family: 'Roboto', sans-serif;
	color: #30455d;
}

.dvAnsprech {
	display: flex;
    /* width: 80%; */
    justify-content: center;
    align-items: center;
    margin: 0 10%;
    max-width: var(--smaller-xl);
}

.dvAnsprech h2.sectionHead {
	display:none;
}

/*================ DIREKTVERMARKTUNG SOLARSTROM ================*/

.mod_article.hero.dvSolarstrom {
	
	background-image: url(/files/images/home/slider/AdobeStock_164565964_bearb.jpg);
  background-size: cover;
  background-color: rgba(32, 46, 62, 1.0);
  background-blend-mode: overlay;
  background-position: right;
}
.dvSolarstrom li.animatableTxt a {
    color: rgba(255, 255, 255, 1.0);
    margin-top: 40px;
}
.textBoxList.dvSolar {
	flex-direction: row;
	align-items: flex-start;
	justify-content: flex-start;
}
.textBoxList.dvSolar li {
	margin: 0 2px 5px 2px;
}

/*================ FAQ ================*/

.mod_article.hero.faq {
	
	background-image: url(/files/images/faq/AdobeStock_204180371_Preview.jpeg);
  background-size: cover;
  background-color: rgba(32, 46, 62, 1.0);
  background-blend-mode: overlay;
  background-position: center;
}
.accKategorie {
	text-align: center;
	font-family: 'Roboto', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 1.5em;
    font-weight: 300;
    color: #30455d;
    line-height: 1.5em;
    margin-top: 50px;
}
.accKategorie.accKategorieMarginOff {
	margin-top: 0;
}



/*================ KONTAKT ================*/


.mod_article.hero.kontakt {
	
	background-image: url(/files/images/kontakt/AdobeStock_542865749_bearb.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgba(48, 69, 93, 0.95);
  background-blend-mode: overlay;
  
}

.kontaktItemsWrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-around;
    align-items: center;
    margin-top: 40px;
}

.kontaktItem {
	align-items: center;
    width: 31%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #30455d
}

.kontaktItemHead {
	display: flex;
    flex: 2;
    justify-content: center;
    align-items: center;
    background-color: rgba(59, 128, 194, 0.79);
    width: 100%;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.2em;
    color: #fff;
    padding: 80px 0;
    letter-spacing: 2px;
    background-blend-mode: multiply;
}

.kontaktItemHead.allgemein {
	background-image: url(/files/images/kontakt/AdobeStock_171044217_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;
}

.kontaktItemHead.vertrieb {
	background-image: url(/files/images/kontakt/AdobeStock_233173951_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.presse {
	background-image: url(/files/images/kontakt/AdobeStock_396487085_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.abrechnung {
	background-image: url(/files/images/kontakt/AdobeStock_510750525_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.handel {
	background-image: url(/files/images/kontakt/AdobeStock_464877800_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.redispatch {
	background-image: url(/files/images/kontakt/AdobeStock_460733402_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemHead.remit {
	background-image: url(/files/images/kontakt/AdobeStock_552887061_bearb.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top;

}

.kontaktItemMetaWrapper {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    padding: 20px 0;
    color: #fff;
    font-size: 0.9em;
}

.kontaktItemMetaWrapper p {
	margin: 5px 0;
    
}

h2.sectionHead.prodAnsprech.dklBlau,
h3.sectionHead.vertrieb.dklBlau,
.kontaktVertrieb.dklBlau,
.kontaktVertrieb.dklBlau a,
h4.sectionHead.dklBlau,
.ce_text.dklBlau{
	color: #30455d;
}

.mod_article.smaller.kontakteMap {
	margin-top: 50px;
}

.prodAnsprechWrapper .gfGallery {
	justify-content: center;
}


/*================ PRESSE ================*/


.mod_article.hero.presse {
	
	background-image: url(/files/images/presse/AdobeStock_278614323_bearb.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgba(48, 69, 93, 0.95);
  background-blend-mode: overlay;
  
}

p.info {
	text-align: center;
    padding: 10px 0;
    margin-bottom: 0;
    color: #fff;
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
	background-color: rgba(48, 69, 93, 1.0);
}

.newsCaption {
	position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 3px 6px;
    background-color: rgba(48, 69, 93, 1.0);
    color: #fff;
    font-size: 10px;
    
}

.mod_newslist.newslistBigImage {
    margin: 0;
}

.newslistBigImage.small .newsContainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.newslistBigImage.small .layout_latest.even {
   
    margin-right: 12px;
}

.newslistBigImage.small .layout_latest.odd {
    margin-left: 12px;
}

.newslistBigImage.small .layout_latest {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	/*flex: 0 0 45%;*/
	justify-content: space-between;
	width: 45%;
	margin-bottom: 24px;
	background-color: rgba(48, 69, 93, 1.0);
	-webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
    cursor: pointer;
    padding-bottom: 20px;
}

.newslistBigImage.small .layout_latest.newsWide {
	
	margin: 12px;
}

.mod_article .newslistBigImage [class*=layout_]>* {margin-left:0!important; margin-right: 0!important}

.layout_latest_contentContainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.layout_latest_contentContainer .newsSmall_bgImg {
	/*flex: 1 200px;*/
	height: 250px;
	-webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
	position: relative;

}

.layout_latest .newsSmall_bgImg {
	background-position: center center;
}

.layout_latest.bgPosTop .newsSmall_bgImg {
	background-position: center top;
}

.layout_latest_contentContainer .newsText_container {
	/*flex: 1 200px;*/
	/*height: 145px;*/
	text-align: center;
	padding: 0 40px;
	color: #fff;
	font-family: 'new-zen', sans-serif;
	font-weight: 300;
	line-height: 1.2em;
	font-size: 1em;
	
}

.newslistBigImage.small .layout_latest:hover {
    background-color: rgba(48, 69, 93, 0.2);
}

.newslistBigImage.small .layout_latest:hover .newsText_container {
    color: #000;
}

.newslistBigImage.small .layout_latest:hover .more a {
	color: rgba(48, 69, 93, 1);
	border: 1px solid rgba(48, 69, 93, 1);
}
.width100 {
	width: 100%;
}

/*
.newslistBigImage.small .layout_latest:hover .layout_latest_contentContainer .newsSmall_bgImg {
    filter: blur(1px);
}
*/

.layout_latest_contentContainer .newsText_container h4.newsTextItem {
	font-size: 1.4em;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	line-height: 1.2em;
    border-bottom: 0.5px solid #fff;
    padding: 10px 0;
}

.layout_latest_contentContainer .newsText_container h2 {
	margin: 0;
    font-size: 0.7em;
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
}

.layout_latest_contentContainer .newsText_container .ce_text {
	margin: 20px 0 ;
}



.more {text-align: center}
.more a {
	padding: 5px 10px;
    border: 0.5px solid #fff;
    color: #fff;
}

/*================ PAGINATION ================*/

.pagination {
	margin-top: 10px;
	margin-left: 5%;
}

.pagination .total {
	margin-bottom: 10px;
	font-size: 16px;
}
.pagination ul {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.pagination ul li {display: inline;}

.pagination ul li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination ul li strong.active {
    background-color: rgba(48, 69, 93, 1.0);
    color: white;
    border: 1px solid rgba(48, 69, 93, 1.0);
    float:left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    margin: 0 4px;
}

.pagination ul li a:hover:not(.active) {background-color: #ddd;}
.pagination li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.pagination .link {
	
   display: none;
    
	}
	
/*================ IMPRESSUM ================*/


.mod_article.hero.impressum {
	
	background-image: url(/files/images/rechtliches/AdobeStock_190694233_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 1.0);
  background-blend-mode: soft-light;
  background-position: center;
}

.mod_article.impressumContent {
	margin-top: 50px;
}



.mod_article.impressumContent h3 {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.3em;
}

.mod_article.impressumContent h4 {
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 1.2em;
}



/*================ DATENSCHUTZ ================*/


.mod_article.hero.datenschutz {
	
	background-image: url(/files/images/rechtliches/AdobeStock_190694206_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 1.0);
  background-blend-mode: soft-light;
  background-position: center;
}

.mod_article.datenschutzContent {
	margin-top: 50px;
}

.mod_article.datenschutzContent .ce_text li {
	line-height: 1.4em;
}

.mod_article.datenschutzContent ul {
	
   list-style-type: square;
    padding-left: 20px;
}

.mod_article.datenschutzContent p strong {
	
   margin-top: 20px;
}

/*================ REMIT ================*/ 
.mod_article.hero.remit {
	
	background-image: url(/files/images/remit/AdobeStock_502771470_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.90);
  background-blend-mode: multiply;
   background-position: top;
}

.remitContent {
	margin-top: 50px;
	line-height: 1.4em;
}

/*================ INVESTOR RELATIONS ================*/


.mod_article.hero.invRel {
	
	background-image: url(/files/images/ir/AdobeStock_486684960_bearb.jpg);
  background-size: cover;
  background-position: center;
  background-color: rgba(48, 69, 93, 0.95);
  background-blend-mode: overlay;
  
}

.login_info {
	display: none;
}

#form_invRel {
	margin-left: 20%;
	margin-right: 20%;
}

.widget-submit {
	margin-top: 30px;
	text-align: center;
}

.widget-text label,
.widget-password label{
	font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8em;
    color: rgba(48, 69, 93, 1.0);
}

.submit {
	border: 1px solid rgba(48, 69, 93, 1.0)!important;
	border-radius: 0;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    background-color: transparent;
    background-image: none;
    display: inline-block;
    font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.8em;
    color: rgba(48, 69, 93, 1.0);
    position: relative;
    text-decoration: none;
    width: 200px;
    text-align: center;
    padding: 10px 20px;
   
}

.submit:hover {
	background-color: rgba(48, 69, 93, 1.0)!important;
	color: #fff;
}

.toggler {
	font-weight: 400;
    font-family: 'Roboto';
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 1em;
    cursor: pointer;
    background-color: rgba(48, 69, 93, 1.0);
    margin-bottom: 20px;
    margin-top: 40px;
    color: #fff;
    padding: 5px 10px;
    outline: none;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.toggler:hover, .toggler.active {
	background-color: #666666;
}

.accordion {
	font-size: 20px;
    margin-left: 20px;
    margin-bottom: 25px;
}

.accordion p {
	margin-top: 0;
    margin-bottom: 5px;
}

.gb_wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 20px;
}

.gb_wrapper .caption {
	text-align: center;
	margin-top: 10px;
	font-size: 0.8em;
}


/*================ DOWNLOADS ================*/ 
.mod_article.hero.downloads {
	
	background-image: url(/files/images/downloads/AdobeStock_560894439_bearb.jpg);
  background-size: cover;
  background-color: rgba(48, 69, 93, 0.51);
  background-blend-mode: multiply;
   background-position: top;
}

.remitContent {
	margin-top: 50px;
	line-height: 1.4em;
}

/*================ DOWNLOADS ================*/

.ce_downloads {
	background: #30455d;
    padding: 40px 60px;
    color: #fff;
    margin-top: 30px;
}

.download-element {
	margin: 7px 0;
    line-height: 1.4em;
    background-position-y: 7px;
}

/*================ TEMPORÄRES AUSBLENDEN ================*/

.dvAngebotBtnVisibility,
li.animatableTxt.dvAngebotBtnVisibility,
animatableTxt.dvAngebotBtnVisibility {
	/*display: none;*/
}


.dvBtnVisibility,
.headerLinkContainer p.dvBtnVisibility,
li.animatableTxt.dvBtnVisibility,
animatableTxt.dvBtnVisibility {
	/*display: none;*/
}


/*================ MEDIAQUERIES ================*/




/*================MIN 1300 ================*/

@media (min-width: 1300px)  {
	.purposeWrapper {
	margin-left: 5%;
	margin-right: 5%;
}
}

/*================MIN 1500 ================*/

@media (min-width: 1500px)  {
	.purposeWrapper {
	margin-left: 15%;
	margin-right: 15%;
}

.newslistBigImage.small .layout_latest.newsWide {
	width: 30%;
	}
}

/*================MIN 1800 ================*/

@media (min-width: 1800px)  {
	.purposeWrapper {
	margin-left: 20%;
	margin-right: 20%;
}


}

/*================ MIN 2000 ================*/

@media (min-width: 2000px)  {
.mod_article.paketeWrapper {
	margin-left: 10%;
	margin-right: 10%;
}

.purposeWrapper {
	margin-left: 25%;
	margin-right: 25%;
}

.homeEinleitungAni svg {
	/*width: 70%;*/
}
.paketeListContainer .maskIn.isHovered {
	width: 128%;
}
.paketeListCell {

	margin-left: 10%;
}
}

/*================ MIN 2000 ================*/

@media (min-width: 2500px)  {
	.newslistBigImage.small .layout_latest.newsWide {
	width: 20%;
	}

}

/*================MAX 1300 ================*/

@media (max-width: 1300px)  {
	.chartCanvas.chartGrid {
	width: 30%;
	}
	
	.flexContainer.purpose {
		flex-direction: column;
	}
	
	.homeEinleitungAni svg {
/*width: 90%;*/
}
	/*
	.txtBox.boxLi {
		display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
	}*/
	
	.flexContainer .txtBox.boxLi, .boxRe {
		width: 80%;
	}
	/*
	.purposeWrapper {
		width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
	}
	*/
	.purposeElement {
		display: flex;
    flex-direction: row;
    margin: 20px 0;
    margin-left: 40px;
    align-items: center;
    width: 100%;
    justify-content: center;
	}
	
	.purposeElement svg, .purposeCopy {
    width: 400px;
	}
	
	.purposeCopy {
		font-size: 18px;
    	font-weight: 200;
	}
	
	.purposeHead {
    font-size: 25px;
    
	}
	
	.boxLi .animatableTxt, .animatableHeadline {
		text-align: center;
	}
	.sectionContentText.dv li {
		width: 49%;
	}
}


/*================ 1080 ================*/

@media (max-width: 1020px)  {
	.headLeftInner.left {
		letter-spacing: 1px;
	}
	.maskIn.maskInDv.isHovered {
    transition: width  0.5s ease-in-out;
    width: 450px;
    max-width: 450px;
}

}


/*================ 991 ================*/



@media (max-width: 991px)  {
	
	.mod_article.smaller {
	margin: 0 15%;
	}
	
	.headLeftInner.left {
		justify-content: center;
	}
	
	.headLeftInner.right {
		justify-content: space-around;
	}
	
	.headLeftInner.left ul,
	.headLeftInner.left ul li{
		display: block;
	}
	
	.headLeftInner.left li {
	flex-grow: 0;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: left;
}

.headLeftInner.left a {
    background-size: 0% 1px;
}

.headLeftInner.left a:hover {
	
    background-size: 100% 1px;
    
}

a.aButton {
	padding:10px 20px;
	letter-spacing: 1px;
}

.hamburgerContainer {
	height: 40px;
}

.purposeContentWrapper,
.purposeContentWrapper.v2{
	width: 100%;
}

.flexContainer {
	flex-direction: column;
}

.flexContainer .txtBox, .flexContainer .flexImg {
	width: auto;
}

.txtBox, .mod_article .txtBox {
	margin: 20px;
}

.txtBox.chartGrid .animatableTxt {
	width: 100%;
}

.flexImg .vegas-content-scrollable {
	height: 400px;
}

.flexImgAni {
	height: 400px;
	
}

.chartCanvas.chartGrid {
	width: 45%;
}

.sectionContent.withIcon,
.sectionContent.withIcon.rowReverse{
	flex-direction: column;
	width: inherit;
	align-items: center;
    text-align: center;
	}
	
	.sectionContentIcon {
		width: 50%;
		margin-right: 0;
	}
	
	.sectionContentText {
		width: 100%;
		margin-top: 40px;
		align-items: center;
		
    
	}
	
	
	
	.gesichterWrapper svg {
	
	width: 100%;
	}
	
	.gfGalleryItem {
		width: 48%;
	}
	.dvAnsprech .gfGalleryItem {
		width: 23%;
	}
	
	.kontaktItem {
    width: 48%;
}

	.purposeWrapper {
		flex-direction: column;
	}
	
	.txtBox.boxLi.purpose {
		width: auto;
	}
	
	.aniContent {
		width: 100%;
	}
	
	.homeEinleitungAni {
		width: 100%;
		justify-content: center;
	}
	
	.homeEinleitungAni.v2 svg {
    width: 100% !important;
}
	
	.purposeWrapper {
		flex-direction: column-reverse;
		margin-top: 40px;
	}
	
	.purposeWrapper.v2 {
		flex-direction: column;
	}
	
	.newslistBigImage.small .layout_latest {
		width: 100%;
	}
	
	
	.newslistBigImage.small .layout_latest.odd,
	.newslistBigImage.small .layout_latest.newsWide{
		margin-left: 0;
	}
	
	.newslistBigImage.small .layout_latest.even,
	.newslistBigImage.small .layout_latest.newsWide {
		margin-right: 0;
	}
	
	.pagination {
	margin-left: 0;
}
.paketImage.paketImageDv {
	display: none;
}

.paketeListCell.paketeListCellDv {
	margin-left: 3%;
	margin-right: 3%;
}
	.mod_article.smaller.smallScreenfullWidth {
		
		margin-left: 0;
		margin-right: 0;
	}
	
	.sectionContentIcon.sectionContentIcon100Prozent {
	flex-direction: row;
	
}
.sectionContentText.sectionContentText100Prozent {
	text-align: center;
}
.dvVorteileContainer li {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.ce_text.dvVorteileContainer {
    width: 100%;
}
.dvVorteileContainer ul {
	margin-bottom: 0;
}
.dvWegWrapper {
	width: 90%;
}
.abstand {
	height: 0;
}
.imFokusImg {
	width: 60%;
}

.textBoxList.textBoxListRow {
	flex-direction: column;
}
.textBoxListRow li {
	width: 100%;
}

.dvTxtBox.dvTxtBoxRow {
	padding-right: 0;
}
.staticListWrapper {
	flex-direction: column;
}

}

/*================ 991 + LANDSCAPE ================*/

@media (max-width: 991px) and (orientation: landscape)   {

	.heroClaim p.heroSubHead {
		margin-right: 5%;
		margin-left: 5%;
		line-height: 1.6em;
    	font-size: 0.9em;
    	letter-spacing: 0px;
    	margin-top: 20px;
    
	}
}

/*================ 900 ================*/

@media (max-width: 900px)   {

		.footer_container ul, .footerItem {
	width: 50%;
   
	}
	.footerItem ul {
		width: 100%;
	}
	
	.footerItem.withDate {
		margin-top: 25px;
	}
	.sectionContentText.dv li {
    width: 100%;
   hyphens: auto;
}


.qeBorder.dv,
.dvAcc .toggler,
.dvAcc .accordion {
	width: 100%;
}


}

/*================ MAX 700 ================*/

@media (max-width: 700px)  {
	/*
	#footer-custom {
		text-align: center;
	}
	.footer_container {
		flex-direction: column;
	}
	*/
	.footerItem.withDate {
	margin-top: 20px;
}

.footerItem.withDate p {
	margin: 5px 0;
}
}

/*================ MIN 751 ================*/

@media (min-width: 751px)  {

}

/*================ MIN 751 PORTRAIT ================*/

@media (min-width: 751px) and (orientation: portrait)  {


}
/*================ MAX 751 ================*/

@media (max-width: 751px)  {
	
	.startContainerText {
		font-size: 2em;
	}
	
	.mod_article.smaller {
	margin: 0 10%;
	}

	.headLeft.leftContainer {
		display: none;
	}
	
	#logobereich .inside, #logobereichSmall .inside {
		justify-content: flex-end;
	}
	
	.headLeft a.aButton {
		display: none
	}
	.kundenPortal {
		display: block;
	}
	.headerLinkContainer {
		margin-top: 0;
	}
	.headerLinkContainer.kundenPortal {
		margin-top: 40px;
	}
	
	.headLeftInner.right {
		justify-content: flex-end;
	}
	
	.headLeft {
		width: calc(100vw / 3);
	}
	
	.hamburgerContainer {
		margin-right: 10px;
	}
	
	.logo_img {
		margin: auto;
		width: 160px;
	}
	
	#logobereichSmall .hamburgerContainer {
		/*height: 30px;*/
	}
	
	.vegas-content {
		width: 90%;
	}
	
	.textBoxList {
	flex-direction: column;
}
	
	li.animatableTxt {
		display: block;
		margin-right: 0;
		margin-bottom: 25px;
	}
	
	li.animatableTxt a {
		width: 50vw;
		text-align: center;
	}
	.dvSolar li.animatableTxt a {
		width: 200px;
		text-align: center;
	}
	.textBoxList.dvSolar {
		flex-direction: column;
	}
	
	.chartCanvas.chartGrid {
	width: 100%;
	}
	
	.txtBox, .mod_article .txtBox {
		text-align: center;
	}
	
	.kpiElement {
		width: 50%;
		margin-bottom: 50px;
	}
	
	.kpiContainer {
		padding-bottom: 0;
	}
	
	.purposeElement {
    	flex-direction: column;
    	margin: 0 20px;
    	
	}
	
	.purposeContentWrapper {
		text-align: center;
	}
	
	.purposeElement svg, .purposeCopy {
    width: auto;
	}
	
	.heroClaim {
		/*margin-top: 20%;*/
	}
	
	.heroClaim h2 {
		font-size: 3em;
	}
	
	.heroClaim p.heroSubHead {
		margin-right: 5%;
		margin-left: 5%;
		line-height: 1.6em;
    	font-size: 0.9em;
    	letter-spacing: 0px;
    	margin-top: 20px;
    
	}
	
	h2.sectionHead, .homeServicePaketeContent h2  {
		text-align: center;
		font-size: 2em;
		font-weight: 400;
		hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
	}
	
	.homeServicePaketeContent li.animatableTxt a {
		width: 30vw;
	}
	
	.ce_text.homeServicePaketeContent {
		width: 100%;
		margin-top: 300px;
	}
	
	.homeServicePaketeImg {
		width: 0;
	}
	
	homeServicePaketeWrapper {
		flex-direction: column;
	}
	
	h2.sectionHead.produkte {
	
	text-align: center;
}
	
	h3.sectionHead {
		text-align: center;
		font-size: 1.2em;
		font-weight: 400;
		letter-spacing: 0;
		hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
	}
	
	.mod_article.smaller {
		margin: 0 5%;
	}
	
	.gfGalleryDetail {
		width: 91vmin;
  
	}
	
	.gfGalleryItem {
		width: 100%;
	}
	.dvAnsprech .gfGalleryItem {
		width: 48%;
	}
	
	.prodContent h2.sectionHead {
		font-size: 1.3em;
	}
	
	.produkt-row_right_card {
		padding: 20px;
	}
	
	.produkt-row_text_right_head {
    font-size: 1.1em;
}

.produkt-row_text_right_copy {
    font-size: 0.9em;
}
	
	.produkt-row_left_card .card-extension {
		left: 90%;
	}
	
	.produkt-row_icon svg {
    	max-height: 120px;
	}
	
	.paketImage {
		display: none;
	}
	
	.paketContent {
		padding-left: 20px;
		width: 100%;
		text-align: center;
	}
	
	.paketeListCell {
		margin-left: 5%;
		margin-right: 5%;
		justify-content: center;
	}
	
	.paketeListCell .ce_text {
		margin-left: 0;
		margin-left: 0;
		text-align: center;
	}
	
	.mod_article.hero.kontakt {
		background-position: right;
  
	}
	

	.homeEinleitungAni {
		width: 100%;
	}
	.homeEinleitungAni svg {
    width: 100% !important
}
	
	.ce_downloads {
		padding: 40px 20px;
	}
	.mod_article.smaller.smallScreenfullWidth {
		
		margin-left: 0;
		margin-right: 0;
	}
	.imFokusImg {
	display:none;
}
	
}

/*================ MAX 751 PORTRAIT ================*/

@media (max-width: 751px) and (orientation: portrait)  {


.navbar-toggler {
	margin-top: -20px;
}

.navbar-toggler.small {
    margin-top: 0;
}

.homeFirstHead {
	font-size: 40px;
}



.servicePaketeInner {
	display: block;
    
}

}

/*================ MAX 751 LANDSCAPE ================*/

@media (max-width: 751px) and (orientation: landscape)  {
	.prodHero, .heroContent {
		/*align-items: flex-end;*/
	}
	
	.prodAniWrapper, .heroClaim {
		/*margin-bottom: 10%;*/
	}
}

/*================ MAX 600 ================*/

@media (max-width: 600px)  {

.kontaktItem {
    width: 100%;
}

.footer_container {
	flex-direction: column;
}
.footer_container ul {
	margin-bottom: 15px;
}
#footer-custom {
	text-align: center;
}
.footerItem, .footer_container ul {
	width: auto;
}
.dvWegWrapper {
	width: 100%;	
}
.dvWegLeftWrapper {
	margin-right: 0;
}
.sectionContentText.dv h2,
.imFokusTxt h2 {
	font-size: 2.0em;
}
.sectionContentText.sectionContentText100Prozent {
	margin-top: 0;
}
}

/*================ 380 ================*/

@media (max-width: 380px) and (orientation: portrait)  {


}

/*================ 450 ================*/

@media (max-width: 450px)  {
	.prodHeadings h2 {
	font-size: 3em;
	}
	
	.prodHeadings {
		width: 90%;
	}
	
	.produkt-row_right_card {
		padding: 10px;
	}
	
	.produkt-row_text_right {
		font-size: 1em;
	}
	
	.produkt-row_left_card .card-extension {
		left: 85%;
	}
	
	.produkt-row_icon svg {
    	max-height: 70px;
	}
	
	#form_invRel {
	margin-left: 0;
	margin-right: 0;
}
}

/*================ TIMELINE ================*/
@media (min-width: 64rem) {
.js .cd-h-timeline__date {
    font-size: 1em;
}
}