.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}
.rs-columns {
  clear: both;
  display: inline-block;
  width: 100%;
}

.rs-column {
  float: left;
  width: 100%;
  margin-top: 7.69231%;
  margin-right: 7.69231%;
}
.rs-column.-large-first {
  clear: left;
}
.rs-column.-large-last {
  margin-right: -5px;
}
.rs-column.-large-first-row {
  margin-top: 0;
}
.rs-column.-large-col-1-1 {
  width: 100%;
}
.rs-column.-large-col-2-1 {
  width: 46.15385%;
}
.rs-column.-large-col-2-2 {
  width: 100%;
}
.rs-column.-large-col-3-1 {
  width: 28.20513%;
}
.rs-column.-large-col-3-2 {
  width: 64.10256%;
}
.rs-column.-large-col-3-3 {
  width: 100%;
}
.rs-column.-large-col-4-1 {
  width: 19.23077%;
}
.rs-column.-large-col-4-2 {
  width: 46.15385%;
}
.rs-column.-large-col-4-3 {
  width: 73.07692%;
}
.rs-column.-large-col-4-4 {
  width: 100%;
}
.rs-column.-large-col-5-1 {
  width: 13.84615%;
}
.rs-column.-large-col-5-2 {
  width: 35.38462%;
}
.rs-column.-large-col-5-3 {
  width: 56.92308%;
}
.rs-column.-large-col-5-4 {
  width: 78.46154%;
}
.rs-column.-large-col-5-5 {
  width: 100%;
}
.rs-column.-large-col-6-1 {
  width: 10.25641%;
}
.rs-column.-large-col-6-2 {
  width: 28.20513%;
}
.rs-column.-large-col-6-3 {
  width: 46.15385%;
}
.rs-column.-large-col-6-4 {
  width: 64.10256%;
}
.rs-column.-large-col-6-5 {
  width: 82.05128%;
}
.rs-column.-large-col-6-6 {
  width: 100%;
}
@media screen and (max-width: 900px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-first {
    clear: none;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: left;
  }
  .rs-column.-medium-last {
    margin-right: -5px;
  }
  .rs-column.-medium-first-row {
    margin-top: 0;
  }
  .rs-column.-medium-col-1-1 {
    width: 100%;
  }
  .rs-column.-medium-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-2-2 {
    width: 100%;
  }
  .rs-column.-medium-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-3-3 {
    width: 100%;
  }
  .rs-column.-medium-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-medium-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-medium-col-4-4 {
    width: 100%;
  }
  .rs-column.-medium-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-medium-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-medium-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-medium-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-medium-col-5-5 {
    width: 100%;
  }
  .rs-column.-medium-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-medium-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-medium-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-medium-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-medium-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-medium-col-6-6 {
    width: 100%;
  }
}
@media screen and (max-width: 599px) {
  .rs-column {
    margin-top: 7.69231%;
    margin-right: 7.69231%;
  }
  .rs-column.-large-last {
    margin-right: 7.69231%;
  }
  .rs-column.-large-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-medium-first {
    clear: none;
  }
  .rs-column.-medium-last {
    margin-right: 7.69231%;
  }
  .rs-column.-medium-first-row {
    margin-top: 7.69231%;
  }
  .rs-column.-small-first {
    clear: left;
  }
  .rs-column.-small-last {
    margin-right: -5px;
  }
  .rs-column.-small-first-row {
    margin-top: 0;
  }
  .rs-column.-small-col-1-1 {
    width: 100%;
  }
  .rs-column.-small-col-2-1 {
    width: 46.15385%;
  }
  .rs-column.-small-col-2-2 {
    width: 100%;
  }
  .rs-column.-small-col-3-1 {
    width: 28.20513%;
  }
  .rs-column.-small-col-3-2 {
    width: 64.10256%;
  }
  .rs-column.-small-col-3-3 {
    width: 100%;
  }
  .rs-column.-small-col-4-1 {
    width: 19.23077%;
  }
  .rs-column.-small-col-4-2 {
    width: 46.15385%;
  }
  .rs-column.-small-col-4-3 {
    width: 73.07692%;
  }
  .rs-column.-small-col-4-4 {
    width: 100%;
  }
  .rs-column.-small-col-5-1 {
    width: 13.84615%;
  }
  .rs-column.-small-col-5-2 {
    width: 35.38462%;
  }
  .rs-column.-small-col-5-3 {
    width: 56.92308%;
  }
  .rs-column.-small-col-5-4 {
    width: 78.46154%;
  }
  .rs-column.-small-col-5-5 {
    width: 100%;
  }
  .rs-column.-small-col-6-1 {
    width: 10.25641%;
  }
  .rs-column.-small-col-6-2 {
    width: 28.20513%;
  }
  .rs-column.-small-col-6-3 {
    width: 46.15385%;
  }
  .rs-column.-small-col-6-4 {
    width: 64.10256%;
  }
  .rs-column.-small-col-6-5 {
    width: 82.05128%;
  }
  .rs-column.-small-col-6-6 {
    width: 100%;
  }
}

.justify-items-start{justify-items:start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.content-start{align-content:start}.content-center{align-content:center}.content-end{align-content:end}.items-start{align-items:start}.items-center{align-items:center}.items-end{align-items:end}[class*=grid_]{display:grid;grid-gap:1rem}[class*=grid_]>.block{margin-bottom:0}@media(min-width: 576px){.grid_mobile_100{grid-template-columns:1fr}.grid_mobile_50_50{grid-template-columns:repeat(2, 1fr)}.grid_mobile_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_mobile_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_mobile_75_25{grid-template-columns:3fr 1fr}.grid_mobile_25_75{grid-template-columns:1fr 3fr}.grid_mobile_66_33{grid-template-columns:2fr 1fr}.grid_mobile_33_66{grid-template-columns:1fr 2fr}.grid_mobile_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_mobile_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_mobile_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_mobile_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_mobile_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_mobile_30_30_40{grid-template-columns:3fr 3fr 4fr}}@media(min-width: 768px){.grid_tablet_100{grid-template-columns:1fr}.grid_tablet_50_50{grid-template-columns:repeat(2, 1fr)}.grid_tablet_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_tablet_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_tablet_75_25{grid-template-columns:3fr 1fr}.grid_tablet_25_75{grid-template-columns:1fr 3fr}.grid_tablet_66_33{grid-template-columns:2fr 1fr}.grid_tablet_33_66{grid-template-columns:1fr 2fr}.grid_tablet_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_tablet_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_tablet_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_tablet_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_tablet_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_tablet_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_tablet_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_tablet_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_tablet_40_40_20{grid-template-columns:2fr 2fr 1fr}}@media(min-width: 992px){.grid_desktop_100{grid-template-columns:1fr}.grid_desktop_50_50{grid-template-columns:repeat(2, 1fr)}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_33_33_33{grid-template-columns:repeat(3, 1fr)}.grid_desktop_75_25{grid-template-columns:3fr 1fr}.grid_desktop_25_75{grid-template-columns:1fr 3fr}.grid_desktop_66_33{grid-template-columns:2fr 1fr}.grid_desktop_33_66{grid-template-columns:1fr 2fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_50_25_25{grid-template-columns:2fr 1fr 1fr}.grid_desktop_25_50_25{grid-template-columns:1fr 2fr 1fr}.grid_desktop_25_25_50{grid-template-columns:1fr 1fr 2fr}.grid_desktop_40_30_30{grid-template-columns:4fr 3fr 3fr}.grid_desktop_30_40_30{grid-template-columns:3fr 4fr 3fr}.grid_desktop_30_30_40{grid-template-columns:3fr 3fr 4fr}.grid_desktop_20_40_40{grid-template-columns:1fr 2fr 2fr}.grid_desktop_40_20_40{grid-template-columns:2fr 1fr 2fr}.grid_desktop_40_40_20{grid-template-columns:2fr 2fr 1fr}.grid_desktop_25_25_25_25{grid-template-columns:repeat(4, 1fr)}.grid_desktop_40_20_20_20{grid-template-columns:2fr 1fr 1fr 1fr}.grid_desktop_20_40_20_20{grid-template-columns:1fr 2fr 1fr 1fr}.grid_desktop_20_20_40_20{grid-template-columns:1fr 1fr 2fr 1fr}.grid_desktop_20_20_20_40{grid-template-columns:1fr 1fr 1fr 2fr}.grid_desktop_20_20_20_20_20{grid-template-columns:repeat(5, 1fr)}}

#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@charset "UTF-8";
/******************************************************************
Site Name: kobra-sicherheitsdienste.de
Author: ecco marketing service GmbH
Stylesheet: Main Stylesheet
******************************************************************/
/* rosario-regular - latin */
@font-face {
  font-family: "Rosario";
  font-style: normal;
  font-weight: 400;
  src: url("/files/theme/fonts/rosario-v12-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Rosario"), local("Rosario-Regular"), url("/files/theme/fonts/rosario-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/rosario-v12-latin-regular.woff2") format("woff2"), url("/files/theme/fonts/rosario-v12-latin-regular.woff") format("woff"), url("/files/theme/fonts/rosario-v12-latin-regular.ttf") format("truetype"), url("/files/theme/fonts/rosario-v12-latin-regular.svg#Rosario") format("svg"); /* Legacy iOS */
}
/* rosario-700 - latin */
@font-face {
  font-family: "Rosario";
  font-style: normal;
  font-weight: 700;
  src: url("/files/theme/fonts/rosario-v12-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Rosario Bold"), local("Rosario-Bold"), url("/files/theme/fonts/rosario-v12-latin-700.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/rosario-v12-latin-700.woff2") format("woff2"), url("/files/theme/fonts/rosario-v12-latin-700.woff") format("woff"), url("/files/theme/fonts/rosario-v12-latin-700.ttf") format("truetype"), url("/files/theme/fonts/rosario-v12-latin-700.svg#Rosario") format("svg"); /* Legacy iOS */
}
/* arvo-regular - latin */
@font-face {
  font-family: "Arvo";
  font-style: normal;
  font-weight: 400;
  src: url("/files/theme/fonts/arvo-v10-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Arvo"), url("/files/theme/fonts/arvo-v10-latin-regular.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/arvo-v10-latin-regular.woff2") format("woff2"), url("/files/theme/fonts/arvo-v10-latin-regular.woff") format("woff"), url("/files/theme/fonts/arvo-v10-latin-regular.ttf") format("truetype"), url("/files/theme/fonts/arvo-v10-latin-regular.svg#Arvo") format("svg"); /* Legacy iOS */
}
/* arvo-700 - latin */
@font-face {
  font-family: "Arvo";
  font-style: normal;
  font-weight: 700;
  src: url("/files/theme/fonts/arvo-v10-latin-700.eot"); /* IE9 Compat Modes */
  src: local("Arvo Bold"), local("Arvo-Bold"), url("/files/theme/fonts/arvo-v10-latin-700.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/arvo-v10-latin-700.woff2") format("woff2"), url("/files/theme/fonts/arvo-v10-latin-700.woff") format("woff"), url("/files/theme/fonts/arvo-v10-latin-700.ttf") format("truetype"), url("/files/theme/fonts/arvo-v10-latin-700.svg#Arvo") format("svg"); /* Legacy iOS */
}
/* arvo-italic - latin */
@font-face {
  font-family: "Arvo";
  font-style: italic;
  font-weight: 400;
  src: url("/files/theme/fonts/arvo-v10-latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Arvo Italic"), local("Arvo-Italic"), url("/files/theme/fonts/arvo-v10-latin-italic.eot?#iefix") format("embedded-opentype"), url("/files/theme/fonts/arvo-v10-latin-italic.woff2") format("woff2"), url("/files/theme/fonts/arvo-v10-latin-italic.woff") format("woff"), url("/files/theme/fonts/arvo-v10-latin-italic.ttf") format("truetype"), url("/files/theme/fonts/arvo-v10-latin-italic.svg#Arvo") format("svg"); /* Legacy iOS */
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.invisibleAccessible, .invisible, .mod_form .widget-checkbox .checkbox_container > span input,
.ce_form .widget-checkbox .checkbox_container > span input {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.word-wrap {
  word-break: break-word;
}

.nowrap {
  white-space: nowrap;
}

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
b, strong, .strong {
  font-weight: bold;
}

dfn, em, .em {
  font-style: italic;
}

small, .small {
  font-size: 75%;
}

ul, ol {
  padding: 0;
  list-style-type: none;
}

dd {
  margin: 0;
}

.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}

html {
  scroll-behavior: smooth;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  font-size: 16px;
  font-family: Rosario, "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.5;
  background-color: #000;
}

h1 {
  font-size: 36px;
  font-size: 2.25rem;
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #0068B4;
  margin-bottom: 0.5em;
  padding: 0.1em 0;
}
h1:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 36.25em) {
  h1 {
    font-size: 30px;
    font-size: 1.875rem;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
  }
}

h2 {
  font-size: 28px;
  font-size: 1.75rem;
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #0068B4;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 21.875em) {
  h2 {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}

h3, .h3, .footer .subnav li:first-child {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #0068B4;
  margin-bottom: 0.5em;
}

h4, .h4, .footer .subnav li:first-child {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  color: #0068B4;
  margin-bottom: 0.5em;
}

h5, .h5 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: Rosario, "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #0068B4;
  margin-bottom: 0.5em;
}

h6 {
  font-size: 16px;
  font-size: 1rem;
  font-family: Rosario, "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #0068B4;
  margin-bottom: 0.5em;
}

h1, h2, h3, h4, h5, h6 {
  line-height: 1.35;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  text-decoration: none;
}
h1.centered, h2.centered, h3.centered, h4.centered, h5.centered, h6.centered {
  text-align: center;
}

img, picture {
  max-width: 100%;
  height: auto;
  line-height: 0;
}

figure {
  line-height: 0;
}

.ce_text.zertifikate figure {
  width: 100%;
}

p {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.5;
  color: #fff;
  margin-bottom: 0.5em;
}
.main p {
  color: #505150;
}

::-moz-selection {
  background: #0068B4;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #0068B4;
  color: #fff;
  text-shadow: none;
}

a {
  color: #0085e7;
  text-decoration: underline;
}
a:hover, a:focus {
  color: #838483;
  text-decoration: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #b11c27;
  margin: 1em 0;
  padding: 0;
}

.uppercase {
  text-transform: uppercase;
}

ul, ol {
  margin-left: 16px;
  margin-left: 1rem;
}

li {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
  color: #fff;
}

nav ul {
  margin-left: 0;
  padding: 0;
}
nav li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.main ul, .main ol {
  margin-left: 1.2em;
  overflow: hidden;
  padding-left: 1.2em;
}
.main li {
  color: #505150;
  line-height: 1.6;
  font-size: 18px;
  font-size: 1.125rem;
}
.main ul li {
  list-style-type: square;
}
.main ol li {
  list-style-type: decimal;
}

table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 2em;
  text-align: left;
  background-color: #fff;
}

th,
td {
  padding: 0.3em 0.5em;
  color: #fff;
}

thead th {
  background-color: #0068B4;
  color: #fff;
}

td {
  border-bottom: 1px solid #838483;
}

tbody tr:nth-child(even) {
  background-color: #9d9d9d;
}
tbody tr:hover {
  background-color: #e6e8ec;
}

.mod_form label,
.ce_form label {
  cursor: pointer;
  display: block;
  font-size: 0.875em;
  line-height: 1.5em;
  margin-bottom: 0;
  color: #fff;
}
.mod_form input,
.mod_form textarea,
.ce_form input,
.ce_form textarea {
  font-family: Rosario, "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #3c3c3c;
  font-size: 1em;
  margin-bottom: 0.5em;
  padding: 0.25em 0.4em;
  width: 90%;
}
.mod_form input[type=text],
.ce_form input[type=text] {
  -webkit-appearance: none;
}
.mod_form textarea,
.ce_form textarea {
  overflow: auto;
  width: 100%;
}
.mod_form fieldset,
.ce_form fieldset {
  border: 0;
  margin: 0;
}
.mod_form legend,
.ce_form legend {
  font-weight: 700;
  color: #fff;
}
.mod_form input[type=submit],
.mod_form input[type=submit],
.ce_form input[type=submit],
.ce_form input[type=submit] {
  background-color: #3c3c3c;
  color: #fff;
  cursor: pointer;
  padding: 0.25em;
  width: auto;
  border-color: #505150;
}
.mod_form .small,
.ce_form .small {
  color: #999999;
  font-size: 0.75em;
}
.mod_form .error,
.ce_form .error {
  color: #0068B4;
}
.mod_form .checkbox_container input, .mod_form .checkbox_container label,
.mod_form .radio_container input,
.mod_form .radio_container label,
.ce_form .checkbox_container input,
.ce_form .checkbox_container label,
.ce_form .radio_container input,
.ce_form .radio_container label {
  display: inline-block;
  margin-right: 0.5em;
  width: auto;
}
.mod_form .personal .inside:after,
.ce_form .personal .inside:after {
  content: "";
  display: table;
  clear: both;
}
.mod_form .widget-checkbox .checkbox_container > span,
.ce_form .widget-checkbox .checkbox_container > span {
  display: block;
  position: relative;
}
.mod_form .widget-checkbox .checkbox_container > span label,
.ce_form .widget-checkbox .checkbox_container > span label {
  padding-left: 30px;
}
.mod_form .widget-checkbox .checkbox_container > span label::before,
.ce_form .widget-checkbox .checkbox_container > span label::before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  border: 1px solid silver;
  background: #fafafa;
  text-align: center;
  cursor: pointer;
}
.mod_form .widget-checkbox .checkbox_container > span input:checked ~ label::before,
.ce_form .widget-checkbox .checkbox_container > span input:checked ~ label::before {
  content: "✔ ";
  line-height: 1;
  font-size: 20px;
}
.mod_form .widget-checkbox.dsgvo legend,
.ce_form .widget-checkbox.dsgvo legend {
  display: none;
}
.mod_form .widget,
.ce_form .widget {
  margin-bottom: 1em;
}
.mod_form .widget input,
.ce_form .widget input {
  padding: 0.5em;
}
.mod_form .widget-submit,
.ce_form .widget-submit {
  display: inline-block;
  margin-top: 2em;
}
.mod_form .widget-submit input, .mod_form .widget-submit button,
.ce_form .widget-submit input,
.ce_form .widget-submit button {
  color: #fff;
  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #0068B4;
  border: none;
  outline: none;
}
.mod_form .widget-submit input:hover, .mod_form .widget-submit input:focus, .mod_form .widget-submit button:hover, .mod_form .widget-submit button:focus,
.ce_form .widget-submit input:hover,
.ce_form .widget-submit input:focus,
.ce_form .widget-submit button:hover,
.ce_form .widget-submit button:focus {
  background-color: #0085e7;
}
.mod_form .widget-submit input, .mod_form .widget-submit button,
.ce_form .widget-submit input,
.ce_form .widget-submit button {
  background: url(/files/theme/img/icon-chevron-right-white.svg) right 0.5em center no-repeat;
  padding: 0.5em 1.75em 0.5em 1em;
}
.nosvg .mod_form .widget-submit input, .nosvg .mod_form .widget-submit button,
.nosvg .ce_form .widget-submit input,
.nosvg .ce_form .widget-submit button {
  background: url(/files/theme/img/icon-chevron-right-white.png) right 0.5em center no-repeat;
}
.mod_form .widget-submit input, .mod_form .widget-submit button,
.ce_form .widget-submit input,
.ce_form .widget-submit button {
  background-color: #b11c27;
}
.mod_form .widget-submit input:hover, .mod_form .widget-submit input:focus, .mod_form .widget-submit button:hover, .mod_form .widget-submit button:focus,
.ce_form .widget-submit input:hover,
.ce_form .widget-submit input:focus,
.ce_form .widget-submit button:hover,
.ce_form .widget-submit button:focus {
  background-color: #dc2431;
}

.widget-checkbox.datenschutz fieldset > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: center;
      align-content: center;
}
.widget-checkbox.datenschutz fieldset > span .checkbox {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20px;
          flex: 0 0 20px;
  margin-right: 1rem;
}
.widget-checkbox.datenschutz fieldset > span label {
  width: auto;
  color: #fff;
}

[class^=icon-]:before, [class*=" icon-"]:before {
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1.5em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: 0.2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-menu:before {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9Im1lbnUtYnV0dG9uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiNGRkZGRkY7fTwvc3R5bGU+PHBhdGggaWQ9ImxpbmUzIiBjbGFzcz0ic3QwIiBkPSJNMjAuOSwxOS41SDMuNWMtMC43LDAtMS4zLTAuNi0xLjMtMS4zdjBjMC0wLjcsMC42LTEuMywxLjMtMS4zaDE3LjRjMC43LDAsMS4zLDAuNiwxLjMsMS4zdjBDMjIuMiwxOC45LDIxLjYsMTkuNSwyMC45LDE5LjV6Ii8+PHBhdGggaWQ9ImxpbmUyIiBjbGFzcz0ic3QwIiBkPSJNMjAuOSwxMy4zSDMuNWMtMC43LDAtMS4zLTAuNi0xLjMtMS4zdjBjMC0wLjcsMC42LTEuMywxLjMtMS4zaDE3LjRjMC43LDAsMS4zLDAuNiwxLjMsMS4zdjBDMjIuMiwxMi43LDIxLjYsMTMuMywyMC45LDEzLjN6Ii8+PHBhdGggaWQ9ImxpbmUxIiBjbGFzcz0ic3QwIiBkPSJNMjAuOSw3LjJIMy41Yy0wLjcsMC0xLjMtMC42LTEuMy0xLjN2MGMwLTAuNywwLjYtMS4zLDEuMy0xLjNoMTcuNGMwLjcsMCwxLjMsMC42LDEuMywxLjN2MEMyMi4yLDYuNiwyMS42LDcuMiwyMC45LDcuMnoiLz48L3N2Zz4=) left center no-repeat;
  background-size: 24px 24px;
  content: " ";
}
.nosvg .icon-menu:before {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABlBMVEX///////9VfPVsAAAAAnRSTlP/AOW3MEoAAAAdSURBVHgBY2DEAagrwYAF4JRgIFmCuq4adRXlEgCFXgFL1KfzpAAAAABJRU5ErkJggg==) left center no-repeat;
}

.header {
  position: absolute;
  z-index: 10;
  top: 0;
  width: 100%;
}
.header:after {
  content: "";
  display: table;
  clear: both;
}
.ebene2 .header, .ebene1 .header {
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  height: 194px;
  position: relative;
}
@media screen and (min-width: 48em) {
  .ebene2 .header, .ebene1 .header {
    height: 280px;
  }
}
.header .inner {
  background-color: rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 999;
}
.header .inside {
  max-width: 73.125em;
  margin: 0 auto;
  padding: 0.9375em 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header .logo .logolink {
  max-width: 230px;
  max-width: 14.375rem;
  height: auto;
  display: block;
  padding-left: 0.5em;
  overflow: visible;
}
.ie .header .logo .logolink, .opera .header .logo .logolink {
  height: 65px;
  vertical-align: top;
}
.header .logo {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 230px;
          flex: 0 0 230px;
}
.ie .header .logo, .opera .header .logo {
  width: 230px;
  height: 64px;
}
.header .searchfield {
  display: none;
}
@media screen and (min-width: 48em) {
  .header .logo .logolink {
    padding-left: 0;
  }
  .header .mainnav {
    margin-top: 0.2em;
  }
  .header .searchfield {
    display: block;
    max-width: 200px;
  }
}
@media screen and (min-width: 62.5em) {
  .header .logo .logolink {
    padding-left: 0;
  }
  .header .mainnav {
    margin-top: 0;
  }
  .header .searchfield {
    display: block;
  }
}

.custom {
  width: 100%;
}
.startseite .custom {
  overflow: hidden;
  height: 580px;
}
.no-js .startseite .custom {
  background: url("/files/assets/00_home/slider/einbruch_kobra_sicherheitsdienst_2.jpg") no-repeat;
}
.no-js .startseite .custom .slider-pro .sp-slide,
.no-js .startseite .custom .slider-pro .sp-arrows,
.no-js .startseite .custom .slider-pro .sp-thumbnail-arrows {
  margin-top: 2em;
  position: static;
}
.custom .mod_pageImage {
  overflow: hidden;
}
.custom .mod_pageImage img {
  width: 100%;
  height: auto;
}

.ebene2 .custom {
  top: 0;
  height: auto;
}

.main {
  background-color: #e6e8ec;
}
.main .mod_article:after {
  content: "";
  display: table;
  clear: both;
}
.main .mod_article > .inside {
  max-width: 73.125em;
  margin: 0 auto;
}
.container {
  background-color: #e6e8ec;
  padding: 0 0 16px 0;
  padding: 0 0 1rem 0;
}

.ebene2 .main {
  max-width: 73.125em;
  margin: 0 auto;
  margin-top: 0;
}

.partner .ce_image {
  background: #fff;
  text-align: center;
  padding: 1em;
  margin-bottom: 0.5em;
  border: 1px solid #bbb;
}
.partner .ce_image:hover, .partner .ce_image:focus {
  border: 1px solid #0068B4;
}
.partner .ce_image figure {
  width: 100%;
}
.partner .ce_image a {
  display: block;
}

.ce_text p:first-of-type {
  margin-top: 0;
}

.footer {
  background-color: #14233A;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#324975), to(#14233A));
  background-image: linear-gradient(to bottom, #324975, #14233A);
  padding: 16px;
  padding: 1rem;
}
@media screen and (min-width: 37.5em) {
  .footer {
    background: url("/files/theme/img/kobra_sicherheitsdienst_einbruch_footer.jpg") no-repeat;
    background-size: cover;
    padding: 48px 16px 16px 16px;
    padding: 3rem 1rem 1rem 1rem;
  }
}
.footer .inside {
  max-width: 73.125em;
  margin: 0 auto;
}
.footer .clear {
  margin-top: 32px;
  margin-top: 2rem;
}
.footer .clear:after {
  content: "";
  display: table;
  clear: both;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: #838483;
}
.footer .subnav {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.45);
  margin-bottom: 25.6px;
  margin-bottom: 1.6rem;
}
.footer .subnav ul {
  margin-top: 0;
  padding-bottom: 0.5em;
}
.footer .subnav li {
  padding: 0 9.6px;
  padding: 0 0.6rem;
  line-height: 1.2em;
  margin: 0.6em 0;
}
.footer .subnav li:first-child {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 0;
  padding: 3.2px 9.6px;
  padding: 0.2rem 0.6rem;
  font-weight: normal;
}
.footer .subnav li:first-child a {
  color: #0068B4;
}
.footer .subnav a {
  text-decoration: none;
  color: #fff;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}
.footer .subnav a:hover {
  color: #0068B4;
}
@media screen and (min-width: 50em) {
  .footer .kontaktbox,
.footer .mod_form {
    clear: none;
  }
}
.footer .kontaktbox h3,
.footer .mod_form h3 {
  color: #fff;
  font-weight: normal;
}
.footer .ce_form {
  margin-bottom: 2rem;
}
.footer .ce_form .widget {
  position: relative;
}
.footer .ce_form .widget input,
.footer .ce_form .widget textarea {
  color: #000;
  width: 100%;
}
.footer .ce_form .widget-submit {
  margin-top: 0;
}

.topfooter .inside {
  max-width: 73.125em;
  margin: 0 auto;
}

.topfooter {
  background-color: #e6e8ec;
}

.mod_article {
  padding: 7rem 1rem;
}
@media screen and (min-width: 76.25em) {
  .mod_article {
    padding: 7rem 0;
  }
}
.mod_article .inside h1:first-of-type,
.mod_article .inside h2:first-of-type,
.mod_article .inside h3:first-of-type,
.mod_article .inside h4:first-of-type {
  margin-top: 0;
}

.bgdark h1, .bgdark h2, .bgdark h3, .bgdark h4, .bgdark h5, .bgdark h6 {
  color: #eee;
}
.bgdark p, .bgdark li {
  color: #eee;
}
.bgdark a {
  color: #1b9fff;
}

.bgblue {
  background-color: #001a33;
}

.bgwhite {
  background-color: #fff;
}

.bg-lightblue {
  background-color: #86b8e2;
}
.bg-lightblue h1, .bg-lightblue h2, .bg-lightblue h3, .bg-lightblue h4, .bg-lightblue h5, .bg-lightblue h6 {
  color: #00264d;
  text-align: center;
}

.bgmidblue {
  background-color: #0077ce;
}
.bgmidblue h1, .bgmidblue h2, .bgmidblue h3, .bgmidblue h4, .bgmidblue h5, .bgmidblue h6 {
  color: #eee;
}
.bgmidblue p, .bgmidblue li {
  color: #eee;
}
.bgmidblue a {
  color: #1b9fff;
}

.kobra-einleitung {
  background-color: #eee;
  background: rgb(119, 119, 119);
  background: radial-gradient(circle, rgb(89, 89, 89) 0%, rgba(34, 34, 34, 0.7) 100%);
  border-bottom: 5px solid #ccc;
}
.kobra-einleitung h1 {
  background-color: #0068B4;
  display: inline;
  -webkit-box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
          box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.4;
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 48em) {
  .kobra-einleitung h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.kobra-einleitung p:first-of-type {
  padding-top: 2.5em;
}

[class*=teaser-] {
  padding: 7rem 1rem;
}
@media screen and (min-width: 76.25em) {
  [class*=teaser-] {
    padding: 7rem 0;
  }
}

.teaser-immo {
  background-color: #001a33;
}
@media screen and (min-width: 48em) {
  .teaser-immo {
    background: #001a33 url(/files/assets/00_home/immobilienschutz_kobra_sicherheitsdienst.jpg) left calc(50% - 600px) bottom no-repeat;
  }
}
.teaser-person {
  background-color: #003366;
}
@media screen and (min-width: 48em) {
  .teaser-person {
    background: url(/files/assets/00_home/personenschutz_kobra_sicherheitsdienst-s.png) right bottom no-repeat #003366;
  }
}
@media screen and (min-width: 65.625em) {
  .teaser-person {
    background: url(/files/assets/00_home/personenschutz_kobra_sicherheitsdienst-l.png) right bottom no-repeat #003366;
  }
}

.teaser-service {
  background-color: #00264d;
}
@media screen and (min-width: 48em) {
  .teaser-service {
    background: url(/files/assets/00_home/service_kobra_sicherheitsdienst.jpg) left calc(50% - 368px) center no-repeat #00264d;
    background-size: 100%;
  }
}
@media screen and (min-width: 56.25em) {
  .teaser-service {
    background: url(/files/assets/00_home/service_kobra_sicherheitsdienst.jpg) left calc(50% - 600px) center no-repeat #00264d;
    background-size: auto;
  }
}

.teaser-umzug {
  border-bottom: 5px solid #ccc;
  background-color: #575d6b;
}
@media screen and (min-width: 48em) {
  .teaser-umzug {
    background: #575d6b url(/files/assets/00_home/umzug_3dansicht.png) left calc(50% - 400px) center no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 56.25em) {
  .teaser-umzug {
    background: #575d6b url(/files/assets/00_home/umzug_3dansicht.png) left calc(50% - 500px) center no-repeat;
  }
}

.teaser-aufzug-service {
  background-color: #00264d;
  background: radial-gradient(40% 50%, circle farthest-side, #004d99, #00264d 75%);
}
.zitatblock {
  background-color: #e6e8ec;
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
}
.zitatblock blockquote {
  margin: 0 0 2em 0;
  padding: 4em 1em 0 span(2 of 12);
  background: url(/files/theme/img/blockquotes.png) 0 0 no-repeat;
  background-size: 10em auto;
}
@media screen and (min-width: 48em) {
  .zitatblock blockquote {
    margin: 0;
  }
}
.zitatblock blockquote p {
  font-size: 26px;
  font-size: 1.625rem;
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: italic;
  line-height: 1.3;
  color: #0068B4;
}
.zitatblock blockquote footer {
  font-family: Rosario, "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #838483;
  text-align: right;
  padding-right: 1em;
}
.zitatblock .ce_image {
  display: block;
  text-align: center;
  padding: 0 1em;
}
.zitatblock .ce_image img {
  outline: 1px solid transparent;
}
.grundprinzipien {
  color: #fff;
  background-color: #003366;
  background: url(/files/assets/00_home/kobra-mike-vitt-s.png) center bottom no-repeat #003366;
}
@media screen and (min-width: 48em) {
  .grundprinzipien {
    background: url(/files/assets/00_home/kobra-mike-vitt-l.png) right 10% bottom no-repeat #003366;
  }
}
.grundprinzipien .begriffe {
  line-height: 1;
  padding: 0 16px 16px 16px;
  padding: 0 1rem 1rem 1rem;
  margin-bottom: 1em;
  text-align: center;
  font-size: 36px;
  font-size: 2.25rem;
}
@media screen and (min-width: 31.25em) {
  .grundprinzipien .begriffe {
    font-size: 62px;
    font-size: 3.875rem;
  }
}
@media screen and (min-width: 62.5em) {
  .grundprinzipien .begriffe {
    text-align: left;
  }
}
.grundprinzipien .begriffe .vertrauen {
  font-size: 0.8em;
  padding-left: 2em;
}
.grundprinzipien .begriffe .zuverlaessigkeit {
  font-size: 1.1em;
  color: rgba(255, 255, 255, 0.8);
  padding-right: 2em;
}
.grundprinzipien .begriffe .verschwiegenheit {
  font-size: 0.6em;
  padding-left: 3em;
  text-align: right;
}
.grundprinzipien .begriffe .freundlichkeit {
  font-size: 1em;
  color: rgba(255, 255, 255, 0.9);
  font-weight: bold;
}
@media screen and (min-width: 62.5em) {
  .grundprinzipien .begriffe .vertrauen {
    padding-left: 1em;
  }
  .grundprinzipien .begriffe .zuverlaessigkeit {
    padding-right: 0;
  }
  .grundprinzipien .begriffe .verschwiegenheit {
    padding-left: 0.5em;
  }
  .grundprinzipien .begriffe .zuverlaessigkeit {
    padding-left: 0;
  }
}
.grundprinzipien .begrifftext {
  padding-bottom: 14em;
}
@media screen and (min-width: 48em) {
  .grundprinzipien .begrifftext {
    padding-bottom: 20em;
  }
}
@media screen and (min-width: 62.5em) {
  .grundprinzipien .begrifftext {
    padding-bottom: 0;
  }
}
.grundprinzipien .begrifftext h3 {
  font-size: 24px;
  font-size: 1.5rem;
}
@media screen and (min-width: 68.75em) {
  .grundprinzipien .begrifftext h3 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}

.article-immobilienschutz {
  background-color: #0A1A56;
}
.article-immobilienschutz h1 {
  background-color: #0068B4;
  display: inline;
  -webkit-box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
          box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.4;
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 48em) {
  .article-immobilienschutz h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.article-immobilienschutz .ce_text {
  padding-top: 2em;
}
@media screen and (min-width: 48em) {
  .article-immobilienschutz {
    background: #0A1A56 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_immobilienschutz.jpg) left calc(50% - 420px) bottom 20% no-repeat;
  }
}
@media screen and (min-width: 100em) {
  .article-immobilienschutz {
    background-position: left -120px bottom 20%;
  }
}

.teaser-einbruchmeldeanlagen {
  background-color: #0F2533;
}
@media screen and (min-width: 48em) {
  .teaser-einbruchmeldeanlagen {
    background: #0F2533 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_einbruchmeldeanlagen.jpg) right calc(50% - 400px) bottom no-repeat;
  }
}
@media screen and (min-width: 93.75em) {
  .teaser-einbruchmeldeanlagen {
    background-position: right bottom;
  }
}

.teaser-brandmeldeanlagen {
  background-color: #000;
}
@media screen and (min-width: 48em) {
  .teaser-brandmeldeanlagen {
    background: #000 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_brandmeldeanlagen.jpg) left calc(50% - 200px) bottom no-repeat;
  }
}
@media screen and (min-width: 61.25em) {
  .teaser-brandmeldeanlagen {
    background-position: left calc(50% - 300px) bottom;
  }
}
@media screen and (min-width: 81.25em) {
  .teaser-brandmeldeanlagen {
    background-position: left calc(50% - 400px) bottom;
  }
}

.teaser-videoueberwachung {
  background-color: #2593e4;
}
@media screen and (min-width: 48em) {
  .teaser-videoueberwachung {
    background: #2593e4 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_videoueberwachung.png) right calc(50% - 400px) bottom no-repeat;
  }
}

.teaser-alarmintervention {
  background-color: #333333;
}
@media screen and (min-width: 48em) {
  .teaser-alarmintervention {
    background: #333333 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_alarmintervention_small.jpg) left calc(50% - 380px) bottom no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 93.75em) {
  .teaser-alarmintervention {
    background: #000 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_alarmintervention.jpg) left calc(50% - 450px) bottom no-repeat;
  }
}
@media screen and (min-width: 112.5em) {
  .teaser-alarmintervention {
    background-position: left bottom;
  }
}

.oeffnungs-schliessdienst {
  background-color: #364e66;
}
@media screen and (min-width: 48em) {
  .oeffnungs-schliessdienst {
    background: #364e66 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_oeffnungs_schliessdienst.png) right calc(50% - 300px) bottom no-repeat;
  }
}
@media screen and (min-width: 81.25em) {
  .oeffnungs-schliessdienst {
    background-position: right calc(50% - 450px) bottom;
  }
}

.teaser-streifenkontrolldienst {
  background-color: #338bea;
}
@media screen and (min-width: 48em) {
  .teaser-streifenkontrolldienst {
    background: #338bea url(/files/assets/01_immobilienschutz/immobilienschutz_bg_streifenkontrolldienst.jpg) left calc(50% - 450px) bottom no-repeat;
  }
}
@media screen and (min-width: 100em) {
  .teaser-streifenkontrolldienst {
    background-position: left bottom;
  }
}

.teaser-wachdienst-werk-und-objektschutz {
  background-color: #010066;
}
@media screen and (min-width: 48em) {
  .teaser-wachdienst-werk-und-objektschutz {
    background: #010066 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_wachdienst.jpg) right calc(50% - 500px) bottom no-repeat;
    background-size: contain;
  }
}

.teaaser-baustellen-ueberwachung {
  background-color: #000;
}
@media screen and (min-width: 48em) {
  .teaaser-baustellen-ueberwachung {
    background: #000 url(/files/assets/01_immobilienschutz/immobilienschutz_bg_baustellenueberwachung.jpg) left calc(50% - 600px) bottom no-repeat;
  }
}
@media screen and (min-width: 150em) {
  .teaaser-baustellen-ueberwachung {
    background-position: left bottom;
  }
}

.teaser-alarm-anderen {
  background-color: #001a33;
}
@media screen and (min-width: 56.25em) {
  .teaser-alarm-anderen {
    background: #001a33 url(/files/assets/01_immobilienschutz/kobra-intervention-einbruch.jpg) left calc(50% - 350px) center no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 93.75em) {
  .teaser-alarm-anderen {
    background: #001a33 url(/files/assets/01_immobilienschutz/kobra-intervention-einbruch.jpg) left calc(50% - 600px) center no-repeat;
    background-size: auto;
  }
}
.teaser-alarm-anderen figure {
  width: 200px;
}
.teaser-alarm-anderen figure img {
  -webkit-transform: rotate(7deg);
          transform: rotate(7deg);
}

.article-personenschutz {
  background: #003D6C url(/files/assets/02_personenschutz/personenschutz_bg_personenschutz.jpg) right calc(50% - 200px) bottom -100px no-repeat;
}
.article-personenschutz h1 {
  background-color: #0068B4;
  display: inline;
  -webkit-box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
          box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.4;
  font-size: 26px;
  font-size: 1.625rem;
}
@media screen and (min-width: 48em) {
  .article-personenschutz h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
.article-personenschutz .ce_text {
  padding-top: 2em;
}

.teaser-ueberfall-und-bedrohungsalarm {
  background: #121212;
}
@media screen and (min-width: 48em) {
  .teaser-ueberfall-und-bedrohungsalarm {
    background: #121212 url(/files/assets/02_personenschutz/personenschutz_bg_ueberfallalarm.jpg) left calc(50% - 300px) top no-repeat;
    background-size: cover;
  }
}

.teaser-seniorennotruf {
  background: #C1C4C8;
}
@media screen and (min-width: 48em) {
  .teaser-seniorennotruf {
    background: #C1C4C8 url(/files/assets/02_personenschutz/personenschutz_bg_seniorenruf.jpg) right center no-repeat;
    background-size: auto 100%;
  }
}

.teaser-einzelarbeitsplatzueberwachung {
  background: #4279b9;
}
.teaser-einzelarbeitsplatzueberwachung h2 {
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
      hyphens: auto;
}
@media screen and (min-width: 48em) {
  .teaser-einzelarbeitsplatzueberwachung {
    background: #4279b9 url(/files/assets/02_personenschutz/personenschutz_bg_einzelarbeitsplatz_small.png) left calc(50% - 10px) bottom no-repeat;
    background-size: cover;
    background-position: left bottom;
  }
}
@media screen and (min-width: 62.5em) {
  .teaser-einzelarbeitsplatzueberwachung {
    background-size: contain;
  }
}

.teaser-aufzugsnotruf {
  background: #92999D;
}
@media screen and (min-width: 48em) {
  .teaser-aufzugsnotruf {
    background: #92999D url(/files/assets/02_personenschutz/personenschutz_bg_aufzugnotruf.png) right bottom no-repeat;
    background-size: contain;
  }
}

.service-main {
  background: #E5E8ED;
}
.service-main h1 {
  background-color: #0068B4;
  display: inline;
  -webkit-box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
          box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  line-height: 1.4;
  font-size: 26px;
  font-size: 1.625rem;
  color: #fff;
}
@media screen and (min-width: 48em) {
  .service-main h1 {
    font-size: 36px;
    font-size: 2.25rem;
  }
}
@media screen and (min-width: 48em) {
  .service-main {
    background: #E5E8ED url(/files/assets/03_service/sevice_bg_techn_berat.jpg) right calc(50% - 240px) bottom no-repeat;
  }
}
@media screen and (min-width: 84.375em) {
  .service-main {
    background-position: right bottom;
  }
}

.teaser-sevice {
  background: #2A2D34;
}
@media screen and (min-width: 48em) {
  .teaser-sevice {
    background: #2A2D34 url(/files/assets/03_service/service_bg_technische_beratung.png) right calc(50% - 240px) bottom no-repeat;
  }
}
@media screen and (min-width: 84.375em) {
  .teaser-sevice {
    background-position: right bottom;
  }
}

.teaser-telefondienst {
  background: #000;
}
@media screen and (min-width: 48em) {
  .teaser-telefondienst {
    background: #000 url(/files/assets/03_service/sevice_bg_telefondienst.jpg) left calc(50% - 400px) top no-repeat;
  }
}
@media screen and (min-width: 100em) {
  .teaser-telefondienst {
    background-position: left top;
  }
}

.teaser-schluesseldienst {
  background: #1b1e2e;
}
@media screen and (min-width: 48em) {
  .teaser-schluesseldienst {
    background: #1b1e2e url(/files/assets/03_service/sevice_bg_schluesseldienst.png) right calc(50% - 400px) bottom no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 75em) {
  .teaser-schluesseldienst {
    backgound-position: right calc(50% - 600px) bottom;
    background-size: contain;
  }
}

.teaser-urlaubsservice {
  background: #488DC8;
}
@media screen and (min-width: 48em) {
  .teaser-urlaubsservice {
    background: #488DC8 url(/files/assets/03_service/sevice_bg_urlaubsservice.jpg) left calc(50% - 400px) top no-repeat;
  }
}
@media screen and (min-width: 128.125em) {
  .teaser-urlaubsservice {
    background-position: left bottom;
  }
}

.teaser-empfangsdienst {
  background: #CED3DB;
}
@media screen and (min-width: 48em) {
  .teaser-empfangsdienst {
    background: #CED3DB url(/files/assets/03_service/sevice_bg_emfangsdienst.png) right calc(50% - 400px) bottom no-repeat;
  }
}
@media screen and (min-width: 109.375em) {
  .teaser-empfangsdienst {
    background-position: right bottom;
  }
}

.teaser-leitstellenbesetzung {
  background: #0068b4;
}
@media screen and (min-width: 48em) {
  .teaser-leitstellenbesetzung {
    background: #0068b4 url(/files/assets/03_service/sevice_bg_leitstellenbesetzung.jpg) left calc(50% - 400px) top no-repeat;
  }
}
@media screen and (min-width: 100em) {
  .teaser-leitstellenbesetzung {
    background-position: left bottom;
  }
}

.teaser-detektei {
  background: #003264;
}
@media screen and (min-width: 48em) {
  .teaser-detektei {
    background: #003264 url(/files/assets/03_service/sevice_bg_detektei.png) right calc(50% - 400px) bottom no-repeat;
  }
}
@media screen and (min-width: 100em) {
  .teaser-detektei {
    background-position: right bottom;
  }
}

.teaser-kobra figure.float_right {
  margin: 0;
}

.teaser-leitstelle {
  background: #003366;
}
@media screen and (min-width: 48em) {
  .teaser-leitstelle {
    background: #003366 url(/files/assets/04_kobra/kobra_bg_leitstelle.jpg) right calc(50% - 400px) bottom no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 87.5em) {
  .teaser-leitstelle {
    background-position: right calc(50% - 500px) bottom;
  }
}
@media screen and (min-width: 112.5em) {
  .teaser-leitstelle {
    background-position: right bottom;
  }
}

.teaser-mitarbeiter {
  background: #1f212d;
}
@media screen and (min-width: 48em) {
  .teaser-mitarbeiter {
    background: #1f212d url(/files/assets/04_kobra/kobra_bg_mitarbeiter_small.jpg) left calc(50% - 400px) top no-repeat;
  }
}
@media screen and (min-width: 71.875em) {
  .teaser-mitarbeiter {
    background: #1f212d url(/files/assets/04_kobra/kobra_bg_mitarbeiter.jpg) left calc(50% - 500px) top no-repeat;
  }
}

.teaser-historie {
  background: #0068b4;
}
@media screen and (min-width: 48em) {
  .teaser-historie {
    background: #0068b4 url(/files/assets/04_kobra/kobra_bg_historie.jpg) right calc(50% - 270px) bottom no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 81.25em) {
  .teaser-historie {
    background-position: right bottom;
  }
}
.teaser-historie .button a {
  background-color: #0085e7;
}

.teaser-partner {
  background: #636363;
}
@media screen and (min-width: 48em) {
  .teaser-partner {
    background: #636363 url(/files/assets/04_kobra/kobra_partner.jpg) left calc(50% - 240px) top no-repeat;
    background-size: contain;
  }
}
@media screen and (min-width: 71.875em) {
  .teaser-partner {
    background: #636363 url(/files/assets/04_kobra/kobra_partner.jpg) left calc(50% - 300px) top no-repeat;
    background-size: contain;
  }
}

.rueckrufformular .mod_article {
  margin-top: 6%;
}

.alarmtechnik {
  padding-bottom: 6vh;
  overflow: hidden;
}
@media screen and (min-width: 61.25em) {
  .alarmtechnik {
    padding-bottom: 0;
  }
}
.alarmtechnik .hausbeispiel .image_container {
  width: 100%;
}
@media screen and (min-width: 48em) {
  .alarmtechnik .hausbeispiel .image_container {
    width: 50%;
    margin-top: -2em;
  }
}
.alarmtechnik .beratungumfassend .image_container {
  text-align: right;
  float: none;
  width: 100%;
}
@media screen and (min-width: 61.25em) {
  .alarmtechnik .beratungumfassend .image_container {
    float: left;
    width: 60%;
    margin-left: -8%;
  }
}
@media screen and (min-width: 75em) {
  .alarmtechnik .beratungumfassend .image_container {
    width: 70%;
    margin-left: -20%;
  }
}
@media screen and (min-width: 61.25em) {
  .alarmtechnik .beratungumfassend img {
    margin-bottom: -100px;
    margin-top: -20px;
    margin-right: -100px;
  }
}
@media screen and (min-width: 75em) {
  .alarmtechnik .beratungumfassend img {
    margin-top: -140px;
  }
}

.teaser-temporaere-aufschaltung {
  padding: 5% 0;
}
.teaser-temporaere-aufschaltung .inside {
  padding: 2em 1em;
}
@media screen and (min-width: 48em) {
  .teaser-temporaere-aufschaltung {
    background: #0068B4 url(/files/assets/01_immobilienschutz/teaser-temporaere-aufschaltung.jpg) no-repeat;
    background-size: cover;
  }
  .teaser-temporaere-aufschaltung .inside {
    margin: 0 auto;
    max-width: 600px;
    background-color: #0068B4;
    background-color: rgba(0, 104, 180, 0.7);
    text-align: center;
  }
}
#btn-mobilemenu {
  background-color: #0068B4;
  color: #fff;
  border: none;
}
#btn-mobilemenu span {
  display: block;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 3.5em;
  text-align: center;
}
#btn-mobilemenu span:hover, #btn-mobilemenu span:focus {
  background-color: #003366;
  color: #fff;
}
#btn-mobilemenu span span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
}
@media screen and (min-width: 61.875em) {
  #btn-mobilemenu {
    display: none;
  }
}

.mobile_menu {
  /* Navigation */
}
.mobile_menu .inner {
  background: #000;
}
.mobile_menu .mhead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
}
.mobile_menu ul a,
.mobile_menu ul strong {
  display: block;
  padding: 0.5rem;
  color: #fff;
  text-decoration: none;
}
.mobile_menu ul a:hover, .mobile_menu ul a:focus, .mobile_menu ul a.active,
.mobile_menu ul strong:hover,
.mobile_menu ul strong:focus,
.mobile_menu ul strong.active {
  background-color: #003366;
}
.mobile_menu li.submenu_hide > ul {
  display: none;
}
.mobile_menu li.submenu_show > ul {
  display: block;
}
.mobile_menu li.submenu {
  position: relative;
}
.mobile_menu li.submenu::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 36l16-16L12 4' stroke='%23ffffff' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  right: 1rem;
  top: 12px;
  color: #fff;
  width: 1.2rem;
  height: 1.2rem;
}
.mobile_menu li.submenu.active::after, .mobile_menu li.submenu.trail::after, .mobile_menu li.submenu.submenu_show::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 12l16 16 16-16' stroke='%230068B4' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.mobile_menu li.submenu.active .level_2, .mobile_menu li.submenu.trail .level_2, .mobile_menu li.submenu.submenu_show .level_2 {
  height: auto;
}
.mobile_menu .level_1 > li {
  border-bottom: 1px solid #ccc;
}
.mobile_menu .level_2 {
  padding-left: 1rem;
}
.mobile_menu .level_3 {
  padding-left: 1rem;
}
.mobile_menu .logo img {
  width: auto;
  height: 3rem;
}
.mobile_menu button {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  color: inherit;
  font: inherit;
  line-height: normal;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-appearance: none;
  margin-right: 0.5rem;
}

.mainnav {
  display: none;
}
.mainnav ul {
  margin: 0;
  padding: 0;
}
.mainnav ul li {
  cursor: pointer;
}
.mainnav a {
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  text-decoration: none;
  white-space: nowrap;
  display: block;
}
.mainnav .level_3 {
  text-align: left;
}
@media screen and (min-width: 61.875em) {
  .mainnav {
    display: block;
  }
  .mainnav ul {
    text-align: center;
  }
  .mainnav .level_1 .home, .mainnav .level_1 .kontakt {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden !important;
  }
  .mainnav .level_1 > li {
    display: inline-block;
    border-right: 1px solid #fff;
  }
  .mainnav .level_1 > li:nth-last-child(2) {
    border-right: none;
  }
  .mainnav .level_1 li.submenu {
    position: relative;
  }
  .mainnav .level_1 li:hover .dropdownContain,
.mainnav .level_1 li:focus .dropdownContain {
    top: 65px;
  }
  .mainnav .level_1 li:hover .dropOut,
.mainnav .level_1 li:focus .dropOut {
    opacity: 1;
    margin-top: 8px;
  }
  .mainnav .level_1 > li > a {
    display: block;
    color: #fff;
    font-size: 22px;
    font-size: 1.375rem;
    padding: 0 16px;
    padding: 0 1rem;
    line-height: 3em;
  }
}
@media screen and (min-width: 61.875em) and (min-width: 62.5em) {
  .mainnav .level_1 > li > a {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 3.66667em;
  }
}
@media screen and (min-width: 61.875em) and (min-width: 71.25em) {
  .mainnav .level_1 > li > a {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 3em;
  }
}
@media screen and (min-width: 61.875em) {
  .mainnav .level_1 > li > a:hover, .mainnav .level_1 > li > a:focus {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media screen and (min-width: 61.875em) {
  .mainnav .level_1 > .active > a,
.mainnav .level_1 > .trail > a {
    background-color: rgba(255, 255, 255, 0.2);
  }
}
@media screen and (min-width: 61.875em) {
  .mainnav .immo .dropOut,
.mainnav .immo .dropdownContain {
    width: auto;
  }
  .mainnav .immo .dropOut .triangle,
.mainnav .immo .dropdownContain .triangle {
    left: 20%;
  }
  .mainnav .immo .level_2 {
    width: 38em;
    background-color: #fff;
  }
  .mainnav .immo .level_2 li .dropdownContain {
    top: 100%;
  }
  .mainnav .immo .level_2 > li {
    width: auto;
  }
  .mainnav .immo .level_2 > li > a {
    font-weight: bold;
    font-size: 1.2em;
  }
  .mainnav .immo .level_2 a {
    padding: 0.25em 1em;
  }
}
@media screen and (min-width: 61.875em) {
  .mainnav .dropOut .triangle {
    width: 0;
    height: 0;
    position: absolute;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid white;
    top: -8px;
    left: 50%;
    margin-left: -8px;
  }
}
@media screen and (min-width: 61.875em) {
  .mainnav .dropdownContain {
    width: 256px;
    width: 16rem;
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -128px;
    margin-left: -8rem;
    top: -600px;
    top: -37.5rem;
  }
}
@media screen and (min-width: 61.875em) and (min-width: 48em) and (max-width: 51.25em) {
  .mainnav .dropdownContain {
    margin-left: -160px;
    margin-left: -10rem;
  }
}
@media screen and (min-width: 61.875em) {
  .mainnav .dropOut {
    width: 256px;
    width: 16rem;
    background: white;
    float: left;
    position: relative;
    margin-top: 0;
    opacity: 0;
  }
}
@media screen and (min-width: 61.875em) {
  .mainnav .level_2 {
    float: left;
    padding: 0.625em 0;
  }
  .mainnav .level_2 > li {
    text-align: left;
    float: left;
    width: 14.6em;
    margin: 0px 10px;
    color: #777;
  }
  .mainnav .level_2 a {
    font-family: Rosario, "Droid sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #505150;
    padding: 0.25em 0 0.25em 1em;
  }
  .mainnav .level_2 a:hover,
.mainnav .level_2 a:focus,
.mainnav .level_2 a.active {
    color: #fff;
    background-color: #9d9d9d;
  }
}

.mod_breadcrumb {
  padding: 0.5em 1em 0 0;
}
.mod_breadcrumb:before {
  content: "Sie befinden sich hier: ";
  float: left;
  font-size: 12.8px;
  font-size: 0.8rem;
  line-height: 2em;
  color: #838483;
  padding-right: 0.5em;
}
@media screen and (max-width: 48em) {
  .mod_breadcrumb {
    display: none;
  }
}
.mod_breadcrumb ul,
.mod_breadcrumb li {
  margin: 0;
  padding: 0;
}
.main .mod_breadcrumb ul,
.main .mod_breadcrumb li {
  list-style-type: none;
}
.mod_breadcrumb li {
  display: inline-block;
  font-size: 12.8px;
  font-size: 0.8rem;
  color: #838483;
}
.mod_breadcrumb li:after {
  content: " >";
}
.mod_breadcrumb li:last-child:after {
  content: none;
}
.mod_breadcrumb li a {
  font-size: 12.8px;
  font-size: 0.8rem;
  color: #b6b7b6;
}
.mod_breadcrumb li a:hover {
  color: #0068B4;
}

#downClick {
  height: 45px;
  width: 45px;
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 999;
  background: url("/files/theme/img/backtotop.png") no-repeat;
  background-size: cover;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  border: 1px solid #fff;
  display: none;
}
@media screen and (min-width: 56.25em) {
  #downClick {
    display: block;
  }
}

.dlh_googlemap {
  min-height: 100% !important;
  width: 100% !important;
}

.gm-style .gm-style-iw,
.gm-style .gm-style-iw a,
.gm-style .gm-style-iw span,
.gm-style .gm-style-iw label,
.gm-style .gm-style-iw div {
  white-space: nowrap;
}

.gm-style-iw > div {
  display: block !important;
}

.searchfield .widget,
.searchfield .widget-submit {
  display: inline-block;
}
.searchfield .widget,
.searchfield input {
  margin-bottom: 0;
}
.searchfield .widget {
  width: 100%;
}
.searchfield .formbody {
  position: relative;
  padding-top: 16px;
  padding-top: 1rem;
}
.searchfield .formbody:after {
  content: "";
  display: table;
  clear: both;
}
.mod_mmenu_article .searchfield .formbody {
  margin-right: 0;
  float: none;
}
.searchfield .formbody > .widget input {
  height: 38px;
  height: 2.375rem;
  line-height: 38px;
  line-height: 2.375rem;
  padding: 0 0 0 8px;
  padding: 0 0 0 0.5rem;
  width: 100%;
}
.searchfield .formbody input {
  border: none;
}
.searchfield .formbody input:hover {
  background: #fff;
}
.searchfield .formbody .widget-submit {
  position: absolute;
  top: 20px;
  top: 1.25rem;
  right: 3.2px;
  right: 0.2rem;
  width: 30px;
  height: 30px;
}
.searchfield .formbody .widget-submit input, .searchfield .formbody .widget-submit button {
  padding: 0;
  height: auto;
}
.searchfield .widget-submit {
  margin: 0;
}
.searchfield .widget-submit .submit {
  background-color: #fff;
  padding: 0;
}

.button {
  display: inline-block;
  margin-top: 2em;
}
.button a {
  color: #fff;
  padding: 0.5em 1em;
  text-decoration: none;
  background-color: #0068B4;
}
.button a:hover, .button a:focus {
  background-color: #0085e7;
}
@media screen and (max-width: 22.5em) {
  .button a {
    display: block;
    text-align: left;
  }
}

.button-more a {
  background: url(/files/theme/img/icon-chevron-right-white.svg) right 0.5em center no-repeat;
  padding: 0.5em 1.75em 0.5em 1em;
}
.nosvg .button-more a {
  background: url(/files/theme/img/icon-chevron-right-white.png) right 0.5em center no-repeat;
}

.button-blue a {
  background-color: #0068B4;
}
.button-blue a:hover, .button-blue a:focus {
  background-color: #0085e7;
}

.button-red a {
  background-color: #b11c27;
}
.button-red a:hover, .button-red a:focus {
  background-color: #dc2431;
}

.button-right {
  text-align: right;
}

.ce_text:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 48em) {
  .ce_text figure {
    width: span(5 of 12);
  }
  .ce_text .float_left {
    float: left;
    margin: 0.5em span(1 of 12) span(1 of 12) 0;
  }
  .ce_text .float_right {
    float: right;
    margin: 0.5em 0 span(1 of 12) span(1 of 12);
  }
  .ce_text.nospace .float_left {
    margin: 0;
  }
  .ce_text.nospace .float_right {
    margin: 0;
  }
  .ce_text.nospace figure {
    width: auto;
  }
}

.ebene2 .ce_text {
  margin-bottom: span(1 of 12);
}

.ebene2 h1 {
  background-color: #0068B4;
  color: #fff;
  display: inline;
  -webkit-box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
          box-shadow: 5px 0 0 #0068B4, -5px 0 0 #0068B4;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.ebene2 h1:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}

.gototop {
  display: block;
  text-align: center;
  height: 45px;
  width: 45px;
  background: #0068B4;
  padding-top: 0.3em;
  border: 1px solid #fff;
  position: fixed;
  right: 10px;
  bottom: 4em;
  z-index: 99999;
}

.searchpage .header {
  background-color: transparent;
}
.searchpage .mod_search {
  margin-top: 16px;
  margin-top: 1rem;
}
.searchpage .mod_search > div {
  border-bottom: 1px solid #9d9d9d;
  padding: 1em 0;
}
.searchpage .mod_search > div:last-child {
  border-bottom: none;
}
.searchpage h3 {
  font-size: 28px;
  font-size: 1.75rem;
  margin-top: 0;
}
.searchpage .highlight {
  background-color: #9d9d9d;
  padding: 0.2em 0.4em;
}
.searchpage .relevance {
  font-size: 0.8em;
  font-size: 12px;
  font-size: 0.75rem;
  color: #838483;
}
.searchpage .url {
  margin-top: 0;
  color: #9d9d9d;
}

.ce_accordion .toggler {
  background: #0068B4;
  padding: 0.5em;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.ce_accordion .toggler:after {
  content: "";
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 12px 8px 0 8px;
  border-color: #ffffff transparent transparent transparent;
  position: absolute;
  right: 10px;
}
.ce_accordion .toggler.active:after {
  content: "";
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 8px 12px 8px;
  border-color: transparent transparent #ffffff transparent;
}
.ce_accordion .accordion {
  padding-bottom: 2em;
}

.ce_text.ce_accordion {
  margin-bottom: 4px;
}

.mod_article.zweispaltig {
  padding-top: 0;
}
.mod_article.zweispaltig h1, .mod_article.zweispaltig h2, .mod_article.zweispaltig h3, .mod_article.zweispaltig h4, .mod_article.zweispaltig h5, .mod_article.zweispaltig h6 {
  clear: both;
  width: 100%;
}
.mod_article.dreispaltig h1, .mod_article.dreispaltig h2, .mod_article.dreispaltig h3, .mod_article.dreispaltig h4, .mod_article.dreispaltig h5, .mod_article.dreispaltig h6 {
  clear: both;
  width: 100%;
}
.mod_article.vierspaltig h1, .mod_article.vierspaltig h2, .mod_article.vierspaltig h3, .mod_article.vierspaltig h4, .mod_article.vierspaltig h5, .mod_article.vierspaltig h6 {
  clear: both;
  width: 100%;
}
.mod_article.zweispaltiginner h1, .mod_article.zweispaltiginner h2, .mod_article.zweispaltiginner h3, .mod_article.zweispaltiginner h4, .mod_article.zweispaltiginner h5, .mod_article.zweispaltiginner h6 {
  clear: both;
  width: 100%;
}

.mod_glossaryMenu {
  margin: 16px 0 0 0;
  margin: 1rem 0 0 0;
}
.mod_glossaryMenu ul {
  margin: 0;
  padding: 0;
}
.mod_glossaryMenu ul li {
  list-style: none;
  display: inline-block;
  background: #9d9d9d;
}
.mod_glossaryMenu ul li a, .mod_glossaryMenu ul li span {
  display: block;
  color: #fff;
  font-sizer: 22.4px;
  font-sizer: 1.4rem;
  padding: 3.2px 12.8px;
  padding: 0.2rem 0.8rem;
}
.mod_glossaryMenu ul li a:hover, .mod_glossaryMenu ul li a.active, .mod_glossaryMenu ul li span:hover, .mod_glossaryMenu ul li span.active {
  color: #0068B4;
}

.histtimeline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.histitem {
  overflow: hidden;
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.histitem:not(:first-child) {
  margin-top: 20px;
}
@media screen and (min-width: 62.5em) {
  .histitem {
    /* inverse bounce effect on even content blocks */
  }
  .histitem.is-hidden {
    visibility: hidden;
  }
  .histitem.bounce-in {
    visibility: visible;
    -webkit-animation: bounce-1 0.6s;
            animation: bounce-1 0.6s;
  }
  .histitem.bounce-in:nth-child(even) {
    -webkit-animation: bounce-1-inverse 0.6s;
            animation: bounce-1-inverse 0.6s;
  }
}

@-webkit-keyframes bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes bounce-1 {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(20px);
            transform: translateX(20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@-webkit-keyframes bounce-1-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes bounce-1-inverse {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
.histyear {
  background-size: contain;
  position: relative;
  background-image: url(/files/theme/img/kobra-sicherheit-siegelform-base.svg);
  background-repeat: no-repeat;
  width: 80px;
  height: 80px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
          flex: 0 0 80px;
  margin: 0 auto;
  margin-right: -40px;
}
.histyear > p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
  padding: 0.5em 1em;
  color: #fff;
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  font-size: 1.5rem;
}

.histtext {
  border-radius: 10px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center top;
  padding: 2em 1em 1em 50px;
  display: block;
  width: 100%;
}
.histtext.histimg {
  padding: 170px 1em 1em 1em;
}
.histtext p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.2;
  padding: 0.5em 1em;
}

@media screen and (min-width: 48em) {
  .histitem {
    text-align: left;
    width: 80%;
  }
  .histitem:nth-child(even) {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .histitem:not(:first-child) {
    margin-top: 20px;
  }
  .histitem .histyear {
    width: 150px;
    height: 150px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
    background: url(/files/theme/img/kobra-sicherheit-siegelform-base.svg), -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #fff));
    background: url(/files/theme/img/kobra-sicherheit-siegelform-base.svg), linear-gradient(to right, transparent 0%, transparent 50%, #fff 50%);
    background-repeat: no-repeat;
    margin-right: auto;
  }
  .histitem .histtext {
    border-radius: 0;
    width: calc(100% - 150px);
    min-height: 150px;
    margin-top: 0;
    background-position: right top;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .histitem:nth-child(even) {
    margin-left: 110px;
  }
  .histitem .histtext.histimg {
    background-position: right top;
    padding-right: 190px;
  }
}
@media screen and (min-width: 62.5em) {
  .histitem {
    width: calc(50% + 20px);
  }
  .histitem:not(:first-child) {
    margin-top: -40px;
  }
  .histitem:nth-child(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .histitem:nth-child(odd) .histyear {
    background-image: url(/files/theme/img/kobra-sicherheit-siegelform-base.svg), -webkit-gradient(linear, left top, right top, from(#fff), color-stop(50%, #fff), color-stop(50%, transparent));
    background-image: url(/files/theme/img/kobra-sicherheit-siegelform-base.svg), linear-gradient(to right, #fff 0%, #fff 50%, transparent 50%);
    background-repeat: no-repeat;
  }
  .histitem:nth-child(even) .histyear {
    background: url(/files/theme/img/kobra-sicherheit-siegelform-base.svg), -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, transparent), color-stop(50%, #fff));
    background: url(/files/theme/img/kobra-sicherheit-siegelform-base.svg), linear-gradient(to right, transparent 0%, transparent 50%, #fff 50%);
    background-repeat: no-repeat;
  }
  .histitem:nth-child(odd) .histtext {
    background-position: left top;
  }
  .histitem:nth-child(even) .histtext {
    background-position: right top;
  }
  .histitem:nth-child(odd) .histtext.histimg {
    background-position: left top;
    padding-left: 190px;
    padding-right: 1em;
  }
  .histitem:nth-child(even) .histtext.histimg {
    background-position: right top;
    padding-right: 190px;
  }
}
.boxteaser {
  background-color: #0068B4;
  background-color: rgba(0, 104, 180, 0.2);
  padding: 8px 16px 16px 16px;
  padding: 0.5rem 1rem 1rem 1rem;
}
.boxteaser:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 56.3125em) {
  .boxteaser {
    margin-bottom: 2em;
  }
}
.boxteaser h3 {
  margin-bottom: 0.2em;
  margin-top: 0;
}

.contentteaser {
  margin-bottom: 2em !important;
}
@media screen and (min-width: 56.3125em) {
  .contentteaser {
    margin-bottom: 0 !important;
  }
}
.contentteaser h4 {
  font-size: 1.1em;
  text-decoration: none;
  width: 100%;
  text-align: center;
}
.contentteaser p {
  font-size: 14.4px;
  font-size: 0.9rem;
}
.contentteaser .boximage {
  position: relative;
}
.contentteaser .boximage img {
  max-width: auto;
  width: 100%;
}
.contentteaser .boxheadline {
  position: absolute;
  top: 50%;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  height: 60px;
  margin-top: -30px;
  width: 100%;
  display: block;
}
.contentteaser .boxheadline h4 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  margin-top: 0;
}
.contentteaser a:hover .boxheadline, .contentteaser a:focus .boxheadline {
  background-color: #0068B4;
  background-color: #0068b4;
}
.contentteaser a:hover .boxheadline h4, .contentteaser a:focus .boxheadline h4 {
  color: #fff;
}

.mitarbeiter .ce_headline:after {
  content: "";
  display: table;
  clear: both;
}
.mitarbeiter .ce_headline:after {
  margin-bottom: 1em;
}
.mitarbeiter .mitarbeiteritems:after {
  content: "";
  display: table;
  clear: both;
}
.mitarbeiter .ce_text figure {
  position: relative;
}
.mitarbeiter .ce_text figure,
.mitarbeiter .ce_text img {
  width: 100%;
}
.mitarbeiter .ce_text figcaption {
  background-color: #0068B4;
  background-color: rgba(0, 104, 180, 0.3);
  padding: 1em;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  line-height: 120%;
}
.mitarbeiter .ce_text figcaption:hover {
  background-color: #0068B4;
  background-color: rgba(0, 104, 180, 0.8);
}

.historie .ce_headline:after {
  content: "";
  display: table;
  clear: both;
}
.historie .ce_headline:after {
  margin-bottom: 1em;
}

.kette .ce_text {
  position: relative;
  z-index: 0;
}
.kette .ce_text h3,
.kette .ce_text img,
.kette .ce_text p {
  position: relative;
  z-index: 33;
}
.kette .ce_text:before {
  content: "2";
  font-size: 15em;
  line-height: 0;
  font-weight: bold;
  opacity: 0.6;
  color: #0068B4;
  position: absolute;
  top: 150px;
  right: 20px;
  z-index: 50;
}
@media screen and (min-width: 48em) {
  .kette .ce_text:before {
    top: 50px;
    right: 20px;
    z-index: 0;
    color: #fff;
  }
}
.kette .ce_text:first-child:before {
  content: "1";
}
.kette .ce_text:last-child:before {
  content: "3";
}

.centered {
  text-align: center;
}

.pricebox:after {
  content: "";
  display: table;
  clear: both;
}

.priceitem {
  text-align: center;
  padding-top: 1.5em;
}
.priceitem:after {
  content: "";
  display: table;
  clear: both;
}
.priceitem:not(:first-child) {
  margin-top: 20px;
}

.pricelabel {
  background-size: contain;
  position: relative;
  background-image: url(/files/theme/img/kobra-sicherheit-siegelform-base-rot.svg);
  background-repeat: no-repeat;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.pricelabel > p {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: Arvo, "Droid serif", Georgia, "Times New Roman", Times, serif;
  font-size: 24px;
  font-size: 1.5rem;
  white-space: nowrap;
}

.pricetext {
  background-repeat: no-repeat;
  background-position: center top;
  padding: 2em 1em 1em 1em;
  display: block;
  margin-top: -20px;
}
.pricetext.priceimg {
  padding: 170px 1em 1em 1em;
}
.pricetext p {
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2;
}

.priceannotations {
  text-align: right;
}

@media screen and (min-width: 48em) {
  .priceitem {
    text-align: left;
    width: 80%;
  }
  .priceitem:not(:first-child) {
    margin-top: 10px;
  }
  .priceitem .pricelabel {
    width: 150px;
    height: 150px;
    float: left;
    background: url(/files/theme/img/kobra-sicherheit-siegelform-base-rot.svg);
    background-repeat: no-repeat;
  }
  .priceitem .pricetext {
    width: calc(100% - 150px);
    float: right;
    min-height: 150px;
    margin-top: 0;
    background-position: right top;
    padding: 0 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .priceitem:nth-child(even) {
    margin-left: 110px;
  }
  .priceitem .pricetext.priceimg {
    float: right;
    background-position: right top;
    padding-right: 190px;
  }
}
@media screen and (min-width: 62.5em) {
  .priceitem {
    width: calc(50% + 20px);
  }
  .priceitem:not(:first-child) {
    margin-top: 0;
  }
  .priceitem:nth-child(odd) {
    float: left;
  }
  .priceitem:nth-child(even) {
    float: right;
  }
  .priceitem:nth-child(odd) .pricelabel {
    float: right;
    background-image: url(/files/theme/img/kobra-sicherheit-siegelform-base-rot.svg);
    background-repeat: no-repeat;
  }
  .priceitem:nth-child(even) .pricelabel {
    float: left;
    background: url(/files/theme/img/kobra-sicherheit-siegelform-base-rot.svg);
    background-repeat: no-repeat;
  }
  .priceitem:nth-child(odd) .pricetext {
    float: left;
    background-position: left top;
  }
  .priceitem:nth-child(even) .pricetext {
    float: right;
    background-position: right top;
  }
  .priceitem:nth-child(odd) .pricetext.priceimg {
    float: left;
    background-position: left top;
    padding-left: 190px;
    padding-right: 1em;
  }
  .priceitem:nth-child(even) .pricetext.priceimg {
    float: right;
    background-position: right top;
    padding-right: 190px;
  }
}
.tabbed-area:after {
  content: "";
  display: table;
  clear: both;
}
.tabbed-area img {
  max-width: 100%;
}
.tabbed-area .tabs {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 43.75em) {
  .tabbed-area .tabs {
    float: left;
    width: 30%;
  }
}
.tabbed-area .tabs li {
  list-style-type: none;
  display: block;
  padding: 1em;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
  font-weight: bold;
  color: #fff;
  cursor: pointer;
}
@media screen and (min-width: 43.75em) {
  .tabbed-area .tabs li {
    display: block;
  }
}
.tabbed-area .tabs li:hover, .tabbed-area .tabs li.current {
  background: rgba(255, 255, 255, 0.5);
}
.tabbed-area .box-wrap {
  background: rgba(255, 255, 255, 0.5);
}
.tabbed-area .box-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 43.75em) {
  .tabbed-area .box-wrap {
    float: left;
    width: 70%;
  }
}
.tabbed-area .box {
  background: #33485c;
  width: 100%;
  display: none;
  opacity: 0;
  -webkit-transition: all 1.5s linear;
  transition: all 1.5s linear;
}
.tabbed-area .box.current {
  display: block;
  opacity: 1;
}
.tabbed-area .box .text {
  float: left;
  width: 74%;
  padding: 3%;
}
.tabbed-area .box .text p:first-child {
  margin-top: 0;
}
.tabbed-area .box .image {
  float: right;
  width: 20%;
  padding: 3% 0;
  margin-right: 1em;
}
.tabbed-area .box .image img {
  width: 100%;
  height: auto;
}

.gridbox {
  margin: 0;
  padding: 0;
}
.gridbox:after {
  content: "";
  display: table;
  clear: both;
}
.gridbox > div {
  float: left;
  margin: 0;
  padding: 15px;
  list-style-type: none;
  background: none;
  line-height: 1;
  width: 100%;
}
@media screen and (min-width: 48em) {
  .gridbox.dreispalten > div {
    width: 50%;
  }
}
@media screen and (min-width: 56.25em) {
  .gridbox.dreispalten > div {
    width: 33.333333333%;
  }
}
@media screen and (min-width: 48em) {
  .gridbox.zweispalten > div {
    width: 50%;
  }
}
.gridbox > div:first-child {
  padding-bottom: 0;
}
.gridbox > div:last-child {
  padding-top: 0;
}
@media screen and (min-width: 75em) {
  .gridbox > div:first-child {
    margin-left: -15px;
    padding-bottom: 15px;
  }
  .gridbox > div:last-child {
    margin-right: -15px;
    padding-top: 15px;
  }
}

@supports (display: flex) {
  .gridbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .gridbox.zweispalten > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 600px;
            flex: 0 1 600px;
  }
  .gridbox.dreispalten > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 400px;
            flex: 0 1 400px;
  }
}
.beispielrechnung {
  font-size: 16px;
  font-size: 1rem;
}
.beispielrechnung > div {
  background-color: #fff;
  padding: 0.75em;
  margin-bottom: 6px;
}
.beispielrechnung > div.beispielrechnung-bild {
  background-color: transparent;
  padding-bottom: 0;
  margin-bototm: 0;
}

.beispielrechnung-headline {
  min-height: 105px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.beispielrechnung-headline h5 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #0068B4;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}

.beispielrechnung-items {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1rem;
}
.beispielrechnung-items em {
  color: #0068B4;
  font-size: 1.2em;
  font-weight: bold;
  padding-right: 0.5em;
  font-variant-numeric: lining-nums;
  -webkit-font-feature-settings: "lnum";
  font-feature-settings: "lnum";
  font-style: normal;
  font-family: arial, helvetica, sans-serif;
}

.beispielrechnung-summe {
  border-top: 1px solid #0068B4;
  text-align: right;
  margin-top: 1em;
}

.dreifachschutz {
  font-size: 16px;
  font-size: 1rem;
}

.dreifachschutz-stufe {
  min-height: 90px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dreifachschutz-stufe.rot {
  background-color: #d00003;
}
.dreifachschutz-stufe.gelb {
  background-color: #f39100;
}
.dreifachschutz-stufe.gruen {
  background-color: #38aa34;
}
.dreifachschutz-stufe h5 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 70em) {
  .buyorrent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.buyorrent > div {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  padding: 1.6%;
}
.buyorrent h2, .buyorrent h3, .buyorrent p, .buyorrent span, .buyorrent a {
  color: #fff;
}
@media screen and (max-width: 25.625em) {
  .buyorrent h2, .buyorrent h3, .buyorrent p, .buyorrent span, .buyorrent a {
    text-align: center;
  }
}
.buyorrent h2, .buyorrent h3 {
  text-align: center;
}
.buyorrent .einleitung {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  text-align: center;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,a0a0a0+100 */
  background: #ffffff; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#a0a0a0));
  background: linear-gradient(to bottom, #ffffff 0%, #a0a0a0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#a0a0a0",GradientType=0 ); /* IE6-9 */
}
.buyorrent .einleitung h2, .buyorrent .einleitung h3, .buyorrent .einleitung p, .buyorrent .einleitung span, .buyorrent .einleitung a {
  color: #000;
}
.buyorrent .angebot {
  background-color: #0068b4;
}
@media screen and (max-width: 69.9375em) {
  .buyorrent .angebot {
    border-bottom: 1px solid #fff;
  }
}
.buyorrent .angebot.left {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.buyorrent .angebot.right {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.buyorrent .angebot p {
  color: #fff;
}
@media screen and (min-width: 25.6875em) {
  .buyorrent .angebot p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.buyorrent .angebot p span {
  padding: 0.2em;
}
@media screen and (max-width: 25.625em) {
  .buyorrent .angebot p span {
    display: block;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 25.6875em) {
  .buyorrent .angebot p span:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 70%;
            flex: 0 0 70%;
  }
  .buyorrent .angebot p span:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}
.buyorrent .expenation {
  text-align: center;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
}
.buyorrent .expenation p {
  color: #000;
  font-style: italic;
  font-size: 0.8em;
}

@media screen and (min-width: 38.75em) {
  .flexlist ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .flexlist ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30%;
            flex: 0 0 30%;
  }
}

.padding-m {
  padding: 4rem 1rem;
}
@media screen and (min-width: 76.25em) {
  .padding-m {
    padding: 4rem 0;
  }
}

.padding-l {
  padding: 7rem 1rem;
}
@media screen and (min-width: 76.25em) {
  .padding-l {
    padding: 7rem 0;
  }
}

.padding-xl {
  padding: 10rem 1;
}
@media screen and (min-width: 76.25em) {
  .padding-xl {
    padding: 10rem 0;
  }
}

.mtop-l {
  margin-top: 3rem;
}

.ce_cp_grid_start + .ce_cp_grid_start,
.ce_cp_grid_start + .ce_headline {
  margin-top: 3rem;
}

.pageimage {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  height: 300px;
  overflow: hidden;
  /* Seitenslogan */
}
.pageimage img {
  width: 100%;
  height: auto;
}
.pageimage .pageslogan {
  padding: 0 1em;
  position: absolute;
  bottom: 3rem;
  left: 0;
  right: 0;
}
.pageimage .pageslogan .wrapper {
  max-width: 73.125em;
  margin: 0 auto;
}
.pageimage .pageslogan .slogan-text {
  display: inline-block;
  color: #fff;
  background-color: #0068B4;
  background-color: rgba(0, 104, 180, 0.8);
  -webkit-box-shadow: 5px 0 0 rgba(0, 104, 180, 0.8), -5px 0 0 rgba(0, 104, 180, 0.8);
          box-shadow: 5px 0 0 rgba(0, 104, 180, 0.8), -5px 0 0 rgba(0, 104, 180, 0.8);
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  font-size: 1.5em;
}

.ce_download {
  --download-color: #000000;
  --download-background: #fff;
  --download-border-weight: 1px;
  --download-border-style: solid;
  --download-border-color: #0068B4;
  --download-action-color: #ffffff;
  --download-action-background: #0068B4;
  --download-action-border-color: #ffffff;
}

.ce_download {
  display: inline-block;
  /* Display the extension as file*/
}
.ce_download a {
  display: block;
  padding: 0.5em 0.5em 0.5em 2.5rem;
  color: var(--download-color);
  background-color: var(--download-background);
  border: var(--download-border-weight) var(--download-border-style) var(--download-border-color);
  background-repeat: no-repeat;
  background-position: left 0.25rem center;
  background-size: 1.5rem;
  text-decoration: none;
}
.ce_download a:hover, .ce_download a:focus {
  border-color: var(--download-action-border-color);
  background-color: var(--download-action-background);
  color: var(--download-action-color);
}
.ce_download .download-element a {
  padding: 0.5rem;
}
.ce_download .download-element a:before {
  content: attr(data-type);
  display: inline-block;
  vertical-align: middle;
  height: 1.5rem;
  width: 1.2rem;
  font-size: 8px;
  line-height: 240%;
  text-align: center;
  border: 1px solid var(--download-border-color);
  border-radius: 5px 2px 2px 2px;
  padding: 0.2rem;
  margin-right: 0.3rem;
}
.ce_download .download-element a:hover:before {
  border: 1px solid var(--download-action-border-color);
}
.ce_text.centered {
	text-align: center;
}

.ce_text.centered figure {
	width: 100%;
}

.nopadding {
	padding-bottom: 0 !important;
}

.nopaddingall {
	padding: 0 !important;
}

.nopadding-top {
	padding-top: 0 !important;
}

.flexgallery ul {
	list-style: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
}

.main .flexgallery li {
	list-style-type: none;
	flex: 0 0 25%;
	min-width: 230px;
}

.bg-blue-gradient {
	background-color: #00264d;
	background: -moz-radial-gradient(40% 50%, circle farthest-side, #004d99, #00264d 75%);
	background: -webkit-radial-gradient(40% 50%, circle farthest-side, #004d99, #00264d 75%);
	background: -o-radial-gradient(40% 50%, circle farthest-side, #004d99, #00264d 75%);
	background: -ms-radial-gradient(40% 50%, circle farthest-side, #004d99, #00264d 75%);
	background: radial-gradient(40% 50%, circle farthest-side, #004d99, #00264d 75%);
}

.bg-image-1 {
	height: 300px;
	background: url('/files/assets/02_personenschutz/aufzugnotruf_nachruesten/AdobeStock_40338514_Preview.jpg') no-repeat;
	background-attachment: fixed;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
}
.bg-image-2 {
	height: 300px;
	background: url('/files/assets/02_personenschutz/aufzugnotruf_nachruesten/DSC_0250neu.jpg') no-repeat;
	background-attachment: fixed;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
}