header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
/*
CSS brandschutz-service.berlin
WST 2019-2025
*/


/* merriweather-300italic - latin */

@font-face {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300;
  src: url('../../files/brandschutz-berlin-theme/fonts/merriweather-v21-latin-300italic.eot');
  font-display: swap;
  /* IE9 Compat Modes */
  src: local('Merriweather Light Italic'), local('Merriweather-LightItalic'), url('../../files/brandschutz-berlin-theme/fonts/merriweather-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../files/brandschutz-berlin-theme/fonts/merriweather-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
  url('../../files/brandschutz-berlin-theme/fonts/merriweather-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
  url('../../files/brandschutz-berlin-theme/fonts/merriweather-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../../files/brandschutz-berlin-theme/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('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-300.eot');
  font-display: swap;
  /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../../files/brandschutz-berlin-theme/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('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-regular.eot');
  font-display: swap;
  /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../../files/brandschutz-berlin-theme/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('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-600.eot');
  font-display: swap;
  /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
  url('../../files/brandschutz-berlin-theme/fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
  url('../../files/brandschutz-berlin-theme/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;
  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: 24px;
  line-height: 1.25em;
}
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;
}
.columns .inlay, #foot .flex {
  display: flex;
  flex-flow: wrap;
}
.columns.col_2 .inlay>div {
  width: 50%;
}
.columns.col_3 .inlay>div, .columns.col_referenzen .inlay div:first-of-type, #foot .flex>div {
  width: 33.333333%;
  padding-top: 18px;
}
.columns.col_referenzen .ce_image {
  width: 66.666667%;
}
.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 87px 10px 18px;
  position: relative;
}
.teaser .image_container {
  order: 1;
}
.teaser .icon {
  position: absolute;
  top: 40px;
  right: 0;
  padding: 8px 24px;
  line-height: 1em;
}
.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 .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;
}

/* !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) {
  #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;
  }
  #header .ce_hyperlink {
    margin-bottom:-133px;
  }
  #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, #foot .flex {
    flex-wrap: wrap;
  }
  .columns.col_2 .inlay>div, #foot .flex>div {
    width: 100%;
  }
  .columns.col_3 .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) {
  body {
    font-size: 16px;
    line-height: 1.666667em;
  }
  h1, h2, .swiper-wrapper .caption {
    font-size: 28px;
    line-height: 1.25em;
  }
  h3 {
    font-size: 24px;
    line-height: 1.25em;
  }
  h4, h5, h6 {
    font-size: 20px;
    line-height: 1.25em;
  }
  h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
    margin-bottom: 25px;
  }
  #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, #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;
  }
}

html{--base-font-family: "Open Sans", sans-serif;--base-font-size: 18px;--base-font-size--xs: 16px;--base-line-height: 1.666667em;--color-buttons: #7f8c8d;--color-brand-primary: #e3000b;--color-accept: #04B404}html{--base-font-family: "Open Sans", sans-serif;--base-font-size: 18px;--base-font-size--xs: 16px;--base-line-height: 1.666667em;--color-brand-primary: #e3000b}html cms-accept-tags{--main-text-color: #000;--main-bg-overlay-color: rgba(255, 255, 255, 0.5);--toggle-switch-bg-color: #ffffff;--toggle-active-bg-color:  #04B404;--toggle-inactive-bg-color: #D4D4D4}html cms-cookie-bar,html cms-accept-tags{--main-bg-color: #ffffff;--main-shadow-color: rgba(0, 0, 0, 0.5);--btn-accept-text-color: #ffffff;--btn-accept-bg-color: var(--color-brand-primary);--btn-reject-text-color: var(--btn-accept-text-color);--btn-reject-bg-color:  var(--color-brand-primary)}html cms-cookie-bar>cms-container,html cms-accept-tags>cms-container{max-width:850px;max-height:90vw;font-family:var(--base-font-family);font-size:var(--base-font-size);line-height:var(--base-line-height);padding:20px}html cms-cookie-bar>cms-container a,html cms-accept-tags>cms-container a{color:var(--color-brand-primary)}@media (max-width:767px){html cms-cookie-bar>cms-container,html cms-accept-tags>cms-container{position:fixed;top:10px;left:10px;right:10px;bottom:10px;margin:0;max-height:none;padding:12px}html cms-cookie-bar>cms-container form cms-taglist,html cms-accept-tags>cms-container form cms-taglist{display:block;width:100%;margin:0}html cms-cookie-bar>cms-container form cms-taglist cms-taggroup,html cms-accept-tags>cms-container form cms-taglist cms-taggroup{padding:0}html cms-cookie-bar>cms-container form cms-taglist cms-taggroup cms-taggroup-header,html cms-accept-tags>cms-container form cms-taglist cms-taggroup cms-taggroup-header{margin-bottom:12px;margin-top:24px}}html .ce_optin_fallback .fallback_container{margin-bottom:36px;padding:20px 20px 10px;border:4px solid var(--color-brand-primary)}html .ce_optin_fallback p{margin-bottom:10px}html .ce_optin_fallback a{display:inline-block;padding:10px;background-color:var(--color-brand-primary);color:#fff;text-decoration:none}
/*
CSS brandschutz-service.berlin
Gross 2025
*/



/* Grundlegender Container für die Breadcrumbs */
.mod_breadcrumb {
    font-family: Arial, sans-serif; /* Oder die Schriftart deiner Website */
    font-size: 0.8em; /* Etwas kleiner als der Haupttext für eine dezente Optik */
    margin-bottom: 20px; /* Abstand zum folgenden Inhalt */
    padding: 0px 18px; /* Optional: etwas vertikaler Platz */
    
    max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

/* Liste der Breadcrumbs */
.mod_breadcrumb ul {
    list-style: none; /* Entfernt die Standard-Listenpunkte */
    margin: 0; /* Entfernt Standard-Margin */
    padding: 0; /* Entfernt Standard-Padding */
    display: flex; /* Ordnet die Listenelemente nebeneinander an */
    flex-wrap: wrap; /* Erlaubt das Umbrechen auf mehrere Zeilen bei wenig Platz */
    align-items: center; /* Zentriert die Inhalte vertikal (besonders wichtig für Pfeile) */
}

/* Einzelnes Listenelement */
.mod_breadcrumb li {
    display: flex; /* Erforderlich, um den Pfeil sauber neben dem Text zu positionieren */
    align-items: center; /* Vertikale Ausrichtung des Textes und Pfeils */
    white-space: nowrap; /* Verhindert Umbrüche innerhalb eines einzelnen Breadcrumb-Eintrags */
}

/* Stil für die Links in den Breadcrumbs */
.mod_breadcrumb li a {
    color: #cc0000; /* Deine rote Linkfarbe, wie auf dem Screenshot */
    text-decoration: none; /* Keine Unterstreichung standardmäßig */
    padding: 0 2px; /* Minimaler horizontaler Abstand um den Text, falls nötig */
}

.mod_breadcrumb li a:hover {
    text-decoration: underline; /* Unterstreichung beim Hover für bessere Usability */
}

/* Stil für den Text des aktuellen (letzten) Elements */
.mod_breadcrumb li.active {
    color: #333; /* Dunklerer Text für das aktuelle, nicht anklickbare Element */
    font-weight: normal; /* Optional: Das aktuelle Element hervorheben */
    padding: 0 2px; /* Konsistenter Abstand wie bei Links */
}

/* Trennzeichen (Pfeil) zwischen den Listenelementen */
.mod_breadcrumb li:not(.first)::before {
    content: "\003E"; /* Unicode-Zeichen für ein ">". Alternativen: "\203A" (›) oder "\2192" (→) */
    color: #999; /* Eine dezente Farbe für den Pfeil */
    margin: 0 8px; /* Abstand vor und nach dem Pfeil */
    /* Optional: Anpassen, falls der Pfeil nicht perfekt mittig sitzt */
    /* line-height: 1; */
    /* display: inline-block; */
    /* transform: translateY(-1px); */
}

/* Optional: Anpassung für das erste Element, falls es einen eigenen Stil haben soll */
.mod_breadcrumb li.first a {
    /* Keine speziellen Styles nötig, da es vom allgemeinen 'a' abgedeckt wird */
}

/*Ende Breadcrumb*/


/* Basis-Styling für den gesamten FAQ-Bereich */
.faq-section {
    max-width: 800px; /* Oder eine andere passende Breite */
    margin: 40px auto; /* Zentriert und Abstand nach oben/unten */
    padding: 20px;
    background-color: #f9f9f9; /* Dezenter Hintergrund */
    border-radius: 8px; /* Leicht abgerundete Ecken */
    box-shadow: 0 2px 5px rgba(0,0,0,0.05); /* Dezenter Schatten */
}

.faq-section h2 {
    text-align: center;
    color: #333; /* Dunklerer Text für die Überschrift */
    margin-bottom: 30px;
    font-size: 2em; /* Etwas größer als normaler Text */
}

/* Styling für jedes einzelne Akkordeon-Element */
details {
    margin-bottom: 15px; /* Abstand zwischen den Akkordeons */
    border: 1px solid #ddd; /* Dezente Trennlinie */
    border-radius: 6px;
    background-color: #fff; /* Weißer Hintergrund für jedes Element */
}

/* Styling des sichtbaren Teils (der Frage) */
summary {
    display: block; /* Stellt sicher, dass das Dreieck nicht verrutscht */
    padding: 15px 20px;
    font-weight: bold; /* Frage fett darstellen */
    cursor: pointer; /* Zeigt an, dass es klickbar ist */
    color: #333; /* Farbe der Frage */
    position: relative; /* Für das Dreieck-Icon */
    list-style: none; /* Entfernt das Standard-Dreieck in einigen Browsern */
}

/* Entfernen des Standard-Dreiecks für die meisten Browser und OS */
summary::-webkit-details-marker {
    display: none;
}
summary::marker { /* Standard-Syntax für Firefox */
    display: none;
}

/* Eigenes Dreieck-Icon über CSS hinzufügen */
summary::after {
    content: '+'; /* Standard: Plus-Zeichen */
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.5em;
    line-height: 1;
    transition: transform 0.2s ease-out; /* Sanfte Animation beim Öffnen */
    color: #0056b3; /* Farbe für das Icon, z.B. deine Akzentfarbe */
}

details[open] summary::after {
    content: '-'; /* Wenn geöffnet: Minus-Zeichen */
    transform: translateY(-50%) rotate(0deg); /* Sorgt dafür, dass es ein Minus bleibt */
}

/* Styling des Inhalts (der Antwort) */
details p {
    padding: 10px 20px 15px; /* Innenabstand für den Text */
    line-height: 1.6; /* Angenehmer Zeilenabstand */
    color: #555; /* Etwas hellerer Text für die Antwort */
    border-top: 1px solid #eee; /* Leichte Trennlinie zwischen Frage und Antwort */
    margin: 0; /* Standard-Margin des P-Tags entfernen */
}

/* Optional: Hover-Effekt für die Frage */
summary:hover {
    background-color: #f0f0f0; /* Leichter Hintergrund beim Hover */
}