/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lato-v23-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-100.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-100.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-100italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/lato-v23-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lato-v23-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-100italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lato-v23-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-300italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/lato-v23-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lato-v23-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-300italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lato-v23-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v23-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
  url('../fonts/lato-v23-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/lato-v23-latin-italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/lato-v23-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/lato-v23-latin-italic.svg#Lato') format('svg'); /* Legacy iOS */
}
/*
========================================================================================================================
VARIABLES
========================================================================================================================
*/
:root {
  /* Colors */
  --light-blue: #0094f7;
  --dark-blue: #0060a3;
  --dark-purple: #583347;
  --grey: #707070;
  --light-grey: #f7f7f7;
  --white: #ffffff;
  --black: #000000;


}

/*
==================================================
GENERAL
==================================================
*/

/*
.overlay {
  position: absolute;
  width: 100vw;
  height: 100vh;
  opacity: 0.9;
  background-color: #000;
  z-index: 9999999;
  top: 0;
}

html {
  height: 100%;
  overflow: hidden;
}
*/
body {
  font: 1.6em/1.5 'Lato', serif;
  color: #000;
  letter-spacing: 0;
  font-weight: 100;
}

a {
  color: #0068c7;
}
a:hover {
  color: #0081df;
}

input, select, textarea {
  box-shadow: none;
  border: 1px solid #8c8c8c;
}

/*
Buttons
 */
.cc_btn_accept_all,
html .button,
input[type="submit"],
html .button:hover {
  /*** Layout ***/
  padding: 1rem 2rem;

  /*** Coloring ***/
  background: #fff;
  border: 2px solid #0094F7;
  color: #0094F7;

  /*** Text ***/
  text-align: inherit;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 400;
  min-width: 23rem;
}

html .button:after,
input[type="submit"]:after,
.membercard .button:after{
  background: url("../layout/arrow-right.svg") no-repeat;
  content: '';
  width: 41px;
  height: 24px;
  float: right;
  margin-left: 2.8rem;
}
.membercard .button:after{
  background: url("../layout/arrow-right-white.svg") no-repeat;
}

.cc_btn_accept_all:hover,
html .button:hover,
input[type="submit"]:hover {
  background: #583347;
  color: #fff;
  border: 2px solid #583347;
}

html .button:hover:after,
input[type="submit"]:hover:after {
  background: url("../layout/arrow-right-white.svg") no-repeat;
  content: '';
  width: 41px;
  height: 24px;
  float: right;
  margin-left: 2.8rem;
}

.section.primary .cc_btn_accept_all,
.section.primary .button,
.section.primary input[type="submit"] {
  background: #583347;
  color: #fff;
  border: 2px solid #fff;
}

.section.primary .cc_btn_accept_all:hover,
.section.primary .button:hover,
.section.primary input[type="submit"]:hover {
  background: #fff;
  color: #583347;
  border: 2px solid #fff;
}

.section.primary .button:after,
.section.primary input[type="submit"]:after {
  background: url("../layout/arrow-right-white.svg") no-repeat;
}

.section.primary .button:hover:after,
.section.primary input[type="submit"]:hover:after {
  background: url("../layout/arrow-right-primary.svg") no-repeat;
  content: '';
  width: 41px;
  height: 24px;
  float: right;
  margin-left: 2.8rem;
}

html .button:hover:after,
input[type="submit"]:hover:after {
  background: url("../layout/arrow-right-white.svg") no-repeat;
  content: '';
  width: 41px;
  height: 24px;
  float: right;
  margin-left: 2.8rem;
}

.section.middle .cc_btn_accept_all,
.section.middle .button,
.section.middle input[type="submit"] {
  background: #0094F7;
  color: #fff;
  border: 2px solid #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}


.section.middle .button{
  background: transparent;
}

.section.middle .cc_btn_accept_all:hover,
.section.middle .button:hover,
.section.middle input[type="submit"]:hover {
  background: #fff;
  color: #583347;
  border: 2px solid #fff;
}

.section.middle .button:after,
.section.middle input[type="submit"]:after {
  background: url("../layout/arrow-right-white.svg") no-repeat;
}

.section.middle .button:hover:after,
.section.middle input[type="submit"]:hover:after {
  background: url("../layout/arrow-right-primary.svg") no-repeat;
  content: '';
  width: 41px;
  height: 24px;
  float: right;
  margin-left: 2.8rem;
}

/*
Button animation
 */
.button,
.button:after,
.button:hover,
input[type="submit"],
input[type="submit"]:hover {
  transition: all ease-in-out 150ms;
}

.cc_btn_accept_allm
.button:hover,
.button.button--primary:hover,
.button.button--secondary:hover,
input[type="submit"]:hover {
  opacity: 1;
}

@media all and (max-width: 400px){
  .button:after {
    display: none;
  }
}
.membercard{
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}

.membercard .button{
  opacity: 1;
  padding: 1rem 2rem;
  background: #0094F7;
  border: 2px solid #0094F7;
  color: #fff;
  text-align: inherit;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 400;
  min-width: unset;
  width: 100%;
}
.membercard .button:hover{
  background: #583347;
  border: 2px solid #583347;
  color: #fff;
}

.membercard article a {
  position: relative;
}
.membercard .inner{
  padding: 0 1.5em ;
  position: absolute;
  bottom: 0;
  text-align: center;
  color: #000;
  width: 100%;
}

.middle .membercard .inner{
  color: #0081df;
}

.membercard.more {
  background-color: #0094F7;
}

.not-front .membercard.more {
  display: none;
}

.block-grid .membercard.more a{
  position: relative;
  height: 100%;
  width: 100%;
  color: #ffffff;
  font: normal normal 600 28px/34px Lato;
}

.block-grid .membercard.more a span:not(.button){
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.block-grid .membercard.more a span.button{
  width: 100%;
  position: absolute;
  bottom: 0;
}

.block-grid .membercard.more a span.button:after{
  background-position: center;
  width: 100%;
  margin: 0;
}

/*
Headline - general
 */
h1, h2, h3, h4, h5, h6 {
  text-transform: uppercase;
  color: #2b2b2b;
}

/*
Headline - font-weight differences
 */
h1, h2, h3, h4 {
  font-weight: 100;
}

h5 {
  font-weight: 400;
}

/*
Headline - font-size & line-height
 */
h1 {
  font-size: 4.5rem;
  line-height: 5rem;
  font-weight: 400;
}
h2 {
  font-size: 3.4rem;
  line-height: 5rem;
  font-weight: 400;
}
h3 {
  font-size: 2.4rem;
  line-height: 5rem;
  font-weight: 400;
}
h4 {
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 400;
}
h5 {
  font-size: 2rem;
  line-height: 5rem;
  font-weight: 400;
}
h6 {
  font-size: 1.6rem;
  line-height: 5rem;
  font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'lato';
}
input, select, textarea{
  font-weight: 400;
}
@media all and (max-width: 900px) {
  h1 {
    font-size: 4rem;
    line-height: 5.8rem;
  }
}

@media all and (max-width: 600px) {
  h1 {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  h3 {
    font-size: 2rem;
    line-height: 2rem;
  }
  h4 {
    font-size: 2rem;
    line-height: 2rem;
  }
}

p {
  font-size: 1.9rem;
  line-height: 2.2rem;
  font-weight: 400;
  line-height: 3.2rem;
}

a:not(.button),
a:not(.button):link,
a:not(.button):visited {
  color: #0081df;
  font-weight: 400;
  text-decoration: none;
}


/*
==================================================
Abstände, Größen, Ausrichtungen
==================================================
*/
.narrow > *, .wide > * {
  margin: 0 auto;
}

.narrow > * {
  max-width: 1600px;
}

.narrow .views-element-container > .row > .col {
  padding: 0;
}
.wide > * {
  max-width: 100%;
  padding: 0 30px;
}

.col, [class^="col-"], [class*=" col-"] {
  padding: 30px;
}
.col .row {
  margin: 0 -30px;
}
.inner {
  padding: 0;
}

/*
==================================================
Section colors
==================================================
*/
.section.light {
  background-color: #fff;
}
.section.middle {
  background: #0094F7 linear-gradient(270deg, #0094F4 0%, #0094F6 53%, #0060A3 100%) 0% 0% no-repeat padding-box;
}
.section.dark {
  background-color: #707070;
}
.section.primary {
  background-color: #583347;
}

.section.dark *:not(.button),
.section.primary *:not(.button) {
  color: #fff;
}



/*
==================================================
HEADER
==================================================
*/

html .layout-container > header {
  background-color: #fff;
  display: flex;
}

.meta-header {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 30px;
}

.meta-header ul {
  margin: 0;
  padding: 0;
}

.meta-header ul li {
  float: left;
  list-style: none;
  padding: 0 15px;
  margin: 0;
  position: relative;
  color: #949494;
}

.meta-header ul li:first-child:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 80%;
  display: block;
  right: 0;
  background-color: #949494;
  top: 7.5%;
}

.meta-header ul li a {
  color: #949494;
}

header .branding .logo-footer,
footer .branding img:not(.logo-footer) {
  display: none;
}

header {
  position: relative;
}

.branding {
  max-width: 330px;
  width: 330px;
  padding-left: 30px;
  transform: translateY(15%);
}

header .branding {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}


#block-hauptnavigation {
  float: right;
  padding-top: 5px;
}

#block-hauptnavigation .main-menu-toggle {
  display: none;
}

#block-hauptnavigation ul {
  padding: 0;
  margin: 0;
}

#block-hauptnavigation ul li a {
  color: #2b2b2b;
  text-transform: uppercase;
  padding: 10px 5px;
  font-size: 1.1em;
}

#block-hauptnavigation ul li.mobil a {
  display: none;
}

#main-nav {
  justify-content: flex-end;
  display: flex;
  flex-flow: column;
  flex: auto;
}

#main-nav-top > div {
  float: right;
}

#main-nav-bottom .language-switch {
  display: none;
}

#block-topnav-2 {
  float: left;
}

@media all and (max-width: 880px){

  #block-topnav-2 {
    display: none;
  }

}

#block-topnav-2 ul li {
  border: 2px solid #0094f7;
  padding: 0;
}

#block-topnav-2 ul li:hover {
  border: 2px solid #583347;
  background-color: #583347;
  padding: 0;
}

#block-topnav-2 ul li:not(:last-child) {
  margin-right: 24px;
}

#block-topnav-2 ul li a[href="https://www.subscribepage.com/single-pair-ethernet"]:before {
  background-image: url("../layout/profile-add.svg");
  background-repeat: no-repeat;
  content: '';
  width: 20px;
  height: 20px;
  display: block;
  float: left;
  padding-right: 5px;
}

#block-topnav-2 ul li:hover a[href="https://www.subscribepage.com/single-pair-ethernet"]:before {
  background-image: url("../layout/profile-add-white.svg");
}

#block-topnav-2 ul li a {
  padding: 9px 19px 12px 19px;
  font: normal normal 600 16px/19px 'Lato';
  letter-spacing: 0px;
  color: #0094f7;
  text-transform: uppercase;
}
#block-topnav-2 ul li:hover a {
  color: #ffffff;
}

/*
==================================================
Header Mobile
==================================================
*/

.mainmenu-open, .mainmenu-open body {
  overflow: hidden;
}

.menu-toggle i {
  display: none;
  color: #0068c7;
}

.menu-toggle {
  color: #fff;
  text-decoration: none;
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
  z-index: 999;
  display: none;
}

.branding img.sticky {
  display: none;
}

header.sticky .branding img {
  display: none;
}

header.sticky .branding img.sticky {
  display: initial;
}
.linkedin {
  height: 32px;
  padding: 25px 0 0 10px;
}

#main-nav-top .linkedin {
  padding: unset;
  line-height: 7rem;
  margin-right: 2rem;
}

#main-nav-bottom .linkedin {
  display: none;
}

@media screen and (max-width: 1170px) {

  #block-topnav-2 {
    margin-right: 1em;
  }

  #main-nav-top .language-switch {
    display: none;
  }

  #main-nav-bottom .language-switch {
    display: flex;
    float: right;
    margin: 15px 10px 25px 15px;
    padding: 0;
  }

  .mainmenu-open header .branding img.logo-footer {
    display: block;
  }

  .mainmenu-open header .branding img:not(.logo-footer) {
    display: none;
  }

  #block-hauptnavigation .main-menu-toggle.menu-toggle {
    display: block;
  }

  body header #block-hauptnavigation {
    width: 25px;
    margin: 15px 1rem 25px 15px;
    position: initial;
  }

  #block-hauptnavigation > ul {
    margin: 0 30px;
    display: none;
  }

  .menu-toggle i.fa-bars {
    display: block;

  }

  .is-open .menu-toggle i.fa-bars {
    display: none;
  }


  .is-open .fa-times {
    display: block;
    color: #fff;
  }

  #block-hauptnavigation.is-open {
    z-index: 100;
  }

  #block-hauptnavigation.is-open:before {
    display: block;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #3c3f46;
    opacity: 0.5;
    transition: opacity 1s;
    height: 100vh;
  }

  .header-column {
    flex-wrap: wrap;
  }

  #block-hauptnavigation.is-open > ul {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    background-color: #3c3f46;
    margin: 0;
    padding: 160px 30px 2em 30px;
    z-index: 9;
  }

  #block-hauptnavigation.is-open > ul > li {
    float: none;
  }

  #block-hauptnavigation.is-open > ul > li a {
    color: #fff;
  }

  .branding {
    position: relative;
    z-index: 101;
  }

  #block-hauptnavigation ul li.mobil a {
    margin: 0;
    display: none;
  }



  .linkedin {
    padding: 5px 0 0 10px;
  }
}

@media all and (max-width: 880px) {

  #block-hauptnavigation ul li.mobil a {
    display: inline-block;
    background: #0094F7 linear-gradient(270deg, #0094F4 0%, #0094F6 53%, #0060A3 100%) 0% 0% no-repeat padding-box;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 20px;
    margin: 10px 0;
  }

  .branding {
    transform: none;
  }

  #main-nav-top .linkedin {
    display: none;
  }

  #main-nav-bottom .linkedin {
    display: block;
    width: fit-content;
    float: right;
    line-height: 6.5rem;
    margin-right: 2rem;
  }
}

@media all and (max-width: 720px) {
  .branding {
    float: none;
    max-width: 40%;
    width: 40%;
  }
}
@media all and (max-width: 400px) {
  .branding {
    max-width: 65%;
    width: 65%;
  }

  body header #block-hauptnavigation {
    margin-top: 16px;
  }

  #main-nav-bottom .linkedin {
    display: none;
  }
}


span.phone {
  padding-left: 30px;
  position: relative;
}

span.phone:before {
  content: "\f095";
  font-family: "fontAwesome";
  position: absolute;
  left: 0;
}
span.fax {
  padding-left: 30px;
  position: relative;
}
span.fax:before {
  content: "";
  background: url(../layout/fax.svg) left center no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  width: 20px;
  height: 22px;
}
span.mail {
  padding-left: 30px;
  position: relative;
}
span.mail:before {
  content: "\e908";
  font-family: "icomoon";
  position: absolute;
  left: 0;
}
span.marker {
  padding-left: 30px;
  position: relative;
}
span.marker:before {
  content: "\f041";
  font-family: "fontAwesome";
  position: absolute;
  left: 0;
}

span.space {
  padding-left: 30px;
  position: relative;
}


/*
==================================================
PARAGRAPHS
==================================================
*/

.primary.section-type-text:first-child {
  padding: 60px 0;
}

.section-type-text-three-columns .col  {
  padding: 25px 0;
}

.section-type-text-three-columns .col-4  {
  padding: 25px 15px;
}

.section-type-text-three-columns .col .row {
  margin: 0 30px;
}

.section-type-text-three-columns > .row > .col .row {
  margin: 0 0;
}

.section-type-text-three-columns > .row > .col {
  padding-left: 30px;
  padding-right: 30px;
}


.section-type-text-three-columns .col p {
  padding: 1rem 0;
}


@media all and (max-width: 1200px) {
  .section-type-text-three-columns .col-4 {
    width: 50%;
  }
}

@media all and (max-width: 800px) {
  .section-type-text-three-columns .col-4 {
    width: 100%;
  }

  .section-type-text-three-columns .col .row {
    margin: 0;
  }

  .section-type-text-three-columns .col-4 {
    padding: 30px 0;
  }
}

.section.wide.section-type-text-with-media .col,
.section.wide.section-type-text-with-media [class*="col-"],
.section.wide.section-type-text-with-media [class^="col-"] {
  padding: 0;
}

.section.wide.section-type-text-with-media .col .inner,
.section.wide.section-type-text-with-media [class*="col-"] .inner,
.section.wide.section-type-text-with-media [class^="col-"] .inner {
  padding: 3rem;
}

.section.section-type-text-with-media .mediastyle-4_3 img {
  transition: transform .5s;
}

.section.section-type-text-with-media .mediastyle-4_3 img:hover {
  transform: scale(1.03);
}

.section.layout-slider_7_1 figure {
  position: relative;
}

.section.layout-slider_7_1 figcaption {
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
}

.section.layout-slider_7_1 h2 {
  font: normal normal 600 45px/54px 'Lato';
  letter-spacing: 0px;
  text-transform: uppercase;
}

.light.section.layout-slider_7_1 h2 {
  color: #363636;
}

/*
==================================================
FORMS
==================================================
*/

form label {
  display: none;
}
form .form-item-declaration-of-consent-declaration-of-consent label,
form .form-item-datenschutzerklaerung-datenschutzerklaerung label {
  display: inherit;
  font-weight: 400;
}

form input,
form textarea,
form select {
  border: none;
  background-color: #F0F0F0;
  padding: 0 2.2rem;
  width: 100%;
}

form input[type="text"]::placeholder,
form input[type="password"]::placeholder,
form input[type="email"]::placeholder,
form textarea::placeholder {
  color: #949494;
  font-size: 1.9rem;
  line-height: 3.2rem;
}

/*
Slider
 */
.slick-slider .slick-dots {
  display: none;
}

.slick-slider .slick-prev,
.slick-slider .slick-next {
  padding: 7rem 3rem;
  margin-bottom: -12rem;
}

.slick-slider .slick-prev i,
.slick-slider .slick-next i {
  font-size: 4rem;
  line-height: 10rem;
}

/**
Accordion
 */
.accordion .title > * > * {
  font-size: 2rem;
  line-height: 2.4rem;
  padding-right: 3.5rem;
  position: relative;
}
.accordion .title{
  border: none;
}
.accordion .title > * > *:after {
  font-family: 'icomoon';
  content: "\e901";
  font-weight: 100;
  color: #0081df;
  font-size: 2.8rem;
  right: 0;
  top: 0;
  position: absolute;
}

.accordion.open .title > * > *, .accordion.open .title > * > *:after {
  color: #ffffff;
}
.section-type-webform > * > *{
  display: flex;
  justify-content: center;
}

.accordion.open {
  background: #583347;
  color: #ffffff;
  transition: all .3s ease-in-out;
}

/**
Teaser
 */

.card {
  padding: 2.5rem 2.5rem 6rem 2.5rem;
  margin: 0.8rem;
  /* background: #dedede; */
  border-radius: 0.6rem;
  box-shadow: 0px 5px 20px #0000001a;
  position: relative;
}

.membercard {
  border-radius: 0.6rem;
  box-shadow: 0px 5px 20px #0000001a;
  position: relative;
}
#main-nav-top > div:first-child{
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.language-switch > .button{
  font-size: 1.6rem;
  margin: 0 1em;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  min-width: unset;
}
.language-switch > .button:first-child:after{
  background: unset;
  margin: 0;
  width: unset;
  height: unset;
}
.language-switch > .button:nth-child(2):after{
  background: url("../layout/profile-add.svg") no-repeat;
  float: left;
  margin: 0;
}

.section-type-text-three-columns.narrow > * {
  max-width: 164rem;
  margin: 0 auto;
}

.narrow > * {
  max-width: 130rem;
  margin: 0 auto;
}
.section-type-wrapper-accordion.narrow > *{
  max-width: 81rem;
  background: #F7F7F7;
  margin: 1em auto;
}
.section-type-wrapper-accordion.wide > *{
  background: #F7F7F7;
  margin: 1em auto;
  width: calc(164rem - 120px);
}
.section-type-content-teaser .view .row.grid,
.section-type-content-teaser-automatically .view .row.grid {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  grid-column-gap: 1%;
  padding: 0;
  margin: 0 0 3rem 0;
}

.wide.layout-masonry.section-type-content-teaser .views-element-container .row > .col ,
.wide.layout-masonry.section-type-content-teaser-automatically .views-element-container .row > .col,
.wide.layout-grid50.section-type-content-teaser .views-element-container .row > .col ,
.wide.layout-grid50.section-type-content-teaser-automatically .views-element-container .row > .col {
  padding: 0;
}

.layout-masonry.section-type-content-teaser .view .row.grid,
.layout-masonry.section-type-content-teaser-automatically .view .row.grid,
.layout-grid50.section-type-content-teaser .view .row.grid,
.layout-grid50.section-type-content-teaser-automatically .view .row.grid {
  grid-template-columns: 49.5% 49.5%;
  grid-gap: 1%;
  padding: 0;
  margin: 0;
  grid-auto-rows: 1fr
}

.layout-masonry.section-type-content-teaser .view .row.grid.clearfix:after,
.layout-masonry.section-type-content-teaser-automatically .view .row.grid.clearfix:after,
.layout-grid50.section-type-content-teaser .view .row.grid.clearfix:after,
.layout-grid50.section-type-content-teaser-automatically .view .row.grid.clearfix:after {
 display: none;
}

.layout-masonry.section-type-content-teaser .view .row.grid .col.col-6,
.layout-masonry.section-type-content-teaser-automatically .view .row.grid .col.col-6,
.layout-grid50.section-type-content-teaser .view .row.grid .col.col-6,
.layout-grid50.section-type-content-teaser-automatically .view .row.grid .col.col-6{
  margin: 0;
  width: 100%;
  border-radius: unset;
  box-shadow: none;
  position: relative;
}

.layout-masonry.section-type-content-teaser .view .row.grid .col.col-6 article,
.layout-masonry.section-type-content-teaser-automatically .view .row.grid .col.col-6 article,
.layout-masonry.section-type-content-teaser .view .row.grid .col.col-6 article > a,
.layout-masonry.section-type-content-teaser-automatically .view .row.grid .col.col-6 article > a,
.layout-grid50.section-type-content-teaser .view .row.grid .col.col-6 article,
.layout-grid50.section-type-content-teaser-automatically .view .row.grid .col.col-6 article,
.layout-grid50.section-type-content-teaser .view .row.grid .col.col-6 article > a,
.layout-grid50.section-type-content-teaser-automatically .view .row.grid .col.col-6 article > a {
  height: 100%;
  padding: 0 0 30px 0;
}

.layout-masonry.section-type-content-teaser.wide .view .row.grid .col.col-6 .inner,
.layout-masonry.section-type-content-teaser-automatically.wide .view .row.grid .col.col-6 .inner,
.layout-grid50.section-type-content-teaser.wide .view .row.grid .col.col-6 .inner,
.layout-grid50.section-type-content-teaser-automatically.wide .view .row.grid .col.col-6 .inner{
  width: 80%;
  margin: 0 auto;
  padding-bottom: 100px;
}

.layout-masonry.section-type-content-teaser .view .row.grid .col.col-6 .inner p,
.layout-masonry.section-type-content-teaser-automatically .view .row.grid .col.col-6 .inner p,
.layout-grid50.section-type-content-teaser .view .row.grid .col.col-6 .inner p,
.layout-grid50.section-type-content-teaser-automatically .view .row.grid .col.col-6 .inner p{
  text-align: left;
  font-size: 1.9rem;
}

.layout-masonry.section-type-content-teaser .view .row.grid .col.col-6 .inner .button,
.layout-masonry.section-type-content-teaser-automatically .view .row.grid .col.col-6 .inner .button,
.layout-grid50.section-type-content-teaser .view .row.grid .col.col-6 .inner .button,
.layout-grid50.section-type-content-teaser-automatically .view .row.grid .col.col-6 .inner .button{
  position: absolute;
  bottom: 0px;
}

@media all and (max-width:750px) {
  .layout-masonry.section-type-content-teaser .view .row.grid,
  .layout-masonry.section-type-content-teaser-automatically .view .row.grid,
  .layout-grid50.section-type-content-teaser .view .row.grid,
  .layout-grid50.section-type-content-teaser-automatically .view .row.grid {
    grid-template-columns: unset;
    display: block;
    grid-gap: 0;
    padding: 0;
    margin: 0;
    grid-auto-rows: 1fr
  }
}


.col-12.card {
  width: calc(100% - 1.6rem);
}

.col-6.card {
  width: calc(50% - 1.6rem);
}

.col-4.card {
  width: calc(33.3333% - 1.6rem);
}

.col-3.card {
  width: calc(25% - 1.6rem);
}


.card a p {
  color: #2b2b2b;
  font-size: 2.2rem;
  line-height: 3.2rem;
  font-weight: 400;
  text-align: center;
}

.card img {
  margin: 0 auto 2rem;
}
form{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.js-form-type-checkbox input{
  z-index: 10;
}
#edit-anrede{
  max-width: 50%;
}
#edit-datenschutz--description{
  font-weight: 400;
  padding-left: 1em;
  top: -3px;
}

.layout-embedded.paragraph-teaser .button{
  max-width: 23em;
  min-width: unset;
}

@media all and (min-width: 672px) {
  form > div, form > div.form-item-anrede select{
    max-width: 50%;
  }
}
@media all and (max-width: 1300px) {
  .col-4.card,
  .col-3.card {
    width: calc(33.333% - 1.6rem);
  }
}

@media all and (max-width: 1100px) {
  .section-type-content-teaser .view .row.grid,
  .section-type-content-teaser-automatically .view .row.grid {
    grid-template-columns: 50% 50%;
    grid-gap: 0.5em;
  }
}
@media all and (max-width: 576px) {
  .section-type-content-teaser .view .row.grid,
  .section-type-content-teaser-automatically .view .row.grid {
    grid-template-columns: 100%;
    grid-gap: 0;
    padding: 0 2em;
  }

  .layout-masonry.section-type-content-teaser .view .row.grid,
  .layout-masonry.section-type-content-teaser-automatically .view .row.grid,
  .layout-grid.section-type-content-teaser .view .row.grid,
  .layout-grid.section-type-content-teaser-automatically .view .row.grid,
  .layout-grid50.section-type-content-teaser .view .row.grid,
  .layout-grid50.section-type-content-teaser-automatically .view .row.grid {
    grid-template-columns: 100%;
    grid-gap: 0;
    padding: 0 2em;
  }
}
@media all and (max-width: 900px) {
  .col-4.card,
  .col-3.card {
    width: calc(50% - 1.6rem);
  }
}
@media all and (max-width: 672px) {
  .col-4.card,
  .col-3.card {
    width: 100vw;
  }
}

/**
Service Box
 */
.section-type-wrapper-services-boxes > .row {
  display: flex;
  flex-wrap: wrap;
}

/*.section-type-wrapper-services-boxes > .row > .col:nth-child(even) {*/
/*  background-color: #fcfcfc;*/
/*}*/
/*.section-type-wrapper-services-boxes > .row > .col:nth-child(odd) {*/
/*  background-color: #efefef;*/
/*}*/
.section-type-wrapper-services-boxes > .row > .col h5 {
  margin-bottom: 2rem;
}

.service-box {
  max-width: unset;
  margin: 2rem;
}

.service-box img {
  /*width: 25%*/
}

@media all and (max-width: 1300px) {
  .section-type-wrapper-services-boxes > .row {
    flex-wrap: wrap;
  }

  .section-type-wrapper-services-boxes > .row > .col {
    width: 33.333%;
  }
}

@media all and (max-width: 900px) {
  .section-type-wrapper-services-boxes > .row > .col {
    width: 50%;
  }
}

@media all and (max-width: 672px) {
  .section-type-wrapper-services-boxes > .row > .col {
    width: 100%;
  }
}

/**
Teaser (Slider)
 */
.layout-slider .slick-slider .slick-prev {
  background: transparent;
  margin-left: 0;
}
.layout-slider .slick-slider .slick-next {
  background: transparent;
  margin-right: 0;
}

.layout-slider .block-slider .slick-track {
  display: flex !important;
}

.layout-slider .block-slider .slick-slide {
  padding-right: 3.5rem !important;
  padding-left: 3.5rem !important;
  height: inherit !important;
}

.layout-slider .slick-list [aria-hidden="true"] {
  opacity: 0;
}

.layout-slider > * > * > * {
  padding: 0;
}

.layout-slider .slick-list {
  padding: 3rem;
  margin: 0 auto;
  max-width: calc(1600px + 6rem);
}

/**
Footer
 */

.layout-container > footer {
  background-color: #fff;
}


footer .section {
  padding-top: 40px;
  background: transparent linear-gradient(261deg, #0093ff 0%, #004a80 100%) 0% 0% no-repeat padding-box;
}
footer > .section > .row > .col {
  display: flex;
  justify-content: space-between;
}

footer .section:after {
  content: '';
  background: white;
}

footer .branding {
  margin-right: 50px;
  transform: none;
}

footer .footer-address {
  padding-left: 60px;
}

footer .footer-address p {
  line-height: 2.6rem;
}

footer .footer-address .linkedin {
  display: inline-block;
  width: 46px;
  height: 46px;
  background: url(../layout/lnkd.svg) no-repeat;
  padding: 10px;
  margin-right: 5px;
  position: relative;
}


#block-client-footer {
  font-size: 1.9rem;
  line-height: 2.2rem;
  font-weight: 400;
  padding-right: 60px;
}

#block-client-footer ul li {
  float: none;
}

#block-client-footer ul li a {
  text-transform: uppercase;
  line-height: 2.6rem;
}

header .header-column {
  display: flex;
}

header #block-hauptnavigation {
  flex-grow: 1;
}

header #block-hauptnavigation > * {
  float: right;
}

footer img {
  max-width: 100%;
}

footer a:not(.button),
footer a:not(.button):link,
footer a:not(.button):visited {
  color: #fff;
  font-weight: 400;
  text-decoration: none;
}

@media all and (max-width: 1200px) {

  footer > .section  {
    padding-top: 20px;
  }

  footer > .section > .row > .col {
    display: inherit;
  }

  footer .branding {
    float: none;
    max-width: 40%;
    width: 40%;
    flex: none;
    margin-right: 0;
    padding-bottom: 40px;
    transform: none;
  }

  footer .footer-address {
    display: block;
    padding-left: 30px;
    padding-bottom: 40px;
  }

  .footer-contact {
    float: none;
    clear: both;
    padding-left: 30px;
  }

  #block-client-footer {
    padding-left: 30px;
  }
}

@media all and (max-width: 720px) {
  footer .branding {
    float: none;
    max-width: 300px;
    width: 100%;
  }

}


.cc_container {
  background-image: linear-gradient(260deg, rgba(0, 147, 255, 1) 0%, rgba(0, 91, 158, 1) 100%);
}

.cc_container a.cc_more_info,
.cc_container * {
  color: #fff;
}

.section-type-content-teaser.layout-embedded .view .results > .grid,
.section-type-content-teaser-automatically.layout-embedded .view .results > .grid{
  display: flex;
  flex-direction: column;
}

.section-type-content-teaser.layout-embedded .view .results > .grid .col article,
.section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article{
  background-color: #f7f7f7;
  /*background-color: #5e5e5e;*/
  margin: 0;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap
}

.section-type-content-teaser.layout-embedded .view .results > .grid .col article .image,
.section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .image {
  padding-left: 0;
}

.section-type-content-teaser.layout-embedded article,
.section-type-content-teaser-automatically.layout-embedded article{
  min-height: 10em;
}
.section-type-content-teaser.layout-embedded img,
.section-type-content-teaser-automatically.layout-embedded img{
  max-width: 15em
}

.section-type-content-teaser.layout-embedded .view .results > .grid .col article .content,
.section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .content{
  width: 40%;
  max-width: 40%;
  min-width: 40%;
}

.section-type-content-teaser.layout-embedded .view .results > .grid .col article .content p b,
.section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .content p b{
  font-weight: 500;
}

@media all and (max-width: 1000px) {

  .section-type-content-teaser.layout-embedded .view .results > .grid .col article .image,
  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .image,
  .section-type-content-teaser.layout-embedded .view .results > .grid .col article .content,
  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .content{
    width: 50%;
    max-width: 50%;
    min-width: 50%;
  }

  .section-type-content-teaser.layout-embedded .view .results > .grid .col article .content,
  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .content {
    padding-right: 30px;
  }

  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .link,
  .section-type-content-teaser.layout-embedded .view .results > .grid .col article .link {
    position: relative;
    left: 50%;
    padding-bottom: 20px;
  }

}

@media all and (max-width: 640px) {

  .section-type-content-teaser.layout-embedded .view .results > .grid .col article .image,
  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .image,
  .section-type-content-teaser.layout-embedded .view .results > .grid .col article .content,
  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .content{
    width: 100%;
    max-width: 100%;
    min-width: 100%;
  }

  .section-type-content-teaser.layout-embedded .view .results > .grid .col article .content,
  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .content{
    padding: 0 30px;
  }


  .section-type-content-teaser.layout-embedded .view .results > .grid .col,
  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col {
    padding: 2rem 0;
  }

  .section-type-content-teaser.layout-embedded img,
  .section-type-content-teaser-automatically.layout-embedded img{
    max-width: 100%;
  }

  .section-type-content-teaser-automatically.layout-embedded .view .results > .grid .col article .link,
  .section-type-content-teaser.layout-embedded .view .results > .grid .col article .link {
    transform: translateX(-50%);
  }

}

.text-color-black {
  color: #000;
}

.font-size-small {
  font-size: 0.9em;
}

.p1 {
  padding: 1rem;
}

.p2 {
  padding: 2rem;
}

.p3 {
  padding: 3rem;
}

.p4 {
  padding: 4rem;
}

.p5 {
  padding: 5rem;
}

.pb0 {
  padding-bottom: 0;
}

.pb1 {
  padding-bottom: 1rem;
}

.pb2 {
  padding-bottom: 2rem;
}

.pb3 {
  padding-bottom: 3rem;
}

.pb4 {
  padding-bottom: 4rem;
}

.pb5 {
  padding-bottom: 5rem;
}

.pt0 {
  padding-top: 0;
}

.pt1 {
  padding-top: 1rem;
}

.pt2 {
  padding-top: 2rem;
}

.pt3 {
  padding-top: 3rem;
}

.pt4 {
  padding-top: 4rem;
}

.pt5 {
  padding-top: 5rem;
}

.section.middle .inner * {

  color: white;

}

.section-type-text-media-four-cols > .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.section-type-text-media-four-cols > .row > * {
  width: 25%;
}

.section-type-text-media-four-cols .col-3 {
  width: 100%;
}

@media screen and (max-width: 1100px) {
  .section-type-text-media-four-cols > .row > * {
    width: 50%;
  }
}

@media screen and (max-width: 500px) {
  .section-type-text-media-four-cols > .row > * {
    width: 100%;
  }
}

.section-type-interferer {
  position: relative;
}

.section-type-interferer .interferer {
  position: absolute;
  z-index: 999;
}

.section-type-interferer .interferer.right {
  right: 0;
}

.section-type-interferer.narrow .interferer {
  margin: 0 10rem;
}

.section-type-interferer.wide .interferer {
  margin: 0 2rem;
}

.section-type-text-with-media.narrow .media {
  margin: 0;
}

.section-type-text-with-media .media iframe {
  min-height: auto;
  height: auto;
  margin: 0;
}

.urlbutton {
  width: fit-content;
  margin: 0 auto;
}