/*
CSS brandschutz-service.berlin
WST 2019-2025
*/


/* merriweather-300italic - latin */

@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/merriweather-v21-latin-300italic.eot');
  font-display: swap;
  /* IE9 Compat Modes */
  src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('../fonts/merriweather-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/merriweather-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../fonts/merriweather-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('../fonts/merriweather-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../fonts/merriweather-v21-latin-300italic.svg#Merriweather') format('svg');
  /* Legacy iOS */
}

/* open-sans-300 - latin */

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

/* open-sans-regular - latin */

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

/* open-sans-600 - latin */

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

/* !Grundlayout */

html {
  box-sizing: border-box;
  scroll-behavior: smooth;
}
*, ::before, ::after {
  box-sizing: inherit;
}
.case .inlay, .columns .inlay, #main .mod_article>.ce_text, #main .mod_article>.ce_headline {
  /*max-width: 1440px;*/
 max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
#main .mod_article>.ce_text, #main .mod_article>.ce_headline, .columns .inlay>div, #footer .inlay, .case .inlay {
  padding: 0 18px;
}

/* !Allgemeines zu Schriften, Farben, Abstände etc. */

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  color: #000;
  font-size: 18px;
  line-height: 1.666667em;
  background-color: #fff;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
  margin-bottom: 30px;
}
.textumbruch, #main p, #main li {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
a {
  color: #e3000b;
}
a, a:hover, a:focus, a:active {
  text-decoration: none;
  outline: none;
}
a, a *, a:before, a:after {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
a[href^="tel"] {
  white-space: nowrap;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.25em;
  font-style: italic;
}
h3, h2 {
  font-size: 20px;
  line-height: 1.25em;
font-family: 'Open Sans', sans-serif;
font-style: normal;

}

h3, h2 {
  font-size: 20px;
  line-height: 1.25em;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal;
}
.startseite .einstiege h3 {
	font-size: 18px;
	font-weight: normal;
}
h2, h3 {
	font-weight: bold;
	margin-bottom: 10px;
}

.startseite .teaser .text_container h3 
{
	margin: 0;
}



h4, h5, h6 {
  font-size: 18px;
  line-height: 1.25em;
}
img {
  display: block;
}
strong {
  font-weight: 600;
}
em {
  font-family: 'Merriweather', serif;
  font-weight: 300;
  font-style: italic;
}
em strong, strong em {
  font-weight: 300;
  color: #e3000b;
}
#main .ce_text ul {
  list-style-type: none;
  margin-left: 0;
}
#main .ce_text li {
  padding-left: 24px;
  position: relative;
}
#main .ce_text li:before {
  content: '•';
  position: absolute;
  top: 0;
  left: 0;
  color: #e3000b;
  font-size: 36px;
}
#main .image_container {
  overflow: hidden;
}
#main .image_container img {
  transition: transform .5s ease;
}
#main .image_container:hover img {
  transform: scale(1.1);
}
#main .columns.col_referenzen .image_container:hover img {
  transform: none;
}
iframe {
  width: 100%;
}
.anchor {
  visibility: hidden;
  height: 0px !important;
  position: absolute;
  margin: -120px;
}

/* !CSS-Stile */

.link_button a, .teaser .icon, #main .ce_image .caption {
  background-color: #e3000b;
  color: #fff;
  text-transform: uppercase;
  padding: 12px 30px;
  font-size: 1.15em;
  line-height: 1.5em;
}
.link_button a {
  display: inline-block;
  margin-top: 30px;
}
.link_button a, #main .ce_image a .caption {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='%23fff' d='M504.3 273.6l-112.1 104c-6.992 6.484-17.18 8.218-25.94 4.406c-8.758-3.812-14.42-12.45-14.42-21.1L351.9 288H32C14.33 288 .0002 273.7 .0002 255.1S14.33 224 32 224h319.9l0-72c0-9.547 5.66-18.19 14.42-22c8.754-3.809 18.95-2.075 25.94 4.41l112.1 104C514.6 247.9 514.6 264.1 504.3 273.6z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 29px auto;
  background-position: center right 30px;
  padding-right: 70px;
}
.link_button a:hover, .teaser:hover .icon, #main .ce_image a:hover .caption {
  background-color: #000;
}
.link_button svg {
  margin-left: 12px;
}
.img_stretch {
  margin-bottom: 30px;
}
.img_stretch .image_container {
  height: 100%;
}
.img_stretch img {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
}
.pos_first {
  order: -1;
}

/* !Spalten/Columns */

#main .columns, #main .case {
  margin-bottom: 140px;
}

/*Ausnahme Landingpage Referenzen*/
#main .referenzen
{
	margin-bottom: 20px;
}

.columns .inlay, #foot .flex {
  display: flex;
  flex-flow: wrap;
}
.columns.col_2 .inlay>div {
  width: 45%;
}
.columns.col_3 .inlay>div, .columns.col_referenzen .inlay div:first-of-type, #foot .flex>div {
  width: 33.333333%;
  padding-top: 18px;
}

.columns.col_4 .inlay>div, .columns.col_referenzen .inlay div:first-of-type, #foot .flex>div {
  width: 25%;
  padding-top: 18px;
}
.columns.col_referenzen .ce_image {
  /*width: 66.666667%;*/
 width:50%;
}
.columns.col_referenzen .ce_image img {
  display: inline-block;
}
.columns.col_referenzen .image_container {
  text-align: center;
  margin-bottom: 24px;
}
.columns.bg_grey {
  background-color: #f7f7f7;
  padding-bottom: 80px;
}
.columns.col_referenzen {
  background-color: #b1c4e3;
  padding-top: 18px;
  padding-bottom: 18px;
}
.columns.col_referenzen .inlay div:last-of-type {
  position: absolute;
  background-color: #fff;
  top: 18px;
  right: 18px;
  padding: 24px 45px 0;
  box-shadow: 3px 4px 13px 0px rgba(0, 0, 0, 0.63);
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.666667em;
}
.columns.col_referenzen .inlay div:last-of-type a:last-of-type {
  color: #000;
}
#main .col_referenzen li {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='long-arrow-alt-right' class='svg-inline--fa fa-long-arrow-alt-right fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23e3000b' d='M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 20px;
  padding-left: 36px;
}
.col_referenzen li, .col_referenzen li a {
  color: #fff;
  font-weight: 600;
}
#main .col_referenzen li:before {
  content: "";
  display: none;
  /*content:"→";
  font-size:26px;
  line-height:1.15em;
  top:-2px;*/
}

/* !Teaser */

.teaser a {
  display: flex;
  flex-flow: column;
  color: #000;
  background-color: #c1d2ec;
  height: 100%;
}
.teaser .text_container {
  order: 2;
  padding: 40px 10px 10px 18px;
  position: relative;
}
.einstiege .text_container {
	min-height: 450px;
	background: #c1d2ec;
	padding-bottom: 30px!important;
}

.teaser .image_container {
  order: 1;
}
.teaser .icon {
  position: absolute;
  top: 40px;
  right: 0;
  padding: 8px 24px;
  line-height: 1em;
  display: none;
}
.teaser .icon svg {
  width: 29px;
}
.teaser strong {
  font-size: 24px;
  line-height: 1.25em;
}

/* !Hauptbereich */

#main .inside {
  padding-top: 140px;
}
#main .ce_image .image_container {
  position: relative;
}
#main .ce_image .caption {
  position: absolute;
  left: 0;
  bottom: 0;
}
#main .ce_image .caption svg {
  margin-left: 12px;
}

/* !Kopfbereich */

#fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  overflow: visible;
  z-index: 99;
  box-shadow: 3px 4px 13px 0px rgba(0, 0, 0, 0.63);
}
#fixed .inlay {
  height: 86px;
}
#navMain {
  position: absolute;
  left: 265px;
  top: 0;
  bottom: 0;
  width: 86px;
}
#social {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 88px;
}
#social .ce_gallery, #social ul {
  height: 100%;
}
#social ul {
  display: flex;
  margin-bottom: 0;
  justify-content: center;
  align-items: center;
}
#social li {
  padding: 0 5px;
}
#social a {
  display: block;
}
.social .ce_gallery .hover, .social .ce_gallery a:hover .normal {
  display: none;
}
.social .ce_gallery a:hover .hover, .social .ce_gallery .normal {
  display: block;
}
#logo {
  position: absolute;
  top: 0;
  left: 18px;
}
#logo a {
  display: block;
  height: 86px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#navContact {
  position: absolute;
  top:0;
  right:265px;
}
#navContact ul {
  display: flex;
  height:86px;
  align-items:center;
  margin-bottom:0;
}
#navContact a {
  display: block;
  padding:0 9px;
}
#navContact a[href^="tel"], .mobile_menu a[href^="tel"] {
  font-weight: 600;
}
#navContact a[href^="tel"]:hover, #navContact a[href^="mailto"] {
  color:#000;
}
#navContact a[href^="mailto"] {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='envelope' class='svg-inline--fa fa-envelope fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23000' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: auto 20px;
  background-position: 9px center;
  padding-left:32px;
}
#navContact a[href^="mailto"]:hover {
  color:#e3000b;
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='envelope' class='svg-inline--fa fa-envelope fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23e3000b' d='M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z'%3E%3C/path%3E%3C/svg%3E");
}
#navLanguage {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 77px;
}
#navLanguage .block {
  height: 100%;
}
#navLanguage ul {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
}
#navLanguage li {
  padding: 0 5px;
}
#navLanguage a, #navLanguage strong {
  display: block;
  height: 26px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  overflow: hidden;
}
#navLanguage .lang-de > * {
  width: 26px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='600' viewBox='0 0 5 3'%3E%3Crect id='black_stripe' width='5' height='3' y='0' x='0' fill='%23000'/%3E%3Crect id='red_stripe' width='5' height='2' y='1' x='0' fill='%23D00'/%3E%3Crect id='gold_stripe' width='5' height='1' y='2' x='0' fill='%23FFCE00'/%3E%3C/svg%3E");
}
#navLanguage .lang-en > * {
  width: 31px;
  text-indent: -9999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30' width='1200' height='600'%3E%3CclipPath id='t'%3E%3Cpath d='M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z'/%3E%3C/clipPath%3E%3Cpath d='M0,0 v30 h60 v-30 z' fill='%2300247d'/%3E%3Cpath d='M0,0 L60,30 M60,0 L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 L60,30 M60,0 L0,30' clip-path='url(%23t)' stroke='%23cf142b' stroke-width='4'/%3E%3Cpath d='M30,0 v30 M0,15 h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0 v30 M0,15 h60' stroke='%23cf142b' stroke-width='6'/%3E%3C/svg%3E");
}
#navLanguage li.nofallback {
  display: none;
}
.mobile_menu .contact {
  display: none;
}
.mod_pageImage img {
  width: 100%;
  height: auto;
}

/* !Slider */

.swiper-wrapper .image_container {
  position: relative;
}
.swiper-wrapper .image_container img {
  width: 100%;
  height: auto;
}
.swiper-wrapper .caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(192, 209, 236, 0.83);
  bottom: 120px;
  font-size: 42px;
  line-height: 1.666667em;
  padding: 8px 40px 8px calc((100vw - 1410px) / 2);
  color: #000;
}
#header .ce_hyperlink {
  position: absolute;
  bottom: 50%;
  margin-bottom: -163px;
  right: 50%;
  margin-right: -720px;
  z-index: 10;
}
#header .ce_hyperlink a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 240px;
  border-radius: 50%;
  background-color: #e3000b;
  color: #fff;
  font-size: 2em;
  line-height: 1.2em;
  font-weight: 600;
  text-align: center;
}
body.btnhide #header .ce_hyperlink {
  opacity: 0;
}
body.scrolled #header .ce_hyperlink {
  position: fixed;
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  margin: 0;
  transition: opacity 500ms linear;
  transform: translate(20px, 20px);
}

/* !Navigation */

#navMain .mod_mobile_menu, #navMain .mobile_menu_trigger {
  height: 100%;
  width: 100%;
}
#navMain .mobile_menu_trigger {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='bars' class='svg-inline--fa fa-bars fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 36px 32px;
  background-position: center center;
  text-indent: -9999px;
}
.mobile_menu_trigger:hover {
  cursor: pointer;
}
.mobile_menu {
  width: 50% !important;
  /*width: 100% !important;
  height: auto !important;
  max-height: 100% !important;*/
}
.mobile_menu .inner {
  background-color: #fff;
}
.mobile_menu ul {
  margin-bottom: 0;
}
.mobile_menu li {
  list-style-type: none;
  border-bottom: 1px solid #c0d1ec;
}
.mobile_menu li.inner, .mobile_menu .inner a {
  overflow: visible;
}
.mobile_menu .submenu li.last {
  border-bottom: 0;
}
.mobile_menu .submenu li.first {
  border-top: 1px solid #c0d1ec;
}
.mobile_menu a, .mobile_menu strong {
  display: block;
  color: #000;
  padding: 5px 15px;
  text-decoration: none;
  font-weight: 400;
  font-size: 22px;
  line-height: 1.666667em;
}
.mobile_menu .submenu_hide>a:before, .mobile_menu .submenu_hide>strong:before {
  display: inline-block;
  content: "+";
  width: 20px;
}
.mobile_menu .submenu_show>a:before, .mobile_menu .submenu_show>strong:before {
  display: inline-block;
  content: "-";
  width: 20px;
}
.mobile_menu a:hover, .mobile_menu a.trail, .mobile_menu strong {
  background-color: #e3000b;
  color: #fff;
}
.mobile_menu .level_2 a, .mobile_menu .level_2 strong {
  padding-left: 35px;
}
.mobile_menu .level_3 a, ..mobile_menu .level_3 strong {
  padding-left: 55px;
}
.mobile_menu .versteckt {
  display: none;
}
.mobile_menu .social {
  display: none;
  margin-bottom: 10px;
  margin-top: 10px;
}
.mobile_menu .social li {
  border: 0;
}
.mobile_menu .social li a {
  padding-right: 0;
}
.mobile_menu .social li a:hover {
  background-color: transparent;
}
.mobile_menu .inner > a svg {
  display: block;
  width: 36px;
  height: auto;
  margin-left: auto;
}
/* !Fußbereich */

#sitemaps {
  background-color: #f7f7f7;
  padding-top: 40px;
  padding-bottom: 10px;
}
#sitemaps li {
  font-size: 15px;
  line-height: 1.666667em;
}
#sitemaps, #sitemaps a {
  display: block;
  color: #000000;
}
#sitemaps a:hover {
  color: #e3000b;
}
#sitemaps a, #sitemaps strong {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='long-arrow-alt-right' class='svg-inline--fa fa-long-arrow-alt-right fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M313.941 216H12c-6.627 0-12 5.373-12 12v56c0 6.627 5.373 12 12 12h301.941v46.059c0 21.382 25.851 32.09 40.971 16.971l86.059-86.059c9.373-9.373 9.373-24.569 0-33.941l-86.059-86.059c-15.119-15.119-40.971-4.411-40.971 16.971V216z'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 11px;
  padding-left: 18px;
}
#sitemaps .item-1 a, #sitemaps .item-2>a, #sitemaps .mod_backboneit_navigation_menu .level_1>li>a, #sitemaps .item-1 strong, #sitemaps .item-2>strong, #sitemaps .mod_backboneit_navigation_menu .level_1>li>strong {
  background: none;
  padding-left: 0;
}
#sitemaps .grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
#sitemaps .grid .item-5 {
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}
#foot {
  background-color: #494949;
}
#foot, #foot a {
  color: #fff;
}
#foot .flex {
  padding-top: 22px;
  padding-bottom: 10px;
}
#foot em {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  min-width: 80px;
  display: inline-block;
}
#webdesign {
  padding-top: 20px;
  padding-bottom: 20px;
}
#webdesign .inlay {
  display: flex;
}
#webdesign a {
  width: 33.333333%;
  margin-left: auto;
  color: #000;
  text-transform: lowercase;
}
#toTop {
  margin-bottom: 40px;
}
#toTop a:hover {
  color: #000;
}

/* !Formulare */


/*label {
  display: block;
  position: relative;
  padding-right:10px;
}
label span.mandatory {
  position: absolute;
  top:0;
  right:0;
}*/

label {
  display: block;
}
input.text, textarea, button, input.upload, .widget-extended-checkbox div.checkbox_container {
  padding: 6px 12px;
  background-color: #fff;
  width: 100%;
  border: 1px solid #525252;
}
input.upload {
  padding: 12px;
}
input.text, textarea, button, .widget-radio, .widget-upload, .widget-extended-checkbox {
  margin-bottom: 18px;
}
textarea {
  height: 162px;
}
.submit_container {
  text-align: right;
}
.widget-submit {
  text-align: right;
}
button.submit {
  width: auto;
  border: 0;
  padding: 12px 24px;
}
input.captcha {
  width: 50px;
}
input, textarea {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
input:focus, textarea:focus {
  background-color: #525252 !important;
  color: #fff !important;
}
button.submit {
  background-color: #e01300;
  color: #fff;
  border: 0;
}
button.submit:hover {
  background-color: #525252;
}
.widget-radio span, .widget-radio legend {
  float: left;
}
.widget-radio span {
  display: block;
  padding: 0 10px;
}
.widget-radio legend {
  width: 25%;
}
.widget-radio input {
  vertical-align: text-bottom;
}
.widget-checkbox .checkbox_container {
  position: relative;
}
.widget-checkbox input {
  position: absolute;
  top: 16px;
  left: 12px;
}
.widget-checkbox label {
  padding-left: 20px;
}
.widget-extended-checkbox label .mandatory {
  display: none;
}
p.error {
  background-color: #ffa200;
  color: #fff;
  padding: 6px 12px;
}

.euf_overlay {
  z-index: 10;
}
.euf_overlay__close {
  font-size: 35px;
  line-height: 35px;
  padding: 0 20px;
  margin: 0;
  text-align: right;
}
.euf_overlay__content {
  padding: 35px 20px 0;
}

/* !Responsive */
@media all and (min-width: 992px) {
  #header .ce_hyperlink a:hover {
    background-color:#b1c4e3;
    color:#000;
  }
}
@media all and (max-width: 1699px) {
  .swiper-wrapper .caption {
    bottom: 40px;
  }
}
@media all and (max-width: 1457px) {
  body:not(.scrolled) #header .ce_hyperlink {
    right: 18px;
    margin-right: 0;
  }
}
@media all and (max-width: 1439px) {
  .swiper-wrapper .caption {
    padding-left: 15px;
  }
}
@media all and (max-width: 1099px) {
  #navContact {
    right:265px;
  }
  #navContact ul {
    flex-flow: column;
    align-items: flex-end;
    justify-content: center;
  }
  #navContact a {
    font-size:14px;
    line-height:1.5em;
  }
  #navContact a[href^="mailto"] {
    background-size: auto 16px;
  }
  body:not(.scrolled) #header .ce_hyperlink {
    margin-bottom:-133px;
  }
  body.scrolled  #header .ce_hyperlink {
    transform: translate(10px, 10px);
  }
  #header .ce_hyperlink a {
    width: 180px;
    height: 180px;
    font-size: 1.5em;
    line-height: 1.2em;
  }
  .mobile_menu {
    width: 75% !important;
  }
}
@media all and (max-width: 991px) {
  #main .inside {
    padding-top: 80px;
  }
  #main .columns, #main .case {
    margin-bottom: 80px;
  }
  #main .mod_article>.ce_headline {
    margin-top: 108px;
  }
  .columns.bg_grey {
    padding-bottom: 18px;
  }
  .columns.col_2 .inlay, .columns.col_3 .inlay, .columns.col_4 .inlay, #foot .flex {
    flex-wrap: wrap;
  }
  .columns.col_2 .inlay>div, #foot .flex>div {
    width: 100%;
  }
  .columns.col_3 .inlay>div {
    width: 50%;
  }
  .columns.col_4 .inlay>div {
    width: 50%;
  }
  .columns.col_referenzen .inlay div:first-of-type {
    width: 360px;
  }
  .columns.col_referenzen .ce_image {
    width: auto;
  }
  #foot .flex {
    padding-top: 18px;
  }
  #foot .flex p {
    margin-bottom: 18px;
  }
  #foot .flex>div {
    padding-top: 0;
  }
  .pos_first {
    order: 0;
  }
  #main .tablet_100 {
    width: 100%;
  }
  #sitemaps .grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto minmax(80px, auto);
    auto;
  }
  #sitemaps .grid .item-5 {
    grid-column: 1 / 2;
    grid-row: 2 / 4;
  }
  .link_button a {
    margin-top: 18px;
  }
  #social {
    right: 80px;
  }
  #navLanguage {
    right: 5px;
  }
  #navContact {
    right: 260px;
  }
  .columns .inlay>div.teaser {
    padding-bottom: 18px;
  }
  .teaser .text_container {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .teaser .text_container p {
    margin-bottom: 20px;
  }
  .teaser .icon {
    top: 20px;
  }
}
@media all and (max-width: 839px) {
  #sitemaps .grid {
    display: block;
  }
  #social, #navContact {
    display: none;
  }
  .mobile_menu {
    width: 100% !important;
  }
  .mobile_menu .social, .mobile_menu .contact {
    display: block;
  }
  #logo {
    left: 0;
  }
  #logo a {
    width: 249px;
  }
  #navMain {
    right: -19px;
    left: auto;
  }
  #navLanguage {
    right: 65px;
  }
}
@media all and (max-width: 767px) {
	.einstiege .text_container {
	
}
.startseite .einstiege .text_container h3 a {
	background: none;
}
  body {
    font-size: 18px;
    line-height: 1.2em;
  }
  h1, .swiper-wrapper .caption {
    font-size: 28px;
    line-height: 1.25em;
  }
  h2 {
    font-size: 20px;
    line-height: 1.25em;
  }
  h3 {
    font-size: 18px;
    line-height: 1.25em;
  }
  h4, h5, h6 {
    font-size: 20px;
    line-height: 1.25em;
  }
  h1, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
    margin-bottom: 25px;
  }
  h2 {
  	margin-bottom: 10px;
  }
  #main .mod_article>.ce_text, #main .mod_article>.ce_headline, .columns .inlay>div, #footer .inlay, .case .inlay {
    padding-left: 10px;
    padding-right: 10px;
  }
  .swiper-wrapper .caption {
    bottom: 10px;
  }
  .columns.bg_grey {
    padding-bottom: 10px;
  }
  .columns.col_3 .inlay>div, .columns.col_4 .inlay>div, #webdesign a {
    width: 100%;
  }
  #main .inside {
    padding-top: 25px;
  }
  #main .columns, #main .case {
    margin-bottom: 25px;
  }
  #main .mod_article>.ce_headline {
    margin-top: 53px;
  }
  .link_button a, .teaser .icon, #main .ce_image .caption {
    padding: 6px 15px;
  }
  .columns.col_referenzen .inlay {
    flex-wrap: wrap;
  }
  .columns.col_referenzen .inlay div:first-of-type, .columns.col_referenzen .ce_image {
    width: 100%;
  }
  .columns.col_referenzen .inlay div:last-of-type {
    top: auto;
    bottom: 10px;
    right: 10px;
  }
  .columns.col_referenzen .inlay div:last-of-type {
    padding-left: 20px;
    padding-right: 20px;
  }
  .mobile_menu {
    //width: 400px !important;
  }
  #header .ce_hyperlink {
    margin-bottom:0;
    bottom:auto;
    top:104px;
  }
  #header .ce_hyperlink a {
    width:120px;
    height:120px;
    font-size:1.2em;
    line-height:1.2em;
  }
}
@media all and (max-width:500px) {
  .mobile_menu {
    //width: 80% !important;
  }
}
@media all and (max-width:399px) {
  #navLanguage {
    right: 42px;
  }
}