/* ### Fonts ### */
@font-face {
  font-display: fallback;
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro-Regular.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SourceSansPro-Regular.woff2") format("woff2"), /* Modern Browsers */
	url("../fonts/SourceSansPro-Regular.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SourceSansPro-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/SourceSansPro-Regular.svg") format("svg"), /* Legacy iOS */
    url("../fonts/SourceSansPro-Regular.otf") format("opentype"); /* Open Type Font */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-display: fallback;
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro-Light.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SourceSansPro-Light.woff2") format("woff2"), /* Modern Browsers */
	url("../fonts/SourceSansPro-Light.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SourceSansPro-Light.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/SourceSansPro-Light.svg") format("svg"), /* Legacy iOS */
    url("../fonts/SourceSansPro-Light.otf") format("opentype"); /* Open Type Font */
  font-weight: light;
  font-style: normal;
}
@font-face {
  font-display: fallback;
  font-family: "Source Sans Pro";
  src: url("../fonts/SourceSansPro-Bold.eot"); /* IE9 Compat Modes */
  src: url("../fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/SourceSansPro-Bold.woff2") format("woff2"), /* Modern Browsers */
	url("../fonts/SourceSansPro-Bold.woff") format("woff"), /* Modern Browsers */
    url("../fonts/SourceSansPro-Bold.ttf") format("truetype"), /* Safari, Android, iOS */
    url("../fonts/SourceSansPro-Bold.svg") format("svg"), /* Legacy iOS */
    url("../fonts/SourceSansPro-Bold.otf") format("opentype"); /* Open Type Font */
  font-weight: bold;
  font-style: normal;
}
/* ### Fonts ### */
/* ######################################################## Farben ######################################################## */
:root {
  /* ### Blaue Farbe ### */
  --blue-color-light: #81a9f1;
  --blue-color: #4f80da;
  --blue-color-dark: #2c69da;
  /* ### Blaue Farbe ### */
  /* ### Gelbe Farbe ###  */
  --yellow-color-light: #f2e10d;
  --yellow-color: #FFD700;
  --yellow-color-dark: #ffc600;
  /* ### Gelbe Farbe ### */
  /* ### Graue Farbe ### */
  --grey-color-light: #f7f7f7;
  --grey-color: #e6e6e6;
  --grey-color-dark: #ccc;
  /* ### Graue Farbe ### */
  /* ### WeiЯe Farbe ### */
  --white-color-light: #fff;
  --white-color: #f1f0ea;
  --white-color-dark: #f1ece1;
  /* ### WeiЯe Farbe ### */
  /* ### Rote Farbe ### */
  --red-color-light: #FF0000;
  --red-color: #DC143C;
  --red-color-dark: #B22222;
  /* ### Rote Farbe ### */
  /* ### Grьne Farbe ### */
  --green-color-light: #bcf5de;
  --green-color: #8fefc7;
  --green-color-dark: #63e9b1;
  /* ### Grьne Farbe ### */
  /* ### Dunkle-Graue Farbe ### */
  --darkgrey-color-light: #555;
  --darkgrey-color: #444;
  --darkgrey-color-dark: #333;
  /* ### Dunkle-Graue Farbe ### */
  /* ### Sand Farbe ### */
  --sand-color-light: #F5DEB3;
  --sand-color: #DEB887;
  --sand-color-dark: #D2B48C;
  /* ### Sand Farbe ### */
}
.orange{background-color:#ffa500}
.cc-floating.cc-window {
   max-width: 34em!important;

}
/* Banner */
#div_banner{
    position: fixed;
    right: -510px;
    opacity: 0;
    display: none;
    z-index: 9999;
    top: 0em;
    border: 4px solid red;
    /* outline: 4px solid #fff; */
    box-shadow: -6px 6px 8px 0 #333;
    margin: 0 !important;
	width: 500px;
	height: auto;
	background: #fff;
	max-width:90%;
	max-height:90%;
	overflow:auto;
}
div.div_bannerClose{background-color:#ff0;padding:5px;text-align:right;cursor:pointer}
#bannerContent{padding:10px; text-align:center}
#bannerContent img.lazyload{opacity:1;transition:none}
html body div#div_banner div.div_bannerImg a{width:100%;height:100%;display:block}
html body div#div_banner div.div_bannerImg img{width:100%;height:auto}
#div_banner p + p{padding:0 0 20px 0; text-align:center}
/* Banner */
/* ### Konzept-Logo im Header (Bosch oder anderes) ### */
#konzept-logo{
  float: left;
  max-width: 20%;
  height: 100%
}
#konzept-logo div, #konzept-logo figure{height:100%}
#konzept-logo figure{
  min-width:50px
}
#konzept-logo figure a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height:100%
}
#konzept-logo figure img{
  max-width: calc(100% - 20px);
  max-height: calc(100% - 20px);
  width:auto;
  margin: 10px
}
/* ### Konzept-Logo im Header (Bosch oder anderes) ### */
/* ### Animationen ### */
/* ### MuЯ ьber den Farben stehen, damit Bg mit animiert wird ### */
/* ### Animation bei Aktionen-Boxen ### */
div.aktionen div.right{
  -webkit-animation-duration: 1.7s;
  animation-duration: 1.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
    animation-name: zoomIn;  
}
div.aktionen div.middle{
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
  animation-delay: 0.5s;
}
div.aktionen div.left{
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
    animation-name: zoomIn;    
  animation-delay: 1s;
}
/* ### Animation bei Aktionen-Boxen ### */
/* ### Animation bei Infobuttons ### */
#infobuttons > div:nth-child(1){
  -webkit-animation-duration: 1.7s;
  animation-duration: 1.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
    animation-name: zoomIn;  
}
#infobuttons > div:nth-child(2){
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
  animation-delay: 0.4s;
}
#infobuttons > div:nth-child(3){
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
    animation-name: zoomIn;    
  animation-delay: 0.6s;
}
#infobuttons > div:nth-child(4){
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
    animation-name: zoomIn;    
  animation-delay: 0.8s;
}
#infobuttons > div:nth-child(5){
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: zoomIn;
    animation-name: zoomIn;    
  animation-delay: 1s;
}
/* ### Animation bei Infobuttons ### */
/* ### Animationen ### */
/* ### Blaue Farben fьr Container ### */
/* div.bg-blue div.row div.col{background-color: #4f80da;} 20180730_ala*/
div.bg-blue{background-color: #4f80da;}
/* ### Blaue Farben fьr Container ### */
/* ### Gelbe Farben fьr Container ### */
/* div.bg-yellow div.row div.col{background-color: #FFD700;} 20180730_ala*/
div.bg-yellow{background-color: #FFD700;}
div.bg-yellow.aktionen div.row div.col.left{background-color: #f2e10d;}
div.bg-yellow.aktionen div.row div.col.middle{background-color: #FFD700;}
div.bg-yellow.aktionen div.row div.col.right{background-color: #ffc600;}
/* ### Gelbe Farben fьr Container ### */
/* ### Graue Farben fьr Container ### */
/* div:not(.bg-none).bg-grey div.row div.col{background-color: #e6e6e6;} 20180730_ala*/
div:not(.bg-none).bg-grey{background-color: #f7f7f7;}
div.bg-grey.aktionen div.row div.col.left{background-color: #f7f7f7;}
div.bg-grey.aktionen div.row div.col.middle{background-color: #e6e6e6;}
div.bg-grey.aktionen div.row div.col.right{background-color: #ccc;}
/* ### Graue Farben fьr Container ### */
/* ### Dunkle-Graue Farben fьr Container ### */
/* div:not(.bg-none).bg-grey div.row div.col{background-color: #e6e6e6;} 20180730_ala*/
div:not(.bg-none).bg-darkgrey{background-color: #555;}
div.bg-darkgrey.aktionen div.row div.col.left{background-color: #555;}
div.bg-darkgrey.aktionen div.row div.col.middle{background-color: #444;}
div.bg-darkgrey.aktionen div.row div.col.right{background-color: #333;}
/* ### Dunkle-Graue Farben fьr Container ### */
/* ### WeiЯe Farben fьr Container ### */
/* div.bg-white div.row div.col{background-color: #f1f0ea;} 20180730_ala*/
div.bg-white{background-color: #f1f0ea;}
div.bg-white.aktionen div.row div.col.left{background-color: #fff;}
div.bg-white.aktionen div.row div.col.middle{background-color: #f1f0ea;}
div.bg-white.aktionen div.row div.col.right{background-color: #f1ece1;}
/* ### WeiЯe Farben fьr Container ### */
/* ### Rote Farben fьr Container ### */
/* div.bg-red div.row div.col{background-color: #DC143C;} 20180730_ala*/
div.bg-red{background-color: #DC143C;}
div.bg-red.aktionen div.row div.col.left{background-color: #FF0000;}
div.bg-red.aktionen div.row div.col.middle{background-color: #DC143C;}
div.bg-red.aktionen div.row div.col.right{background-color: #B22222;}
/* ### Rote Farben fьr Container ### */
/* ### Grьne Farben fьr Container ### */
/* div.bg-green div.row div.col{background-color: #8fefc7;} 20180730_ala*/
div.bg-green{background-color: #8fefc7;}
div.bg-green.aktionen div.row div.col.left{background-color: #bcf5de;}
div.bg-green.aktionen div.row div.col.middle{background-color: #8fefc7;}
div.bg-green.aktionen div.row div.col.right{background-color: #63e9b1;}
/* ### Grьne Farben fьr Container ### */
/* ### Sand Farben fьr Container ### */
div.bg-sand{background-color: #DEB887;}
div.bg-sand.aktionen div.row div.col.left{background-color: #F5DEB3;}
div.bg-sand.aktionen div.row div.col.middle{background-color: #DEB887;}
div.bg-sand.aktionen div.row div.col.right{background-color: #D2B48C;}
/* ### Grьne Farben fьr Container ### */
/* ### Keine Farben ### */
div.bg-none div.row div.col, div.bg-none div.row div.col.left, div.bg-none div.row div.col.middle, div.bg-none div.row div.col.right{background-color: transparent;}
/* ### Keine Farben ### */
/* ### Font-Color ###*/
div.font-white, div.font-white a, div.font-white h2{color:#fff;z-index:1}
div.font-beige{color:#F5F5dc;z-index:1}
/* ### Font-Color ###*/
/* ######################################################## Farben ######################################################## */
/* ######################################################## Breite und Hцhe ######################################################## */
body, body > header.navbar, #content.main-section div.csc-default.frame-type-carousel{min-width:375px !important}
div.body-bg{width:100%}
#content, div.container{width:100%;padding:0}
div.w100{width:100%;margin:0 auto}
div.w90{max-width:90%;width:90%;margin:0 auto}
div.w80{max-width:80%;width:80%;margin:0 auto}
div.w70{max-width:70%;width:70%;margin:0 auto}
div.w60{max-width:60%;width:60%;margin:0 auto}
div.w50{max-width:50%;width:50%;margin:0 auto}
div.h400{height:400px;}
div.h200{height:200px}
div.h160{height:160px}
/* ######################################################## Breite und Hцhe ######################################################## */
/* ######################################################## Content ######################################################## */
/* BFSG */
div#bfsg-menu {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 999999;
}

.accessibility-button {
    background-color: var(--color-blue);
    padding: 5px;
    border-radius: 100%;
    border: 5px solid white;
    -webkit-box-shadow: 0 2px 12px -4px var(--color-black);
    box-shadow: 0 2px 12px -4px var(--color-black);
    cursor: pointer;
    position: relative;
}

.accessibility-content {
    display: none;
}

.show .accessibility-content, .accessibility-button:focus-within .accessibility-content {
    display: block;
}

.accessibility-content {
    position: absolute;
    left: 50px;
    bottom: 0;
    background-color: var(--color-white );
    padding: 10px;
    min-width: 175px;
    -webkit-box-shadow: 0 2px 12px -6px var(--color-black);
    box-shadow: 0 2px 12px -6px var(--color-black);
}

.accessibility-content a:focus-visible {
    outline: 2px solid black;
    display: block;
}

.accessibility-content  > div {
    margin-bottom: 15px;
}

.accessibility-content  > div:last-child {
    margin-bottom: 0;
}

.easyl-inner, .hcontrast-inner, .textc-inner, .stopanimation-inner {
    display: flex;
}

.accessibility-content > div > a > div > img {
    margin-right: 5px;
}

.plus {
    margin-left: 3px;
    margin-right: 3px;
}

.minus {
    opacity: 0.3;
}

html.Text-1 .minus, html.Text-2 .minus, html.Text-3 .minus {
    opacity: 1;
}

html.Text-3 .plus{
    opacity: 0.3;
}

.accessibility-content a {
    color: black;
    text-decoration: none;
}

.accessibility-content a:hover {
    color: black;
    text-decoration: none;
}

.high-contrast #hcontrast a {
    font-weight: bold;
}

.bottom-scroll div#bfsg-menu {
    bottom: 60px;
}

html.Text-1 {
    zoom: 1.1;
}

html.Text-2 {
    zoom: 1.2;
}

html.Text-3 {
    zoom: 1.3;
}

:focus, :focus-visible {
    outline: 2px solid black;
    outline-offset: 0;
}

.page-skip-link {
    opacity: 0;
    height: 0;
    display: block;
}
.page-skip-link:focus-within {
    opacity: 1;
    height: auto;
    position: fixed;
    top: 20px;
    left: 20px;
    background-color: var(--color-blue);
    color: white;
    z-index: 9999999;
    padding: 10px 20px;
    border: 2px solid white;
}

#stopanimation.show {
    font-weight: bold;
}
/* BFSG */
figure > img, figure a > img{width:auto;height:auto}
/* Bilder als Bild-Element*/
/* Bilder unteneinander */
div.csc-default.frame.frame-default.frame-type-textpic div.gallery-row.row > div.gallery-item + div.gallery-item{margin-top:1em}
/* Bilder unteneinander */
/* 2 Spalte*/
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-6.col-xs-12{
  width: calc((100% - 20px) / 2);
  margin: 10px 0px 10px 20px;
  padding:0;
}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-6.col-xs-12:first-child{margin:10px 0}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-6.col-xs-12:nth-child(2n+1){margin:10px 0}
/* 2 Spalte*/
/* 3 Spalte*/
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-4.col-sm-4.col-xs-4{
  width: calc((100% - 40px) / 3);
  margin: 10px 20px;
}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-4.col-sm-4.col-xs-4:first-child{margin:10px 0}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-4.col-sm-4.col-xs-4:nth-child(3n+1){margin:10px 0}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-4.col-sm-4.col-xs-4:nth-child(3n){margin:10px 0}
/* 3 Spalte*/
/* Bilder als Bild-Element*/
/* 4 Spalte*/
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-3.col-sm-3.col-xs-6{
  width: calc((100% - 60px) / 4);
  margin: 10px 0px 10px 20px;
}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-3.col-sm-3.col-xs-6:first-child{margin:10px 0}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-3.col-sm-3.col-xs-6:nth-child(4n+1){margin:10px 0}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-3.col-sm-3.col-xs-6:nth-child(4n){margin:10px 0 10px 20px}
/* 4 Spalte*/
/* 6 Spalte*/
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-2.col-sm-3.col-xs-4{
  width: calc((100% - 100px) / 6);
  margin: 10px 0px 10px 20px;
}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-2.col-sm-3.col-xs-4:first-child{margin:10px 0}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-2.col-sm-3.col-xs-4:nth-child(6n+1){margin:10px 0}
div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item.col-md-2.col-sm-3.col-xs-4:nth-child(6n){margin:10px 0 10px 20px}
/* 6 Spalte*/
/* ### Fahrzeugankauf-Formular ### */
div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid{padding:0}
div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap{overflow:hidden}
div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap label.powermail_label{width:100%}
div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap div.powermail_field{width:100%;float:left}
div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap div.powermail_field select, div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap div.powermail_field textarea, div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap div.powermail_field input[type="text"], div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap div.powermail_field input[type="email"], div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap div.powermail_field input[type="tel"], div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap div.powermail_field input[type="text"]{width:100%}
div.div_100.w60.fahrzeugankauf-formular div.tx-powermail form.powermail_form.powermail_form_2 fieldset.powermail_fieldset div.powermail_fieldwrap div.powermail_field div.checkbox label input#powermail_field_datenschutz_1.powermail_checkbox.powermail_checkbox_30{top:2px}
div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset li.parsley-required, div.div_100.w60.fahrzeugankauf-formular div.tx-powermail div.container-fluid form.powermail_form.powermail_form_2 fieldset.powermail_fieldset li.parsley-custom-error-message{color:#ff0000}
/* ### Fahrzeugankauf-Formular ### */
/* ### Image-Lightbox  ### */
div.pswp div.pswp__ui{height:100%}
/* ### Image-Lightbox  ### */
/* ### News-Detail auf Detailseite ### */
div.news.news-single div.article div.footer, div.news.news-single div.article div.footer span{border:none}
div.news-single div.article div.news-img-wrap{float:none;margin:0;width:100%}
div.news-single div.article div.news-img-wrap a{
  width: 100%;
  height: 100%;
  display: block;
  border:none;
  padding:0 0 20px 0;
  float:none;
}
div.news-single div.article div.news-img-wrap a img{width:100%;height:auto;border:1px solid #ccc}
div.news.news-single div.article div.news-related-wrap div.news-related.news-related-links{border-bottom: none; border-left: none; border-right: none; padding-bottom: 0; padding-left: 0; padding-right: 0}
/* ### News-Detail auf Detailseite ### */
/* ### News-List auf Startseite ### */
div.news div.news-list-view div.article div.news-img-wrap{width:100%;margin:0 0 10px 0}
div.news div.news-list-view div.article div.news-img-wrap a{width:100%;height:100%;display:block;float:none;border:none;padding:0}
div.news div.news-list-view div.article div.news-img-wrap a img{width:100%;height:auto;float:none;border:1px solid #ccc}
div.news div.news-list-view div.article div.header{margin:10px 0}
div.news div.news-list-view div.article{width:calc((100% - 40px) / 2)}
div.news div.news-list-view div.article:first-child{float:left}
div.news div.news-list-view div.article:last-child{float:right}
/* ### News-List auf Startseite ### */
/* ### Google-Map auf Startseite ### */
div.section > div.container > div.googlemap{padding:0}
/* ### Google-Map auf Startseite ### */
/* ### Logo und Firmenname in Header ### */
#header{
  width:50%;
  max-width: 87%;
  height:140px;
  float:left;
  transition:0.5s;
}
header.navbar-transition #header{height:70px}
#header #div_logo-headername{display:flex;align-items:center;height:100%}
#header #logo{width:20%;min-width:100px;float:left;height:100%}
#header #logo div{height:100%;margin:0}
#header #logo figure{height:100%;width:100%;display:flex;align-items:center;min-width:100px}
#header #logo figure a{height:100%;width:100%;display:flex;align-items:center}
#header #logo figure img{max-height:100%;width:auto;height:auto;max-width:100%;min-width:25px}
#header #header_name{float:left;padding:0 15px}
#header #div_logo-headername #header_name h1{margin-bottom:0;text-align:left;transition:0.5s}
header.navbar-transition #header #div_logo-headername #header_name h1{font-size:2em}
#header #div_logo-headername #header_name span.span_h1{margin-bottom:0;font-size:2.6em;font-family:inherit;font-weight:700;line-height:1.1}
header.navbar-transition #header #div_logo-headername #header_name span.span_h1{font-size:2em}
/* ### Logo und Firmenname in Header ### */
/* ### Firmen-Name ### */
header.navbar{border:none}
header.navbar div.container div.navbar-header.navbar-header-main{padding:0 20px;position:absolute;right:0}
header.navbar div.container div.navbar-header.navbar-header-main a.navbar-brand{
  margin:0;
  padding:0;
  font-size:2.1em;
}
header.navbar.navbar-transition div.container div.navbar-header.navbar-header-main a.navbar-brand{font-size:1.8em}
/* ### Firmen-Name ### */
/* ### Menь ### */
header.navbar div.container nav.navbar-collapse{height:100%;max-height:none}
header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav li a{transition:0.5s}
header.navbar div.navbar-header, header.navbar div.navbar-header a.navbar-brand{transition:0.5s}
header.navbar nav.navbar-collapse{transition:0.5s}
header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown ul.dropdown-menu{border:none;padding:0;text-transform:uppercase;right:0;left:auto}
@media all and (max-width:1440px){
	header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown ul.dropdown-menu{right:auto;left:0}
}
header.navbar nav.navbar-collapse ul.nav.navbar-main li.dropdown:hover ul.dropdown-menu{display:block}
header.navbar div.container nav.navbar-collapse.collapse{width:50%;float:right}
header.navbar nav.navbar-collapse ul.nav.navbar-main li a span{font-weight:bold}
/* ### Menь ### */
/* ### Services-Slider ### */
div.str_move div.csc-header.csc-header-n h1{font-size:2em;}
div.str_move > div.csc-default > div.csc-header{display:none}
div.str_move > div.csc-default:hover > div.csc-header{
  display:block;
  font-size:6px;
  position:absolute;
  top:74px;
  left:11px
}
div.str_move div.ToolBox{
  width:60px;
  float:left;
  padding: 7px 0;
  margin: 0 10px;
  height: 83px;
  position: relative;
  display: block;
  overflow: visible;
  box-sizing: border-box
}
div.str_move div.ToolBoxContent{display:none}
div.str_move div.ToolBoxImage{width:60px; position: static; margin:0}
div.str_move div.ToolBoxImage img{width:100%; height:auto; position: static/* ; filter:blur(0.5px) */}
div.str_move > div.csc-default:hover div.ToolBoxImage img{filter:/* blur(0px) */ drop-shadow(1px 1px 3px rgba(0,0,0,0.7))}
div.str_move.str_origin{width:auto}
div.str_move {
    cursor: move;
    white-space: nowrap;
  left: 0;
  position: absolute;
  top: 0;
  bottom:0;
  padding:0;
  box-sizing: border-box;
}
/* ### Services-Slider ### */
/* ### Header-Bild Slider ### */
div.body-bg > div#content.main-section > div.frame-type-carousel div.carousel.slide div.carousel-inner div.item{height:830px}
header.navbar.navbar-transition + div.body-bg{padding-top:70px;transition:0.5s}
header.navbar.navbar-transition + div.body-bg #content > div.frame-type-carousel:first-child{top:70px;transition:0.5s}
#content > div.frame-type-carousel{padding:0}
#content > div.frame-type-carousel a.carousel-control{display:none}
div.carousel-inner div.item.carousel-item-type.carousel-item-type-header div.carousel-text-inner h4.text-center.awesome{font-size:2.275em;line-height:1.1em}
#content > div.frame-type-carousel:first-child{
  /* position:relative; 20180712_ala*/
  position: fixed;
  top: 140px;
  left: 0;
  right: 0;
  transition:0.5s;
}
#content > div.frame-type-carousel:first-child > header{
  position: absolute;
  width: 60%;
  text-align: right;
  z-index: 1;
  top: 15.9%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 20%, rgba(255,255,255,0.9) 40%);
  padding: 30px;
}
#content > div.frame-type-carousel:first-child > header h2{margin:0}
#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{
  display:block;
  color: #FFFFFF;
  position: absolute;
  height: auto;
  padding: 30px;
  top: 28%;
  width: 60%;
  right: 0;
  text-align: left;
  background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 20%, rgba(255,255,255,0.9) 40%);
}
#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign div.vcontainer{display:block}
#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign div.vcontainer div.carousel-text-inner{width:100%}
#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign div.vcontainer div.carousel-text-inner h2{
  margin: 0;
  text-align: left;
}
/* ### Header-Bild Slider ### */
/* ### Header-Bild auf Unterseiten ### */
#content > div.frame-type-image{width:100%;height:200px;overflow:hidden;position: relative}
#content > div.frame-type-image > div.gallery-row{display:inline-block;width:100%;height:100%}
#content > div.frame-type-image > div.gallery-row div.gallery-item{width:100%;height:100%;padding:0}
#content > div.frame-type-image > div.gallery-row div.gallery-item figure{width:100%;height:100%}
#content > div.frame-type-image > div.gallery-row div.gallery-item figure img{width:100%;height:auto}
/* ### Header-Bild auf Unterseiten ### */
/* ### Adresse auf Kontakt-Seite ### */
#content.main-section div.section div.container div.div_100 div.row div.col div.frame-type-header header h1 + h2{text-align:left}
#content.main-section table.table td{border:none;padding:0}
#content.main-section table.table td:first-child{width:15%}
#content.main-section table.table{margin-bottom:0}
div.frame-type-shortcut > div{margin:20px 0}
div.frame-type-shortcut > div:first-child{margin-top:0}
div.frame-type-shortcut > div:last-child{margin-bottom:0}
/* ### Adresse auf Kontakt-Seite ### */
/* ### Kontakt-Formular ### */
legend {line-height:1.3em}
div.tx-powermail form.powermail_form h3{display:none}
div.tx-powermail form.powermail_form legend.powermail_legend{border:none}
div.tx-powermail form.powermail_form div.powermail_fieldwrap{margin-bottom:20px}
div.tx-powermail form.powermail_form label.powermail_label{
  font-weight: normal;
  margin-right: 5px;
  margin-bottom:0;
  float: left;
  max-width:none;
  width:27%;
}
textarea{resize:none}
textarea, select, input[type="text"], input[type="email"], input[type="tel"], input[type="text"]{width:300px;max-width:100%}
div.tx-powermail form.powermail_form div.powermail_fieldwrap_termin label.powermail_label{display:none}
div.tx-powermail form.powermail_form div.powermail_fieldwrap_datenschutz label.powermail_label{display:none}
div.tx-powermail form.powermail_form fieldset.powermail_fieldset legend.powermail_legend{display:none}
/* ### Kontakt-Formular ### */
/* ### Text mit Bild ### */
div.section div.container div.frame-type-textpic div.col-md-6.col-xs-12:first-child{padding-left:0px}
div.section div.container div.frame-type-textpic div.col-md-6.col-xs-12:last-child{padding-right:0px}
/* ### Text mit Bild ### */
/* #content div.section > div.container > div:last-child{padding-bottom:0} */
div{position:unset}
#content.main-section, #content.main-section div.section, #content.main-section div.section div.row, #content.main-section div.section div.row div.col{position:relative}
div.section{padding-top:0;padding-bottom:0;z-index:2}
div.frame{padding-top:0;padding-bottom:0}
/* nur auf Startseite*/
div.csc-default.frame-type-carousel + div.aktionen + div.section:last-child{
  padding-bottom:0;
  margin-top:500px;
  background-color:#fff;
}
div.div_33-33-33.aktionen{min-width:507px}
div.div_33-33-33.aktionen div.row div.col{min-width:169px}
/* 20191030_ala neue Positionierung für Aktionen-Boxen */
div.body-bg #content{overflow:hidden; line-height:1.8em}
a{outline:none;}
div.body-bg #content > div.div_33-33-33.aktionen{
  position:absolute;
  z-index:3;
  top:647px;
}
div.body-bg #content > div.div_33-33-33.aktionen.w90{left:5%}
div.body-bg #content > div.div_33-33-33.aktionen.w80{left:10%}
div.body-bg #content > div.div_33-33-33.aktionen.w70{left:15%}
div.body-bg #content > div.div_33-33-33.aktionen.w60{left:20%}
div.body-bg #content > div.div_33-33-33.aktionen.w50{left:25%}
div.body-bg div#content > div.div_33-33-33.aktionen + div.section.section-default{margin-top:830px}
div.body-bg div#content > div.div_33-33-33.aktionen + div.section.section-default > div.container > div.div_100.w100:first-child{padding-top:calc(647px - (100% / 5))}
@media all and (min-width:2000px){
	div.body-bg div#content > div.div_33-33-33.aktionen + div.section.section-default > div.container > div.div_100.w100:first-child{padding-top:calc(647px - (100% / 6))}
}
@media all and (min-width:2400px){
	div.body-bg div#content > div.div_33-33-33.aktionen + div.section.section-default > div.container > div.div_100.w100:first-child{padding-top:calc(647px - (100% / 7))}
}
@media all and (min-width:3000px){
	div.body-bg div#content > div.div_33-33-33.aktionen + div.section.section-default > div.container > div.div_100.w100:first-child{padding-top:calc(647px - (100% / 8))}
}
@media all and (min-width:3700px){
	div.body-bg div#content > div.div_33-33-33.aktionen + div.section.section-default > div.container > div.div_100.w100:first-child{padding-top:calc(647px - (100% / 9))}
}
div.div_33-33-33.aktionen div.gallery-row img{max-height:64px;max-width:100%;height:auto;padding:0px;width:auto}
div.div_33-33-33.aktionen div.row{overflow:hidden;display:flex}
/* 20191030_ala neue Positionierung für Aktionen-Boxen */
/* nur auf Startseite*/
div.valign{display:flex;align-items:center}
div.row{width:100%;margin:0}
div.bg-img-fixed{background-attachment:fixed}
div.bg-img-fixed.h400:before{
  content:" ";
  z-index:1;
  opacity:0.9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  visibility: visible;
}
div.container h2, div.container h1{text-align:center}
div.frame-type-textpic div.col-md-6 + div.col-md-6 header h2{text-align:left}
div.googlemap div.col{padding:0}
div.frame div.gallery-row.row{padding:0;margin:0 0 12px 0;background:none;border:none}
div.gallery-item{padding:0px}
/* div.gallery-item.col-md-6{padding:10px}
div.gallery-item.col-xs-12{padding:10px} */
figure.image{margin:0}
figure figcaption.caption{text-align:center}
div.headercarusel{position:relative}
div.headercarusel header{position:absolute;z-index:5;width:100%;text-align:center;margin:auto;top:50%;left:50%;transform:translate(-50%,-50%)}
div.section > div.container > div{padding:50px 0}
body.page-kontakt div.section > div.container > div:last-child, body.page-kontakt div.section > div.container > div:last-child > div{padding:0 !important}
div.section > div.container > div:first-child{margin-top:0}
div.div_100.w100 > div.row > div.col{padding-left:0; padding-right:0}

div.div_100.w100 > div.row > div.col div.div_100 div.col.left{padding-left:0}
div.div_100.w100 > div.row > div.col div.div_100 div.col.right{padding-right:0}

div.div_33-33-33 div.gallery-row img{width:100%}
div.div_33-33-33 header h2{text-align:center;word-break:break-word}

div.div_33-33-33 div.col{float:left;width:calc(99.99% / 3);padding:20px}
/* div.div_33-33-33.bg-none div.row div.col.left{padding-left:0}
div.div_33-33-33.bg-none div.row div.col.right{padding-right:0} */
div.div_33-33-33.bg-none div.row div.col.middle{padding-left:10px;padding-right:10px}
div.div_30-70 div.row{overflow:auto;margin:0;display:flex}
div.div_30-70 div.row div.col.left{float:left;width:30%;padding:10px;display:flex;z-index:1;display:flex;justify-content:center}
div.div_30-70 div.row div.col.left div.frame-type-image{display:flex;align-self:center}
div.div_30-70 div.row div.col.left div.frame-type-image img{max-height:350px;padding-right:20px}
div.div_30-70 div.row div.col.right{float:left;width:70%;padding:10px}
div.div_50-50 div.row div.col.left{float:left;width:50%;padding:20px 20px 20px 0}
div.div_50-50 div.row div.col.right{float:left;width:50%;padding:20px 0 20px 20px}
div.div_50-50 div.gallery-row img{width:100%;border:1px solid #ccc}
video.nn-kfz-video{width:100%}
/*body.pagelevel-0 div.section > div.container > div{margin-top:75px}*/
body.pagelevel-0 div.section > div.container > div:first-child{margin-top:0px}
div.bg_pic{
  background-image:url("../../images/vorlagen/background/background-werkstatt.jpg") ;
  background-repeat: no-repeat;
  background-position: right top;
    background-attachment: fixed;
  background-size:cover;
  padding:150px 0;
  position: relative;
}
div.bg_pic:before{
  content:" ";
  z-index:1;
  background-color:#25d366;
  opacity:0.9;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  visibility: visible;
}
div.bg_pic .row{
  z-index:100;
  position: relative;
}
div.call-action .col{
  text-align:center;
  background-color:#fff;
  width:400px;
  margin:0 auto;
  padding:50px;
}
.col-md-6{padding:20px 20px 20px}
div.img_out div.row{overflow:visible;height: 100%;}
div.img_out.services div.col.left div.frame-type-image div.gallery-row{margin:0}
div.img_out.services div.col.left div.frame-type-image div.gallery-row div.gallery-item{padding:0}
div.REboxBlue{visibility:hidden;opacity:0;margin-top:30px}
div.REboxBlueContent:before{
  height:100%;
  width:50px;
  background:linear-gradient(to right, rgba(247,247,247,1) 10%, rgba(247,247,247,0.9) 20%, rgba(247,247,247,0.8) 30%, rgba(247,247,247,0.7) 40%, rgba(247,247,247,0.6) 50%, rgba(247,247,247,0.5) 60%, rgba(247,247,247,0.2) 80%, rgba(247,247,247,0) 99%);
  position:absolute;
  left:0;
  top:0;
  content: "";
  z-index:1;
}
div.REboxBlueContent:after{
  height:100%;
  width:50px;
  background:linear-gradient(to left, rgba(247,247,247,1) 10%, rgba(247,247,247,0.9) 20%, rgba(247,247,247,0.8) 30%, rgba(247,247,247,0.7) 40%, rgba(247,247,247,0.6) 50%, rgba(247,247,247,0.5) 60%, rgba(247,247,247,0.2) 80%, rgba(247,247,247,0) 99%);
  position:absolute;
  right:0;
  top:0;
  content: "";
  z-index:1;
}
div.REboxBlue div.REboxBlueContent.str_wrap {
    display: block;
    height: 5.5em !important;
    width: 100%;
    float: none;
    position: relative;
    margin: 0;  
  white-space: nowrap;   
  background: transparent none repeat scroll 0 0;
  overflow:hidden;
}
div.REboxBlue div.REboxBlueContent div.csc-default {
    float: left;
    padding: 3px 0;
    margin: 0;
    width: auto;
    height: 83px;
    position: relative;
    display: block;
    overflow: visible;
    box-sizing: border-box;
}
#map_canvas, #map {
    height: 479px;
    margin: auto;
    overflow: hidden;
    width: 100%;
}
div.div_33-33-33.aktionen.animated{background:none}
body{min-width:320px;transition:0.5s}
header{transition:0.5s}
#content.main-section div.section div.container div.div_100 div.row div.col div.frame-type-header header h1{padding-bottom:28px}
/* ######################################################## Info-Buttons ######################################################## */
#infobuttons{
    /* alte Variant rechtsbьndig */
  position: fixed;
  top: 0;
  z-index: 1011;
  display: flex;
  flex-direction: column;
  justify-content: center;
  right: 0;
  width: 84px;
  bottom: 0;
  max-height: 60%;
  min-height: 198px;
  overflow: visible;
  margin: auto;
  transition:0.5s;
  font-weight:bold;
}
#infobuttons > div{margin:15px 0}
#infobuttons > div:first-child{margin:0 0 15px 0}
#infobuttons > div:last-child{margin:15px 0 0 0}
#phoneLogo{
  float: left;
    height:84px;   
    width:84px;
  position:relative;
}
#phoneLogoText div.csc-default h2 {
    color: #005ca9;
    font-family: "open sans",sans-serif;
    font-size: 20px;
  height: 100%;
    margin: 0;
}
#phoneLogoText #p_address{line-height:1.6em}
#phoneLogoText .csc-default{
  position:relative;
  box-sizing:border-box;
  padding:1em;
}
#phoneLogoText .csc-default:nth-child(1){
  padding-bottom:0em;
  height:auto;
}
#phoneLogoText .csc-default:nth-child(3){
  padding-top:0em;
}
#phoneLogoText #p_mail_title{
  margin:0;
}
#phoneLogoImg:before{
  content:" ";
  background-image: url("../../images/vorlagen/icons/telefon_white.png");  
  width:84px;
  height:84px;
  display:block;    
  cursor:default;
  position:relative;
  z-index:10;
  background-position:center;
  background-size:cover;
  border: 1px solid #f5f5dc;
  border-right: none;
}
#phoneLogoImg, #timeLogoImg{cursor:default}
#phoneLogo:hover #phoneLogoText{
  left:-25.9em;
  top:0;
  opacity:1;
}
#phoneLogoText{
  background:#fff;
  box-sizing:border-box;
  padding:0 0em 0 0;
  color:#005ca9;
  left:0;
  position:absolute;
  top:0;
  width:26em;
  opacity:0;
  border:none;
  -webkit-transition: all 0.4s; 
    transition: all 0.4s;
}
#phoneLogoText .csc-default{
  position:relative;
  background:#fff;
  box-sizing:border-box;
  padding:1em;
  color:#005ca9;  
}
#span_anfahrt_link {
    padding: 0 1em 1em;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    box-sizing: border-box;
}
#timeLogo{
  float: left;
    height:84px;   
    width:84px;
  margin:30px 0 0 0;
  position:relative;
}
#timeLogoImg:before{
  background-image: url("../../images/vorlagen/icons/oeffnungszeiten_white.png");
  content:" ";      
  display:block;
  width:84px;
  height:84px;
  cursor:default;
  position:relative;
  z-index:10;
  background-position:left top;
  background-size:cover;
  background-repeat:no-repeat;
  border: 1px solid #f5f5dc;
  border-right: none;
}
#timeLogo:hover #timeLogoText{
  left:-25.9em;
  top:0;
  opacity:1;
}
#timeLogoText{
  background:#fff;
  box-sizing:border-box;
  padding:1em;
  color:#005ca9;
  left:0;
  position:absolute;
  top:0;
  width:26em;
  opacity:0;
  border:none;
  -webkit-transition: all 0.4s; 
  transition: all 0.4s;
}
#phoneLogoText > div.frame-type-text:first-child p, #content.main-section div.div_50-50 div.col.left div.frame-type-shortcut > div.frame-type-text:first-child p{font-weight: bold; font-size: 18px}
#timeLogoText table{color:#005ca9; margin:0}
#timeLogoText table.table caption, #content.main-section div.div_50-50 div.col.left div.frame-type-shortcut div.frame-type-table table.table caption{font-weight:bold}
#timeLogoText table td{border:none;padding:0}
#timeLogoText table td:first-child{width:20%}
#link2facebook{
  float: left;
    height:84px;   
    width:84px;
  position:relative;
}
#link2facebookImg:before{
  background-image: url("../../images/vorlagen/icons/facebook_white.png");
  content:" ";      
  display:block;
  width:84px;
  height:84px;
  cursor:default;
  position:relative;
  z-index:10;
  background-position:left top;
  background-size:cover;
  background-repeat:no-repeat;
  border: 1px solid #f5f5dc;
  border-right: none;
}
#link2facebook:hover #link2facebookText{
  left:-25.9em;
  top:0;
  opacity:1;
}
#link2facebookText{
  background:#fff;
  box-sizing:border-box;
  padding:1em;
  color:#005ca9;
  left:0;
  position:absolute;
  top:0;
  width:26em;
  opacity:0;
  border:none;
  -webkit-transition: all 0.4s; 
  transition: all 0.4s;
}
#link2facebookText table{color:#005ca9; margin:0.5em 0}
/* instagram */
#link2instagramImg:before{
  background-image: url("../../images/vorlagen/icons/instagram_white.png");
  content:" ";      
  display:block;
  width:84px;
  height:84px;
  cursor:default;
  position:relative;
  z-index:10;
  background-position:left top;
  background-size:cover;
  background-repeat:no-repeat;
  border: 1px solid #f5f5dc;
  border-right: none;
}
#link2instagram:hover #link2instagramText{
  left:-25.9em;
  top:0;
  opacity:1;
}
#link2instagramText{
  background:#fff;
  box-sizing:border-box;
  padding:1em;
  color:#005ca9;
  left:0;
  position:absolute;
  top:0;
  width:26em;
  opacity:0;
  border:none;
  -webkit-transition: all 0.4s; 
  transition: all 0.4s;
}
#link2instagramText table{color:#005ca9; margin:0.5em 0}
/* instagram */
#whatsapp{
  float: left;
    height:84px;   
    width:84px;
  position:relative;
}
#whatsappImg:before{
  background-image: url("../../images/vorlagen/icons/whatsapp_white.png");
  content:" ";      
  display:block;
  width:84px;
  height:84px;
  cursor:default;
  position:relative;
  z-index:10;
  background-position:center;
  background-size:80%;
  background-repeat:no-repeat;
  border: 1px solid #f5f5dc;
  border-right: none;
}
#whatsapp:hover #whatsappText{
  left:-25.9em;
  top:0em;
  opacity:1;
}
#whatsappText{
  background:#fff;
  box-sizing:border-box;
  padding:1em;
  color:#005ca9;
  position:absolute;
  left:0;
  top:0em;
  width:26em;
  opacity:0;
  border:none;
  -webkit-transition: all 0.4s; 
  transition: all 0.4s;
}
#whatsappText table{color:#005ca9; margin:0.5em 0}
#terminPlaner{
  float: left;
    height:84px;   
    width:84px;
  position:relative;
}
#terminPlanerImg:before{
  background-image: url("../../images/vorlagen/icons/kalender_white.png");
  content:" ";      
  display:block;
  width:84px;
  height:84px;
  cursor:default;
  position:relative;
  z-index:10;
  background-position:left top;
  background-size:cover;
  background-repeat:no-repeat;
  border: 1px solid #f5f5dc;
  border-right: none;
}
#terminPlaner:hover #terminPlanerText{
  left:-25.9em;
  top:0;
  opacity:1;
}
#terminPlanerText{
  background:#fff;
  box-sizing:border-box;
  padding:1em;
  color:#005ca9;
  position:absolute;
  left:0;
  top:0;
  width:26em;
  opacity:0;
  border:none;
  -webkit-transition: all 0.4s; 
  transition: all 0.4s;
}
#terminPlanerText table{color:#005ca9; margin:0.5em 0}
/* Google-Rezensionen zB Seidenstricker */
#googleRezensionenLogo {
    float: none;
    height: 84px;
    width: 84px;
    position: relative;
}
#googleRezensionenLogoImg::before {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 10;
    content: "✪";
  font-size: 84px;
  color: #072f53;
  background-color: transparent;
    line-height: 84px;
    text-align: center;
  cursor:default
}
#googleRezensionenLogoImg{
    width: 100%;
    height: 100%;
  cursor: pointer;
  background-color:transparent
  background-position: center;
    background-size: cover;
    border-radius: 8px 0 0 8px;
  box-sizing:border-box;
  cursor:default
}
#googleRezensionenLogoText {
    background: #002851;
  box-sizing: border-box;
  padding: 1em;
  color:  #fff;
  left: 6em;
  position: absolute;
  top: 0em;
  width: 26em;
  opacity: 0;
  border: 1px solid #002851;
    border-radius: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
#googleRezensionenLogo:hover #googleRezensionenLogoText {
    left: -25.9em;
    opacity: 1;
}
#googleRezensionenLogoText div.csc-default h2{margin:0}
#googleRezensionenLogoText div.csc-default h2 a{
    color: #fff;
    font-family: "Varela Round",sans-serif;
    font-size: 20px;
}
@media only screen and (max-width:624px){
  #googleRezensionenLogo {
    height: 44px;
    width: 44px;
  }
  #googleRezensionenLogoImg::before {
    border-radius: 0;
    content: "вњЄ";
    cursor: pointer;
    display: block;
    line-height: 44px;
    position: relative;
    font-size: 44px;
    z-index: 10;
  }
  #googleRezensionenLogoText {
    width: 16em;
    color: #fff !important;
  }
  #googleRezensionenLogo:hover #googleRezensionenLogoText {
    left: -16em;
    opacity: 1;
  }
}
/* Google-Rezensionen zB Seidenstricker */
/* ######################################################## Info-Buttons ######################################################## */
/* ########################################################Slick-Carousel ####################################################### */
div.slick-container div.slick-default.slick-slider ul.slick-dots{bottom:-40px}
div.slick-container div.slick-default.slick-slider .slick-dots li button::before{color: #f00}
/* ########################################################Slick-Carousel ####################################################### */
/* ######################################################## Content ######################################################## */
div#content.main-section div.section.section-default header h2{padding-bottom:28px}
/* div.section div.container > div:last-child{padding:0} */
div.section div.container > div:first-child{padding-top:50px}
div.section div.container > div:last-child > div:not(#map_canvas){padding-bottom:50px}
#infobuttons+#content > div.frame-type-image > div.gallery-row > div.gallery-item > figure{display:flex;align-items:center}
::selection{background-color:#ccc}
/* ######################################################## Footer ######################################################## */
footer{position:relative}
footer #meta_menu.meta-menu li a{color:#fff}
footer #meta_menu.meta-menu{margin:0}
.footer-section-content {
    color: #000;
    background: #fff;
  padding-top: 2em;
  padding-bottom: 2em;
}
.footer-section-meta{background: #777777}
footer section.section.section-small.footer-section{padding-top:1.5em;padding-bottom:1.5em}
/* ######################################################## Footer ######################################################## */
/* ######################################################## Media-Query ######################################################## */
@media all and (min-width:1441px) and (max-width:1665px){
  ul.navbar-main li a{padding: 0px 7px}
  ul.navbar-main li{font-size:14px}
  .navbar-main:last-child {
    padding-right: 10px !important;
  }
}
@media all and (min-width:991px) and (max-width:1440px){
  #header {
    width: 100%!important;
    max-width: 100%;
    height: 100px;
    float: left;
    transition: 0.5s;
  }
  header.navbar div.container nav.navbar-collapse.collapse {
    width: 100%;
    float: left;
    border-top: 1px solid #ccc !important;
  }
  .navbar-main:last-child {
    float: left;
  }
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a {
    line-height: 50px;
  }
  header.navbar.navbar-default.navbar-transition div.container nav.navbar-collapse.collapse ul.nav.navbar-nav.navbar-main li a{height:auto}
}
@media all and (max-width:1392px){
  /*header.navbar div.container div.navbar-header{max-width:50%;}*/
  header.navbar div.container div.navbar-header a.navbar-brand{line-height:2.1em;height:100%;display:flex;align-self:center}#content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{background:linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 20%, rgba(255,255,255,0.9) 50%)}
}
@media all and (max-width:1253px){
}
@media all and (max-width:1237px){
  header.navbar div.container div.navbar-header a.navbar-brand {line-height:1.4em}
}
@media all and (max-width:1209px){
  #content > div.frame-type-carousel:first-child > header{width:61%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width: 61%}
}
@media all and (max-width:1199px){
  #content > div.frame-type-carousel:first-child > header{top: 16.35%}
@media all and (max-width:1189px){
  #content > div.frame-type-carousel:first-child > header{width:62%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width: 62%}
}
@media all and (max-width:1170px){
  #content > div.frame-type-carousel:first-child > header{width:63%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width: 63%}
}
@media all and (max-width:1151px){
  #content > div.frame-type-carousel:first-child > header{width:64%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width: 64%}
}
@media all and (max-width:1133px){
  #content > div.frame-type-carousel:first-child > header{width:65%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width: 65%}
}
@media all and (max-width:1127px){
  .navbar-main > li > .navbar-text, .navbar-main > li > a{padding:0px 15px}
}
@media all and (max-width:1116px){
  #content > div.frame-type-carousel:first-child > header{width:66%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:66%}
}
@media all and (max-width:1099px){
  #content > div.frame-type-carousel:first-child > header{width:67%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:67%}
}
@media all and (max-width:1083px){
  #content > div.frame-type-carousel:first-child > header{width:68%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:68%}
}
@media all and (max-width:1067px){
  #content > div.frame-type-carousel:first-child > header{width:69%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:69%}
}
@media all and (max-width:1051px){
  #content > div.frame-type-carousel:first-child > header{width:70%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:70%}
  .navbar-main > li > .navbar-text, .navbar-main > li > a{font-size:14px}
}
@media all and (max-width:1036px){
  #content > div.frame-type-carousel:first-child > header{width:71%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:71%}
}
@media all and (max-width:1022px){
  #content > div.frame-type-carousel:first-child > header{width:72%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:72%}
}
@media all and (max-width:1007px){
  #content > div.frame-type-carousel:first-child > header{width:73%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:73%}
}
@media all and (max-width:994px){
  #content > div.frame-type-carousel:first-child > header{width:74%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:74%}
}
@media all and (max-width:991px){
  div.div_33-33-33.aktionen{width:100%;max-width:100%}
  div.body-bg #content > div.div_33-33-33.aktionen{left:0 !important}
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container div#header{height:140px}
  header.navbar.navbar-default.navbar-top.navbar-fixed-top.navbar-transition div.container div#header{height:70px}
  /*Burger-Menь*/
  header.navbar div.container div.navbar-header.navbar-header-main{height:140px}
  header.navbar.navbar-transition div.container div.navbar-header.navbar-header-main{height:70px}
  header.navbar div.container div.navbar-header.navbar-header-main{max-width:100%;padding:0;margin:0;display:flex;align-items:center}
  header.navbar div.container div.navbar-header.navbar-header-main a.navbar-brand{width:calc(100% - 50px - 20px);height:140px;display:flex;align-items:center;padding:20px}
  header.navbar.navbar-transition div.container div.navbar-header.navbar-header-main a.navbar-brand{height:70px}
  button.navbar-toggle.collapsed, button.navbar-toggle{width:50px;height:50px}
  button.navbar-toggle.collapsed span.icon-bar:nth-child(2){margin-top:-10px}
  button.navbar-toggle.collapsed span.icon-bar:nth-child(4){margin-top:8px}
  header.navbar button.navbar-toggle.collapsed span.icon-bar, header.navbar button.navbar-toggle span.icon-bar, header.navbar.navbar-transition button.navbar-toggle span.icon-bar{width:38px;height:4px;background-color:#f5f5dc}
  #content > div.frame-type-carousel div.carousel div.carousel-inner div.item.carousel-item-type.carousel-item-type-header div.carousel-text-inner h4{font-size:1.925em}
  header.navbar div.container nav{transition:none}
  header.navbar div.container nav.navbar-collapse, header.navbar div.container nav.navbar-collapse.collapse{display:none}
  header.navbar div.container nav.navbar-collapse.collapse.in{
    display:block;
    padding:0;
    margin:0;
    width:100%;
    height: auto;
    transition:none;
  }
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse.in ul.nav li a{font-size:16px;padding:10px 15px}
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container nav.navbar-collapse.collapse.in ul.nav.navbar-nav.navbar-main, ul.navbar-nav{margin:0}
  footer section.section.section-small.footer-section.footer-section-meta{text-align:center}
  header.navbar div.navbar-header span.navbar-header-border-bottom{display:none}
  header.navbar div.container div.navbar-header.navbar-header-main {
    height: 140px;
    justify-content: right;
    float: right;
    width:70px;
  }
  header.navbar.navbar-default.navbar-top.navbar-fixed-top nav.navbar-collapse.collapse.in ul.nav.navbar-nav.navbar-main li.dropdown ul.dropdown-menu{
    display: block;
    position: static;
    float: none;
    box-shadow: none;
    padding-left: 4px;
  }
  header.navbar.navbar-default.navbar-top.navbar-fixed-top nav.navbar-collapse.collapse.in ul.nav.navbar-nav.navbar-main li.dropdown a.dropdown-toggle b.caret{display:none}
  #content > div.frame-type-carousel:first-child > header{top: 16.7%}
  #header{width:calc(100% - 70px)}
  div.section div.container div.frame-type-textpic div.col-md-6.col-xs-12:first-child{padding-right:0px}
  div.section div.container div.frame-type-textpic div.col-md-6.col-xs-12:last-child{padding-left:0px}
  header.navbar + div.body-bg{padding-top:140px}
  header.navbar.navbar-transition + div.body-bg{padding-top:70px}
  div.news div.news-list-view div.article{width:100%;float:none}
  header.navbar.navbar-default.navbar-top.navbar-fixed-top.navbar-transition div.container div#header div#div_logo-headername div#logo div.csc-default.frame.frame-default.frame-type-image div.gallery-row.row div.gallery-item figure.image img{width:auto;height:auto}
}
@media all and (max-width:773px){
  #content > div.frame-type-carousel:first-child > header{width:75%}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:75%}
}
@media all and (max-width:767px){
  div.body-bg #content > div.div_33-33-33.aktionen{
    position:relative;
    top:620px
  }
  div.body-bg div#content > div.div_33-33-33.aktionen + div.section.section-default{
    margin-top:620px;
    top:0
  }
  div.body-bg div#content > div.div_33-33-33.aktionen + div.section.section-default > div.container > div.div_100.w100:first-child{padding-top:30px !important}
  div.div_33-33-33.aktionen div.row div.col{min-width:unset}
  div.div_33-33-33.aktionen{min-width:unset}
  #content > div.frame-type-carousel:first-child > header {top:17%}
  #content > div.frame-type-carousel div.carousel div.carousel-inner div.item.carousel-item-type.carousel-item-type-header div.carousel-text-inner h4{font-size:1.75em}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign {width:80%}
  #content > div.frame-type-carousel:first-child > header {width:80%}
  div.div_33-33-33.aktionen div.row{display:block}
  div.div_33-33-33.aktionen div.row > div.col{width:100%;padding:20px 15%}
  div.body-bg > div#content.main-section > div.frame-type-carousel div.carousel.slide div.carousel-inner div.item{height:620px}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign {top:32%}
  #content > div.frame-type-carousel:first-child > header {top:17.35%}
  #timeLogoText div.table-responsive{border:none}
  div.div_100 div.div_50-50 div.col.left{float:none;width:100%;padding-right:0}
  div.div_100 div.div_50-50 div.col.right{float:none;width:100%;padding-left:0}
  div.div_33-33-33 div.col.left{float:none;width:100%;padding-right:0;padding-left:0}
  div.div_33-33-33 div.col.middle{float:none;width:100%;padding-right:0;padding-left:0}
  div.div_33-33-33.bg-none div.row div.col.middle{padding-right:0;padding-left:0}
  div.div_33-33-33 div.col.right{float:none;width:100%;padding-right:0;padding-left:0}
  div.div_100.w100 div.div_100 div.csc-default.frame.frame-default.frame-type-textpic div.col-md-6{padding-right:0;padding-left:0}
  figure > img, figure a > img{width:100%}
  #infobuttons{width:50px}
  #infobuttons > div{height:50px;width:50px}
  #infobuttons > div #phoneLogoImg:before{height:50px;width:50px}
  #infobuttons > div #timeLogoImg:before{height:50px;width:50px}
  #infobuttons > div #link2facebookImg:before{height:50px;width:50px}
  #infobuttons > div #whatsappImg:before{height:50px;width:50px}
  #infobuttons > div #terminPlanerImg:before{height:50px;width:50px}
  #infobuttons > div #googleRezensionenLogoImg:before{height:50px;width:50px}
  #infobuttons > div:nth-child(5) > div[id*="Img"]::before {
	  width: 50px;
	  height: 50px;
	}
  #googleRezensionenLogoImg::before {
    font-size: 50px;
    line-height:50px}
  footer #meta_menu.meta-menu li{line-height:3em}
  div.table-responsive{border:none}
  div.div_100 div.div_50-50 div.col div.tx-powermail div.container-fluid{padding:0}
}
@media all and (max-width:657px){
  #content > div.frame-type-carousel:first-child > header{width:calc(100% - 50px)}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:calc(100% - 50px)}
}
@media all and (max-width:606px){
  header.navbar.navbar-default.navbar-top.navbar-fixed-top.navbar-transition div.container div.navbar-header a.navbar-brand{line-height:1.2em;font-size:1.7em;padding:10px}
}
@media all and (max-width:600px){
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{width:calc(100% - 50px)}
  #content > div.frame-type-carousel:first-child > header {width:calc(100% - 50px);padding:25px}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{padding:25px}
  #content > div.frame-type-carousel:first-child > header{top:19.0%}
}
@media all and (max-width:567px){
  header.navbar-transition #header #div_logo-headername #header_name h1{font-size:1.7em}
  #header #div_logo-headername #header_name span.span_h1{font-size:2em}
  header.navbar-transition #header #div_logo-headername #header_name span.span_h1{font-size:1.7em}
}
@media all and (max-width:565px){
  #content > div.frame-type-carousel:first-child > header {width:calc(100% - 50px);padding:25px 20px}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{padding:25px 20px}
}
@media all and (max-width:560px){
  header.navbar.navbar-default.navbar-top.navbar-fixed-top.navbar-transition div.container div.navbar-header a.navbar-brand{font-size:1.6em}
}
@media all and (max-width:555px){
  h2, .h2{font-size:1.6em}
  #content > div.frame-type-carousel:first-child > header{top:19.3%}
}
@media all and (max-width:515px){
  /*20191028_mr
  #content > div.frame-type-carousel:first-child > header {width:calc(100% - 50px);padding:25px 15px}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{padding:25px 15px}
  */
  #content > div.frame-type-carousel:first-child > header {width:calc(100% - 50px);padding:14px 50px}
  #content > div.frame-type-carousel:first-child > div.carousel div.carousel-item-type div.valign{padding:14px 50px}
}
@media all and (max-width:505px){
  h2, .h2 {font-size:1.5em}
  #content > div.frame-type-carousel:first-child > header{top:19.6%}
  #infobuttons + #content > div.frame-type-image > div.gallery-row > div.gallery-item > figure{align-items:baseline}
}
@media all and (max-width:494px){
  header.navbar-transition #header #div_logo-headername #header_name h1{font-size:1.6em}
  header.navbar-transition #header #div_logo-headername #header_name span.span_h1{font-size:1.6em}
}
@media all and (max-width:471px){
  #header #header_name{padding: 0 15px}
}
@media all and (max-width:467px){
  #timeLogo:hover #timeLogoText, #phoneLogo:hover #phoneLogoText, #link2facebook:hover #link2facebookText, #whatsapp:hover #whatsappText, #terminPlaner:hover #terminPlanerText{width:calc(100vw - 50px);left:calc(-100vw + 50px)}
}
@media all and (max-width:455px){
  header.navbar-transition #header #div_logo-headername #header_name h1{font-size:1.5em}
  header.navbar-transition #header #div_logo-headername #header_name span.span_h1{font-size:1.5em}
}
@media all and (max-width:431px){
  header.navbar-transition #header #div_logo-headername #header_name h1{font-size:1.4em}
  header.navbar-transition #header #div_logo-headername #header_name span.span_h1{font-size:1.4em}
}
@media all and (max-width:420px){
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container div.navbar-header a.navbar-brand{font-size:1.8em}
}
@media all and (max-width:403px){
  /* Laufband mit Services */
  #content.main-section div.section.section-default div.container div.div_100.w100 div.row div.col div.div_30-70.w80.img_out div.row div.col.left{display:none}
  #content.main-section div.section.section-default div.container div.div_100.w100 div.row div.col div.div_30-70.w80.img_out div.row div.col.right{width:100%;padding:0}
  /* Laufband mit Services */
}
@media all and (max-width:400px){
  div.call-action div.col{width:100%}
}
@media all and (max-width:370px){
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container div.navbar-header a.navbar-brand{padding:10px;width:calc(100% - 50px - 10px)}
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container div.navbar-header button.navbar-toggle{margin-right:10px}
}
@media all and (max-width:367px){
	#header #header_name{font-size:14px}
}
@media all and (max-width:355px){
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container div.navbar-header a.navbar-brand{padding:10px;width:calc(100% - 50px)}
  header.navbar.navbar-default.navbar-top.navbar-fixed-top div.container div.navbar-header button.navbar-toggle{margin-right:0px}
  #header #header_name{font-size:12px}
}
/* ######################################################## Media-Query ######################################################## */