html,body {
  margin:0;
  padding:0;
}

#wmw-footer,#wmw-footer::before,#wmw-footer::after,#wmw-footer *,#wmw-footer *::before,#wmw-footer *::after {
  box-sizing:content-box;
  margin:0;
  padding:0;
  letter-spacing:normal;
}

#wmw-footer *,#wmw-footer *::before,#wmw-footer *::after {
  font-size:1em;
  font-family:inherit;
  font-weight:inherit;
  line-height:inherit;
  text-align:inherit;
}

#wmw-footer footer,#wmw-footer section,#wmw-footer figure {
  display:block;
}

#wmw-footer ul {
  list-style:none;
  margin:0;
}

#wmw-footer a {
  color:rgb(22,228,188);
  text-decoration:none;
  opacity:0.85;
  -webkit-transition:opacity 0.3s cubic-bezier(0.24,0.06,0.56,1);
  transition:opacity 0.3s cubic-bezier(0.24,0.06,0.56,1);
}

#wmw-footer a:hover {
  text-decoration:underline;
  opacity:1;
  -webkit-transition:opacity 0.3s cubic-bezier(0.24,0.06,0.56,1);
  transition:opacity 0.3s cubic-bezier(0.24,0.06,0.56,1);
}


/* EXTERNER LINK */
#wmw-footer a.link-extern {
  position:relative;
  font-size:17px;
  display:inline-block;
  padding-right:18px;
}

#wmw-footer .link-ext-icon {
  position:absolute;
  top:8px;
  right:6px;
  height:12px;
  width:2px;
  background:currentColor;
  border-bottom-left-radius:2px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}

#wmw-footer .link-ext-icon::before,#wmw-footer .link-ext-icon::after {
  content:'';
  position:absolute;
  height:7px;
  width:2px;
  background-color:currentColor;
}

#wmw-footer .link-ext-icon::before {
  top:-2.49px;
  left:2px;
  border-top-left-radius:2px;
  -webkit-transform:rotate(135deg);
  transform:rotate(135deg);
}

#wmw-footer .link-ext-icon::after {
  bottom:7.51px;
  left:-2px;
  border-bottom-right-radius:2px;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
}


/* FOOTER ALLGEMEIN */
#wmw-footer {
  position:relative;
  z-index:10;
  min-width:320px;
  direction:ltr;
  font-style:normal;
  font-family:"Roboto","Helvetica Neue","Helvetica","Arial",sans-serif;
  font-size:18px;
  line-height:1.45;
  font-weight:normal;
  color:#8a8a8a; 
  background-color:#1f1f1f;
}

#wmw-footer .kontakt-icon-label,#wmw-footer .social-link-label,#wmw-footer .partner-link-label,#wmw-footer .partner-label {
  display:none;
}

#wmw-footer .nichtsichtbar {
  position:absolute;
  height:1px;
  width:1px;
  overflow:hidden;
}

#wmw-footer .wmw-footer-inhalt {
  max-width:1024px;
  margin:0 auto;
  padding:0 22px 2.5em 22px;
}

@supports (padding:max(0px)) {
  #wmw-footer .wmw-footer-inhalt {
    padding-left:max(22px,env(safe-area-inset-left));
    padding-right:max(22px,env(safe-area-inset-right));
  }
}

@media only screen and (max-width:728px) {   

  #wmw-footer .wmw-footer-inhalt {
    padding-left:11px;
    padding-right:11px;
  }
  
  @supports (padding:max(0px)) {
    #wmw-footer .wmw-footer-inhalt {
      padding-left:max(11px,env(safe-area-inset-left));
      padding-right:max(11px,env(safe-area-inset-right));
    }
  }
}


/* --------------------------- *\
   FOOTER LAYOUT
\* --------------------------- */

#wmw-footer .footer-spalten {
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:nowrap;
}

@media only screen and (max-width:828px) { 
  #wmw-footer .footer-spalten {
    display:block;
  }
}

#wmw-footer .footer-spalte {
  padding:0 0.5em;
}

@media only screen and (max-width:828px) { 
  #wmw-footer .footer-spalte {
    text-align:center;
  }
}

#wmw-footer .footer-spalte-titel {
  font-size:17px;
  letter-spacing:0.025em;
  font-weight:400;
  color:currentColor;
  display:inline-block;
  padding-bottom:0.75em;
}


/* --------------------------- *\
   FOOTER ICONS
\* --------------------------- */

#wmw-footer .footer-css-icon {
  position:relative;
  left:0;
  font-size:18px;
  display:inline-block;
}

#wmw-footer .icon-titel {
  display:inline-block;
  padding-left:0.4em;
  font-size:16px;
  font-weight:500;
  text-transform:uppercase;
  font-style:italic;
  color:rgb(191,191,191);
}

/* KONTAKT ICON */
#wmw-footer .kontakt-icon {
  top:2px;
  height:14px;
  width:20px;
  border:solid 2px currentColor;
  border-radius:6px;
}

#wmw-footer .kontakt-icon::after {
  content:'';
  position:absolute;
  top:12px;
  right:5px;
  height:5px;
  width:5px;
  background:#1a1a1a;
  -webkit-transform:rotate(45deg);
  transform:rotate(45deg);
  border-bottom:solid 2px currentColor;
  border-right:solid 2px currentColor;
}

/* UHR ICON */
#wmw-footer .uhr-icon {
  top:4px;
  height:18px;
  width:18px;
  border:solid 2px currentColor;
  border-radius:18px;
}

#wmw-footer .uhr-icon::before,#wmw-footer .uhr-icon::after {
  content:'';
  position:absolute;
  width:2px;
  background-color:currentColor;
  border-radius:2px;
}

#wmw-footer .uhr-icon::before {
  top:7px;
  left:5px;
  height:6px;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
}

#wmw-footer .uhr-icon::after {
  top:2px;
  left:8px;
  height:9px;
}

/* STANDORT ICON */
#wmw-footer .standort-icon {
  top:1px;
  height:17px;
  width:17px;
  border:solid 2px currentColor;
  border-radius:18px 18px 18px 0;
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
}

#wmw-footer .standort-icon::before {
  content:'';
  position:absolute;
  top:4px;
  left:4px;
  height:5px;
  width:5px;
  border:solid 2px currentColor;
  border-radius:8px;
}


/* --------------------------- *\
   SECTION KONTAKTINFOS
\* --------------------------- */

/* KONTAKTPROMO */
#wmw-footer .wmw-footer-kontaktpromo {
  font-size:1.6em;
  font-weight:500;
  color:rgb(191,191,191);
  text-align:center;
  padding:2.5em 1.5em 1em 1.5em;
}

@media only screen and (max-width:728px) { 
    #wmw-footer .wmw-footer-kontaktpromo {
      font-size:1.35em;
      max-width:420px;
      margin:0 auto;
  }
}

/* KONTAKTINFOS */
#wmw-footer .wmw-footer-kontaktinfos {
  padding:2.5em 0;
}

@media only screen and (max-width:828px) { 
  #wmw-footer .wmw-footer-kontakt,#wmw-footer .wmw-footer-oeffnungszeiten {
    padding-bottom:2.5em;
  }  
}

#wmw-footer .footer-kontaktinfo,#wmw-footer table {
  color:rgb(171,171,171); 
  padding-top:0.3em;
}

@media only screen and (max-width:828px) { 
  #wmw-footer .footer-kontaktinfo {
    margin:0 auto;
    display:block;
  }  
}

#wmw-footer .footer-kontakt-option {
  display:block;
  padding-bottom:0.2em;
}

/* TABLE ÖFFNUNGSZEITEN */
@media only screen and (max-width:828px) {  
  #wmw-footer .table-oeffnungszeiten {
    margin:0 auto;
    text-align:left;
  }
}

#wmw-footer .oeffnungszeiten-tag {
  width:105px;
  padding-bottom:0.15em;
}

#wmw-footer .oeffnungszeiten-uhrzeit {
  text-align:right;
  padding-bottom:0.15em;
}


/* ANFAHRT */
#wmw-footer .footer-anfahrt-links {
  padding:0.75em 0 0.2em 0;
}

@media only screen and (max-width:828px) {  
  #wmw-footer .footer-anfahrt-links {
    padding-bottom:0.5em;
  } 
}

#wmw-footer .footer-anfahrt-link:first-child {
  margin-right:0.75em;
}


/* --------------------------- *\
   SECTION PARTNER
\* --------------------------- */

#wmw-footer .wmw-footer-partner {
  text-align:center;
  padding:2.5em 0 1.5em 0;
  border-top:solid 1px #444;
}

#wmw-footer .footer-partner-liste {
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
  padding-top:0.3em;
}

@media only screen and (max-width:828px) { 
  #wmw-footer .footer-partner-liste {
    max-width:625px;
    margin:0 auto;
  }
}

#wmw-footer .footer-partner-listenpunkt {
  height:50px;
  display:inline-block;
  padding:0.45em 0.85em;
  margin-bottom:1.5em;
}


/* !!! LOGO FIXES !!! */
#wmw-footer .partner-listenpunkt-afw,#wmw-footer .partner-listenpunkt-dekra {
  width:145px;
}

#wmw-footer .partner-listenpunkt-monochrom {
  width:170px;
}

#wmw-footer .partner-listenpunkt-wmse {
  width:120px;
}

#wmw-footer .partner-listenpunkt-lm {
  width:90px;
}

#wmw-footer .partner-listenpunkt-mo {
  height:60px;
  width:90px;
}

@media only screen and (max-width:828px) { 
  
  #wmw-footer .partner-listenpunkt-lm,#wmw-footer .partner-listenpunkt-mo,#wmw-footer .partner-listenpunkt-wmse, #wmw-footer .partner-listenpunkt-monochrom {
    width:145px;
  }
  
  #wmw-footer .partner-listenpunkt-wmse {
    height:30px;
  }
}

#wmw-footer .partner-logo {
  height:100%;
  width:100%;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
}

#wmw-footer .logo-lm {
  background-image:url(/wmw/footer/styles/images/partner/liqui-moly/logo_grau.svg);
}

#wmw-footer .logo-monochrom {
  background-image:url(/wmw/footer/styles/images/partner/monochrom/logo_grau.svg)
}

#wmw-footer .logo-dekra {
  background-image:url(/wmw/footer/styles/images/partner/dekra/logo_grau.svg);
}

#wmw-footer .logo-mo {
  background-image:url(/wmw/footer/styles/images/partner/masteroil/logo_grau.svg);
}

#wmw-footer .logo-wmse {
  background-image:url(/wmw/footer/styles/images/partner/wm-se/logo_grau.svg);
}


#wmw-footer a.footer-partner-link {
  color:rgb(191,191,191); 
  opacity:0.67;
}

#wmw-footer a.footer-partner-link:hover {
  opacity:1;
}

/* --------------------------- *\
   SECTION TMG
\* --------------------------- */

#wmw-footer .wmw-footer-tmg {
  position:relative;
  z-index:12;
  padding-top:0.75em;
  border-top:solid 1px #444;
}

#wmw-footer .wmw-footer-legal,#wmw-footer .wmw-footer-social {
  font-size:14px;
}

/* LEGAL */
#wmw-footer .footer-legal-copyright {
  display:inline-block;
  font-weight:300;
}

#wmw-footer .footer-legal-links {
  display:inline-block;
}

#wmw-footer a.footer-legal-link {   
  font-weight:normal;
  letter-spacing:0.03em;
  color:#fff;
  padding-left:0.95em;
  border-left:solid 1px #444;
  margin-left:0.65em;
}

/* !!! SE FIXES !!! */
@media only screen and (max-width:600px) {

  #wmw-footer .footer-legal-links {
    display:block;
    text-align:center;
    margin-top:0.75em;
  }
  
  #wmw-footer a.footer-legal-link {   
    font-size:1.15em;
  }
  
  #wmw-footer a.footer-legal-link:first-child {   
    padding-left:0;
    border-left:none;
    margin-left:0;
  }
}

@media only screen and (max-width:349px) {
  #wmw-footer a.footer-legal-link {   
    font-size:1em;
  }
}


/* SOCIAL MEDIA */
#wmw-footer .footer-social-links {
  position:absolute;
  right:0.5em;
  height:35px;
  width:135px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
}

@media only screen and (max-width:828px) { 
  #wmw-footer .footer-social-links {
    position:relative;
    right:0;
    margin:0 auto;
    padding-top:2em;
  }
}

#wmw-footer a.footer-social-link {
  display:inline-block;
  height:35px;
  width:35px; 
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}

#wmw-footer .social-link-instagram {
  background-image:url(/wmw/footer/styles/images/social-links/instagram/icon.svg);
}

#wmw-footer .social-link-facebook {
  background-image:url(/wmw/footer/styles/images/social-links/facebook/icon.svg);
}

#wmw-footer .social-link-whatsapp {
  background-image:url(/wmw/footer/styles/images/social-links/whatsapp/icon.svg);
}