@charset "UTF-8";
#lazy_overlay {
  visibility: hidden;
  text-align: center;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s; }
  #lazy_overlay:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  #lazy_overlay.active {
    visibility: visible;
    opacity: 1; }
    #lazy_overlay.active #lazybox {
      transform: scale(1); }
  #lazy_overlay * {
    visibility: inherit; }

#lazybox {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  transform: scale(0.7);
  background-color: white;
  border: 1px solid #ccc;
  box-shadow: 0 1px 5px #333;
  padding: 20px;
  box-sizing: border-box;
  overflow: auto;
  max-height: 100vh;
  max-width: 100vw;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s; }
  #lazybox.confirm {
    max-width: 300px; }
  #lazybox .lazy_buttons {
    margin-top: 15px;
    text-align: right; }
  #lazybox .lazy-img {
    display: block; }
  #lazybox #lazy_body {
    position: relative; }

#lazy_close {
  border: none;
  background: transparent;
  color: gray;
  cursor: pointer;
  display: none;
  font: bold 26px/100% Arial, Helvetica, sans-serif;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 0;
  padding: 0;
  margin: 0;
  transition: color .3s; }
  #lazy_close:after {
    content: "×"; }
  #lazy_close:hover {
    color: black; }
  #lazy_close.visible {
    display: block; }
  #lazy_close:focus {
    outline: none; }
#cookie_confirmation {
  position: fixed;
  bottom: 0;
  width: 96%;
  background-color: #f2f2f2;
  text-align: center;
  padding: 0.5% 2%;
  line-height: 1.5;
  z-index: 100; }
  #cookie_confirmation .cookie_wrapper {
    max-width: 1200px;
    margin: 0 auto; }
  #cookie_confirmation a.cookie_confirm_button {
    margin-left: 2%;
    padding: 0.2em 1%;
    background-color: #cccccc;
    color: #333;
    text-decoration: none;
    border-radius: 3px; }
    #cookie_confirmation a.cookie_confirm_button:hover {
      background-color: #d9d9d9; }
@charset "UTF-8";
/* (C) by 42he GmbH




*/
/*$default-color: #292A4D;
$default-color-light: #6B75CB;
$default-color-80: #41437B; 
$default-color-60: #6B75CB; 
$default-color-40: #A8B0FF; 
$default-color-20: #DCDfff; 
$default-color-5: #f5f6ff; */
/*$secondary-color-light: #fefaf4;*/
/*$red: #D0434C;   //be5149  D8434D
$red-20: #FFCED1;*/
/*$orange: #f88300;*/
/*$hover-color: #41437B;*/
/*$badge-yellow: #F2CA80;
$badge-green: #00C963;
$badge-gray: #E5E5E5; //E1E4E7*/
/* (C) by 42he GmbH */
@font-face {
  font-family: "ProximaNova-Light";
  src: url(/assets/ProximaNova-Light-webfont-b2f7bfa183f578d24e985c4eea177c4e809a0a6b3d143d17c9a6e87d13adb57a.eot);
  src: url(/assets/ProximaNova-Light-webfont-b2f7bfa183f578d24e985c4eea177c4e809a0a6b3d143d17c9a6e87d13adb57a.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-Light-webfont-241fbc0c0ad7da179af01f1f79b0edf84c02ae92e443f695f80678c7b9dc99cd.woff) format("woff"), url(/assets/ProximaNova-Light-webfont-7ce8d934b6e2b8501c3255e1032989c627efe51b9611ed9312eb181837b2fcda.ttf) format("truetype"), url(/assets/ProximaNova-Light-webfont-568679d7e8a8315fdd8decf9ce98e3f117fc58215252bda3ec10b8f5c9701c2c.svg#ProximaNovaLtLight) format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova-LightIt";
  src: url(/assets/ProximaNova-LightIt-webfont-53b420f5a998ab0ff480ea6d44bbb2f15d6d514015af4a05e1ec2484fe710f7b.eot);
  src: url(/assets/ProximaNova-LightIt-webfont-53b420f5a998ab0ff480ea6d44bbb2f15d6d514015af4a05e1ec2484fe710f7b.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-LightIt-webfont-c9dad12da01a9c85d1f6beb498abcfa941858619823929c7fc3950d9b9f3cd6e.woff) format("woff"), url(/assets/ProximaNova-LightIt-webfont-2ee8c3960735fe5fca5ba0d1c5321b18fbc89cbd4e1e4ac482494555c0ce52a0.ttf) format("truetype"), url(/assets/ProximaNova-LightIt-webfont-1d28c63355bd5237e0012c7c12054fdbb8da5aaa1f745ec335db34df0580db28.svg#ProximaNovaLtLightIt) format("svg");
  font-weight: 300;
  font-style: italic; }
@font-face {
  font-family: "ProximaNova-Reg";
  src: url(/assets/ProximaNova-Reg-webfont-4bf345c2e01c7bb89f2ded12c977b98e7798ed16ca0ea32b0fbbdcdd99f58560.eot);
  src: url(/assets/ProximaNova-Reg-webfont-4bf345c2e01c7bb89f2ded12c977b98e7798ed16ca0ea32b0fbbdcdd99f58560.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-Reg-webfont-29c46ebd77adbefb81fbbe6c1caea51f469de442812bebfd2607c03f4542c6f2.woff) format("woff"), url(/assets/ProximaNova-Reg-webfont-ada1bd9df7886077a2c6dfcd9fb0fede8c07682c2eaf32622499e37b6780186d.ttf) format("truetype"), url(/assets/ProximaNova-Reg-webfont-c9c3283b162debcd9d5aeeb265c928c461fd2e6531eb69b7174311d85e9abcc2.svg#ProximaNovaRgRegular) format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova-RegIt";
  src: url(/assets/ProximaNova-RegIt-webfont-7cf4da96ed04da6d0de7d5a367cce2af24eb8242999d857c76570c189302322a.eot);
  src: url(/assets/ProximaNova-RegIt-webfont-7cf4da96ed04da6d0de7d5a367cce2af24eb8242999d857c76570c189302322a.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-RegIt-webfont-92e09cd5d3e3bdb70c9b6f48c10384c2bf880b21be2dfe8c66227755b5b5a10a.woff) format("woff"), url(/assets/ProximaNova-RegIt-webfont-2346316c14164bcd280263bacab340b3bf40b60a43801ce93048df95b817659a.ttf) format("truetype"), url(/assets/ProximaNova-RegIt-webfont-1531b002b8a94eeaebc40eae9b40d04985bb6312c570379a6117fa921f0dd508.svg#ProximaNovaRgRegularIt) format("svg");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: "ProximaNova-SBold";
  src: url(/assets/ProximaNova-Sbold-webfont-25b2fc8e05bc9e82db73560ea2e6a519597fbdea2eaec9181f33c3de1ec0a2ab.eot);
  src: url(/assets/ProximaNova-Sbold-webfont-25b2fc8e05bc9e82db73560ea2e6a519597fbdea2eaec9181f33c3de1ec0a2ab.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-Sbold-webfont-15c033ae7b55e870569d0af6e3852a6ed84101b08e006559f744d22d28e795b6.woff) format("woff"), url(/assets/ProximaNova-Sbold-webfont-11df3a4fb7a967cf018c72a5bee71e31d94fdf8930015e7befbee206e0f3811b.ttf) format("truetype"), url(/assets/ProximaNova-Sbold-webfont-d218c86faaa23aa5823b705be0e52f073c31b1fd84510d9e5f838e2fd01a2056.svg#ProximaNovaSbold) format("svg");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova-SBold";
  src: url(/assets/ProximaNova-SboldIt-webfont-bdda0a9f5e255609ea7e07142bc774fa11e51bbf76488de0dc36ddd04c6f4361.eot);
  src: url(/assets/ProximaNova-SboldIt-webfont-bdda0a9f5e255609ea7e07142bc774fa11e51bbf76488de0dc36ddd04c6f4361.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-SboldIt-webfont-83f11e8608155ccd9bc26a1d20ac3357dd253ca2c284fae9ca9588ba4ff7c08f.woff) format("woff"), url(/assets/ProximaNova-SboldIt-webfont-ea4fa230b43560d777acc0dd2e559ba90fed98d1d3366f157c8fc81e63f7e04b.ttf) format("truetype"), url(/assets/ProximaNova-SboldIt-webfont-6dc66f82e85fd3f2ef2d3ced921ecf02094d98f38ae5a8601929730f5e4d8144.svg#ProximaNovaSboldIt) format("svg");
  font-weight: 500;
  font-style: italic; }
@font-face {
  font-family: "ProximaNova-Bold";
  src: url(/assets/ProximaNova-Bold-webfont-9a08898fac57f40276226d54805c3fc6da20cad0a3dad090b31ee802a15c4f00.eot);
  src: url(/assets/ProximaNova-Bold-webfont-9a08898fac57f40276226d54805c3fc6da20cad0a3dad090b31ee802a15c4f00.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-Bold-webfont-9eb33e2e6da77c095a69c049d8fd5644ca522f9b8de5871d6d5c74dc212a436c.woff) format("woff"), url(/assets/ProximaNova-Bold-webfont-bb1c9de159a5428e8c9d0d9d2aee61d6859e44defa9f62a47de61b03a8ce30c4.ttf) format("truetype"), url(/assets/ProximaNova-Bold-webfont-ab63a927ad3668dd9addf5b39fdbf8e8f40418aae371763f4ca1a1a569bf7474.svg#ProximaNovaRgBold) format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova-BoldIt";
  src: url(/assets/ProximaNova-BoldIt-webfont-bc6a09b44f484be02da60d3b1cbec10df9d9bc4a16a08cb6f290bdfca7965573.eot);
  src: url(/assets/ProximaNova-BoldIt-webfont-bc6a09b44f484be02da60d3b1cbec10df9d9bc4a16a08cb6f290bdfca7965573.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-BoldIt-webfont-d29ff31a40de65b5c41c9d61349e1fe8b511e2382952afa6fabf575c06850872.woff) format("woff"), url(/assets/ProximaNova-BoldIt-webfont-3024f322e0f26aec3398778ed4684d0865e68820945d37c495dc2839af669322.ttf) format("truetype"), url(/assets/ProximaNova-BoldIt-webfont-d3a6071205679b46ccd07d467b31e246baf9e82c4dc52048754bfb699148a1b0.svg#ProximaNovaRgBoldIt) format("svg");
  font-weight: 700;
  font-style: italic; }
@font-face {
  font-family: "ProximaNova-Xbold";
  src: url(/assets/ProximaNova-Xbold-webfont-294b79bee16f34773de9c6e1f70f5412f65757be313422757ef12432fb5f4e9b.eot);
  src: url(/assets/ProximaNova-Xbold-webfont-294b79bee16f34773de9c6e1f70f5412f65757be313422757ef12432fb5f4e9b.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-Xbold-webfont-818e30721438dfd6e2242ae4a3cd7a4fc30dc82367d5ad6f863204661f501f89.woff) format("woff"), url(/assets/ProximaNova-Xbold-webfont-e59164aba0b0ab5efdc7f6e21a4e7f8708eb154743121277fe4a750b00ab315d.ttf) format("truetype"), url(/assets/ProximaNova-Xbold-webfont-216d9a41d3cb62aa5c7215e4ef52a242860a566ef3e3544d6e4706d4279ac743.svg#ProximaNovaThExtrabold) format("svg");
  font-weight: 800;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova-XboldIt";
  src: url(/assets/ProximaNova-XboldIt-webfont-cea46904bef8520d5310b27909cdb5ed178fd86a459f8b0c2b58ff2cb3c4397f.eot);
  src: url(/assets/ProximaNova-XboldIt-webfont-cea46904bef8520d5310b27909cdb5ed178fd86a459f8b0c2b58ff2cb3c4397f.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-XboldIt-webfont-65080f77b4da21c77cac4039d7394ef990fc27b6874fe10442a86cd192e84a20.woff) format("woff"), url(/assets/ProximaNova-XboldIt-webfont-200b27b5875efeae032d072a2efedfe01475bdf6951031205b411c97bdc34fa0.ttf) format("truetype"), url(/assets/ProximaNova-XboldIt-webfont-deb47eabbabf27e110d1b9dd192a9e94c908564feb53226470c3e6ac6919f5ac.svg#ProximaNovaThExtraboldIt) format("svg");
  font-weight: 800;
  font-style: italic; }
@font-face {
  font-family: "ProximaNova-Black";
  src: url(/assets/ProximaNova-Black-webfont-b8b7fc6be34d6e855dc1951919177640adcec863dd4450cbc6eb23c4a33f48b7.eot);
  src: url(/assets/ProximaNova-Black-webfont-b8b7fc6be34d6e855dc1951919177640adcec863dd4450cbc6eb23c4a33f48b7.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-Black-webfont-d1c4de2d8e5b378bdfe5bc80de6dcf364dfb88d11afd27ac0bf205237503e162.woff) format("woff"), url(/assets/ProximaNova-Black-webfont-182a7385800209575aaeceea9e845e1ba778ed947ef596b5362ba7638d5f0a22.ttf) format("truetype"), url(/assets/ProximaNova-Black-webfont-bede80b1cb28ad681d347013b1350bae4de401cf88c60421e3619caeb6e0b1c9.svg#ProximaNovaBlack) format("svg");
  font-weight: 900;
  font-style: normal; }
@font-face {
  font-family: "ProximaNova-BlackIt";
  src: url(/assets/ProximaNova-BlackIt-webfont-3025d3dc0909df6a9e8091d3a2856376a6f23f459009e3ae555d945def18ed8f.eot);
  src: url(/assets/ProximaNova-BlackIt-webfont-3025d3dc0909df6a9e8091d3a2856376a6f23f459009e3ae555d945def18ed8f.eot?#iefix) format("embedded-opentype"), url(/assets/ProximaNova-BlackIt-webfont-df1a81ed3a913108413b8501729ac45e6cfe8c33d89df80952d0cf09b78dafcb.woff) format("woff"), url(/assets/ProximaNova-BlackIt-webfont-fdab4d6ee7f192c2a24e69dae28bc63a77a3413997bca15dad8a49fd6033aaf0.ttf) format("truetype"), url(/assets/ProximaNova-BlackIt-webfont-115e6ea3e63fe2ba73e807774dfb7bfefcbd6bbb46acecec4a8e396a26c4de3a.svg#ProximaNovaBlackIt) format("svg");
  font-weight: 900;
  font-style: italic; }
/******************************************* 
	font face mixins.
	
	call via: 
	.myelem {
		@include font-regular;
	}
	
	results to:
	
	.myelem {
		font-family: 'ProximaNova-Reg';
		font-weight: 500;
	}
********************************************/
/*
@font-face {
  font-family: 'Architects Daughter';
  font-style: normal;
  font-weight: 400;
  src: font-url('ArchitectsDaughter.ttf') format('truetype')
}
*/
/*$default-color: #292A4D;
$default-color-light: #6B75CB;
$default-color-80: #41437B; 
$default-color-60: #6B75CB; 
$default-color-40: #A8B0FF; 
$default-color-20: #DCDfff; 
$default-color-5: #f5f6ff; */
/*$secondary-color-light: #fefaf4;*/
/*$red: #D0434C;   //be5149  D8434D
$red-20: #FFCED1;*/
/*$orange: #f88300;*/
/*$hover-color: #41437B;*/
/*$badge-yellow: #F2CA80;
$badge-green: #00C963;
$badge-gray: #E5E5E5; //E1E4E7*/
section.gallery {
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto 3em auto; }
  section.gallery .card {
    min-height: 465px; }
    section.gallery .card:hover {
      cursor: pointer; }
  section.gallery .gallery_img {
    position: relative;
    width: 300px;
    height: auto; }
  section.gallery .overlay {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    height: auto;
    width: 100%;
    background: #fff;
    color: #292A4D;
    transition: all .4s ease-in; }
    section.gallery .overlay .overlay_txt {
      margin: 5%; }
      section.gallery .overlay .overlay_txt h3 {
        margin: 10px 0; }
        section.gallery .overlay .overlay_txt h3:after {
          content: '';
          display: block;
          margin: 0 auto;
          width: 45%;
          height: 2px;
          margin-top: 3%;
          background: #F2CA80; }
  section.gallery .info {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    transition: opacity .3s linear, height .3s step-start; }
    section.gallery .info .info_txt {
      padding: 5%;
      width: 80%; }
      section.gallery .info .info_txt p {
        font-size: 16px; }
  section.gallery .open, section.gallery .close {
    position: absolute;
    text-align: center;
    color: #e83a51;
    padding: 3px;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #e83a51;
    font-size: 20px;
    font-weight: bold;
    opacity: .7;
    text-align: center;
    line-height: .9;
    letter-spacing: -1px; }
    section.gallery .open:hover, section.gallery .close:hover {
      cursor: pointer; }
  section.gallery .hidden {
    opacity: 0;
    height: 0;
    overflow: hidden;
    transition-timing-function: linear, step-end; }
  section.gallery .gallery_head {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 4em;
    align-items: stretch;
    justify-items: center;
    grid-auto-columns: minmax(20%, 80vmax);
    grid-auto-rows: 400px;
    max-width: 700px;
    margin: 0 auto; }
    section.gallery .gallery_head .boss {
      overflow: hidden;
      position: relative;
      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1); }
      section.gallery .gallery_head .boss .overlay .overlay_txt h3:after {
        background-color: #e83a51; }
  section.gallery .gallery_body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-gap: 2em;
    align-items: stretch;
    justify-items: center;
    grid-auto-rows: auto;
    margin-top: 60px; }
    section.gallery .gallery_body .member {
      max-width: 100%;
      position: relative;
      box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.1); }
      section.gallery .gallery_body .member.apply_card {
        display: block;
        width: 300px;
        text-align: center;
        background-color: #F2CA80;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEWFhYWDg4N3d3dtbW17e3t1dXWBgYGHh4d5eXlzc3OLi4ubm5uVlZWPj4+NjY19fX2JiYl/f39ra2uRkZGZmZlpaWmXl5dvb29xcXGTk5NnZ2c8TV1mAAAAG3RSTlNAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEAvEOwtAAAFVklEQVR4XpWWB67c2BUFb3g557T/hRo9/WUMZHlgr4Bg8Z4qQgQJlHI4A8SzFVrapvmTF9O7dmYRFZ60YiBhJRCgh1FYhiLAmdvX0CzTOpNE77ME0Zty/nWWzchDtiqrmQDeuv3powQ5ta2eN0FY0InkqDD73lT9c9lEzwUNqgFHs9VQce3TVClFCQrSTfOiYkVJQBmpbq2L6iZavPnAPcoU0dSw0SUTqz/GtrGuXfbyyBniKykOWQWGqwwMA7QiYAxi+IlPdqo+hYHnUt5ZPfnsHJyNiDtnpJyayNBkF6cWoYGAMY92U2hXHF/C1M8uP/ZtYdiuj26UdAdQQSXQErwSOMzt/XWRWAz5GuSBIkwG1H3FabJ2OsUOUhGC6tK4EMtJO0ttC6IBD3kM0ve0tJwMdSfjZo+EEISaeTr9P3wYrGjXqyC1krcKdhMpxEnt5JetoulscpyzhXN5FRpuPHvbeQaKxFAEB6EN+cYN6xD7RYGpXpNndMmZgM5Dcs3YSNFDHUo2LGfZuukSWyUYirJAdYbF3MfqEKmjM+I2EfhA94iG3L7uKrR+GdWD73ydlIB+6hgref1QTlmgmbM3/LeX5GI1Ux1RWpgxpLuZ2+I+IjzZ8wqE4nilvQdkUdfhzI5QDWy+kw5Wgg2pGpeEVeCCA7b85BO3F9DzxB3cdqvBzWcmzbyMiqhzuYqtHRVG2y4x+KOlnyqla8AoWWpuBoYRxzXrfKuILl6SfiWCbjxoZJUaCBj1CjH7GIaDbc9kqBY3W/Rgjda1iqQcOJu2WW+76pZC9QG7M00dffe9hNnseupFL53r8F7YHSwJWUKP2q+k7RdsxyOB11n0xtOvnW4irMMFNV4H0uqwS5ExsmP9AxbDTc9JwgneAT5vTiUSm1E7BSflSt3bfa1tv8Di3R8n3Af7MNWzs49hmauE2wP+ttrq+AsWpFG2awvsuOqbipWHgtuvuaAE+A1Z/7gC9hesnr+7wqCwG8c5yAg3AL1fm8T9AZtp/bbJGwl1pNrE7RuOX7PeMRUERVaPpEs+yqeoSmuOlokqw49pgomjLeh7icHNlG19yjs6XXOMedYm5xH2YxpV2tc0Ro2jJfxC50ApuxGob7lMsxfTbeUv07TyYxpeLucEH1gNd4IKH2LAg5TdVhlCafZvpskfncCfx8pOhJzd76bJWeYFnFciwcYfubRc12Ip/ppIhA1/mSZ/RxjFDrJC5xifFjJpY2Xl5zXdguFqYyTR1zSp1Y9p+tktDYYSNflcxI0iyO4TPBdlRcpeqjK/piF5bklq77VSEaA+z8qmJTFzIWiitbnzR794USKBUaT0NTEsVjZqLaFVqJoPN9ODG70IPbfBHKK+/q/AWR0tJzYHRULOa4MP+W/HfGadZUbfw177G7j/OGbIs8TahLyynl4X4RinF793Oz+BU0saXtUHrVBFT/DnA3ctNPoGbs4hRIjTok8i+algT1lTHi4SxFvONKNrgQFAq2/gFnWMXgwffgYMJpiKYkmW3tTg3ZQ9Jq+f8XN+A5eeUKHWvJWJ2sgJ1Sop+wwhqFVijqWaJhwtD8MNlSBeWNNWTa5Z5kPZw5+LbVT99wqTdx29lMUH4OIG/D86ruKEauBjvH5xy6um/Sfj7ei6UUVk4AIl3MyD4MSSTOFgSwsH/QJWaQ5as7ZcmgBZkzjjU1UrQ74ci1gWBCSGHtuV1H2mhSnO3Wp/3fEV5a+4wz//6qy8JxjZsmxxy5+4w9CDNJY09T072iKG0EnOS0arEYgXqYnXcYHwjTtUNAcMelOd4xpkoqiTYICWFq0JSiPfPDQdnt+4/wuqcXY47QILbgAAAABJRU5ErkJggg==);
        background-blend-mode: luminosity;
        min-height: 300px; }
        section.gallery .gallery_body .member.apply_card .apply {
          transform: scale(0.7);
          margin: 10% auto 45% auto;
          opacity: 0.9;
          background: none; }

.team42_avatars {
  margin: 0 auto; }
  .team42_avatars img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    object-position: top;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border: 1px solid #eee;
    margin: 4px; }

html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden; }

body {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #fff;
  font-family: "ProximaNova-Reg";
  font-size: 18px; }

h1 {
  font-family: "ProximaNova-Bold";
  font-size: 48px;
  font-weight: normal; }

h2, h3, h4, h5 {
  font-family: "ProximaNova-SBold";
  font-weight: normal; }

h2 {
  font-size: 32px; }

h3 {
  font-size: 24px; }

h5 {
  font-size: 100%; }

.font-regular, .font-regular * {
  font-family: "ProximaNova-Reg"; }

strong, b {
  font-family: "ProximaNova-SBold"; }

.display_inline_block {
  display: inline-block !important; }

.field.s-field {
  height: 0.5px;
  margin: 0;
  padding: 0; }

#scroll_nav {
  display: none;
  z-index: 3000;
  background-color: white;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.25);
  padding: 0; }
  #scroll_nav nav {
    vertical-align: middle; }
  #scroll_nav .wrapper {
    max-width: 1200px;
    width: 95%;
    margin: 15px auto 15px auto; }
  #scroll_nav .mobile_call_option {
    margin: 15px 0 0 0;
    text-align: center; }
    #scroll_nav .mobile_call_option svg.phone {
      height: 12px; }
      #scroll_nav .mobile_call_option svg.phone #final {
        stroke: #292A4D;
        fill: #292A4D; }

#lazy_overlay {
  z-index: 3001; }

header, footer, article, section, nav {
  display: block; }

h3.headline_regular {
  font-size: 16pt; }

a {
  color: #292A4D;
  background-color: inherit;
  text-decoration: underline; }

a:visited {
  color: #292A4D;
  background-color: inherit;
  text-decoration: underline; }

a:hover {
  text-decoration: none; }

a img {
  border: none;
  background-color: inherit;
  text-decoration: none; }

a.underlined {
  text-decoration: underline; }

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

a.low_key {
  display: block;
  width: 100%;
  text-align: center;
  margin: 1em 0;
  color: #ccc;
  text-decoration: none; }

.cleaner {
  clear: both; }

.spacer {
  height: 1em; }

.double_spacer {
  height: 2em; }

.triple_spacer {
  height: 3em; }

.left {
  float: left; }

.right {
  float: right; }

.width_30 {
  width: 30%; }

.width_40 {
  width: 40% !important; }

.width_60 {
  width: 60%; }

.width_70 {
  width: 70%; }

.centered {
  text-align: center; }

.no_margin_bottom {
  margin-bottom: 0; }

.only_tablet {
  display: none; }

.only_mobile {
  display: none; }

hr {
  background: url(/images/cscrm-logo-spacer.gif) no-repeat scroll 50% 50%;
  border: 0;
  height: 2em; }

hr.ml {
  margin-left: 10%; }

hr.no_margin {
  margin: 0; }

#lazybox {
  max-height: 95%; }

#lazybox .lazy-img {
  max-height: 95%; }

.wtf {
  background-color: yellow;
  font-weight: bold; }

/* BUTTONS */
a.cta_button, input[type='submit'] {
  display: inline-block;
  margin: 1em 0.3em 1em 0;
  padding: 1em 1.5em;
  color: white;
  text-decoration: none;
  background-color: #00974A;
  border-radius: 8px;
  -webkit-appearance: none;
  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  outline: none;
  font-family: "ProximaNova-Reg"; }
  a.cta_button:hover, input[type='submit']:hover {
    text-decoration: none;
    background-color: #00C963;
    box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2); }
  a.cta_button:visited, input[type='submit']:visited {
    background: #00974A;
    color: white; }

.green_button,
.cms42_page_section.cta_button .text a {
  padding: 0.5em 1em;
  color: white;
  background: #00974A;
  border: none;
  box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -webkit-appearance: none;
  text-decoration: none;
  white-space: nowrap; }
  .green_button:disabled,
  .cms42_page_section.cta_button .text a:disabled {
    color: black;
    background: #F2F2F2;
    box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2);
    border-radius: 3px; }
  .green_button:visited,
  .cms42_page_section.cta_button .text a:visited {
    background-color: #00974A;
    color: white; }
  .green_button:hover,
  .cms42_page_section.cta_button .text a:hover {
    cursor: pointer;
    background-color: #00C963;
    text-decoration: none;
    box-shadow: inset 0px 2px 0px 0px rgba(0, 0, 0, 0.2); }

.featured_desc {
  display: none; }

/*
.green_button {
    background: #7cb56c;
    background: -moz-linear-gradient(0% 100% 90deg, #7cb56c, #418c2c);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7cb56c), to(#418c2c));
    border-top: 1px solid #418c2c;
    border-right: 1px solid #418c2c;
    border-bottom: 1px solid #418c2c;
    border-left: 1px solid #418c2c;
    -moz-box-shadow: inset 0 1px 0 0 #a2f275, 0 1px 2px 0 #b3b3b3;
    -webkit-box-shadow: inset 0 1px 0 0 #a2f275, 0 1px 2px 0 #b3b3b3;
    text-shadow: 0 -1px 1px #47bf33;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright:  10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    padding: 12pt 24pt;
    margin-bottom: 12pt;

    color: white;
    font-size: 14pt;
    text-decoration: none !important;
}

.green_button:hover {
    background: #418c2c;
    background: -moz-linear-gradient(0% 100% 90deg, #418c2c, #7cb56c);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#418c2c), to(#7cb56c));
    border-top: 1px solid #5bae2c;
    border-right: 1px solid #2f9d17;
    border-bottom: 1px solid #0c9007;
    border-left: 1px solid #2f9d17;
    -moz-box-shadow: inset 0 1px 0 0 #97f165;
    -webkit-box-shadow: inset 0 1px 0 0 #97f165;
    cursor: pointer;
    text-shadow: 0 -1px 1px #33af1e;
    text-decoration: none;
}


.green_button:active {
    background: #418c2c;
    border: 1px solid #218e15;
    border-bottom: 1px solid #0e8e14;
    -moz-box-shadow: inset 0 0 6px 3px #16b518, 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 0 6px 3px #16b518, 0 1px 0 0 #fff;
    text-shadow: 0 -1px 1px #35a724;

}

.green_button:visited {
    background: #7cb56c;    
    color: white;
    text-decoration: none;

}*/
.green_button_small {
  padding: 4pt 8pt;
  margin: 5px 0 0 0;
  font-size: 90%;
  margin-top: 12pt; }

.clean_button {
  -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
  -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
  box-shadow: inset 0px 1px 0px 0px #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
  background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
  background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  background-color: #ffffff;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #dcdcdc;
  display: inline-block;
  cursor: pointer;
  color: #666666;
  font-family: "ProximaNova-SBold";
  padding: 13px 24px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #ffffff; }

.clean_button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
  background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
  background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff', GradientType=0);
  background-color: #f6f6f6; }

.clean_button:active {
  position: relative;
  top: 1px; }

.packages_link {
  padding: 0 5%; }

.packages_link h2 {
  color: black;
  font-size: 130%;
  letter-spacing: normal; }

.packages_link a, .packages_link a:visited {
  text-decoration: underline; }

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

.packages_link h4 {
  padding: 30px 0;
  line-height: 2;
  font-size: 16pt;
  text-align: center; }

.packages_link a, a:visited {
  text-decoration: underline; }

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

.packages_link2 {
  text-align: center;
  font-size: 18px;
  padding: 14pt 0;
  margin: 14pt 0;
  border-top: 1px dashed #666;
  border-bottom: 1px dashed #666; }

.packages_link3 {
  text-align: center;
  font-size: 20px;
  padding: 14pt 0;
  margin: 14pt 0;
  background: #EEE; }

.packages_link3 a {
  text-decoration: underline;
  color: #333; }

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

.lazy-img {
  max-width: 90%;
  max-height: 100%;
  margin: 0 auto; }

.serif {
  font-family: Georgia, 'Times New Roman', times, serif; }

.plain_text {
  text-decoration: none !important;
  color: black !important; }

.plain_text:hover {
  text-decoration: none !important; }

.fuckup_box {
  position: absolute;
  width: 100%;
  min-height: 90%;
  background-color: black;
  opacity: .93;
  text-align: center;
  z-index: 200;
  border-bottom: 2px solid #eee; }

.fuckup_box .issue {
  z-index: 500;
  background-color: white;
  opacity: 1;
  width: 90%;
  max-width: 700px;
  margin: 5% auto;
  padding: 2% 4%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; }

.fuckup_box .issue a.status_page {
  display: inline-block;
  margin: 2% auto;
  padding: 2%;
  font-size: 120%;
  background-color: #666;
  color: white;
  border: 2px solid #eee;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none; }

.fuckup_box .issue a.status_page:hover {
  background-color: #333; }

/* TESTIMONIAL */
.testimonial h3 {
  text-align: center; }
.testimonial img.testimonial_round {
  border: 1px solid #eee;
  border-radius: 5em; }
.testimonial a {
  text-decoration: underline; }
.testimonial a:hover {
  text-decoration: none; }
.testimonial .opinion {
  clear: both;
  display: block;
  margin: 45px 0; }
  .testimonial .opinion img {
    max-height: 108px;
    max-width: 20%;
    margin-top: 0;
    margin-bottom: 0; }
    .testimonial .opinion img.rounded {
      border: 1px solid #eee;
      border-radius: 60px; }
  .testimonial .opinion p {
    margin: 0;
    padding: 0; }
  .testimonial .opinion .content {
    line-height: 1.5;
    display: inline-block;
    width: 75%; }
    .testimonial .opinion .content .text {
      padding: 0; }
    .testimonial .opinion .content .line_spacer {
      display: inline-block;
      width: 100%;
      max-width: 100px;
      padding-bottom: 0.3em;
      border-top: 2px solid #F2CA80; }
  .testimonial .opinion.img_left img {
    float: left;
    margin-right: 4%; }
  .testimonial .opinion.img_left .content {
    float: left; }
  .testimonial .opinion.img_right img {
    float: right;
    margin-left: 4%; }
  .testimonial .opinion.img_right .content {
    float: right;
    text-align: right; }
    .testimonial .opinion.img_right .content * {
      text-align: right; }
.testimonial .opinion .text i {
  color: #666; }
.testimonial .opinion .text i a {
  color: #666;
  text-decoration: underline; }
.testimonial .opinion .text i a:hover {
  text-decoration: none; }
.testimonial .opinion.cloud {
  text-align: center; }
.testimonial .opinion.cloud .text {
  padding: 1em 2em;
  white-space: nowrap;
  text-align: center;
  line-height: 3; }

section.testimonial_more_link {
  padding: 0em 2% 2em 10%; }

section.testimonial_more_link a {
  text-decoration: underline; }

section.testimonial_more_link a:hover {
  text-decoration: none; }

section.testimonial.with_plan h3 {
  font-size: 16pt; }
section.testimonial.with_plan .customer_list {
  float: left;
  width: 65%; }
  section.testimonial.with_plan .customer_list .text {
    width: 70%;
    float: right; }
section.testimonial.with_plan .plans {
  float: right;
  width: 30%;
  margin-top: 4em; }
  section.testimonial.with_plan .plans .single_package, section.testimonial.with_plan .plans .further_plans {
    margin: 0 10%; }

section.media {
  text-align: center;
  margin: 1em 0%; }

section.media .featured {
  margin: 1em 0;
  padding-left: 0; }

section.media .featured img {
  margin: 0 10px; }

section.img_and_desc {
  padding: 2em 0 2em 0; }

section.img_and_desc a {
  text-decoration: underline; }

section.img_and_desc a:hover {
  text-decoration: none; }

section.img_and_desc .image {
  text-align: center;
  width: 40%; }
  section.img_and_desc .image img, section.img_and_desc .image svg, section.img_and_desc .image iframe {
    max-width: 90%; }
  section.img_and_desc .image iframe {
    width: 100%;
    min-height: 240px; }
  section.img_and_desc .image ol, section.img_and_desc .image ul {
    text-align: left;
    line-height: 1.5; }
    section.img_and_desc .image ol.with_box, section.img_and_desc .image ul.with_box {
      padding: 1em 0 1em 2em;
      background-color: rgba(46, 106, 174, 0.75);
      border-radius: 10px;
      color: white; }

section.img_and_desc .description {
  line-height: 1.5;
  width: 50%; }
  section.img_and_desc .description h2:first-of-type, section.img_and_desc .description h3:first-of-type {
    margin-top: 0; }

section.fullscale_centered {
  text-align: center; }
  section.fullscale_centered iframe {
    margin: 0 auto;
    width: 80%;
    max-width: 900px;
    min-height: 635px; }

section.fullscale.intro {
  margin-top: 2em; }

.landing_block {
  margin: 1em 0;
  text-align: center; }

.landing_block .left {
  float: left; }

.landing_block .right {
  float: right; }

.landing_block p {
  color: black;
  text-align: left; }

.landing_block p .highlight {
  padding: 0.2em 0.4em;
  font-family: "ProximaNova-SBold";
  background-color: #FFC;
  border: 1px solid #ccc;
  white-space: nowrap; }

.landing_block p.large {
  font-size: 120%;
  line-height: 1.5;
  text-align: justify; }

.landing_block h2 {
  text-align: left; }

.landing_block h2.headline {
  line-height: 1.5; }

.landing_block h3.headline {
  font-size: 140%; }

.landing_block p.fullscale {
  padding: 0 2em; }

.landing_block img.fullscale {
  width: 100%;
  margin: 4% auto; }

.landing_block .explanation {
  width: 50%; }

.landing_block .explanation h3 {
  text-align: left; }

.landing_block a {
  text-decoration: underline; }

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

.landing_block a:visited {
  text-decoration: underline; }

.landing_block .illustration {
  width: 45%;
  margin: 2% 0;
  text-align: center; }

.landing_block .illustration img {
  max-width: 90%; }

.landing_block ul.intro li {
  list-style-type: none; }

.landing_block ul.intro li h3 {
  text-align: left; }

section.three_column ul {
  width: 100%; }

section.three_column ul li {
  list-style: none;
  float: left;
  width: 30%;
  padding: 0 1.5%;
  margin-top: 1%;
  margin-left: 0;
  margin-right: 0;
  text-align: center; }

section.three_column p {
  text-align: justify;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto; }

/* USECASES */
.description .usecases {
  margin: 0 5% 2% 0;
  padding: 2%; }

.description .usecases h3 {
  margin: 0; }

.description .usecases ol {
  padding: 0 0 0 2em;
  margin: 1em 0 0 0; }

.description .usecases ol li {
  line-height: 2; }

.description .usecases .signup_icon {
  display: inline-block;
  background: #00974A;
  margin: 1em auto 0 auto;
  padding: 0 1em;
  line-height: 2.5;
  vertical-align: middle;
  display: inline-block;
  height: 48px;
  color: white;
  font-size: 120%;
  text-decoration: none !important; }

.description .usecases a.signup_icon:hover {
  background: #318c35; }

.usecases {
  background-color: #eee;
  border: 1px solid #999;
  padding-right: 0px;
  padding-left: 0px; }

.large_display {
  display: none;
  position: absolute;
  right: 0;
  width: 250px;
  margin: 60px 0;
  font-family: "ProximaNova-SBold"; }

/* TAGCLOUD */
.tagcloud span {
  display: inline-block;
  padding: 0.5em 2em;
  margin: 0.5em 1em; }

.tagcloud span.bubble {
  border-radius: 1em;
  background-color: #006464;
  border: 1px solid #dae600;
  color: white; }

.tagcloud span.large {
  font-size: 140%; }

section.fold2 {
  margin: 0;
  background-color: #bdbcc3;
  color: black; }

section.fold2 img.background_testimonial {
  width: 100%;
  z-index: 0;
  position: relative; }

section.fold2 div.content {
  width: 45%;
  max-width: 600px;
  position: absolute;
  left: 8em;
  top: 8em; }

section.fold2 div.content div.quote {
  margin: 2em 0;
  position: relative; }

section.fold2 div.content div.quote h1 {
  font-size: 180%;
  margin-bottom: 0.5em; }

section.fold2 div.content div.catchline {
  margin: 2em 0 2em 0; }

section.fold2 div.content div.catchline h2 {
  margin: 4em 0 2em 0; }

section.fold2 div.content div.catchline h1 {
  font-size: 180%; }

section.fold2 div.content div.features {
  width: 70%; }

section.fold2 div.content div.features ul {
  margin: 0;
  padding: 0 1.5em; }

section.fold2 div.content div.features ul li {
  margin-bottom: 1em;
  font-size: 120%; }

section.fold2 div.content div.cta {
  margin: 2em 0 0 0; }

section.fold2 div.content div.cta .textlink {
  font-family: "ProximaNova-SBold";
  font-size: 110%; }

section.minitour {
  padding: 4em 0% 1em 10%; }

section.minitour a {
  text-decoration: none; }

section.minitour a:hover {
  text-decoration: none; }

section.minitour .screenshots {
  float: left;
  width: 40%;
  margin: 5% 5%; }

section.minitour .screenshots img.mini_screenshot {
  width: 30%;
  margin: 0.5em 0.5em;
  border: 1px solid #eee; }

section.minitour .screenshots a:hover {
  text-decoration: none; }

section.minitour .description {
  float: right;
  width: 50%;
  padding: 0em 0;
  line-height: 1.5; }

.horizontal_screenshots a {
  text-decoration: none !important; }
.horizontal_screenshots img {
  width: 20%;
  margin: 0 2% 0 2%;
  border: 1px solid #eee;
  border-radius: 5px; }

.legend {
  margin: 2% 0; }

.legend .navi {
  padding: 1%;
  margin-bottom: 2%;
  background: #eee; }

.legend .navi .entry {
  margin-left: 21pt;
  float: left; }

.legend .content {
  font-size: 100%;
  line-height: 1.5; }

#webinar_cta {
  display: none; }

.bottom_bars {
  position: fixed;
  bottom: -1px;
  width: 100%;
  z-index: 100;
  text-align: center; }

body.frequent_visitor {
  padding-bottom: 30px; }
  body.frequent_visitor .bottom_bars #webinar_cta, body.frequent_visitor .bottom_bars #cookie_confirmation {
    position: relative !important; }
  body.frequent_visitor .bottom_bars #webinar_cta {
    display: block;
    color: #292A4D;
    background-image: linear-gradient(135deg, #f2ca80 30%, #f2c36d 30%, #f2c36d 50%, #f2ca80 50%, #f2ca80 80%, #f2c36d 80%, #f2c36d 100%);
    background-size: 7.07px 7.07px;
    text-align: center;
    padding: 5px;
    line-height: 1.5; }
    body.frequent_visitor .bottom_bars #webinar_cta a {
      color: white;
      background-color: rgba(255, 255, 255, 0.9);
      text-decoration: none;
      border-radius: 3px;
      padding: 3px 6px;
      margin-left: 5px;
      color: #292A4D;
      transition: .15s all ease-in-out; }
      body.frequent_visitor .bottom_bars #webinar_cta a:hover {
        background-color: rgba(255, 255, 255, 0.7); }
      body.frequent_visitor .bottom_bars #webinar_cta a .icon svg {
        height: 12px;
        width: 10px; }
        body.frequent_visitor .bottom_bars #webinar_cta a .icon svg path {
          fill: #292A4D; }

body.www_webinar_orientation .bottom_bars #webinar_cta, body.www_webinar_beginner .bottom_bars #webinar_cta, body.www_webinar_advanced .bottom_bars #webinar_cta {
  display: none; }

@media screen and (max-width: 1200px) {
  section.minitour .screenshots {
    width: 45%;
    margin: 4% 2%; } }
/* ipad hochkant */
@media screen and (max-width: 1000px) {
  /*    body {font-size: 80%; }   */
  .width_40 {
    width: 100% !important; }

  .no_tablet {
    display: none !important; }

  .only_tablet {
    display: block; }

  section.img_and_desc,
  section.testimonial {
    width: 90%;
    margin: 0 auto; }

  section.img_and_desc .description,
  section.img_and_desc .image {
    float: none;
    width: 90%;
    margin: 0 auto; }

  section.img_and_desc .image img {
    max-width: 100%; }

  section.img_and_desc .image {
    margin-top: 2em; }

  section.minitour {
    padding: 2em 5%; }

  section.minitour .screenshots {
    width: 45%;
    margin: 0 0%; }

  section.minitour .screenshots img.mini_screenshot {
    width: 45%;
    margin: 1%;
    border: 1px solid #eee; }

  section.testimonial.with_plan .customer_list {
    width: 90%;
    margin: 0 5%;
    float: none; }
  section.testimonial.with_plan .plans {
    width: 100%;
    max-width: 400px;
    float: none;
    margin: 0 auto; } }
/* iPhone */
@media screen and (max-device-width: 700px), screen and (max-width: 767px) {
  #scroll_nav {
    padding-left: 0;
    padding-right: 0; }

  .topbox h1 {
    margin: 0;
    font-size: 180%; }

  .topbox h2 {
    margin: 5% 0 0 0; }

  .no_mobile {
    display: none !important; }

  .only_mobile {
    display: block; }

  .right.usecases {
    display: none; }

  .header .navigation {
    padding: 0; }

  .landing_block .illustration {
    width: 100%; }

  .landing_block .illustration img {
    max-width: 100%; }

  .landing_block .explanation {
    width: 100%; }

  .landing_block h2.headline {
    font-size: 180%; }

  section.minitour {
    padding: 0em 1%; }

  section.minitour .description {
    float: none;
    width: 90%;
    margin: 0 5%;
    text-align: justify; }

  section.minitour .description h3 {
    text-align: left; }

  section.minitour .screenshots {
    float: none;
    width: 100%;
    margin: 2em 0 0 0; }

  section.minitour .screenshots img.mini_screenshot {
    width: 45%;
    margin: 1%;
    border: 1px solid #eee; }

  .left.width_60 {
    width: 100%; }

  .left.width_60 h3 {
    padding-left: 2%; }

  .img.right {
    float: none;
    width: 100%;
    text-align: center; }

  .industryblock .left {
    width: 96%;
    padding: 0 2%;
    float: none; }

  .industryblock .right {
    display: none; }

  .textblock {
    width: 96%;
    padding: 0 2%; }

  .legend .content {
    width: 96%;
    padding: 0 2%; }

  .horizontal_screenshots {
    display: none; }

  a.cta_button {
    text-align: center; }

  section.fold2 div.content {
    top: 1em; }

  .testimonial .opinion .content .line_spacer {
    max-width: none; }

  section.testimonial.with_plan .customer_list {
    width: 90%;
    margin: 0 5%;
    float: none; }
    section.testimonial.with_plan .customer_list .text {
      float: none;
      width: 100%; }
    section.testimonial.with_plan .customer_list .opinion img {
      float: none;
      margin: 0 auto;
      display: block; }
  section.testimonial.with_plan .plans {
    width: 100%;
    max-width: 400px;
    float: none;
    margin: 0 auto; } }
@media screen and (min-width: 2400px) {
  .large_display {
    display: block; } }
section.fullscale.testimonial_centered {
  display: block;
  background-image: url(/assets/banner/crm-kunde-f3d6e5097d6d1b07584ad91074b491d9104f4fec236754b3dd021f5459973a61.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 800px;
  position: relative; }
  section.fullscale.testimonial_centered.with_privacy_badge {
    background: url(/assets/banner/crm-kunde-siegel-427b537d5f48562bbe0b7360d53382b74bf0646c5857c3608257238744e4ec41.jpg) no-repeat center center; }
  section.fullscale.testimonial_centered .teaser_with_signup {
    width: 50%;
    position: absolute;
    top: 50px;
    right: 40px; }
section.fullscale.wrapped {
  max-width: 1600px;
  background-color: #E5E5E5; }
section.fullscale .teaser_with_signup.small_margin_top {
  margin-top: 40px; }
section.fullscale .teaser_with_signup h1, section.fullscale .teaser_with_signup h2 {
  margin: 0;
  padding: 0;
  text-align: left;
  color: #fff;
  font-weight: normal; }
section.fullscale .teaser_with_signup h2, section.fullscale .teaser_with_signup h3 {
  text-align: center; }
section.fullscale .teaser_with_signup h1 {
  margin-bottom: 30px;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); }
section.fullscale .teaser_with_signup h2 {
  font-size: 26px;
  margin: 0; }
section.fullscale .teaser_with_signup h3 {
  font-size: 20px;
  margin: 5px 0 30px 0; }
section.fullscale .teaser_with_signup ul {
  margin: 0 auto;
  padding: 0 0 0 20px;
  font-size: 20px;
  max-width: 600px; }
  section.fullscale .teaser_with_signup ul li {
    float: none;
    max-width: none;
    padding: 0;
    margin: 10px 0;
    list-style-type: square;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); }
section.fullscale .teaser_with_signup div.colored {
  border-top: 3px solid #F2CA80;
  margin: 30px auto;
  max-width: 100px; }
section.fullscale .teaser_with_signup .signup_box {
  padding: 15px 30px;
  border-radius: 5px;
  background-color: #fff;
  box-sizing: border-box;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  color: #000;
  text-align: center; }
  section.fullscale .teaser_with_signup .signup_box h2, section.fullscale .teaser_with_signup .signup_box h3 {
    color: black;
    text-align: center; }
  section.fullscale .teaser_with_signup .signup_box h2 {
    font-size: 26px; }
  section.fullscale .teaser_with_signup .signup_box h3 {
    font-size: 20px; }
  section.fullscale .teaser_with_signup .signup_box .field {
    position: relative; }
    section.fullscale .teaser_with_signup .signup_box .field svg {
      position: absolute;
      width: 16px;
      height: 16px;
      left: 10px;
      top: 13px;
      pointer-events: none; }
    section.fullscale .teaser_with_signup .signup_box .field input[type="email"],
    section.fullscale .teaser_with_signup .signup_box .field input[type="password"],
    section.fullscale .teaser_with_signup .signup_box .field input[type="text"] {
      font-family: "ProximaNova-Reg";
      outline: none;
      border: 1px solid #E5E5E5;
      padding: 10px 10px 10px 35px;
      margin-top: 10px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      width: 100%;
      box-sizing: border-box; }
      section.fullscale .teaser_with_signup .signup_box .field input[type="email"]:-webkit-autofill, section.fullscale .teaser_with_signup .signup_box .field input[type="email"]:-webkit-autofill:hover, section.fullscale .teaser_with_signup .signup_box .field input[type="email"]:-webkit-autofill:focus, section.fullscale .teaser_with_signup .signup_box .field input[type="email"]:-webkit-autofill:active,
      section.fullscale .teaser_with_signup .signup_box .field input[type="password"]:-webkit-autofill,
      section.fullscale .teaser_with_signup .signup_box .field input[type="password"]:-webkit-autofill:hover,
      section.fullscale .teaser_with_signup .signup_box .field input[type="password"]:-webkit-autofill:focus,
      section.fullscale .teaser_with_signup .signup_box .field input[type="password"]:-webkit-autofill:active,
      section.fullscale .teaser_with_signup .signup_box .field input[type="text"]:-webkit-autofill,
      section.fullscale .teaser_with_signup .signup_box .field input[type="text"]:-webkit-autofill:hover,
      section.fullscale .teaser_with_signup .signup_box .field input[type="text"]:-webkit-autofill:focus,
      section.fullscale .teaser_with_signup .signup_box .field input[type="text"]:-webkit-autofill:active {
        -webkit-box-shadow: 0 0 0 30px white inset !important; }
      section.fullscale .teaser_with_signup .signup_box .field input[type="email"]:focus,
      section.fullscale .teaser_with_signup .signup_box .field input[type="password"]:focus,
      section.fullscale .teaser_with_signup .signup_box .field input[type="text"]:focus {
        border: 1px solid #a9a9a9; }
    section.fullscale .teaser_with_signup .signup_box .field:nth-of-type(1) input[type="email"]:first-child,
    section.fullscale .teaser_with_signup .signup_box .field:nth-of-type(1) input[type="password"]:first-child,
    section.fullscale .teaser_with_signup .signup_box .field:nth-of-type(1) input[type="text"]:first-child {
      margin-top: 0; }
    section.fullscale .teaser_with_signup .signup_box .field.password .msg {
      display: inline-block !important; }
    section.fullscale .teaser_with_signup .signup_box .field.s-field, section.fullscale .teaser_with_signup .signup_box .field.s-field > * {
      margin: 0 !important;
      padding: 0 !important;
      height: 0;
      border: none !important; }
  section.fullscale .teaser_with_signup .signup_box input[type='submit'] {
    font-size: 100%;
    margin: 20px 0 0 0;
    padding: 10px 20px;
    border: none; }
    section.fullscale .teaser_with_signup .signup_box input[type='submit']:disabled {
      opacity: 0.6; }
      section.fullscale .teaser_with_signup .signup_box input[type='submit']:disabled:hover {
        background-color: #00974A;
        box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.2); }
  section.fullscale .teaser_with_signup .signup_box .terms {
    display: block;
    padding: 0;
    margin-top: 15px; }
    section.fullscale .teaser_with_signup .signup_box .terms * {
      font-size: 16px; }
    section.fullscale .teaser_with_signup .signup_box .terms input[type="checkbox"] {
      float: left;
      margin-left: 6px; }
    section.fullscale .teaser_with_signup .signup_box .terms a {
      color: #000;
      text-decoration: underline; }
      section.fullscale .teaser_with_signup .signup_box .terms a:hover {
        text-decoration: none; }
section.fullscale .teaser_with_signup .signup_box_footer {
  width: 100%;
  text-align: center;
  padding: 15px 0;
  color: #fff;
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2); }

.colored_header, .general_header {
  background-color: #003f75;
  border-bottom: 5px solid #DDDDDD;
  padding: 1em 0; }

.colored_header h1,
.colored_header h2 {
  color: white;
  text-align: center; }

.colored_header .wrapper {
  margin: 0 auto; }

/*section.general_header {background:url('/images/promopage_bg7.gif') repeat; 
                        border-bottom: 1px solid #ddeaf4; border-left: 1px solid #ddeaf4; border-right: 1px solid #ddeaf4; 
                        margin: 0; padding: 1em 0% 1em 0%;}*/
/*section.general_header h1, section.general_header h2, section.general_header .tag_desc {margin-left: 10%;}*/
section.general_header h2 {
  font-size: 120%; }

.general_header h1,
.general_header h2 {
  color: white;
  text-align: center; }

.general_header .wrapper {
  margin: 0 auto; }

section.general_header a {
  text-decoration: underline; }

section.general_header a:hover {
  text-decoration: none; }

section.border_top {
  border-top: 3px solid #F2CA80; }

section.border_bottom {
  border-bottom: 3px solid #F2CA80; }

.crm_divider {
  position: relative;
  background-color: #f6f7f8;
  text-align: center;
  padding: 1em 0;
  overflow: hidden; }
  .crm_divider * {
    position: relative; }
  .crm_divider h3, .crm_divider a, .crm_divider p {
    z-index: 10; }
  .crm_divider h3 {
    margin-top: 0; }
  .crm_divider a {
    margin: 0; }
  .crm_divider svg.small_logo {
    position: absolute;
    left: 10%;
    width: 200px;
    height: auto;
    z-index: 1; }
    .crm_divider svg.small_logo #cscrm {
      fill: white; }
  .crm_divider svg.large_logo {
    position: absolute;
    right: 10%;
    width: 400px;
    height: auto;
    z-index: 1; }
    .crm_divider svg.large_logo #cscrm {
      fill: white; }

.minitour_3_screenshots {
  margin: 2em 0;
  text-align: center; }
  .minitour_3_screenshots img {
    width: 20%;
    margin: 0 5%;
    box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
    border-radius: 3px;
    border: 1px solid #eee; }
  .minitour_3_screenshots a {
    text-decoration: none; }

.support_proof .support {
  float: left;
  width: 40%;
  text-align: center; }
  .support_proof .support .evaluation {
    font-size: 110%; }
    .support_proof .support .evaluation .very_good {
      color: #00974A; }
  .support_proof .support .evaluation_desc {
    max-width: 280px;
    margin: 0 auto; }
.support_proof .faq_about {
  float: right;
  width: 55%; }
  .support_proof .faq_about h4 {
    margin-bottom: 0.5em; }
  .support_proof .faq_about p {
    margin: 0; }
  .support_proof .faq_about a {
    text-decoration: underline; }
    .support_proof .faq_about a:hover {
      text-decoration: none; }

.six_usps {
  text-align: center;
  padding: 2em 0; }
  .six_usps .usp {
    display: inline-block;
    width: 30%;
    margin: 1em 0;
    text-align: center; }
    .six_usps .usp svg {
      max-width: 50px; }
    .six_usps .usp h4 {
      margin-bottom: 0.5em; }
    .six_usps .usp .desc {
      margin: 0; }

.media_brands {
  background-color: #f6f7f8;
  padding: 1em 0;
  text-align: center;
  opacity: 0.5; }
  .media_brands img {
    height: 30px;
    max-width: 100px;
    margin: 0 2%;
    opacity: 0.5; }

.four_icons {
  text-align: center;
  padding: 2em 0; }
  .four_icons .element {
    display: inline-block;
    width: 22%;
    margin: 1em 0;
    text-align: center;
    text-decoration: none; }
    .four_icons .element .icon {
      display: inline-block;
      border: 2px solid #E5E5E5;
      border-radius: 80px; }
      .four_icons .element .icon svg {
        width: 30px;
        height: 30px;
        margin: 1em; }
    .four_icons .element h4 {
      font-weight: normal;
      margin-bottom: 0.5em; }
    .four_icons .element.active .icon, .four_icons .element:hover .icon {
      border-color: #F2CA80; }

.five_icons {
  text-align: center;
  padding: 2em 0; }
  .five_icons .element {
    display: inline-block;
    width: 16%;
    margin: 1em 0;
    text-align: center;
    text-decoration: none; }
    .five_icons .element .icon {
      display: inline-block;
      border: 2px solid #E5E5E5;
      border-radius: 80px; }
      .five_icons .element .icon svg {
        width: 30px;
        height: 30px;
        margin: 1em; }
    .five_icons .element h4 {
      font-weight: normal;
      margin-bottom: 0.5em; }
    .five_icons .element.active .icon, .five_icons .element:hover .icon {
      border-color: #F2CA80; }

@media screen and (max-width: 1400px) {
  section.wrapped.large {
    max-width: 1000px; }

  .media_brands.wrapped.large {
    max-width: 1400px; }

  section.fullscale.testimonial_centered .teaser_with_signup {
    max-width: 60%; } }
@media screen and (max-width: 1200px) {
  section.fullscale.testimonial_centered, section.fullscale.with_privacy_badge {
    height: 880px; } }
/* ipad hochkant */
@media screen and (max-width: 1000px) {
  section.fullscale ul li {
    float: none;
    max-width: none;
    margin: 1em 0; }

  section.fullscale.single_testimonial .quote {
    margin-top: 0em; }

  section.fullscale.single_testimonial .quote .address {
    padding-top: 0em; }

  section.fullscale.testimonial_centered, section.fullscale.with_privacy_badge {
    background: #c8e8f2 !important;
    padding-bottom: 30px;
    height: auto; }
    section.fullscale.testimonial_centered p, section.fullscale.testimonial_centered a, section.fullscale.testimonial_centered h1, section.fullscale.testimonial_centered h2, section.fullscale.testimonial_centered h3, section.fullscale.testimonial_centered ul, section.fullscale.testimonial_centered ol, section.fullscale.testimonial_centered div, section.fullscale.testimonial_centered li, section.fullscale.with_privacy_badge p, section.fullscale.with_privacy_badge a, section.fullscale.with_privacy_badge h1, section.fullscale.with_privacy_badge h2, section.fullscale.with_privacy_badge h3, section.fullscale.with_privacy_badge ul, section.fullscale.with_privacy_badge ol, section.fullscale.with_privacy_badge div, section.fullscale.with_privacy_badge li {
      color: black !important; }
    section.fullscale.testimonial_centered .teaser_with_signup, section.fullscale.with_privacy_badge .teaser_with_signup {
      float: none;
      width: 100%;
      max-width: 100%;
      margin: 0 auto;
      top: auto;
      right: auto;
      position: relative;
      -moz-transform: none;
      -o-transform: none;
      -ms-transform: none;
      -webkit-transform: none;
      transform: none; }
      section.fullscale.testimonial_centered .teaser_with_signup h1, section.fullscale.with_privacy_badge .teaser_with_signup h1 {
        margin-top: 30px;
        text-align: center; }
      section.fullscale.testimonial_centered .teaser_with_signup .signup_box, section.fullscale.with_privacy_badge .teaser_with_signup .signup_box {
        margin: 30px 15px 0 15px;
        width: auto;
        max-width: 100%; } }
/* iPhone */
@media screen and (max-device-width: 700px), screen and (max-width: 767px) {
  section.fullscale.testimonial_centered {
    background-position: 40%; }
    section.fullscale.testimonial_centered .teaser_with_signup {
      float: none;
      margin: 0 auto;
      margin-top: 30px; }
      section.fullscale.testimonial_centered .teaser_with_signup h1 {
        font-size: 32px; }
      section.fullscale.testimonial_centered .teaser_with_signup h2 {
        font-size: 24px; }
      section.fullscale.testimonial_centered .teaser_with_signup ul {
        margin: 0 15px; }
      section.fullscale.testimonial_centered .teaser_with_signup div.colored {
        border: none;
        margin-bottom: 2em; }
      section.fullscale.testimonial_centered .teaser_with_signup .signup_box .left, section.fullscale.testimonial_centered .teaser_with_signup .signup_box .right {
        float: none;
        width: 100%; }
      section.fullscale.testimonial_centered .teaser_with_signup .signup_box .terms .desc {
        width: 80%; }
      section.fullscale.testimonial_centered .teaser_with_signup .signup_box p {
        margin-top: 1em; } }
/* Christos Zone */
.signup_area {
  padding: 0 5% 0 5%;
  margin: auto;
  margin-top: 2%;
  background: #F7F7F7;
  /*    height: 1200px;*/ }

.signup_area a {
  text-decoration: underline; }

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

.signup_area .plans {
  padding: 0; }

.signup_area .green_button,
.signup_area .plans h1,
.signup_area .plans h2 {
  display: none; }

.signup_headline {
  text-align: center;
  padding-top: 2%;
  font-size: 40px;
  color: #4A4A4A; }

.signup_explanation {
  float: right;
  width: 47%;
  margin-left: 5%;
  border: 0px solid black; }

.signup_info {
  margin: 25% 5% 0% 5%;
  border: 0px solid red;
  font-size: 120%; }

.signup_info ul {
  list-style-type: none;
  padding: 0; }

.signup_info a {
  color: #253A67; }

.signup_info img.bulletpoint {
  padding-right: 1em; }

.signup_info img.bulletpoint.info {
  height: 16px; }

.signup_input label {
  font-size: 12px; }

.signup_input {
  float: left;
  width: 45%;
  padding-bottom: 0.8em; }

.signup_input input[type="text"],
.signup_input input[type="email"],
.signup_input input[type="password"] {
  margin-top: 6px;
  padding: 8px;
  border: solid 3px #c9c9c9;
  transition: border 0.3s; }

.signup_input input[type="text"]:focus,
.signup_input input[type="email"]:focus,
.signup_input input[type="password"]:focus,
.signup_input input[type="text"].focus,
.signup_input input[type="email"].focus,
.signup_input input[type="password"].focus {
  border: solid 3px #969696; }

.signup_input input:focus,
.signup_input textarea:focus,
.signup_input select:focus {
  outline: 0 none; }

input[type="text"],
input[type="email"],
input[type="password"] {
  display: block;
  margin: 0;
  width: 80%;
  font-size: 18px;
  appearance: none;
  box-shadow: none;
  border-radius: none; }

.signup_agb {
  text-align: center;
  width: 100%;
  padding-top: 5%; }

.signup_agb label {
  padding-bottom: 0.2em; }

a.signup_btn {
  color: white; }

.signup_btn {
  background-color: #44c767;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 19px;
  padding: 16px 31px;
  text-decoration: none; }

.signup_btn:hover {
  background-color: #32a651;
  text-decoration: none; }

.signup_btn:active {
  position: relative;
  top: 1px; }

.signup_btn:disabled {
  background-color: #ccc; }

/* Header Call to action */
a.signup_btn_header {
  color: white; }

.signup_btn_header {
  background-color: #44c767;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: Arial;
  font-size: 19px;
  padding: 16px 31px;
  text-decoration: none; }

.signup_btn_header:hover {
  background-color: #32a651;
  text-decoration: none; }

.signup_btn_header:active {
  position: relative;
  top: 1px; }

.signup_btn_header:disabled {
  background-color: #ccc; }

.signup_btn {
  font-weight: bold; }

.header .signup_btn {
  color: red; }

.middle .signup_btn {
  font-style: italic; }

/* PACKAGE */
.package_1row {
  margin-top: 1.2em; }

/*.package_2row{
  margin-top: 5%;
}*/
.quarter_package.left {
  float: left; }

.quarter_package.right {
  float: right; }

.quarter_package {
  border: 2px solid;
  border-color: #253A67;
  border-radius: 10px;
  text-align: center;
  padding: 5px 10px 5px 10px;
  width: 40%; }

.quarter_package.top {
  border-color: #F5A623; }

.quarter_package h1 {
  font-style: italic;
  font-size: 14px; }

.signup_area .quarter_package h2 {
  color: black;
  font-size: 120%; }

a.quarter_package_close {
  display: block;
  float: right;
  margin: -30px -30px 0 0; }

.package_etc {
  margin-top: 2em;
  font-size: 13px;
  line-height: 150%; }

.package_etc_name {
  float: left;
  text-align: right; }

.package_etc_info {
  float: left;
  margin-left: 1%; }

.popular_package {
  width: 45%;
  font-size: 12px;
  text-align: center;
  color: gray;
  padding-top: 3%; }

/*::-webkit-input-placeholder {
   font-size: 14px;

}

:-moz-placeholder {
   font-size: 14px; 
}

::-moz-placeholder {
   font-size: 14px;
}

:-ms-input-placeholder {  
   font-size: 14px;
}*/
.medien {
  text-align: center;
  padding-top: 5%;
  padding-bottom: 2%;
  font-size: 24px; }

.medien_logo {
  margin-right: 5%; }

section.plans {
  background: white;
  text-align: center;
  padding: 2em auto 2em auto; }

section.plans h3 {
  color: black; }

section.plans h4,
section.signup_area h2 {
  font-size: 140%;
  color: #666;
  font-weight: normal; }

section.plans h5.backup {
  font-size: 160%; }

.single_package {
  background-color: white;
  float: left;
  margin-top: 22px;
  padding: 1em 1%;
  text-align: center;
  width: 16%;
  min-height: 280px;
  z-index: 2;
  border: none;
  box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
  -moz-box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
  border-radius: 3px; }

section.plans .single_package h3 {
  padding: 0px;
  margin: 0px;
  font-size: 140%;
  color: black; }

section.plans .single_package h4 {
  padding: 0.5em 0 0.2em 0;
  margin: 0px;
  color: black;
  font-weight: normal;
  font-size: 120%;
  line-height: 1; }

section.plans .single_package h5 {
  padding: 0.5em 0 0.5em 0;
  margin: 0;
  font-size: 80%; }

section.plans .single_package ul {
  list-style: none;
  margin: 0px 0px 10px 0px;
  padding: 0px; }

section.plans .single_package ul li {
  font-size: 100%;
  line-height: 1.0em;
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 3px; }

section.plans .single_package hr {
  border-top: 1px solid #eee;
  background: none;
  height: 1px; }

section.plans .single_package hr.none {
  border-top: none;
  background: none;
  height: 1px; }

section.plans .single_package .mwst {
  color: #999;
  font-size: smaller; }

.single_package .green_button {
  display: inline-block; }

/* Gelbes Package im Vordergrund*/
section.plans .packages_sector .top {
  position: relative;
  background-color: #f2fcf6;
  height: 320px;
  width: 20%;
  margin: 0px;
  z-index: 4;
  box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
  -moz-box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
  border-radius: 3px;
  border: 1px solid #eee; }

section.plans .packages_sector .top ul {
  list-style: none;
  margin: 0px 0px 20px 0px;
  padding: 0px; }

section.plans .packages_sector .top ul li {
  font-size: 20px;
  line-height: 1.2em;
  list-style: none;
  margin-bottom: 3px; }

section.plans .packages_sector ul .normal {
  font-size: 10pt;
  line-height: 1 !important; }

section.plans .packages_sector {
  text-align: center;
  border-collapse: collapse; }

section.plans .packages_sector .freelancer {
  border-right: 1px solid #999999; }

section.plans .packages_sector .right {
  margin-right: 1%;
  float: left; }

section.plans .packages_sector .left {
  margin-left: 1%; }

section.plans .further_plans {
  max-width: 80%;
  margin: 1em auto 0 auto; }

.padvantages {
  width: 100%;
  margin: 2em 0 1em 0; }
  .padvantages li {
    line-height: 1.5em;
    float: left;
    display: inline;
    margin: 0;
    list-style: none;
    line-height: 1.2;
    margin-left: 0;
    padding-left: 3%;
    margin-bottom: 1em;
    background: url("/images/check_blau.png") no-repeat; }
  .padvantages ul {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; }
    .padvantages ul.triple {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .padvantages ul.triple li {
        width: 30%;
        margin-top: 1em; }
  .padvantages .column .left {
    float: left; }
  .padvantages .column .center {
    float: left; }
  .padvantages .column .right {
    float: left; }
  .padvantages .block {
    width: 300px;
    margin-left: 10px; }

/*.padvantages .column ul li {list-style-image: url("/images/check_blau.gif"); list-style-position: outside; margin-left: 40px;}*/
.padvantages .column ul {
  padding: 3pt 0 0 0;
  margin: 0; }

.padvantages .column ul li {
  list-style: none;
  line-height: 1.2;
  background: url("/images/check_blau.png") no-repeat;
  margin-left: 0;
  padding-left: 32pt;
  margin-bottom: 14pt; }

.padvantages h5 {
  margin: 0; }

.pblock {
  width: 100%;
  padding: 14pt 0px; }

.pblock .left {
  float: left;
  width: 70%; }

.pblock .right {
  float: right;
  width: 25%;
  padding-left: 2%;
  border-left: 1px dashed #999; }

.pblock .block {
  margin-bottom: 28pt; }

.pblock .block p {
  color: #333; }

.mail ul li {
  list-style-image: url("/icons/mail_s.png"); }

.pblock .left ul li {
  list-style-image: url("/images/check_blau.gif");
  list-style-position: outside; }

.pblock .right ul li {
  list-style-image: url("/images/check_blau.gif");
  list-style-position: outside; }

.content_middle {
  padding: 10px 0px 10px 0px;
  background: #eee;
  margin-top: 20px; }

.zitat {
  text-align: center; }

.zitat span {
  font-size: 24px; }

@media screen and (max-width: 1200px) {
  section.plans h4 {
    font-size: 120%; }

  .green_button_small {
    font-size: 85%; } }
/* ipad hochkant */
@media screen and (max-width: 1000px) {
  section.plans {
    padding: 2em 5%; }

  section.plans .single_package {
    padding: 1em 0.5%;
    width: 17%;
    min-height: 190px; }

  section.plans .single_package h3 {
    font-size: 100%; }

  section.plans .single_package h4 {
    font-size: 90%;
    line-height: 1; }

  section.plans .single_package h5 {
    font-size: 60%; }

  section.plans .packages_sector .top {
    height: 250px; }

  section.plans .single_package ul li {
    font-size: 80%; }

  section.plans .packages_sector .top ul li {
    font-size: 100%; }

  .green_button_small {
    font-size: 70%; } }
@media screen and (max-device-width: 700px), screen and (max-width: 767px) {
  .pblock .left {
    width: 95%; }

  .pblock .right {
    display: none; }

  .padvantages {
    display: none; }

  section.plans {
    padding: 2em 1%; }

  section.plans .packages_sector {
    margin: 0.5em auto; }

  section.plans .packages_sector .single_package {
    float: none;
    margin: 2em auto;
    width: 80%;
    max-width: 400px; }

  section.plans .packages_sector .single_package h3 {
    font-size: xx-large;
    line-height: 1.2; }

  section.plans .packages_sector .single_package h5 {
    font-size: x-large; }

  section.plans .packages_sector .single_package ul li {
    font-size: x-large; }

  section.plans .packages_sector .single_package .green_button {
    font-size: larger;
    max-width: 250px;
    margin: auto;
    display: block; }

  section.plans .packages_sector .top {
    clear: both;
    width: 90%;
    height: auto; }

  section.plans .further_plans {
    font-size: 120%; } }
footer {
  padding: 0 0 0 0%;
  margin: 2em 0 4em 0;
  /* GENERAL */ }
  footer h3 {
    font-size: 100%;
    margin: 0.5em 0; }
  footer a {
    text-decoration: none; }
  footer a:hover {
    text-decoration: underline; }
  footer ul {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden; }
  footer li {
    line-height: 1.5em;
    display: inline;
    margin: 0; }
  footer .wrapper {
    max-width: 1100px;
    border: 4px solid lightgray;
    padding: 1em;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    /* PRODUCT GRID */
    /* FOOTER BG */ }
    footer .wrapper ul {
      font-size: 80%; }
    footer .wrapper .product_grid {
      margin: 15px auto 30px auto;
      font-size: 90%;
      width: 85%;
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-auto-rows: minmax(100px, auto);
      text-align: center; }
      footer .wrapper .product_grid .product {
        background-color: rgba(255, 255, 255, 0.8); }
        footer .wrapper .product_grid .product .product_icon img {
          margin-top: 2em;
          height: 3rem;
          -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
          margin-bottom: 1em;
          opacity: .25;
          transition: .1s all ease-in-out; }
          footer .wrapper .product_grid .product .product_icon img:hover {
            -webkit-filter: grayscale(50%);
            filter: grayscale(50%);
            opacity: .8; }
        footer .wrapper .product_grid .product h4 {
          font-size: 1em;
          margin: 0 auto; }
        footer .wrapper .product_grid .product p {
          margin: 0;
          font-size: 80%; }
    footer .wrapper .footer_grid {
      display: grid;
      grid-gap: .5em;
      grid-template-columns: repeat(auto-fit, minmax(10%, 1fr));
      grid-auto-rows: 100px, 1fr;
      grid-auto-flow: row; }
      footer .wrapper .footer_grid .crm_guide_2 {
        margin-top: 37px; }
      footer .wrapper .footer_grid .extras_list {
        margin-top: 1.2em; }
      footer .wrapper .footer_grid.triple_grid {
        justify-items: center;
        justify-content: center;
        grid-gap: 1em;
        margin: 0 20%; }
    footer .wrapper .footer_bg {
      margin: 1.5em -1em -1em -1em; }
      footer .wrapper .footer_bg .bg_left, footer .wrapper .footer_bg .bg_right, footer .wrapper .footer_bg .bg_center {
        width: 33.3%;
        height: 180px;
        display: inline-block; }
      footer .wrapper .footer_bg .bg_left, footer .wrapper .footer_bg .bg_right {
        background-image: url(/assets/logo/crm-connections-2bb066ad2bdd4d14b7a2bc18fd7318bed750a0a955c94ff55543576480201670.png);
        background-position: center;
        background-position: 0 10px;
        background-repeat: no-repeat;
        background-size: cover; }
      footer .wrapper .footer_bg .bg_left {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        float: left; }
      footer .wrapper .footer_bg .bg_right {
        -moz-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        float: right; }
      footer .wrapper .footer_bg .bg_center .back_home {
        margin: 2.5% 0;
        text-align: center;
        font-size: 85%;
        background-color: rgba(255, 255, 255, 0.7);
        z-index: 3; }
      footer .wrapper .footer_bg .bg_center .sm_icons {
        margin: 2em auto;
        width: 150px; }
        footer .wrapper .footer_bg .bg_center .sm_icons svg {
          width: 25%;
          float: left;
          height: 30px;
          -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
          opacity: .15;
          display: inline-block;
          background-color: #fff; }
      footer .wrapper .footer_bg .bg_center .other_locales {
        margin: 2em 0 0 0;
        text-align: center;
        opacity: .7; }
        footer .wrapper .footer_bg .bg_center .other_locales a, footer .wrapper .footer_bg .bg_center .other_locales a:hover, footer .wrapper .footer_bg .bg_center .other_locales a:visited {
          text-decoration: none; }
        footer .wrapper .footer_bg .bg_center .other_locales svg, footer .wrapper .footer_bg .bg_center .other_locales img {
          height: 24px;
          width: 24px;
          margin: 0 0.5%; }

.subscriptions_area {
  background: #bdbcc3;
  padding: 1em 0; }

.subscriptions_area .subscriptions {
  margin: 1em auto 1em auto; }

.subscriptions .social_icons {
  float: right; }

.subscriptions .social_icons .social_icon {
  margin: 0em 0.5em; }

.subscriptions a.signup_icon {
  float: left;
  background: #00974A;
  margin: 0em 0 0 0;
  padding: 0 1em;
  line-height: 2.5;
  vertical-align: middle;
  display: inline-block;
  min-height: 48px;
  color: white;
  font-size: 120%;
  text-decoration: none !important; }

.subscriptions a.signup_icon:hover {
  background: #00C963; }

ul.single li {
  width: 100%;
  float: none;
  display: block; }

ul.double li {
  width: 50%; }

ul.triple li {
  width: 33.333%; }

#quad li {
  width: 25%; }

#six li {
  width: 16.666%; }

@media screen and (max-width: 1200px) {
  .subscriptions_area .subscriptions {
    padding: 1em 5%; }

  footer {
    margin: 2em 5% 1em 5%; } }
/* ipad hochkant */
/* iPhone */
@media screen and (max-device-width: 700px), screen and (max-width: 767px) {
  footer {
    margin: 2em 1% 1em 1%; }
    footer .wrapper {
      border: none;
      padding: 0; }
      footer .wrapper .about_cscrm {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        font-size: 120%; }
      footer .wrapper .cscrm_ressources,
      footer .wrapper .crm_industries,
      footer .wrapper .crm_guide,
      footer .wrapper .product_grid {
        display: none; }
    footer .subscriptions_area .subscriptions a.signup_icon {
      display: block;
      float: none;
      margin-bottom: 2em; }
    footer .mobile_footer {
      display: block;
      margin: 4em auto 2em auto;
      text-align: center;
      font-size: larger; }
    footer .mobile_footer a {
      margin-right: 2em;
      color: #999; }
    footer .follow {
      display: none; }
    footer .footer_bg, footer .crm_guide_2, footer .about_42he {
      display: none; }
    footer .product_grid {
      width: 100%;
      margin: 10px auto 0 auto; }
    footer .footer_grid.triple_grid {
      grid-template-columns: 1fr;
      text-align: center;
      grid-gap: 1em; }

  .subscriptions_area .subscriptions {
    text-align: center; }

  .subscriptions_area .subscriptions .social_icons {
    float: none; } }
header {
  background-color: #373B44;
  text-align: center;
  color: white;
  margin: 15px 0;
  /*    & .hiring {
          display: block; 
          position: absolute; 
          left: 10%; 
          background-color: white; z-index: 10;
          padding: 0.2em 0.5em;
          color: #373e64; font-size: 90%;
          text-decoration: none; 
          border-bottom-left-radius: 0.5em;
          border-bottom-right-radius: 0.5em;
          font-weight: bold; 
  
          &:hover {
              text-decoration: underline; 
          }
      }*/ }
  header.plain_text {
    margin: 0; }
  header .hiring {
    display: none; }
  header.centered {
    background-color: white; }
    header.centered .logo {
      float: left;
      display: inline-block;
      width: 50%;
      max-width: 175px;
      text-align: left; }
      header.centered .logo img {
        width: 175px;
        vertical-align: middle; }
    header.centered .hamburger {
      display: none;
      cursor: pointer;
      float: right;
      margin: 5px 0 0 0;
      position: relative;
      z-index: 10; }
      header.centered .hamburger:before {
        position: absolute;
        content: '';
        background: #F2CA80;
        opacity: .6;
        border-radius: 100%;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 18px;
        width: 18px;
        z-index: -10; }
      header.centered .hamburger .line {
        width: 20px;
        height: 2px;
        background-color: #383f61;
        display: block;
        margin: 4px auto;
        transition: .3s all ease-in-out; }
      header.centered .hamburger.active .line {
        z-index: 5; }
      header.centered .hamburger.active .line:nth-child(2) {
        opacity: 0; }
      header.centered .hamburger.active .line:nth-child(1) {
        -webkit-transform: translateY(6px) rotate(45deg);
        -ms-transform: translateY(6px) rotate(45deg);
        -o-transform: translateY(6px) rotate(45deg);
        transform: translateY(6px) rotate(45deg); }
      header.centered .hamburger.active .line:nth-child(3) {
        -webkit-transform: translateY(-6px) rotate(-45deg);
        -ms-transform: translateY(-6px) rotate(-45deg);
        -o-transform: translateY(-6px) rotate(-45deg);
        transform: translateY(-6px) rotate(-45deg); }
    header.centered nav {
      float: right;
      padding: 0;
      display: inline-block;
      width: 65%;
      text-align: right; }
      header.centered nav a.signup_link {
        border-radius: 1em;
        margin: 0;
        padding: 0.2em 1em;
        background: #00974A;
        color: white;
        text-decoration: none; }
        header.centered nav a.signup_link:hover {
          background: #00C963;
          color: white;
          text-decoration: none;
          border: none; }
      header.centered nav .main_links {
        position: relative;
        width: 100%;
        float: right;
        padding: 0;
        margin: 0;
        text-align: right;
        /* DROPDOWN CSCRM RESSOURCES */ }
        header.centered nav .main_links li {
          text-align: right;
          padding: 0;
          display: inline;
          margin: 0; }
          header.centered nav .main_links li .signup_link {
            padding-left: 0.5em;
            padding-right: 0.5em; }
            header.centered nav .main_links li .signup_link:hover::after {
              width: 0; }
          header.centered nav .main_links li a {
            color: #292A4D;
            padding: 5px 0;
            text-transform: inherit;
            border-bottom: none; }
            header.centered nav .main_links li a:hover {
              text-decoration: none;
              border-bottom: none;
              cursor: pointer;
              color: #F2CA80; }
              header.centered nav .main_links li a:hover .triangle {
                color: #292A4D; }
            header.centered nav .main_links li a:after {
              content: '';
              display: block;
              width: 0;
              height: 2px;
              background: #F2CA80;
              transition: width .3s; }
            header.centered nav .main_links li a.signup_link {
              color: white; }
            header.centered nav .main_links li a .triangle {
              font-size: 10px; }
            header.centered nav .main_links li a.login, header.centered nav .main_links li a.btn_cta {
              background: #F2CA80;
              color: #292A4D;
              border-radius: 3px;
              padding-left: 1%;
              padding-right: 1%;
              box-shadow: inset 0px -1.5px 0px 0px rgba(0, 0, 0, 0.1); }
              header.centered nav .main_links li a.login:hover, header.centered nav .main_links li a.btn_cta:hover {
                box-shadow: inset 0px 1.5px 0px 0px rgba(0, 0, 0, 0.1);
                color: #fff; }
              header.centered nav .main_links li a.login.green, header.centered nav .main_links li a.btn_cta.green {
                background: #00974A;
                color: white; }
                header.centered nav .main_links li a.login.green:hover, header.centered nav .main_links li a.btn_cta.green:hover {
                  background: #00C963; }
        header.centered nav .main_links .ressources {
          display: inline;
          height: 100%; }
          header.centered nav .main_links .ressources .res_title {
            height: 100%; }
          header.centered nav .main_links .ressources .submenu {
            display: none;
            visibility: hidden;
            opacity: 0;
            position: absolute;
            right: 0;
            top: 38px;
            background-color: white;
            max-width: 35em;
            width: 100%;
            padding: 2%;
            grid-template-columns: 1fr 1fr;
            grid-auto-rows: minmax(100px, auto);
            -webkit-box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 5px 6px -6px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            z-index: 999;
            height: 0;
            width: 0;
            transition: height 0s linear, width 0s linear, opacity .2s linear, visiblity .2s linear; }
            header.centered nav .main_links .ressources .submenu.active {
              display: grid;
              visibility: visible;
              width: 100%;
              height: auto;
              opacity: 1; }
            header.centered nav .main_links .ressources .submenu .dropdown {
              list-style-type: none;
              padding: 0 10% 5% 0;
              color: #292A4D;
              margin: 0 2%;
              background: rgba(255, 255, 255, 0.1); }
              header.centered nav .main_links .ressources .submenu .dropdown li {
                width: 100%;
                padding: 1em .5em; }
                header.centered nav .main_links .ressources .submenu .dropdown li a {
                  padding: .3em 0;
                  width: 100%;
                  float: right;
                  font-size: 14px; }
                  header.centered nav .main_links .ressources .submenu .dropdown li a:hover {
                    width: 100%;
                    text-decoration: none; }
                  header.centered nav .main_links .ressources .submenu .dropdown li a:hover::after {
                    width: 0; }
              header.centered nav .main_links .ressources .submenu .dropdown b {
                display: block;
                position: relative;
                font-weight: 600;
                text-transform: uppercase;
                padding-bottom: 5%;
                margin: 0;
                border-bottom: 3px solid #383f61; }
                header.centered nav .main_links .ressources .submenu .dropdown b span.dd-icon {
                  vertical-align: middle;
                  padding-right: 2%; }
                  header.centered nav .main_links .ressources .submenu .dropdown b span.dd-icon svg {
                    height: 11px;
                    width: 11px; }
                    header.centered nav .main_links .ressources .submenu .dropdown b span.dd-icon svg .cls-1 {
                      fill: #F2CA80; }
    header.centered.wrapped {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
      width: 95%; }
  header .mobile_call_option {
    color: black; }
    header .mobile_call_option a {
      color: #292A4D; }
  header nav a {
    position: relative;
    display: inline-block;
    margin: 0 0 0 10px;
    outline: none;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3); }
  header nav a:hover,
  header nav a:focus {
    outline: none;
    text-decoration: none; }
  header nav a:visited {
    color: #fff; }

/*header {background-color: #373B44; color: white;}*/
header img.favicon {
  width: 18px;
  padding-top: 3px; }

header .summary {
  line-height: 2;
  color: #999; }

header .summary a,
header .summary a:visited {
  color: #999;
  text-decoration: underline; }

header .summary a:hover {
  text-decoration: none; }

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

header .logo img {
  width: 250px; }

/*header .explanation {float: right; section.fullscale.einfaches .header h1ze: 130%; line-height: 2;margin-right: 10%;}*/
header a {
  color: white; }

/* ============ MEDIA ============= */
@media screen and (max-device-width: 700px), screen and (max-width: 767px) {
  header.centered .hamburger {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0; }
  header.centered nav {
    float: none;
    margin-bottom: 0;
    padding: 3% 0;
    display: none; }
    header.centered nav .main_links {
      position: relative;
      margin: 0 auto;
      width: auto;
      text-align: center;
      width: 100%; }
      header.centered nav .main_links:before {
        position: absolute;
        content: '';
        height: 100%;
        width: 110%;
        top: 0;
        right: -20px; }
      header.centered nav .main_links .signup_link
      a {
        float: left; }
      header.centered nav .main_links li {
        padding: 0; }
        header.centered nav .main_links li a {
          color: #383f61; }
          header.centered nav .main_links li a:hover {
            color: rgba(56, 63, 97, 0.6); }
        header.centered nav .main_links li:first-of-type {
          margin-top: 2%; }
        header.centered nav .main_links li .signup_link {
          margin: 0;
          float: left; }
      header.centered nav .main_links .ressources .submenu {
        right: -2em;
        grid-template-columns: 1fr;
        grid-auto-rows: minmax(100px, auto); }
    header.centered nav.right_nav {
      display: inline;
      position: relative;
      padding: 0; }
      header.centered nav.right_nav .main_links {
        padding-bottom: 2%;
        text-align: right; }
        header.centered nav.right_nav .main_links li {
          display: block;
          backface-visibility: hidden;
          /* stop shaking! */
          padding: 2%;
          transition: .1s opacity linear; }
          header.centered nav.right_nav .main_links li:hover {
            opacity: 1; }
            header.centered nav.right_nav .main_links li:hover a {
              color: rgba(56, 63, 97, 0.7); }
          header.centered nav.right_nav .main_links li:last-of-type {
            background: none;
            padding-right: 0;
            pointer-events: none; }
          header.centered nav.right_nav .main_links li a {
            background: none; }
        header.centered nav.right_nav .main_links a {
          display: inline-block; }
          header.centered nav.right_nav .main_links a.login {
            pointer-events: auto;
            display: inline-block;
            background-color: #383f61;
            margin: 1% 0;
            color: #fff;
            margin-right: 0;
            padding: 1.5% 3%;
            transition: .15s all linear; }
            header.centered nav.right_nav .main_links a.login:hover {
              background-color: rgba(56, 63, 97, 0.8);
              color: #fff; }
        header.centered nav.right_nav .main_links .ressources .submenu.active {
          display: grid;
          position: relative;
          top: 0;
          backface-visibility: hidden;
          margin: 2.5% 0;
          max-width: unset;
          float: right;
          padding: 1% 0;
          right: 0; }
          header.centered nav.right_nav .main_links .ressources .submenu.active .dropdown {
            margin: 0;
            padding-right: 5%;
            right: 0;
            opacity: 1;
            /* important! */ }
            header.centered nav.right_nav .main_links .ressources .submenu.active .dropdown li {
              background: none;
              border: none;
              pointer-events: auto; }
              header.centered nav.right_nav .main_links .ressources .submenu.active .dropdown li:hover {
                background-color: none; }
                header.centered nav.right_nav .main_links .ressources .submenu.active .dropdown li:hover a {
                  color: #ccc; }
            header.centered nav.right_nav .main_links .ressources .submenu.active .dropdown b {
              padding-bottom: 3%; }
  header.centered .logo {
    float: left; }
    header.centered .logo img, header.centered .logo svg {
      margin-top: 2%; } }
/*header {background-color: #373B44; color: white;}*/
header img.favicon {
  width: 18px;
  padding-top: 3px; }

header .summary {
  line-height: 2;
  color: #999; }

header .summary a,
header .summary a:visited {
  color: #999;
  text-decoration: underline; }

header .summary a:hover {
  text-decoration: none; }

header .logo {
  max-width: 1000px;
  margin: 0 auto; }
  header .logo img {
    width: 250px;
    max-width: 100%; }

/*header .explanation {float: right; section.fullscale.einfaches .header h1ze: 130%; line-height: 2;margin-right: 10%;}*/
header a {
  color: white; }

/*header {background-color: #373B44; color: white;}*/
header img.favicon {
  width: 18px;
  padding-top: 3px; }

header .summary {
  line-height: 2;
  color: #999; }

header .summary a,
header .summary a:visited {
  color: #999;
  text-decoration: underline; }

header .summary a:hover {
  text-decoration: none; }

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

header .logo img {
  width: 250px; }

/*header .explanation {float: right; section.fullscale.einfaches .header h1ze: 130%; line-height: 2;margin-right: 10%;}*/
header a {
  color: white; }

section.fold2 .wrapper #webinar_advanced {
  background-image: url(/images/team/Axel-Webinar.jpg); }
section.fold2 .wrapper #webinar_beginner {
  background-image: url(/images/team/Sven-Webinar.jpg); }
section.fold2 .wrapper #webinar_orientation {
  background-image: url(/images/team/Jan-Webinar.jpg); }
section.fold2 .wrapper .header_img {
  margin: 0 auto;
  display: block;
  margin-bottom: 2em;
  background-position: top center;
  background-size: cover; }
  section.fold2 .wrapper .header_img .full_overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    z-index: 8; }
section.fold2 .wrapper div.content_wrapper {
  height: 600px;
  width: 1200px;
  max-width: 100%;
  position: relative; }
  section.fold2 .wrapper div.content_wrapper .quote h1 {
    width: 45%;
    float: right;
    text-align: right;
    font-size: 2em;
    padding: 1% 3%;
    margin-top: 3em;
    z-index: 9;
    color: #202020;
    background: linear-gradient(to right, rgba(255, 255, 255, 0.05) 10%, rgba(255, 255, 255, 0.7) 90%); }
  section.fold2 .wrapper div.content_wrapper .half-overlay {
    text-align: center;
    position: absolute;
    width: 98%;
    bottom: 0;
    padding: 1%;
    background: rgba(255, 255, 255, 0.8); }
    section.fold2 .wrapper div.content_wrapper .half-overlay ul {
      padding-bottom: 1em; }

.about_header_img {
  background-image: url(/images/team/42he-team-balkon.jpg);
  background-position: top center;
  background-color: rgba(0, 0, 0, 0.15);
  background-blend-mode: multiply;
  height: 600px;
  background-size: cover; }
  .about_header_img .header_content {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    position: relative;
    float: none;
    padding: 2em; }
    .about_header_img .header_content h3 {
      color: #eee; }
    .about_header_img .header_content h1 {
      position: relative;
      color: #fff; }
      .about_header_img .header_content h1:before {
        content: "";
        position: absolute;
        width: 3em;
        height: 1px;
        bottom: -0.3em;
        border-bottom: 4px solid #b62a33; }
  .about_header_img .half_overlay {
    display: grid;
    position: absolute;
    align-items: center;
    justify-content: center;
    grid-template-columns: 2fr 1fr;
    text-align: center;
    padding: 1.5em 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1); }
    .about_header_img .half_overlay a {
      background: none; }
      .about_header_img .half_overlay a .company_logo {
        background: none;
        width: 145px; }
    .about_header_img .half_overlay p {
      text-align: left;
      margin-left: 2em; }

@media screen and (max-width: 767px), screen and (max-device-width: 700px) {
  section.fold2 .wrapper div.content_wrapper .half-overlay {
    display: none; }

  section.fold2 .wrapper div.content_wrapper .quote h1 {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 60% auto 0 auto;
    padding: 1%;
    width: 100%; } }
.he42_validate_form .field {
  position: relative;
  /**
  style for a valid field.
  currently not in use, keep it for eventual use in other projects
  */ }
  .he42_validate_form .field.error input[type="text"],
  .he42_validate_form .field.error input[type="email"],
  .he42_validate_form .field.error input[type="password"] {
    background-color: #ffebeb;
    border: 1px solid #e04b47 !important; }
  .he42_validate_form .field.error .msg {
    color: #e04b47; }
.he42_validate_form .msg {
  font-size: 15px;
  display: none;
  padding-top: 8px;
  box-sizing: border-box;
  color: #555;
  position: relative;
  height: 21px; }
  .he42_validate_form .msg.valid {
    color: #00974A; }
    .he42_validate_form .msg.valid:after {
      content: '';
      position: absolute;
      top: 10px;
      width: 13px;
      height: 13px;
      margin-left: 5px;
      background-image: url(/assets/svg/icon_check-e2261cb8d248389263c9de8df6f0ff2333d0b7a4ee985d2fe2a1a4763ed1eda9.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }

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

.relative {
  position: relative; }

section p {
  line-height: 1.5; }

section.media_brands p {
  opacity: .5; }

section.fullscale {
  width: 100%;
  padding: 0 5%;
  display: table;
  margin: 0;
  box-sizing: border-box; }

section.fullscale.einfaches {
  padding: 0; }

section.fullscale p {
  max-width: 1000px;
  margin: 0 auto; }

section.fullscale .clean_button {
  margin: 2em 0 7em 0;
  max-width: 80%; }

/* LIST WITH ICONS */
section.fullscale ul {
  max-width: 1000px;
  margin: 2em auto; }

section.fullscale ul li {
  list-style: none;
  float: left;
  max-width: 27%;
  padding-left: 3em; }

section.fullscale ul li.collaboration {
  background: url("/images/unternehmensberatung/CentralStationCRM-CRM-Kollaboration.png") no-repeat; }

section.fullscale ul li.calendar {
  background: url("/images/unternehmensberatung/CentralStationCRM-CRM-Uebersicht-Kalender.png") no-repeat; }

section.fullscale ul li.tag_batch {
  background: url("/images/agentur/CRM-Kontaktmanagement-Kontakte-Kunden-Ordnung.png") no-repeat; }

section.fullscale ul li.deadline {
  background: url("/images/agentur/CRM-Kontaktmanagement-Deadline-Termine-Aufgaben.png") no-repeat; }

section.fullscale ul li.chart {
  background: url("/images/unternehmensberatung/beratung-crm-chart.png") no-repeat; }

section.wasistcrm {
  background-color: black;
  color: black;
  background-color: #9ABBC2; }

section.wasistcrm div.content {
  position: relative;
  width: 50%;
  top: auto;
  left: auto;
  padding: 2% 0 0 2%; }

section.wasistcrm .wrapper {
  background: url("/images/ratgeber/was-ist-crm.jpg") no-repeat;
  min-height: 500px;
  background-position: center;
  background-size: contain; }

section.fullscale.header_image {
  height: 80vh;
  max-height: 1000px; }
  section.fullscale.header_image.header_content {
    height: auto; }

section.fullscale.header_image .teaser {
  margin: 0 auto 0 auto;
  max-width: 1000px;
  text-align: center;
  color: white; }

section.fullscale.header_image .cta {
  font-size: 110%; }

/* GENERAL HEADER IMAGE FONT STYLE */
section.fullscale.header_image .teaser a {
  text-decoration: underline; }

section.fullscale.header_image .teaser a:hover {
  text-decoration: none; }

section.fullscale.header_image .teaser .cta_button {
  margin: 2em auto 0 auto;
  text-decoration: none; }

section.fullscale.header_image h1 {
  margin-bottom: 0; }

section.fullscale.header_image h2 {
  margin: 2% 0 0 0;
  padding: 0 5%;
  text-align: center; }

/* BLACK TEXT SPECIFICS */
section.fullscale.header_image.black_text > *,
section.fullscale.header_image.black_text > a {
  color: black; }

/*section.fullscale.header_image.black_text .teaser > .cta, a {color: black;}*/
section.fullscale.header_image.black_text .teaser a {
  color: black; }

section.fullscale.header_image.black_text .teaser a.cta_button {
  color: white; }

/* WHITE TEXT SPECIFICS */
section.fullscale.header_image.white_text > * {
  color: white; }

.white_text a, white_text a:visited {
  color: white; }

section.fullscale.header_image.white_text .teaser .cta_button {
  border: 1px solid black; }

section.fullscale.header_image.white_text h1,
section.fullscale.header_image.white_text h2 {
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }

section.fullscale.single_testimonial {
  border-bottom: 1px solid #eee; }

section.fullscale.single_testimonial img.avatar {
  float: left;
  max-height: 200px;
  max-width: 20%; }

section.fullscale.single_testimonial .quote {
  max-width: 70%;
  float: right;
  margin-top: 2em; }

section.fullscale.single_testimonial .quote h1 {
  font-size: 140%;
  font-weight: lighter; }

section.fullscale.single_testimonial .quote .address {
  color: #666;
  font-style: italic;
  padding-top: 1em; }

section.fullscale.gray {
  padding: 2% 0;
  background-color: #373B44;
  color: white; }

section.fullscale.gray a {
  color: white; }

section.fullscale.gray h2 {
  text-align: center;
  font-size: 200%;
  max-width: 1000px;
  margin: 0 auto; }

section.fullscale.white {
  margin: 2% 0; }

section.fullscale.skyline {
  background: url(/assets/ratgeber/skyline-centralstationcrm-low-7051f51b30d0482a6bc9dbb34f74106faf0330d9098dedf80aff35c9d8df0377.jpg) no-repeat center center; }

section.fullscale.header_image.skyline .teaser {
  margin-top: 10%;
  color: white; }

section.fullscale.teamwork {
  background: url(/assets/teamwork/kollaboratives-crm-header-59c17ae9f13041d3ffdbc02816c425d733aefcf00de2f23c18a03418b1cb27e7.jpg) no-repeat center center; }

section.fullscale.header_image.teamwork .teaser {
  margin-top: 15%;
  color: white; }

section.wrapped_large {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto; }

section.fullscale.press {
  background: url(/assets/banner/presse-header-f31ff5ed7769b9faa6fca160c005af74f60c704a99519c84a98640cd41531817.jpg) no-repeat center center;
  min-height: 600px; }
  section.fullscale.press.wrapped {
    max-width: 1400px;
    background-color: #E5E5E5; }
  section.fullscale.press h1, section.fullscale.press h2 {
    color: white;
    text-align: center; }
  section.fullscale.press h2 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto; }

.press_content h2 {
  text-align: center;
  font-size: 200%;
  font-weight: normal; }
.press_content .wrapped {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }
.press_content .contact_person {
  text-align: center; }
  .press_content .contact_person .desc {
    margin: 2em auto 2em auto;
    max-width: 400px;
    background-color: #DADADA;
    border-radius: 10px;
    font-size: 100%;
    padding: 1em;
    line-height: 1.5; }
  .press_content .contact_person img.avatar {
    max-width: 108px;
    max-height: 108px;
    border-radius: 50%;
    border: 1px solid #eee; }
.press_content .press_releases .newsletter_bg {
  display: block;
  position: absolute;
  width: 800px;
  margin-left: auto;
  margin-right: auto; }
.press_content .press_releases .releases {
  height: 700px;
  max-width: 800px;
  margin: 0 auto;
  background: url(/assets/press/presse-newspaper2-f9aa2fc27ed60a60b1361b871295ac11f76e155eb3b14728efd70b473ee45020.png) no-repeat center center;
  background-size: 800px;
  position: relative; }
  .press_content .press_releases .releases ul.releases_centered {
    width: 310px;
    position: relative;
    top: 260px;
    padding: 0;
    margin: 0 auto; }
    .press_content .press_releases .releases ul.releases_centered li {
      margin: 0.4em 0;
      font-size: 110%; }
.press_content .press_releases .further_links {
  margin-top: 1em;
  text-align: center; }
.press_content .social_links {
  text-align: center; }
  .press_content .social_links a {
    text-decoration: none; }
  .press_content .social_links svg {
    margin: 0 1%;
    border-radius: 2em;
    width: 40px;
    height: 40px; }
.press_content .external_media .media img, .press_content .external_media .media svg {
  max-height: 25px;
  margin-bottom: 1em; }
.press_content .external_media ul {
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0; }
  .press_content .external_media ul li {
    margin: 1em; }
.press_content .screenshots {
  text-align: center; }
  .press_content .screenshots ul {
    margin: 0;
    padding: 0;
    list-style-type: none; }
    .press_content .screenshots ul li {
      margin: 0.5em; }
  .press_content .screenshots img, .press_content .screenshots svg {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    max-width: 800px; }
  .press_content .screenshots .presse_screenshot_description {
    max-width: 700px;
    margin: 0 auto; }
  .press_content .screenshots hr {
    margin: 2em 0; }

.fullscale.customers.wrapped {
  background: url(/assets/banner/crm-kunden-feeeca52e5f214a49b1cef247226af2fe6a96623488ece9629b21877a5ed1532.jpg) no-repeat center center;
  min-height: 450px; }
  .fullscale.customers.wrapped h1, .fullscale.customers.wrapped h2 {
    color: white;
    text-align: center; }
  .fullscale.customers.wrapped h1 {
    font-size: 240%;
    padding: 0;
    margin: 10% 0 0 0; }
  .fullscale.customers.wrapped h2 {
    font-size: 200%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    font-weight: normal; }

.customers.wrapped {
  max-width: 1400px;
  background-color: #E5E5E5; }
.customers .large_image {
  position: relative;
  min-height: 500px; }
  .customers .large_image .testimonial_content {
    top: -50px;
    position: relative;
    border-radius: 3px;
    padding: 2%;
    max-width: 500px;
    width: 40%;
    background-color: white;
    box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
    -moz-box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
    -webkit-box-shadow: 0px 0px 40px 0px rgba(204, 204, 204, 0.5);
    border-radius: 3px;
    border: 1px solid #eee; }
    .customers .large_image .testimonial_content.right {
      right: 5%; }
    .customers .large_image .testimonial_content.left {
      left: 5%; }
    .customers .large_image .testimonial_content h4, .customers .large_image .testimonial_content p {
      font-size: 100%;
      margin: 0; }
    .customers .large_image .testimonial_content h4 {
      text-align: center; }
    .customers .large_image .testimonial_content hr {
      height: auto;
      background: none;
      border: none;
      border-top: 2px solid #F2CA80;
      width: 60%;
      max-width: 150px;
      margin: 1em auto; }
.customers .video iframe {
  width: 100%;
  min-height: 500px; }

.long_text h2 {
  text-align: center; }
.long_text p {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.5; }

section.fullscale.akquise {
  background: url(/assets/teamwork/akquisesoftware-a91276085aaac6791bd3f446faaa58d1a4ab807bcae2dfa5aa947abc5cc8cb6d.jpg) no-repeat center center; }

section.fullscale.photograph {
  background: url(/assets/ratgeber/crm-fotografen-e5b0f7d3d4ff2e367fb6d004e1efe9eaa7b91ee6aba23fca38769d0e1090dfff.jpg) no-repeat center center;
  max-height: 800px; }

section.fullscale.header_image.akquise .teaser {
  margin-top: 15%;
  color: white; }

section.fullscale.crm-mac {
  background: url(/assets/teamwork/akquisesoftware-a91276085aaac6791bd3f446faaa58d1a4ab807bcae2dfa5aa947abc5cc8cb6d.jpg) no-repeat center center; }

section.fullscale.header_image.crm-mac .teaser {
  margin-top: 15%;
  color: white; }

section.fullscale.vertrieb {
  background: url(/assets/ratgeber/vertriebssoftware-a91276085aaac6791bd3f446faaa58d1a4ab807bcae2dfa5aa947abc5cc8cb6d.jpg) no-repeat center center; }

section.fullscale.header_image.vertrieb .teaser {
  margin-top: 15%;
  color: white; }

section.fullscale.agency {
  background: url(/images/tour/agentur-crm-schreibtisch.jpg) no-repeat center center;
  max-height: 1000px; }

section.fullscale.world {
  background: url(/images/tour/vereine-ngo-crm-2.jpg) no-repeat center center;
  max-height: 1000px; }

section.fullscale.xing {
  background-color: #006464;
  max-height: fit-content;
  padding-bottom: 30px; }

section.fullscale.xing .teaser .cta_button {
  background-color: #dae600;
  color: black; }

section.fullscale.tool {
  background: url(/images/ratgeber/crm-tool-low.jpg) no-repeat center center;
  max-height: 1000px; }

section.fullscale.header_image.agency .teaser {
  margin-top: 2%;
  color: black; }

section.fullscale.header_image.consulting {
  background: url(/images/ratgeber/unternehmensberatung-header2.jpg) no-repeat center center;
  max-height: 800px; }

section.fullscale.header_image.outlook {
  background: url(/images/tour/outlook/outlook-crm.jpg) no-repeat center center;
  max-height: 300px;
  margin-top: 2em; }

section.consulting .teaser h1,
section.consulting .teaser h2 {
  font-weight: 100;
  text-shadow: 0 0 1px #fff;
  /* horizontal-offset vertical-offset 'blur' colour */
  -moz-text-shadow: 0 0 1px #fff;
  -webkit-text-shadow: 0 0 1px #fff; }

section.fullscale.cta {
  margin: 2% 0;
  padding: 2% 0;
  text-align: center;
  background-color: #bdbcc3;
  color: white;
  font-size: 200%; }

section.fullscale.cta a {
  color: white; }

section.fullscale.cta a:hover {
  text-decoration: none; }

section.wrapped {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto; }

section.wrapped.large {
  max-width: 1400px; }
  section.wrapped.large h1, section.wrapped.large h2, section.wrapped.large h3 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto; }

/* NEW HOMEPAGE DESIGN */
/* EINFACHES CRM */
section.fullscale.einfaches .signup_area {
  max-width: 1400px;
  width: 100%; }

/* HEADER */
section.fullscale.einfaches section.header {
  height: 600px;
  max-width: 1400px;
  width: 100%;
  background-image: url(/images/einfachescrm/header.jpg);
  background-repeat: no-repeat;
  background-position: center; }

section.fullscale.einfaches .signup_btn_header {
  display: block;
  margin: 1em auto 0 auto; }

section.fullscale.einfaches .header_logo {
  margin-top: 5em;
  max-width: 100%; }

section.fullscale.einfaches .header_menu {
  width: 70%;
  margin: auto; }

section.fullscale.einfaches .header_menu_hover {
  margin: none;
  float: right;
  width: 35%;
  margin-top: 5em; }

section.fullscale.einfaches .header h1 {
  max-width: 60%;
  margin: 7% auto 0 auto;
  text-align: center;
  color: white;
  /*font-size: 40px;*/
  font-size: 160%;
  font-weight: 500; }

/* MENU HOVER EFFECT */
/*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
.menu_hover_effect a {
  padding: 0 0 10px; }

.menu_hover_effect a::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fff;
  content: '';
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  transform: translateY(-10px); }

.menu_hover_effect a:hover::after,
.menu_hover_effect a:focus::after {
  height: 5px;
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px); }

/* WOFÜR STEHT CRM */
section.img_and_desc.content_wofuer_crm .description {
  padding-left: 2%; }

section.fullscale.einfaches .text_wofuer_crm {
  min-width: 600px;
  max-width: 800px;
  padding-left: 100px;
  float: left;
  clear: left;
  padding-right: 50px; }

/*section.fullscale.einfaches .image_macbook_air{
    float: left;
    clear: none;
}*/
.underline_headline {
  border-bottom: 3px solid;
  border-color: #4A90E2;
  font-family: ProximaNova-Regular;
  font-size: 40px;
  font-weight: 500;
  color: #383838; }

.underline_headline.left {
  padding-left: 5%; }

.underline_headline.right {
  padding-right: 5%; }

/* WARUM EIN EINFACHES CRM */
section.fullscale.einfaches .content_warum_crm {
  max-width: 1400px;
  width: 100%;
  margin: 0 5%; }

section.fullscale.einfaches .headline_warum_crm {
  border-bottom: 3px solid;
  border-color: #4A90E2;
  padding-right: 100px;
  float: right;
  font-family: ProximaNova-Regular;
  font-size: 40px;
  font-weight: 500;
  color: #383838; }

/* SO HILFT IHNEN UNSERE CRM-SOFTWARE */
.gray_bg {
  background-color: #F7F7F7; }

section.img_and_desc.hilfe hr {
  border-top: 2px solid #DDDDDD;
  background-image: none;
  height: auto;
  margin: 2% 0; }

section.img_and_desc.hilfe .description {
  padding-right: 2%; }

section.img_and_desc.hilfe .icon_hilfe {
  float: left;
  margin-right: 10px; }

section.img_and_desc.hilfe .text_rechts {
  margin-left: 10%; }

/* CRM AUS SICHT DES KUNDEN */
section.einfachescrm .content_sicht_kunde {
  max-width: 1400px;
  width: 90%;
  margin: auto;
  margin-top: 70px;
  height: 600px; }

section.einfachescrm .text_sicht_kunde {
  min-width: 600px;
  max-width: 800px;
  padding-left: 100px;
  float: left;
  clear: left;
  padding-right: 50px;
  margin-top: 5%; }

section.einfachescrm .image_imac {
  float: left;
  clear: none;
  margin-top: 5%; }

/* UNSERE GLÜCKLICHEN KUNDEN */
section.content_unsere_kunden .kunde_photo {
  float: left;
  margin-right: 5%; }

section.content_unsere_kunden ul li .testimonial_name {
  color: #4A90E2;
  font-family: "ProximaNova-SBold"; }

/* WAS IST CRM CONTENT AREA */
section.wasistcrm_main_content div.wrapper {
  padding: 0 2%; }
  section.wasistcrm_main_content div.wrapper h2, section.wasistcrm_main_content div.wrapper h3 {
    margin-top: 3em; }
  section.wasistcrm_main_content div.wrapper blockquote {
    margin-top: 2.5em;
    font-weight: 600;
    line-height: 1.4em; }

/* CALL TO ACTION - FOOTER */
section.einfachescrm .cta_footer {
  text-align: center;
  font-size: 24px;
  padding-top: 2%; }

/* FOOTER */
section.einfachescrm .footer {
  background: #4A90E2;
  height: 200px;
  max-width: 1400px;
  margin: auto;
  text-align: center;
  margin-top: 2%; }

section.einfachescrm .icon_crm {
  padding-top: 3%; }

section.einfachescrm .icons_footer {
  padding-top: 1%;
  margin-right: 1%; }

/* BRING A FRIEND */
section.minitour .screenshots {
  float: left;
  width: 40%;
  margin: 5% 5%; }

section.minitour .screenshots img {
  width: 40%;
  margin: 0.5em 0.5em;
  border: 1px solid #eee; }

section.minitour .screenshots img.mini_screenshot {
  width: 30%;
  margin: 0.5em 0.5em;
  border: 1px solid #eee; }

section.minitour .screenshots a:hover {
  text-decoration: none; }

section.minitour .description {
  float: right;
  width: 50%;
  padding: 0em 0;
  line-height: 1.5; }

/* iPhone */
@media screen and (max-device-width: 700px), screen and (max-width: 767px) {
  section.fullscale {
    padding-left: 0;
    padding-right: 0; }
    section.fullscale.press.wrapped {
      max-width: 95%; }

  .press_content .wrapped {
    max-width: 95%; }

  section.fullscale.header_image h1 {
    font-size: 140%; }

  section.fullscale.single_testimonial .quote {
    max-width: 100%;
    text-align: center; }

  section.fullscale.einfaches .header h1 {
    max-width: none; }

  .six_usps .usp {
    display: inline-block;
    width: 90%; }

  .support_proof .support, .support_proof .faq_about {
    width: 90%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center; }

  .four_icons .element {
    width: 45%; }

  .five_icons .element {
    width: 25%; } }