@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

.trace-container {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	color: #fff;
	background-color: #000;
	text-align: center;
}

html {
	background-color: #fff;
}

* {
	font-family: 'Open Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 100;
}

/* global animation settings */
* {
	transition-timing-function: ease-out;
    /* transition-delay: 0.5s; */
}

body {
	margin: 0 auto;
	background-color: #fff;
}

h1,h2,h3,h4,h5,h6 {
	transition: font-size 0.3s,padding 0.3s,line-height 0.3s;
	color: #fff;
}

h1 {
	font-size: 5rem;
    line-height: 6.2rem;
    font-weight: 100;
}

h2 {
	font-size: 3rem;
    line-height: 4.2rem;
    font-weight: 100;
}

h3 {
	font-size: 4rem;
    line-height: 5.2rem;
    font-weight: 100;
}

h4 {
	font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 100;
}

h5 {
	font-size: 2rem;
    line-height: 3.2rem;
    font-weight: 100;
}

h6 {
	font-size: 1rem;
    line-height: 2.2rem;
    font-weight: 100;
}

div {
	color: #fff;
}

section .gallery-item img, .gallery-item picture {
	width: 100%;
}

#page-header {
	position: fixed;
	width: 100%;
	height: 100px;
	padding: 78px 0 78px 0;
	background-color: #fff !important;
	z-index: 99;
}

#page-header .container {
	height: 100px;
	padding-top: 0px;
	margin-top: 0px;
	align-items: flex-start;
}

#language_menu {
	/* width: 200px; */
	margin-bottom: 6px;
	text-align: right;
}

#language_menu img {
	width: 18px;
    margin-left: 14px;
    cursor: pointer;
}

#language_menu img:nth-child(1) {
    margin-right: 10px;
}

.logoSubtext {
	display: none;
	position: relative;
	top: -40px;
	left: 208px;
	font-size: 0.8rem;
	color: #999;
}

.navbar-mainnavigation {
	box-shadow: unset;
}

.navbar-mainnavigation .navbar-brand {
 	height: 100px;
 	margin: 0;
 	padding: 0;
}

.navbar-mainnavigation .navbar-brand-image img {
	position: relative;
	top: 0px;
	width: auto;
	height: 70%;
	max-height: unset;
	transform: unset;
}

#page-content {
	position: relative;
	top: 24px;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

#page-footer {
    position: relative;
    top: 0px;
    width: 100%;
    padding-bottom: 24px;
    background-color: #e9531b;
}

#footer {
    background-color: #e9531b;
}

#footer a {
	color: #fff;
	font-weight: 400;
	font-size: 1rem;
}

#footer .sociallinks-link-icon {
	color: #fff;
	font-size: 1rem;
}

#footer .sociallinks-list li:last-child {
	margin-right: 0;
}

#page-footer .section-row {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-line-pack: center;
	-webkit-align-content: center;
	align-content: center;
    -webkit-box-pack: space-between;
  	-ms-flex-pack: space-between;
  	-webkit-justify-content: space-between;
  	justify-content: space-between;
  	min-height: 200px;
    padding: 16px 60px 0 60px;
    
}

#page-footer .frame-container {
	padding: 30px;
}

.footer-section .section-row {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: center;
  	-ms-flex-pack: center;
  	-webkit-justify-content: center;
  	justify-content: center;
}

.footerblock>div {
	margin-bottom: 2px;
}

.footer-language .language-menu {
	margin: 0;
}

.footerblock .language-menu img {
	width: 16px !important;
}

.footerblock .footer-copyright {
	margin-top: 10px;
}

.footerblock .footer-copyright p {
	color: #fff;
	font-weight: 400;
}

.footer-section .footer-sociallinks .sociallinks-list {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: flex-start;
  	-ms-flex-pack: flex-start;
  	-webkit-justify-content: flex-start;
  	justify-content: flex-start;
}

.footer-section .footer-sociallinks .sociallinks-item:lastchild {
	margin: 0;
}

.footer-section-meta {
	display: none;
}

.navbar-brand-logo-normal {
	height: 48px;
}

.navbar-brand-logo-inverted {
	height: 48px;
}

.mainmenu {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    width: 178px;
    align-items: center;
    flex-direction: row-reverse;
}

.container {
	max-width: 100%;
}

.frame-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.frame-type-image picture~.caption {
	position: absolute;
	top: -20%;
	right: 3%;
	color: #000;
	font-size: 2.2rem;
	line-height: 3rem;
	text-align: left;
}

.frame {
    padding: 0;
    margin: 0;
}

.hss-section {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.hss-section article {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex: 1 1 100%;
    flex-wrap: wrap;
    flex-direction: row;
    -webkit-box-pack: center;
  	-ms-flex-pack: center;
  	-webkit-justify-content: center;
  	justify-content: center;
    width: 100%;
    padding: 8%;
    padding-top: 5%;
    padding-bottom: 5%;
}

/* single sections */

.hss-section article .nine_grid-row {
	width: 316px;
}

.hss-section article .nine_grid-row img {
	width: 100%;
	height: auto;
}

.hss-section article .nine_grid-row video {
	width: 168px;
	height: auto;
}

.hss-section article .nine_grid-row>div {
    position: relative;
    margin: 10px;
    background-color: #191e31;
    text-align: center;
}

.hss-section article .row_2 .col_1,
.hss-section article .row_2 .col_2,
.hss-section article .row_2 .col_3 {
	margin-left: 0;
    margin-right: 0;
}

.row_2 {
	width: 500px !important;
	/*
	flex-grow: 1;
	flex-shrink: 1;
	*/
}

.row_2 .col_3 img {
	width: 306px !important;
}

.row_1 .col_1,.row_1 .col_2,.row_1 .col_3 {
	margin-left: 0 !important;
}

.row_3 .col_1,.row_3 .col_2,.row_3 .col_3 {
	margin-right: 0 !important;
}

.hss-section article .row_2 .col_1>div {
	padding: 30px;
    text-align: left;
}

.hss-section article .row_3 .col_1,
.hss-section article .row_3 .col_2,
.hss-section article .row_3 .col_3 {
	right: -2000px;
	transition: right 1s;
}
.hss-section article .row_1 .col_1,
.hss-section article .row_1 .col_2,
.hss-section article .row_1 .col_3 {
	left: -2000px;
	transition: left 1s;
}

.hss-section article .row_2 .col_1
{
	top:-2000px;
	transition: top 1s;
}

.hss-section article .row_2 .col_2,
.hss-section article .row_2 .col_3 {
	bottom:-2000px;
	transition: top 1s;
}

.hss-section article .nine_grid-row .textblock {
    position: absolute;
    bottom: 22px;
    left: 30px;
    width: 250px;
    color: #fff;
    text-align: left;
}

.hss-section article .nine_grid-row .textblock>div:nth-child(1) {
    font-size: 0.8rem;
    font-weight: 600;
}

.hss-section article .nine_grid-row .textblock>div:nth-child(2) {
    font-size: 0.8rem;
    font-weight: 100;
}

.hss-section article .row_1 .col_1 .textblock {
	width: 260px;
}

.hss-section article .row_1 .col_1 .textblock>div:nth-child(1) {
	font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
}

.hss-section article .row_1 .col_1 .textblock>div:nth-child(2) {
	font-size: 1rem;
    font-weight: 400;
}

.hss-section article .row_2 .col_1>div:nth-child(1)  {
	font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

.element-subheader .headline {
	width: 50%;
}

.element-subheader {
	position: absolute;
	width: 60%;
    padding: 8%;
    padding-bottom: 0;
    z-index: 9;
}

.copytext {
	font-size: 1rem;
    font-weight: 300;
    line-height: 1.8rem;
    transition: font-size 0.3s,padding 0.3s,line-height 0.3s;
}

#hss_textOnBackgroundcolor {
	/* margin-top: -15%; */
}
#hss_textOnBackgroundcolor .hss_textOnImage_backgroundcolor .copytext {
	position: relative;
	top: -2000px;
	transition: top 1s;
}

.hss-section .hss_textOnImage_backgroundcolor {
	padding: 8%;
}

.hss-section .hss_textOnImage_backgroundcolor .copytext {
	
}

#hss_parallaxwithtext {
	background-size: cover;
}

#hss_parallaxwithtext .infocontainer {
	margin-top: 40px;
}

#hss_parallaxwithtext .infocontainer button {
	float: left;
    border: none;
    background-color: #2d75ff;
    border-radius: 16px;
    color: #fff;
    padding: 6px 16px 8px 16px;
    margin-right: 20px;
}

#hss_parallaxwithtext .infocontainer .phonenumber {
	position: relative;
    float: left;
    top: -8px;
}

#hss_parallaxwithtext .infocontainer .phonenumber img {
	width: auto;
    height: 42px;
    margin-right: 20px;
}

#hss_parallaxwithtext .infocontainer .phonenumber span {
	position: relative;
    font-size: 2.6rem;
    line-height: 0;
    font-weight: 400;
    color: #2d75ff;
}

#hss_parallaxwithtext h1,
#hss_parallaxwithtext h2,
#hss_parallaxwithtext h3,
#hss_parallaxwithtext h4,
#hss_parallaxwithtext h5,
#hss_parallaxwithtext h6 {
	color: #191e31;
}

#hss_parallaxwithtext .hss_parallaxwithtext_Image {
	display: block;
}

#hss_parallaxwithtext .textcontainer {
	position: relative;
	left: -2000px;
	width: 64%;
	padding-top: 12%;
	transition: left 1s;
}

#hss_parallaxwithtext .copytext {
	color: #191e31;
}

.fa-phone {
    position: relative;
    top: 0px;
    margin-right: 18px;
    font-family: 'Fontawesome';
    font-size: 2.4rem;
    color: #2d75ff;
}

/* -------------------------------------------------------- */

#hssExplainedForm {
	display: none;
	position: relative;
	top: -2000px;
	padding-bottom: 100px;
	/* transition: top 1s; */
}

.hssExplainedForm {
	background-color: #ecebec;
}

.hssExplainedForm ul {
	margin: 20px 0 0 3%;
	padding: 0;
}

.hssExplainedForm ul li {
	list-style-type: disc;
	color: #181f32;
}

.hssExplainedForm .videocontainer ul {
	position: relative;
    top: 8px;
    /* left: -66%; */
    width: 100%;
    margin: 20px 0 0 3%;
    padding: 0;
}

.hssExplainedForm .videocontainer ul li {
	list-style-type: none;
    color: #181f32;
    width: 430px;
    padding: 9px;
    font-size: 1rem;
    font-weight: 400;
}

.hssExplainedForm .videocontainer ul li::before {
	position: relative;
    top: 4px;
	margin-right: 10px;
	content: "\f058";
	font-family: "Fontawesome";
    font-size: 2rem;
	color: #3680fe;
}

.hssExplainedForm .videocontainer video {
	position: relative;
	/* left: -32%; */
}

.hssExplainedForm h1,
.hssExplainedForm h2,
.hssExplainedForm h3,
.hssExplainedForm h4,
.hssExplainedForm h5,
.hssExplainedForm h6 {
	color: #191e31;
}

.hssExplainedForm>article {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-direction: row;
    flex: 1 1 100%;
    flex-wrap: wrap;
    padding: 8%;
    padding-top: 4%;
    padding-bottom: 4%;
    -webkit-box-pack: space-between;
  	-ms-flex-pack: space-between;
  	-webkit-justify-content: space-between;
  	justify-content: space-between;
}

.hssExplainedForm article .leftbox {
	position: relative;
	left: -2000px;
	width: 48%;
	transition: left 1s;
}

.hssExplainedForm article .leftbox .videocontainer {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.hssExplainedForm article .rightbox {
	position: relative;
	right: -2000px;
	width: 48%;
	transition: left 1s;
}

.hssExplainedForm article .leftbox video {
	/* width: 100%; */
    height: 510px;
}

/* -------------------------------------------------------- */

#hssSectionStarter {
	padding-bottom: 4%;
}

.hssSectionStarter {
	
}

.hssSectionStarter>article {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    flex-direction: row;
    flex: 1 1 100%;
    flex-wrap: wrap;
    /* padding: 8%; */
    /*
    padding-top: 4%;
    padding-bottom: 4%;
    */
    -webkit-box-pack: space-between;
  	-ms-flex-pack: space-between;
  	-webkit-justify-content: space-between;
  	justify-content: space-between;
}

.hssSectionStarter>article .leftbox {
	position: relative;
	left: -2000px;
	width: 50%;
	transition: left 1s;
}

.hssSectionStarter>article .leftbox .videocontainer video {
	width: 100%;
}

.hssSectionStarter>article .leftbox .videooverlaycontent {
	position: absolute;
    left: 0;
    top: 0;
	width: 60%;
	padding: 8%;
}

.hssSectionStarter>article .rightbox {
	position: relative;
	right: -2000px;
	width: 50%;
	background-size: cover;
	transition: right 1s;
}

.hssSectionStarter>article .rightbox .activationcontent {
	width: 60%;
	padding: 8%;
}

.hssSectionStarter>article .rightbox .actionarea button {
	border: none;
    background-color: #2d75ff;
    border-radius: 16px;
    color: #fff;
    padding: 6px 16px 8px 16px;
    margin-top: 60px;
}

/* start: external video */
.responsive-video iframe {
	height: 75% !important;
}
/* end: external video */

/* start: burger-menu */
.burgermenu {
	position: relative;
	top: 8px;
}

.burgermenu input[type="checkbox"] {
	position: relative;
    left: 8px;
    width: 60px;
    height: 60px;
    opacity: 0;
    cursor: pointer;
}
.line { 
   position: absolute; 
   left:10px;
   height: 8px;
   width: 55px; 
   background: #333;
	border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 8px; }
.line:nth-child(2) { top: 32px; }
.line:nth-child(3) { top: 32px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(3){
   opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(2){
   transform: translateY(-12px) rotate(45deg);
}
/* end: burger-menu */

/* start: megamenu */
.megamenu {
	display: none;
	opacity: 1;
	position: fixed;
	top: 100px;
    width: 100%;
    height: 100%;
    padding-bottom: 200px;
    background-color: #fff;
    color: #666;
    z-index: 99;
}

.megamenu h1,
.megamenu h2,
.megamenu h3,
.megamenu h4,
.megamenu h5,
.megamenu h6 {
	color: #191e31;
}

.megamenu h4 {
	font-size: 1.4rem;
}

.megamenu .hssMegamenu {
	padding: 60px 60px 32px 60px;
}

.megamenu .hssMegamenu .mainlinks {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
    -webkit-box-pack: space-around;
  	-ms-flex-pack: space-around;
  	-webkit-justify-content: space-around;
  	justify-content: space-around;
}

.megamenu .hssMegamenu .mainlinks .megamenu-entry {
	position: relative;
	cursor: default;
}

.megamenu .hssMegamenu .mainlinks .megamenu-entry a {
	text-decoration: none;
}

.megamenu .hssMegamenu .mainlinks .haslink {
	cursor: pointer;
}

.megamenu .hssMegamenu .mainlinks .megamenu-entry h4:hover {
	color: #020307;
}

.megamenu .hssMegamenu .mainlinks .megamenu-entry h1 {
	color: #666;
}

.megamenu .hssMegamenu .mainlinks .megamenu-entry .mouseover-text {
	opacity: 0;
	position: absolute;
    left: 0;
    top: 48px;
    width: 338px;
    font-size: 0.8rem;
    color: #666;
}

.megamenu .footer-language {
	padding: 60px;
}

.megamenu .additionalinfos:nth-child(1) {
	margin-top: 60px;
}

.megamenu-additionalinfos {
	padding: 60px;
	padding-top: 0;
	padding-bottom: 0;
}

.megamenu-additionalinfos .infoblock {
	
}

.megamenu-additionalinfos .infoblock div {
	color: #666;
}

.megamenu-additionalinfos .infoblock div:nth-child(1) {
	font-size: 0.8rem;
	font-weight: 600;
	color: #666;
}

.megamenu-additionalinfos .infoblock .infoentries {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-around;
  	-ms-flex-pack: space-around;
  	-webkit-justify-content: space-around;
  	justify-content: space-around;
}

.megamenu-additionalinfos .infoblock .infoentries>div {
	width: 930px;
}

.megamenu-additionalinfos .infoblock .infoentries img {
	width: 172px;
    vertical-align: baseline;
    margin-right: 20px;
}

.megamenu-additionalinfos .infoblock .infoentries p {
	max-width: 730px;
	display: inline-block;
	vertical-align: top;
}

.infoentries strong {
	font-weight: 600;
}

.megamenu-social-container {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-between;
  	-ms-flex-pack: space-between;
  	-webkit-justify-content: space-between;
  	justify-content: space-between;
}

.megamenu-socialmedia {
	padding: 16px 60px 0 60px;
    margin-top: 20px;
    border-top: 1px solid #999;
}

.megamenu-socialmedia div {
	color: #666;
}

.megamenu-socialmedia>div {
	font-size: 0.8rem;
    font-weight: 600;
    color: #666;
}

.megamenu-socialmedia .megamenu-socialmedia-entries {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: flex-start;
  	-ms-flex-pack: flex-start;
  	-webkit-justify-content: flex-start;
  	justify-content: flex-start;
}

.megamenu-socialmedia-entry {

}

.megamenu-socialmedia-entry a {
	position: relative;
    top: 6px;
    left: 6px;
    color: #333;
}

.megamenu .sociallinks-link-icon {
	margin-top: 10px;
    margin-left: 22px;
    color: #333;
}

.megamenu .megamenu-socialmedia-entry:nth-child(1) .sociallinks-link-icon {
    margin-left: 0px;
}

.megamenu-impress {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: flex-end;
    -moz-box-align: flex-end;
    -ms-flex-align: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    padding: 16px 60px 0 60px;
    margin-top: 40px;
    border-top: 1px solid #999;
}

.megamenu-impress .impress-block {
	font-size: 0.8rem;
}

.megamenu-impress .impress-block>div {
	color: #333;
}

.megamenu-impress .impress-block-socialmedia {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

/* end: megamenu*/

/* DCE - Text Button Box */
.hss_textbuttonbox {
	width: 100%;
	margin-top: 100px;
	/* margin-bottom: 100px; */
	padding: 50px;
	background-color: #fff;
	color: #333;
	text-align: center;
}

.hss_textbuttonbox .headline {
	margin-bottom: 32px;
	font-size: 6rem;
	line-height: 6.8rem;
	font-weight: 600;
	color: #333;
}

.hss_textbuttonbox .copytext {
	font-size: 3rem;
	line-height: 3.6rem;
	color: #333;
}

.hss_textbuttonbox .buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex: 1 1 50%;
	flex-wrap: wrap;
}

.hss_textbuttonbox .buttonOne,
.hss_textbuttonbox .buttonTwo,
.hss_textbuttonbox .button {
	margin-top: 42px;
}

.hss_textbuttonbox .buttonOne a,
.hss_textbuttonbox .buttonTwo a,
.hss_textbuttonbox .button a {
	display: inline-block;
	background-color: #e9531b;
	padding: 10px 20px 10px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	border-radius: 6px;
}

/* powermail */
.tx-powermail {
    /* padding: 38px 40px 34px 40px; */
    background-color: transparent;
}

.tx-powermail div {
	color: #181f32;
}

.tx-powermail h3 {
	display: none;	
}

.tx-powermail .fieldgroupBlock {
	display: -webkit-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: flex-start;
  	-ms-flex-pack: flex-start;
  	-webkit-justify-content: flex-start;
  	justify-content: flex-start;
	flex-wrap: wrap;
    width: 100%; 
}

.powermail_legend {
	display: none;
}

.powermail_fieldwrap_type_input,
.powermail_fieldwrap_type_select
{
	width: 200px;
	margin: 0;
	padding: 0;
}

.powermail_fieldwrap_type_text {
	margin: 24px 0 0 0;
}

.powermail_fieldwrap_introtext {
	margin: 0;
	padding: 0;
}

.powermail_fieldwrap_introtext .powermail_field {
	font-size: 2rem;
    font-weight: 100 !important;
    margin-bottom: 30px;
}

.powermail_fieldwrap_aufmerksamtext .powermail_field,
.powermail_fieldwrap_standorteanzahltext .powermail_field,
.powermail_fieldwrap_bereichtext .powermail_field {
	font-size: 1rem;
	font-weight: 400;
}


.powermail_fieldwrap_type_text>.powermail_field {
	font-weight: 400;
}

.powermail_field {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}

.powermail_field input {
    position: relative;
    top: 2px;
}

.powermail_field input[type="text"],
.powermail_field input[type="email"],
.powermail_field input[type="tel"]
{
	width: 122px;
	margin: 6px 0 6px 0;
    padding: 2px 6px;
    background-color: #fff;
    border: 0;
    border: 1px solid #999;
    font-size: 0.8rem;
    color: #333;
}

.powermail_field select
{
	position: relative;
	top: 2px;
	width: 122px;
	margin: 6px 0 6px 0;
    padding: 2px 6px;
    background-color: #fff;
    border: 0;
    border: 1px solid #999;
    font-size: 0.8rem;
    color: #191e31;
}

.powermail_fieldwrap_ihrenachrichtanuns .powermail_field {
	width: 100%;
}

.powermail_field textarea
{
	width: 95%;
	padding: 9px;
}

.powermail_field {
	position: relative;
	margin-top: 14px;
}

.powermail_field .radio {
	float: left;
	margin-left: 20px;
}

.powermail_field .radio:nth-child(1) {
	margin-left: 0px;
}

.powermail_field .checkbox {
	float: left;
	margin-left: 20px;
}

.powermail_field .checkbox:nth-child(1) {
	margin-left: 0px;
}

.tx-powermail ul {
	margin: 20px 0 0 3%;
	padding: 0;
}

.tx-powermail ul li {
	list-style-type: disc;
	color: #181f32;
}

.parsley-errors-list {
	position: absolute;
    top: 12px;
    left: 0;
    margin: 0;
    padding: 0;
}

.parsley-errors-list li {
	width: auto;
	/* background-color: #fff; */
	margin: 0;
	margin-left: 14px;
	margin-top: 8px;
	padding: 4px;
	list-style-type: none !important;
	font-size: 0.6rem;
	text-align: left;
	display: inline-block;
	color: #e9531b !important;
}

.parsley-errors-list li::before {
	position: absolute;
	content: "";
	left: 0px;
	top: 16px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #e9531b;
}

.powermail_fieldwrap_type_submit {
	margin-top: 40px;
	text-align: right;
}

.powermail_submit {
	border: none;
    background-color: #e9531b;
    /* border-radius: 16px; */
    color: #fff;
    padding: 6px 16px 8px 16px;
}

.powermail_fieldwrap_type_textarea {
	width: 100%;
}

.powermail_fieldwrap_type_textarea .powermail_field {
	width: 100% !important;
	text-align: center;
}


/* static sites */
.backendlayout-simple {
    background-color: #fff;;
    color: #444;
}

.backendlayout-simple section {
    padding: 2% 8% 8% 8%;
}

.backendlayout-simple section h1,
.backendlayout-simple section h2,
.backendlayout-simple section h3,
.backendlayout-simple section h4,
.backendlayout-simple section h5,
.backendlayout-simple section h6
{
    color: #444;
    font-size: 1.4rem;
    line-height: 3.2rem;
}

.backendlayout-simple footer h5 {
	color: #fff;
}

.backendlayout-simple section p {
    color: #444;
}

.backendlayout-simple section a {
	color: #181f32;
    font-weight: 400;
}

/* parallax */

.parallax {
  position: relative;
  background-attachment: fixed;
  background-position: center 0;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   height: 100%;
}

.caption {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;

  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;

  height: 100%;
}

.caption .border {
  background-color: #111;
  color: #fff;
  padding: 18px;
  font-size: 25px;
  letter-spacing: 10px;
}

.text {
  color: #777777;
  background-color: #ffffff;
  text-align: center;
  /* padding: 50px 80px; */
  text-align: justify;
}

.slick-slide {
    float: left;
    width: 100% !important;
    height: 100%;
    min-height: 1px;
    display: none;
}

#parallax-2 {
	background-color: #9ac5e8;
	padding-top: 20%;
    padding-bottom: 6%;
    min-height: 452px;
}

/* felogin */
.felogin {
	float: left;
	position: relative;
    top: 33px;
    left: 0px;
	width: 334px;
}

::-moz-placeholder { /* Code for Firefox */
    color: #777;
}

::-webkit-input-placeholder { /* Chrome, Edge, Safari and Opera */
    color: #777;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #777;
}

::placeholder {
    color: #777;
}

.felogin input {
	width: 80px;
	padding: 5px;
}

.felogin input[type="text"] {
	float: left;
	width: 100px;
	height: 30px;
	padding: 0px;
	padding-left: 20px;
	/*
	border-radius: 26px 0px 0px 26px !important;
    -moz-border-radius: 26px 0px 0px 26px !important;
    -webkit-border-radius: 26px 0px 0px 26px !important;
	border-radius: 26px;
	*/
	border: none;
	background-color: #e1e1e1;
	font-size: 13px;
	color: #fff;
}

.felogin input[type="password"] {
	float: left;
	width: 100px;
	height: 30px;
	padding: 0px;
	padding-left: 20px;
	margin-left: 1px;
	border: none;
	background-color: #e1e1e1;
	font-size: 13px;
	color: #fff;
}

.felogin input[type="submit"] {
	float: left;
	height: 30px;
	margin-left: 1px;
	padding: 0;
	/*
    border-radius: 0px 26px 26px 0px !important;
    -moz-border-radius: 0px 26px 26px 0px !important;
    -webkit-border-radius: 0px 26px 26px 0px !important;
    */
    border: none;
    background-color: #207bb8 !important;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    outline: none;
    cursor: pointer;
}

.login-container {
	margin-top: 76px;
	min-height: 600px;
	/*
	background-image: url('/fileadmin/hss/portal/img/hss_login_bg.jpg');
	background-size: cover;
	*/
}

.login {
	margin-top: 6px;
}

.dashboardLoginButton {
	display: inline-block;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #e9531b;
	color: #fff;
	text-decoration: none !important;
	border-radius: 6px;
}

.dashboardLoginButton:hover {
	color: #fff;
}

.forgot-psw {
	
}

.transparent-overlay {
	position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    /* opacity: 0.8; */
    z-index: 8;
    background-color: #efefef;
}

.register-block {
	visibility: hidden;
	position: relative;
    top: 84px;
    width: 280px;
    height: 114px;
    padding: 30px;
    padding-top: 10px;
    margin: 0 auto;
    z-index: 9;
}

.transparent-register-overlay {
	position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    z-index: 8;
    background-color: #fff;
}

.register-block h3 {
	position: relative;
    width: 100%;
    margin: 0;
    text-align: center;
    color: #1d67b0;
    font-size: 0.8rem;
    line-height: 1.4rem;
    font-weight: 400;
    z-index: 9;
}

.register-button {

}

.legals {
	position: relative;
    top: 62px;
    width: 320px;
    margin: 0 auto;
    color: #444;
    z-index: 9;
}

.legals div {
	font-size: 0.6rem;
	text-align: center;
}

.legals i {
	font-size: 0.6rem;
	color: #444;
}

.legals a {
	font-size: 0.6rem;
	color: #444;
	text-decoration: none;
}

.register-button a {
	display: inline-block;
    position: relative;
    top: 0px;
    width: 100%;
    height: 38px;
    margin: 0 auto;
    margin-top: 8px;
    /* margin-left: 10px; */
    padding: 4px;
    padding-top: 10px;
    color: #1d67b0;
    background-color: #fff;
    border: none;
    font-size: 0.8rem;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    /* cursor: pointer; */
    z-index: 9;
}

.tx-felogin-pi1 {
	position: relative;
    top: 130px;
    width: 280px;
    height: 272px;
    padding: 30px;
    margin: 0 auto;
    z-index: 9;
	border: 1px solid #e1e1e1;
}

.tx-felogin-pi1 form,
.tx-felogin-pi1 p {
	clear: both;
	position: relative;
	top: 0px;
	font-size: 0.8rem;
    font-weight: 300;
	color: #333;
    z-index: 99;
}

.forgot {
	position: relative;
    top: 78px;
    width: 280px;
    /* height: 348px; */
	height: auto;
    padding: 30px;
    margin: 0 auto;
    z-index: 9;
}

.forgot-psw a {
	display: inline-block;
    position: relative;
    top: 0px;
    width: 100%;
    height: 38px;
    margin: 0 auto;
    margin-top: 8px;
    /* margin-left: 10px; */
    padding: 4px;
    padding-top: 10px;
    color: #1d67b0;
    background-color: #fff;
    border: none;
    font-size: 0.8rem;
    font-weight: 300;
    text-decoration: none;
    text-align: center;
    /* cursor: pointer; */
    z-index: 9;
}

.forgot input[type="text"] {
	top: 0 !important;
	padding-left: 0px !important;
}

.forgot input[type="password"] {
	top: 0 !important;
	padding-left: 0px !important;
}

.tx-felogin-pi1 .login-text {
    position: relative;
    top: -44px;
    height: 38px;
    z-index: 9
}

.tx-felogin-pi1 .msg {
	/* display: none; */
	position: relative;
    top: -10px;
    font-size: 0.8rem;
    color: red;
    z-index: 9;
}

.tx-felogin-pi1 .login-form form .user::before {
	position: relative;
    left: 0;
    content: "\f007";
    font-family: Fontawesome;
    font-size: 1.8rem;
    color: #1d67b0;
}

.tx-felogin-pi1 .login-form form .psw::before {
	position: relative;
    left: 0;
    top: 1px;
    content: "\f023";
    font-family: Fontawesome;
    font-size: 1.8rem;
    color: #1d67b0;
}

.tx-felogin-pi1 .login-logo {
	display: none;
	position: relative;
    width: 100%;
    height: 26px;
    z-index: 9;
}

.tx-felogin-pi1 .login-logo img {
	position: relative;
    top: -16px;
    left: -4px;
    width: 108px;
}

.tx-felogin-pi1 .login-form {
	position: relative;
	top: -10px;
	margin-top: 0px;
	z-index: 9;
}

.tx-felogin-pi1 .password-forgot-form {
	position: relative;
	margin-top: 34px;
	z-index: 9;
}

.tx-felogin-pi1 .password-forgot-form input[type="text"] {
	top: -20px;
	width: 212px;
	padding-left: 14px;
}

.tx-felogin-pi1 .password-forgot-form input[type="submit"] {
	margin-top: 0;
}

.tx-felogin-pi1 .password-forgot-form .psw-forgot {
	top: 0px;
}

.tx-felogin-pi1 legend {
	display: none;
}

.tx-felogin-pi1 .forgot-msg {
	position: relative;
	margin-top: 16px;
    font-size: 0.8rem;
    color: #444;
    z-index: 9;
}

.tx-felogin-pi1 h3 {
	display: inline;
    position: relative;
    top: 0px;
    /* left: 34px; */
    margin: 0;
    margin-bottom: 12px;
    /* margin-bottom: 30px; */
    text-align: center;
    color: #1d67b0;
    font-size: 1rem;
    font-weight: 400;
    z-index: 9;
}

.tx-felogin-pi1 .login-form form {
	border: none;
}

.tx-felogin-pi1 .login-form form div {
	height: 42px;
}

.tx-felogin-pi1 .login-form form div:last-child {
	float: none;
	clear: both;
}

.tx-felogin-pi1 input[type="text"] {
	position: relative;
    top: -32px;
    width: 220px;
    text-align: left;
    height: 10px;
    padding: 14px;
    padding-left: 34px;
    border: 0;
    border-bottom: 1px solid #999;
    background-color: unset;
    font-size: 0.8rem;
}

.tx-felogin-pi1 input[type="password"] {
	position: relative;
    top: -32px;
    width: 220px;
    text-align: left;
    height: 10px;
    padding: 14px;
    padding-left: 34px;
    border: 0;
    border-bottom: 1px solid #999;
    background-color: unset;
    font-size: 0.8rem;
}

.tx-felogin-pi1 input[type="submit"] {
	position: relative;
    top: 0px;
    width: 100%;
    height: 34px;
    margin: 0 auto;
    margin-top: 16px;
    /* margin-left: 10px; */
    padding: 4px;
    color: #fff;
    background-color: #1d67b0;
    border: none;
    font-weight: 300;
    cursor: pointer;
	border-radius: 4px;
}

.backtohss {
	display: inline-block;
    position: relative;
    top: 0px;
    /* padding-top: 10px; */
    width: 97%;
    height: 20px;
    margin: 0 auto;
    margin-top: 10px;
    /* margin-left: 10px; */
    padding: 4px;
    padding-top: 10px;
    color: #fff;
    background-color: #1d67b0;
    border: none;
    font-size: 0.8rem;
    font-weight: 300;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    
}

.login-text {
	margin-bottom: 0px;
	color: #333;
}

.psw-forgot {
	position: relative;
	top: 8px;
	z-index: 9;
}

.psw-forgot a {
	font-size: 0.7rem;
    color: #1d67b0 !important;
}

.felogin-hidden {
	height: 0 !important;
}

.text-danger {
	margin: 0;
	font-size: 0.6rem !important;
	line-height: 0.8rem;
}

/* Twitter Tweets */
#hssTwitterMovie article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

#hssTwitterMovie article .leftbox {
	width: 66%;
	background-color: #fff;
}

#hssTwitterMovie article .rightbox {
	width: 34%;
	background-color: #fff;
}

#hssTwitterMovie article .rightbox .videocontainer {
	width: 100%;
}

#hssTwitterMovie article .rightbox .videocontainer video {
	width: 100%;
}

#hssTwitterMovie .stream-items {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex: 1 1 50%;
	flex-wrap: wrap;
	padding: 50px;
}

#hssTwitterMovie .stream-items .tweetBox {
	width: 33.33333%;
	/* max-width: 316px; */
	padding: 20px;
	background-color: #fff;
}

#hssTwitterMovie .stream-items .tweetBox div {
	color: #333;
}

#hssTwitterMovie .stream-items .tweetBox .tweetBoxContent {
	font-size: 1rem;
	font-weight: 400;
	line-break: anywhere;
}

#hssTwitterMovie .stream-items .tweetBox .tweetBoxContent p {
	font-size: 1rem;
	font-weight: 400;
}

.backendlayout-simple #page-content {
	background-color: #fff;
}

.backendlayout-simple .powermail_form {
	max-width: 300px;
	margin: 0 auto;
}

.backendlayout-simple .tx-powermail div {
	width: 100%;
}

.backendlayout-simple .powermail_field input[type="text"], .backendlayout-simple .powermail_field input[type="email"], .backendlayout-simple .powermail_field input[type="tel"] {
	width: 100%;
}

.backendlayout-simple #footer {
	padding: 0;
}

.backendlayout-default {
	background-color: #fff;
}

.backendlayout-default #page-content {
	top: 0px;
}

/* DEC - IconText */
.hss_iconText {
	width: 100%;
	padding: 82px;
	margin-top: 100px;
	margin-bottom: 60px;
	background-color: #fff;
	color: #333;
}

.hss_iconText_boxIcon img {
	width: 6rem;
}

.hss_iconText .hss_iconText_rowscontainer {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex-wrap: wrap;
}

.hss_iconText .hss_iconText_rowscontainer>div {
	width: 33.3333333%
}

.hss_iconText .hss_iconText_title {
	margin-bottom: 60px;
	color: #333;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
}

.hss_iconText .hss_iconText_box {
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	margin-top: 46px;
	text-align: center;
}
.hss_iconText_boxIcon {
	margin-bottom: 20px;
	text-align: left;
}
.hss_iconText .hss_iconText_boxHeadline {
	text-align: left;
	font-size: 1rem;
	font-weight: 600;
	color: #333;
	text-align: left;
}

.hss_iconText .hss_iconText_boxText {
	font-size: 1rem;
	font-weight: 100;
	color: #333;
	text-align: left;
}

.vendt_references>.headline {
	color: #333;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
}

.vendt_references {
	padding: 50px;
}

.vendt_references>.logoContainer {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.vendt_references>.logoContainer img {
	flex-basis: 20%;
	width: 20%;
	padding: 10px;
}

/* DCE - Twitter */
.hssTwitterMovie {
	width: 100%;
	margin-top: 100px;
}

.hssTwitterMovie article {
	width: 100%;
	/*
	margin-top: 100px;
	margin-bottom: 100px;
	 */
}

.hssTwitterMovie .hssTwitterMovie_title {
	color: #333;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
}

/* DCE - Onpageform */
.hss_onpageform {
	width: 100%;
	padding: 60px;
	padding-bottom: 212px;
	padding-top: 0px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: baseline;
}

.hss_onpageform .left {
	width: 50%;
}

.hss_onpageform .left .headline {
	color: #333;
	font-size: 2rem;
	font-weight: 600;
	text-align: left;
}

.hss_onpageform .left .copytext {
	height: auto;
	margin-top: 10px;
	font-size: 1rem;
	font-weight: 400;
	color: #333;
}

.hss_onpageform .right {
	width: 50%;
}

.hss_onpageform .right {
	height: auto;
	margin-top: 106px;
	color: #333;
}

.hss_onpageform .left {
	min-width: 400px;
}
.hss_onpageform .right {
	min-width: 400px;
}

.powermail_form_8 {
	background-color: #fff;
}

.powermail_form_8 .powermail_fieldset {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex: 1 1 50%;
	flex-wrap: wrap;
}

.powermail_form_8 .powermail_field {
	width: 90%;
	margin-top: 0px;
	margin-bottom: 0px;
}

.powermail_form_8 .powermail_field input[type="text"],
.powermail_form_8 .powermail_field input[type="email"],
.powermail_form_8 .powermail_field input[type="tel"] {
	width: 100%;
	padding: 8px;
}

.powermail_form_8 .powermail_fieldwrap_type_input,
.powermail_form_8 .powermail_fieldwrap_type_select {
	width: 50%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.powermail_form_8 .powermail_submit {
	width: 100%;
	height: 40px;
	border-radius: 6px;
}

.powermail_form_8 .powermail_fieldwrap_type_submit {
	width: 100%;
	margin-top: 40px;
	text-align: center;
}

.powermail_form_8 .powermail_fieldwrap_type_submit .powermail_field {
	width: 96%;
}

/* DCE - Text Button Box */
.nlp_textbuttonbox {
	width: 100%;
	margin-top: 100px;
	margin-bottom: 100px;
	padding: 50px;
	background-color: #fff;
	color: #333;
	text-align: center;
}

.nlp_textbuttonbox .headline {
	margin-bottom: 32px;
	font-size: 6rem;
	line-height: 6.8rem;
	font-weight: 600;
	color: #333;
}

.nlp_textbuttonbox .copytext {
	font-size: 1rem;
	line-height: 1.4rem;
	color: #333;
}

.nlp_textbuttonbox .buttons {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: space-around;
	-ms-flex-pack: space-around;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	flex: 1 1 50%;
	flex-wrap: wrap;
}

.nlp_textbuttonbox .buttonOne,
.nlp_textbuttonbox .buttonTwo {
	margin-top: 42px;
}

.nlp_textbuttonbox .buttonOne a,
.nlp_textbuttonbox .buttonTwo a {
	display: inline-block;
	background-color: #e9531b;
	padding: 10px 20px 10px 20px;
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	border-radius: 6px;
}

.powermail_create {
	text-align: center;
}

.footerblock {
	align-self: flex-end;
}

#p1027 section:first-child,
#p1029 section:first-child,
#p1028 section:first-child {
	margin-top: 100px;
}

@media screen and (min-width: 1601px) and (max-width: 2000px) {

	#hssTwitterMovie .stream-items {
		flex-direction: row;
	}

	#hssTwitterMovie .stream-items .tweetBox {
		width: 33.3333333333%;
	}

	#hssTwitterMovie article {
		flex-direction: column;
	}

	#hssTwitterMovie article .leftbox {
		width: 100%;
	}

	#hssTwitterMovie article .rightbox {
		width: 100%;
	}

}

@media screen and (min-width: 1401px) and (max-width: 1600px) {

	#hssTwitterMovie article {
		flex-direction: column;
	}

	#hssTwitterMovie article .leftbox {
		width: 100%;
	}

	#hssTwitterMovie article .rightbox {
		width: 100%;
	}

  	h1 {
	    font-size: 4rem;
    	line-height: 5.2rem;
	}
	h4 {
		font-size: 2rem;
	    line-height: 3.2rem;
	    font-weight: 100;
	}
	.element-subheader .copytext {
	    font-size: 1.6rem;
    	line-height: 2.4rem;
	}

	.frame-type-image picture~.caption {
		position: absolute;
		top: -20%;
		right: 7%;
		color: #000;
		font-size: 1.8rem;
		line-height: 2.6rem;
		text-align: left;
	}
  
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {

	#hssTwitterMovie article {
		flex-direction: column;
	}

	#hssTwitterMovie article .leftbox {
		width: 100%;
	}

	#hssTwitterMovie article .rightbox {
		width: 100%;
	}

  	h1 {
	    font-size: 4rem;
    	line-height: 4.6rem;
	}
	h4 {
		font-size: 2rem;
	    line-height: 3.2rem;
	    font-weight: 100;
	}
	
	.element-subheader {
	    padding: 3%;
	}
	
	.element-subheader .copytext {
	    font-size: 1.6rem;
    	line-height: 2.4rem;
	}
  
	/* -------------------------------------------------------- */
  
  	.row_2 {
	    width: unset !important;
    	flex: 1 1 33.3333333%;
	}
  
  	.hss-section article {
  		-webkit-box-pack: space-between;
  		-ms-flex-pack: space-between;
  		-webkit-justify-content: space-between;
  		justify-content: space-between;
	    padding: 3%;
	}
	
	.hss-section article .nine_grid-row video {
	    width: 169px;
	}
	
	.hss-section article .row_2 .col_3 img {
	    width: 305px !important;
	}
	
	/* -------------------------------------------------------- */
	
	.hss-section .hss_textOnImage_backgroundcolor {
	    padding: 3%;
	}
  
  	/* -------------------------------------------------------- */
  
	.hssExplainedForm .videocontainer ul li {
	    width: 318px;
	}
	
	.powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field input[type="tel"] {
	    width: 82px;
	}
	
	.powermail_field select {
	    width: 82px;
	}

	.frame-type-image picture ~ .caption {
		position: absolute;
		top: -20%;
		right: 4%;
		color: #000;
		font-size: 1.6rem;
		line-height: 2.6rem;
		text-align: left;
	}
}

@media screen and (min-width: 951px) and (max-width: 1200px) {
	#hssTwitterMovie .stream-items .tweetBox {
		width: 50%;
	}

	#hssTwitterMovie article {
		flex-direction: column;
	}

	#hssTwitterMovie article .leftbox {
		width: 100%;
	}

	#hssTwitterMovie article .rightbox {
		width: 100%;
	}

	#page-header {
		height: 100px;
	    padding: 10px;
	}
  
  	h1 {
	    font-size: 3rem;
    	line-height: 4.2rem;
	}
	h4 {
		font-size: 1.4rem;
    	line-height: 2.2rem;
	    font-weight: 100;
	}
	
	h5 {
	    font-size: 1.4rem;
	    line-height: 2.2rem;
	}
	
	h6 {
	    font-size: 0.8rem;
	    line-height: 1.2rem;
	}
	
/* -------------------------------------------------------- */	
	
	.element-subheader {
	    width: 80%;
	    padding: 3%;
	}
	
/* -------------------------------------------------------- */

	.hss-section .hss_textOnImage_backgroundcolor {
	    padding: 3%;
	}
	
/* -------------------------------------------------------- */
	
	.row_2 {
		flex: 0 0 33.3333%;
		width: unset !important;
	    min-width: 315px;
	}
	
	.hss-section article {
	    padding: 3%;
	}
	
	.hss-section article .nine_grid-row {
	    width: 282px;
	}
	
/* -------------------------------------------------------- */
	
	.hssSectionStarter>article .rightbox .actionarea button {
	    margin-top: 2px;
	}
	
	.element-subheader .copytext {
	    font-size: 1.2rem;
    	line-height: 1.8rem;
	}
	
	.hssExplainedForm article .rightbox {
	    width: 100%;
	}
	
	.hssExplainedForm article .leftbox {
	    width: 100%;
	}
	
	/* -------------------------------------------------------- */
	.hss-section article .nine_grid-row video {
	    width: 128px;
	    height: auto;
	}
	
	.hss-section article .nine_grid-row img {
	    width: 100%;
	    height: auto;
	}
	
	.hss-section article .row_2 .col_3 img {
	    width: 271px !important;
	}

	.frame-type-image picture ~ .caption {
		position: absolute;
		top: -20%;
		right: 4%;
		color: #000;
		font-size: 1.3rem;
		line-height: 2.6rem;
		text-align: left;
	}
  
}

@media screen and (min-width: 701px) and (max-width: 950px) {
	#hssTwitterMovie article {
		flex-direction: column;
	}

	#hssTwitterMovie article .leftbox {
		width: 100%;
	}

	#hssTwitterMovie article .rightbox {
		width: 100%;
	}

	#page-header {
	    padding: 4px;
	}
	
 	.element-subheader {
	    width: 100%;
	}
  
  	h1 {
	    font-size: 3rem;
    	line-height: 4.2rem;
	}
	h4 {
		font-size: 1.6rem;
	    line-height: 2.6rem;
	    font-weight: 100;
	}
	h5 {
		margin-bottom: 0 !important;
	    font-size: 1.6rem;
    	line-height: 2.6rem;
    	font-weight: 400;
	}
	h6 {
	    font-size: 0.8rem;
    	line-height: 1.2rem;
	}
	.element-subheader .copytext {
	    font-size: 0.8rem;
    	line-height: 1.2rem;
	}
	
/* -------------------------------------------------------- */
	.megamenu .hssMegamenu {
	    padding: 30px 8% 34px 8%;
	}

	.megamenu .hssMegamenu .mainlinks {
	    -webkit-box-pack: space-between;
  		-ms-flex-pack: space-between;
  		-webkit-justify-content: space-between;
  		justify-content: space-between;
	}
	
	.megamenu .hssMegamenu .mainlinks .megamenu-entry .mouseover-text {
	    top: 30px;
	    font-size: 0.8rem;
	}
	
	.megamenu-additionalinfos {
	    padding: 0 8% 0 8%;
	}
	
	.megamenu>div:nth-child(2) .megamenu-additionalinfos {
	    padding: 40px 8% 0 8%;
	}
	
	.megamenu .hssMegamenu .mainlinks .megamenu-entry .mouseover-text {
	    top: 30px;
	    width: 300px;
	    font-size: 0.6rem;
	    font-weight: 100;
	}
	
	.megamenu-additionalinfos .infoblock div:nth-child(1) {
	    font-size: 0.6rem;
	}
	
	
	.megamenu-socialmedia {
	    padding: 16px 8% 0 8%;
	}

/* -------------------------------------------------------- */
	
	#hss_parallaxwithtext {
	    background-position-x: center;
	}
	
	#hss_parallaxwithtext .textcontainer {
	    width: 100%;
	}
	
	#hss_parallaxwithtext .textcontainer .copytext {
	    width: 100%;
	    color: #191e31;
	    font-size: 1rem;
	    line-height: 2rem;
	}
	
	#hss_parallaxwithtext .infocontainer .phonenumber {
	    top: 4px;
	}
	
	.fa-phone {
	    top: 0px;
	    font-size: 1.4rem;
	}
	
	#hss_parallaxwithtext .infocontainer button {
	    margin-right: 6px;
	    font-size: 0.8rem;
	}
 
 	#hss_parallaxwithtext .infocontainer .phonenumber img {
	    height: 32px;
	    margin-right: 6px;
	}
	
	#hss_parallaxwithtext .infocontainer .phonenumber span {
	    top: 0px;
	    font-size: 1.6rem;
	}
 
/* -------------------------------------------------------- */
  
  	.hss-section article .nine_grid-row>div {
  		margin: 0 0 10px 0;
  	}
  
  	.hss-section article .nine_grid-row {
	    width: 100%;
	}
	
	.hss-section article .row_2 .col_1>div {
	    padding: 30px;
	    text-align: center;
	}
  
  	.nine_grid article {
  		padding: 0;
  		margin-top: 10px;
  	}
  	
  	.hss-section article .nine_grid-row .textblock {
	    width: 94%;
	}
  	
  	.hss-section article .nine_grid-row .textblock>div:nth-child(1) {
	    font-size: 1rem;
	}
	
	.row_2 {
		width: 100% !important;
	}
	
	.hss-section article .nine_grid-row .textblock {
	    bottom: 100px;
	    width: 94% !important;
	    text-align: center;
	}
	
	.hss-section article .row_1 .col_1 .textblock>div:nth-child(1),
	.hss-section article .row_1 .col_2 .textblock>div:nth-child(1),
	.hss-section article .row_1 .col_3 .textblock>div:nth-child(1),
	.hss-section article .row_3 .col_1 .textblock>div:nth-child(1),
	.hss-section article .row_3 .col_2 .textblock>div:nth-child(1),
	.hss-section article .row_3 .col_3 .textblock>div:nth-child(1)
	{
	    font-size: 2.6rem;
	    line-height: 4rem;
	}
	
	.hss-section article .row_1 .col_1 .textblock>div:nth-child(2),
	.hss-section article .row_1 .col_2 .textblock>div:nth-child(2),
	.hss-section article .row_1 .col_3 .textblock>div:nth-child(2),
	.hss-section article .row_3 .col_1 .textblock>div:nth-child(2),
	.hss-section article .row_3 .col_2 .textblock>div:nth-child(2),
	.hss-section article .row_3 .col_3 .textblock>div:nth-child(2)
	{
	    font-size: 1.6rem;
	    font-weight: 100;
	}

/* -------------------------------------------------------- */
  
  	.hssExplainedForm article .rightbox {
	    width: 100%;
	}
	
	.hssExplainedForm article .leftbox {
	    width: 100%;
	    margin-bottom: 40px;
	}

/* -------------------------------------------------------- */
	
	#hssSectionStarter {
	    padding-bottom: 18%;
	}
	
	.hssSectionStarter>article .rightbox .actionarea button {
	    font-size: 0.8rem;
	}
	
	.hssSectionStarter>article .leftbox {
	    width: 100%;
	}
	
	.hssSectionStarter>article .rightbox {
	    width: 100%;
	}
	
	.hssSectionStarter>article .rightbox .activationcontent {
	    width: 66%;
	}

	.hssExplainedForm .videocontainer {
		/* display: none !important; */
	}
	
	.tx-powermail .fieldgroupBlock {
	    -webkit-box-pack: flex-start;
  		-ms-flex-pack: flex-start;
  		-webkit-justify-content: flex-start;
  		justify-content: flex-start;
	    flex: 1 1 100%;
	    flex-direction: column;
	    width: 100%;
	}
	.tx-powermail div {
	    width: 100%;
	    padding: 0;
	}
	
	.powermail_field .radio {
	    margin-left: 0px;
	}
	
	.powermail_field .checkbox {
	    margin-left: 0px;
	}
	
	.powermail_fieldwrap_type_radio,
	.powermail_fieldwrap_type_radio .powermail_field,
	.powermail_fieldwrap_type_checkbox,
	.powermail_fieldwrap_type_checkbox .powermail_field,
	.powermail_fieldwrap_type_input,
	.powermail_fieldwrap_type_input .powermail_field,
	.powermail_fieldwrap_type_select,
	.powermail_fieldwrap_type_select .powermail_field
	.powermail_fieldwrap_type_country,
	.powermail_fieldwrap_type_country .powermail_field {
		width: 100%;
	}
	
	.powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field input[type="tel"] {
	    width: 100% !important;
	}
	
	.powermail_field select, .powermail_field textarea {
	    width: 100%;
	}
	
/* -------------------------------------------------------- */

	#footer .section-column:nth-child(1) {
		/* border-bottom: 1px solid #ecebec; */
	}
	
	#footer a {
	    font-size: 0.8rem;
	    color: #fff;
	    text-decoration: none;
	}

	.frame-type-image picture ~ .caption {
		position: absolute;
		top: -20%;
		right: 4%;
		color: #000;
		font-size: 1rem;
		line-height: 1.6rem;
		text-align: left;
	}

	.hss_onpageform .right,
	.hss_onpageform .left {
		width: 100%;
	}

	.powermail_form_8 .powermail_fieldwrap_type_submit .powermail_field {
		width: 100%;
	}

}

@media screen and (min-width: 401px) and (max-width: 700px) {

	#hssTwitterMovie .stream-items {
		flex-direction: column;
	}

	#hssTwitterMovie .stream-items .tweetBox {
		width: 100%;
	}

	#hssTwitterMovie article {
		flex-direction: column;
	}

	#hssTwitterMovie article .leftbox {
		width: 100%;
	}

	#hssTwitterMovie article .rightbox {
		width: 100%;
	}

	#page-header {
		height: 100px;
		padding: 4px;
	}
	
 	.element-subheader {
	    width: 100%;
	}
  
  	h1 {
	    font-size: 1rem;
    	line-height: 1.2rem;
	}
	h4 {
		font-size: 0.8rem;
	    line-height: 1.4rem;
	    font-weight: 100;
	}
	h5 {
		margin-bottom: 0 !important;
	    font-size: 1.6rem;
    	line-height: 2.6rem;
    	font-weight: 400;
	}
	h6 {
	    font-size: 0.8rem;
    	line-height: 1.2rem;
	}
	.element-subheader .copytext {
	    font-size: 0.8rem;
    	line-height: 1.2rem;
	}
	
/* -------------------------------------------------------- */

	.megamenu h4 {
		font-size: 1rem;
	}

	.megamenu .hssMegamenu {
	    padding: 30px 8% 34px 8%;
	}

	.megamenu .hssMegamenu .mainlinks {
	    -webkit-box-pack: space-between;
  		-ms-flex-pack: space-between;
  		-webkit-justify-content: space-between;
  		justify-content: space-between;
	}
	
	.megamenu .hssMegamenu .mainlinks .megamenu-entry .mouseover-text {
	    top: 30px;
	    font-size: 0.8rem;
	}
	
	.megamenu-additionalinfos {
	    padding: 0 8% 0 8%;
	}
	
	.megamenu>div:nth-child(2) .megamenu-additionalinfos {
	    padding: 40px 8% 0 8%;
	}
	
	.megamenu .hssMegamenu .mainlinks .megamenu-entry .mouseover-text {
	    top: 30px;
	    width: 300px;
	    font-size: 0.6rem;
	    font-weight: 100;
	}
	
	.megamenu-additionalinfos .infoblock div:nth-child(1) {
	    font-size: 0.6rem;
	}
	
	.megamenu-socialmedia {
	    padding: 16px 8% 0 8%;
	}
	
	.footerblock {
		width: 100%;
	}
	
	.megamenu-impress {
	    flex-direction: column;
	}
	
	.megamenu-impress .impress-block {
	    margin-bottom: 12px;
	}

/* -------------------------------------------------------- */
	
	#hss_parallaxwithtext {
	    background-position-x: center;
	}
	
	#hss_parallaxwithtext .textcontainer {
	    width: 100%;
	}
	
	#hss_parallaxwithtext .textcontainer .copytext {
	    width: 100%;
	    color: #191e31;
	    font-size: 1rem;
	    line-height: 2rem;
	}
	
	#hss_parallaxwithtext .infocontainer .phonenumber {
	    top: 4px;
	}
	
	.fa-phone {
	    top: 0px;
	    font-size: 1.4rem;
	}
	
	#hss_parallaxwithtext .infocontainer button {
	    margin-right: 6px;
	    font-size: 0.8rem;
	}
 
 	#hss_parallaxwithtext .infocontainer .phonenumber img {
	    height: 32px;
	    margin-right: 6px;
	}
	
	#hss_parallaxwithtext .infocontainer .phonenumber span {
	    top: 0px;
	    font-size: 1.6rem;
	}
 
/* -------------------------------------------------------- */
  
  	.hss-section article .nine_grid-row>div {
  		margin: 0 0 10px 0;
  	}
  
  	.hss-section article .nine_grid-row {
	    width: 100%;
	}
  
  	.nine_grid article {
  		padding: 0;
  		margin-top: 10px;
  	}
  	
  	.hss-section article .nine_grid-row .textblock>div:nth-child(1) {
	    font-size: 1rem;
	}
	
	.row_2 {
		width: 100% !important;
	}
	
	.hss-section article .nine_grid-row .textblock {
	    bottom: 46px;
    	width: 87% !important;
	    text-align: center;
	}
	
	.hss-section article .row_1 .col_1 .textblock>div:nth-child(1),
	.hss-section article .row_1 .col_2 .textblock>div:nth-child(1),
	.hss-section article .row_1 .col_3 .textblock>div:nth-child(1),
	.hss-section article .row_3 .col_1 .textblock>div:nth-child(1),
	.hss-section article .row_3 .col_2 .textblock>div:nth-child(1),
	.hss-section article .row_3 .col_3 .textblock>div:nth-child(1)
	{
	    font-size: 1.4rem;
    	line-height: 3rem;
	}
	
	.hss-section article .row_1 .col_1 .textblock>div:nth-child(2),
	.hss-section article .row_1 .col_2 .textblock>div:nth-child(2),
	.hss-section article .row_1 .col_3 .textblock>div:nth-child(2),
	.hss-section article .row_3 .col_1 .textblock>div:nth-child(2),
	.hss-section article .row_3 .col_2 .textblock>div:nth-child(2),
	.hss-section article .row_3 .col_3 .textblock>div:nth-child(2)
	{
	    font-size: 1rem;
    	font-weight: 100;
	}

/* -------------------------------------------------------- */
  
  	.hssExplainedForm article .rightbox {
	    width: 100%;
	}
	
	.hssExplainedForm article .leftbox {
	    width: 100%;
	    margin-bottom: 40px;
	}
	
	.hssExplainedForm .videocontainer video {
		position: unset;
	    left: unset;
	}
	
	.hssExplainedForm .videocontainer ul {
	    position: unset;
	    top: unset;
	    left: unset;
	}

/* -------------------------------------------------------- */
	
	#hssSectionStarter {
	    padding-bottom: 18%;
	}
	
	.hssSectionStarter>article .rightbox .actionarea button {
	    font-size: 0.8rem;
	}
	
	.hssSectionStarter>article .leftbox {
	    width: 100%;
	}
	
	.hssSectionStarter>article .rightbox {
	    width: 100%;
	}
	
	.hssSectionStarter>article .rightbox .activationcontent {
	    width: 66%;
	}

	.hssExplainedForm .videocontainer {
		/* display: none !important; */
		display: unset !important;
	}
	
	.hssExplainedForm .videocontainer ul {
		margin: 0;
	}
	
	.hssExplainedForm .videocontainer ul li {
		padding: 0;
	}
	
	.hssExplainedForm .videocontainer ul li {
	    font-size: 0.8rem;
	}
	
	.hssExplainedForm .videocontainer ul li::before {
	    top: 6px;
	}
	
	.tx-powermail .fieldgroupBlock {
	    -webkit-box-pack: flex-start;
  		-ms-flex-pack: flex-start;
  		-webkit-justify-content: flex-start;
  		justify-content: flex-start;
	    flex: 1 1 100%;
	    flex-direction: column;
	    width: 100%;
	}
	.tx-powermail div {
	    /* width: 100%; */
	    padding: 0;
	}
	
	.powermail_fieldwrap_type_radio,
	.powermail_fieldwrap_type_radio .powermail_field,
	.powermail_fieldwrap_type_checkbox,
	.powermail_fieldwrap_type_checkbox .powermail_field,
	.powermail_fieldwrap_type_input,
	.powermail_fieldwrap_type_input .powermail_field,
	.powermail_fieldwrap_type_select,
	.powermail_fieldwrap_type_select .powermail_field
	.powermail_fieldwrap_type_country,
	.powermail_fieldwrap_type_country .powermail_field {
		width: 100%;
	}
	
	.powermail_field input[type="text"], .powermail_field input[type="email"], .powermail_field input[type="tel"] {
	    width: 100%;
	}
	
	.powermail_field select, .powermail_field textarea {
	    width: 100%;
	}
	
/* -------------------------------------------------------- */

	#page-footer .section-row {
	    flex-direction: column;
	}

	#footer .section-column:nth-child(1) {
		/* border-bottom: 1px solid #ecebec; */
	}
	
	#footer a {
	    font-size: 0.8rem;
	    color: #fff;
	    text-decoration: none;
	}

	.frame-type-image picture ~ .caption {
		position: absolute;
		top: -20%;
		right: 4%;
		color: #000;
		font-size: 0.6rem;
		line-height: 1rem;
		text-align: left;
		width: 56%;
	}

	.hss_onpageform .right,
	.hss_onpageform .left {
		width: 100%;
	}

	.powermail_form_8 .powermail_fieldwrap_type_submit .powermail_field {
		width: 100%;
	}

	.nlp_textbuttonbox .headline {
		font-size: 4rem;
		line-height: 4.8rem;
	}

	.nlp_textbuttonbox {
		padding: 20px;
	}

	.hss_iconText .hss_iconText_box {
		width: unset;
		max-width: 266px;
		text-align: center;
	}

	.hss_onpageform .left {
		min-width: unset;
		padding: 20px;
	}

	.hss_onpageform {
		padding: 20px;
		padding-bottom: 100px;
		padding-top: 40px;
	}

	.hss_onpageform .right {
		min-width: unset;
		padding: 20px;
		margin-top: 0px;
	}

	#hssTwitterMovie .stream-items {
		padding: 20px;
	}

	section .gallery-item img, .gallery-item picture {
		width: 100%;
	}

}