@charset "UTF-8";
/* Contao Open Source CMS, (c) 2005-2017 Leo Feyer, LGPL-3.0+ */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, figure, table, th, td, form, fieldset, legend, input, textarea {
  margin: 0;
  padding: 0;
  outline: 0;
}
body {
  background: #fff;
}
* {
  outline: none;
  -webkit-text-size-adjust: none;
}
a {
  text-decoration: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
caption, th, td {
  text-align: left;
  text-align: start;
  vertical-align: top;
}
abbr, acronym {
  font-variant: normal;
  border-bottom: 1px dotted #666;
  cursor: help;
}
blockquote, q {
  quotes: none;
}
fieldset, img {
  border: 0;
}
ul {
  list-style-type: none;
}
#container .mod_article ul {
  padding-left: 20px;
  list-style-type: square;
}
#container .mod_article .ce_gallery ul {
  padding-left: 0;
  list-style-type: none;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
del {
  text-decoration: line-through;
}
ins {
  text-decoration: none;
}
header, footer, nav, section, aside, article, figure, figcaption {
  display: block;
}
input, button, textarea, select {
  font-family: inherit;
  font-size: 99%;
  font-weight: inherit;
}
input[type="search"] {
  -webkit-border-radius: 0px;
  -webkit-appearance: none;
}
pre, code {
  font-family: Monaco, monospace;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
  line-height: 1.1em;
}
@font-face {
  font-family: "garamond_condensedregular";
  src: url("/files/layout/font/garamond_condensed_regular-webfont.woff2") format("woff2"), url("/files/layout/font/garamond_condensed_regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "amaticsc";
  src: url("/files/layout/font/amaticsc-regular-webfont.woff2") format("woff2"), url("/files/layout/font/amaticsc-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Open Sans Condensed";
  src: url("/files/layout/font/OpenSans-CondLight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* oswald-300 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Oswald";
  font-style: normal;
  font-weight: 300;
  src: url("/files/layout/font/oswald-v53-latin-300.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-regular - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Oswald";
  font-style: normal;
  font-weight: 400;
  src: url("/files/layout/font/oswald-v53-latin-regular.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* oswald-700 - latin */
@font-face {
  font-display: swap;
  /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Oswald";
  font-style: normal;
  font-weight: 700;
  src: url("/files/layout/font/oswald-v53-latin-700.woff2") format("woff2");
  /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
h1 {
  font-family: "Oswald";
  font-weight: 300;
}
body {
  font-family: "Oswald";
  font-weight: 400;
}
h2, h3, h4, h5, h6 {
  font-family: "Oswald";
}
/*@mixin size (parameter,minSize,maxSize,minViewport,maxViewport) {

}*/
/*
//Verwendung:
@include mediaSwitch(background,red,green,blue);
//oder mit Listen
$imgArea: 550px, 280px, 174px;
@include mediaSwitch(height,$imgArea...);

// auch Berechnungen möglich:
@include mediaSwitch(margin-top,nth($imgArea,1)+50,nth($imgArea,2)+25,nth($imgArea,3)+10);

// Spezielle Berechnungen basierend auf vorher definierter Liste $imgArea:
// Hier verwenden wir viele verschiedene media-Queries, die mittels Pixel-Wert (max-width) oder Name (mediumScreen, iPadScreen) eingesetzt werden können
$imgAreaSpecial: nth($imgArea,1) + 40px,
                  $subTabletWidth nth($imgArea,2) + 40px,
                  700px calc( #{nth($imgArea,2)} + 6.3vw ),
                  mediumScreen calc( #{nth($imgArea,3)} + 5.8vw ),
                  200px 125px;
@include mediaSwitch(height,$imgAreaSpecial...);

// oder auch direkt ohne separat definierte Variable im media-Switch-Aufruf:
@include mediaSwitch(height,
                          nth($imgArea,1) + 40px,
                          $subTabletWidth nth($imgArea,2) + 40px,
                          700px calc( #{nth($imgArea,2)} + 6.3vw ),
                          mediumScreen calc( #{nth($imgArea,3)} + 5.8vw ),
                          200px 125px
                     );
*/
/*@include placeholder {
  font-weight:400;
  color: #999;
}*/
.flexHelperAfter {
  min-width: initial !important;
  /*  &.grid3space2{
    width: $grid3Width2;
  }*/
}
.flexHelperAfter.grid3space0 {
  display: none;
}
.flexHelperAfter.grid3space1 {
  width: calc(1 / 3 * 100% - (1 - 1 / 3) * 2em);
}
.flexHelperAfter.grid4space2 {
  width: calc((1 / 4 * 100% - (1 - 1 / 4) * 2em)*2);
}
/* 180620CM fluidSize: Skaliere dynamisch von $minSize auf $maxSize bei Browsergrößen zwischen $minViewportWidth und $maxViewportWidth
  Anwendungsbeispiele:
  @include fluidSize(font-size,0.8em,1.6em);
  @include fluidSize(border-width,2px,5px,600px,$desktopWidth);
  @include FluidSize(paddingleft padding-right, 1em, 1.5em);
*/
/*// Black Icons

%abschleppen{
  background-image: url("/files/layout/img/Unfall_Pannendienst.svg");
  @extend %imageBase;
}
%autovermietung{
  background-image: url("/files/layout/img/Auto_Vermietung.svg");
  @extend %imageBase;
}
%autowerkstatt{
  background-image: url("/files/layout/img/Auto_Werkstatt.svg");
  @extend %imageBase;
}
%autoverwertung{
  background-image: url("/files/layout/img/Auto_Verwertung.svg");
  @extend %imageBase;
}
%oelspur{
  background-image: url("/files/layout/img/Oelspur_Unfallsanierung.svg");
  @extend %imageBase;
}
%lkw{
  background-image: url("/files/layout/img/LKW_Bergung.svg");
  @extend %imageBase;
}

// White Icons

%abschleppenWhite{
  background-image: url("/files/layout/img/Unfall_Pannendienst_White.svg");
  @extend %imageBase;
}

%autowerkstattWhite{
  background-image: url("/files/layout/img/Auto_Werkstatt_White.svg");
  @extend %imageBase;
}
%autoverwertungWhite{
  background-image: url("/files/layout/img/Auto_Verwertung_White.svg");
  @extend %imageBase;
}*/
/**********************************************
* 1180 CSS Grid System - Fluid
* by Chris Blackwell / chrisblackwell.me
* modified by AO/CM 180608
**********************************************/
.mod_article .boxed, footer .inside, header .inside .outerWrap .innerWrap {
  max-width: calc(1180px + 6em);
  margin: 0 auto;
  padding: 0 3em;
  box-sizing: border-box;
}
@media (max-width: 600px) {
  .mod_article .boxed, footer .inside, header .inside .outerWrap .innerWrap {
    max-width: calc(1180px + 4em);
    padding: 0 2em;
  }
}
/* Sets default values on all columns */
.grid1, .grid2, .grid3, .quarterWidth, .grid4, .oneThirdWidth, .grid5, .grid6, .halfWidth, .grid7, .grid8, .twoThirdWidth, .grid9, .grid10, .grid11, .grid12, .fullWidth {
  box-sizing: border-box;
  min-width: inherit !important;
}
.grid1 {
  width: 6.5%;
}
.grid2 {
  width: 15%;
}
.grid3, .quarterWidth {
  width: calc(1 / 4 * 100% - (1 - 1 / 4) * 2em);
}
@media (max-width: 1023px) {
  .grid3, .quarterWidth {
    width: calc(1 / 2 * 100% - (1 - 1 / 2) * 2em);
  }
}
@media (max-width: 800px) {
  .grid3, .quarterWidth {
    width: 100%;
  }
}
.grid4, .oneThirdWidth {
  width: calc(1 / 3 * 100% - (1 - 1 / 3) * 2em);
}
.grid5 {
  width: 40.5%;
}
.grid6, .halfWidth {
  width: calc(1 / 2 * 100% - (1 - 1 / 2) * 2em);
}
@media (max-width: 1023px) {
  .grid6, .halfWidth {
    width: calc(1 / 2 * 100% - (1 - 1 / 2) * 2em);
  }
}
@media (max-width: 800px) {
  .grid6, .halfWidth {
    width: 100%;
  }
}
.grid7 {
  width: 57.5%;
}
.grid8, .twoThirdWidth {
  width: 66%;
}
.grid9 {
  width: 74.5%;
}
.grid10 {
  width: 83%;
}
.grid11 {
  width: 91.5%;
}
.grid12, .fullWidth {
  width: 100%;
  max-width: calc(1180px + 6em);
}
@media screen {
  h1 {
    font-size: 1.8em;
    margin-bottom: 1em;
    color: #e52421;
    text-transform: uppercase;
    position: relative;
    padding-left: 30px;
    box-sizing: border-box;
    line-height: 1.5;
  }
  h1 span {
    background: #fff;
    padding: 0 5px;
  }
  h1:before {
    position: absolute;
    left: 0;
    bottom: 5px;
    content: "";
    width: 100%;
    height: 2px;
    background: #e52421;
    display: block;
    z-index: -1;
  }
  h2 {
    color: #e52421;
    font-size: 2em;
    margin-bottom: 1em;
  }
  h2 strong {
    font-weight: 700;
  }
  h3 {
    color: #e52421;
    font-size: 1.4em;
    margin-bottom: 10px;
    font-weight: 400;
  }
  h4 {
    font-size: 1.3333em;
  }
  table {
    font-size: inherit;
  }
  caption, th {
    font-weight: bold;
  }
  a {
    color: #e52421;
  }
  .invisible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  figure img {
    display: block;
  }
  p, ul {
    margin-bottom: 1em;
  }
  body {
    color: #111;
    font-size: 1em;
    line-height: 150%;
    overflow-x: hidden;
  }
  #wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }
  #container {
    flex: 1;
  }
  #imgArea img, main img {
    max-width: 100%;
    height: auto;
  }
  .mod_article .boxed {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .mod_article .boxed a {
    word-break: break-word;
  }
  footer .inside {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ce_text, .ce_image, .ce_gallery {
    max-width: 100%;
  }
  header {
    position: relative;
    z-index: 10;
    background: #555;
    padding-top: 2em;
  }
  header:before {
    content: "";
    width: 100%;
    display: block;
    height: 200px;
    background-color: #333;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-top: 1px solid #fff;
  }
  header .inside .outerWrap .innerWrap {
    display: grid;
    grid-template-columns: 1fr 1.9fr;
  }
  header .inside .outerWrap .innerWrap .logo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: white;
    text-align: center;
  }
  header .inside .outerWrap .innerWrap .logo img {
    width: 80%;
    height: 100%;
    aspect-ratio: 1;
    display: inline-block;
  }
  header .inside .outerWrap .innerWrap .hamburger {
    display: none;
  }
  body.navFixed .outerWrap, body:not(.home) .outerWrap {
    background: #fff;
    top: 0;
  }
  body.navFixed .outerWrap .innerWrap, body:not(.home) .outerWrap .innerWrap {
    background: rgba(255, 255, 255, 0);
    height: 90px;
  }
  body.navFixed .outerWrap .innerWrap .logo, body:not(.home) .outerWrap .innerWrap .logo {
    top: 0;
    background: white;
    padding: 0;
  }
  body.navFixed .outerWrap .innerWrap .logo img, body:not(.home) .outerWrap .innerWrap .logo img {
    width: 200px;
    height: auto;
    /*@include mediumScreen{
            width: 130px;
            margin-top: 10px;
          }*/
  }
}
@media screen and (max-width: 800px) {
  h1 {
    font-size: 1.5em;
    padding: 0;
  }
}
@media screen and (max-width: 800px) {
  h1 span {
    padding: 0;
  }
}
@media screen and (max-width: 800px) {
  h1:before {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  h2 {
    font-size: 1.8em;
    margin-bottom: 0.5em;
  }
}
@media screen and (max-width: 1023px) {
  header {
    padding-top: 40px;
  }
}
@media screen and (max-width: 1023px) {
  header .inside .outerWrap .innerWrap {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 800px) {
  header .inside .outerWrap .innerWrap {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  header .inside .outerWrap .innerWrap .logo {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  header .inside .outerWrap .innerWrap .hamburger {
    display: block;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22html%2Fcontao413%2Ffiles%2Flayout%2Fscss%2Fcore.scss%22%2C%22html%2Fcontao413%2Ffiles%2Flayout%2Fscss%2Fbase%2F_reset.scss%22%2C%22html%2Fcontao413%2Ffiles%2Flayout%2Fscss%2Fbase%2F_settings.scss%22%2C%22html%2Fcontao413%2Ffiles%2Flayout%2Fscss%2Fmixins%2F_helpers.scss%22%2C%22html%2Fcontao413%2Ffiles%2Flayout%2Fscss%2Fext%2F1180px.scss%22%2C%22html%2Fcontao413%2Ffiles%2Flayout%2Fscss%2Fmixins%2F_mediaqueries.scss%22%2C%22html%2Fcontao413%2Ffiles%2Flayout%2Fscss%2Flayout%2F_structure.scss%22%2C%22html%2Fcontao413%2Ffiles%2Flayout%2Fscss%2Flayout%2F_header.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22%3BAACA%3BACAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACzDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFtDA%3BAE%2BDA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAF%2FDA%3BAEuEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFvEA%3BAE%2BEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAeA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAFvGA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAGqNA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAHhOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3B%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAIKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACyBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAL9BF%3BAIiBA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAChBE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADqBF%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BACrCE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAD0CF%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAJzEA%3BAMfA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAkBE%3BAAAA%3BAAAA%3BAAAA%3BAAQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAiBF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAUF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYE%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAME%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQF%3BAAAA%3BAAAA%3BAC1JA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcI%3BAAAA%3BAAAA%3BAAAA%3BAAUE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASF%3BAAAA%3BAAAA%3BAAaN%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAFpDN%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAZA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAANA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%22%7D */