/*
Theme Name: RA Mischke
Theme URI: https://www.ra-mischke.de
Author: Weh Communications GmbH, Benjamin Klar
Author URI: http://www.communications.de
Description: Benutzerdefiniertes Theme fuer die RA Mischke
Version: 1.0
Tags: RA Mischke
Text Domain: ra-mischke.de
*/

@import url("fonts/roboto/roboto.css?t=20221216");
@import url("fonts/playfair-display/playfair-display.css?t=20221216");

* { margin:0px;padding:0px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box; }

:root {
  --color-main:rgb(133, 142, 151);
  --color-akzent:#5D061E;
  --color-akzent-light:#ffffff;
  --color-akzent-dark:#222222;
  --color-background-light:rgba(128, 128, 128, 0.64);
  --font-primary:'Roboto', sans-serif;
  --font-secondary:'Playfair Display', serif;
  --transition-default:all 1s ease-in-out;
  --transition-faster:all 0.75s ease-in-out;
  --transition-slow:all 1.75s ease-in-out;
  --transition-fastest:all 0.25s ease-in-out;
}


html, body { height:100%;font-family:var(--font-primary);font-size:15px;line-height:1.8em;font-weight:400;color:var(--color-akzent-dark);background:#ffffff; }
html { scroll-behavior:smooth; }

html.section-scroll { -ms-scroll-snap-type:proximity;scroll-snap-type:proximity;-ms-scroll-snap-points-y:repeat(100vh);scroll-snap-points-y:repeat(100vh);-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity;scroll-padding:140px 0 0 0; }

a { color:#444444; }
a img { border: none; }
.clearboth { float:none !important;clear:both !important;line-height:1px !important;height:1px !important;font-size:1px !important;color:transparent !important; }

.wrapper { width:1170px;margin:0 auto; }

input, select, textarea { margin:0;font-family:var(--font-secondary);font-size:15px;line-height:1.8em;color:var(--color-akzent-dark);border:none;border-bottom:1px solid var(--color-akzent-light);outline:none; }

header { font-family:var(--font-secondary);color:var(--color-main);box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 20%);position:fixed;top:0px;width:100%;background-color:var(--color-akzent-light);z-index:1; }
header a { text-decoration:none;color:var(--color-main); }
header a:hover { color:var(--color-akzent); }
header ul { margin:0;list-style-type:none; }
header nav {  }
header nav div > ul.menu { display:flex;gap:35px;padding:10px 0; }
header nav div > ul.menu li { display:block; }
header nav div > ul.menu li a { display:block;font-size:16px;line-height:19px;font-weight:500; }
header nav div > ul.menu li.current-menu-item a { color:var(--color-akzent); }
header .wrapper { padding:17px 15px;display:grid;grid-template-columns:164px 1fr;position:relative; }
header .wrapper .logo {  }
header .wrapper .logo a { display:flex; }
header .wrapper .menu-bar { display:grid;grid-template-columns:1fr 40px;gap:35px; }
header .wrapper .menu-bar > div, header .wrapper .menu-bar > nav { justify-self:end; }
header .wrapper .menu-bar .mobile { display:none; }
header .wrapper .menu-bar .information { width:40px;height:40px;background-color:var(--color-akzent); }
header .wrapper .menu-bar .information a { display:block;cursor:pointer;width:40px;height:40px;position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
header .wrapper .menu-bar .information a span { display:block;position:absolute;height:2px;width:15px;background:#ffffff;opacity:1;left:12px;border-radius:1px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:var(--transition-faster);-moz-transition:var(--transition-faster);-ms-transition:var(--transition-faster);-o-transition:var(--transition-faster);transition:var(--transition-faster); }
header .wrapper .menu-bar .information a span:nth-child(1){ top:15px;-webkit-transform-origin:right center;-moz-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center; }
header .wrapper .menu-bar .information a span:nth-child(2){ top:20px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center; }
header .wrapper .menu-bar .information a span:nth-child(3){ top:25px;-webkit-transform-origin:right center;-moz-transform-origin:right center;-o-transform-origin:right center;transform-origin:right center; }
header .wrapper .grid-info { position:absolute;font-family:var(--font-primary);background-color:var(--color-akzent);color:#ffffff;padding:0 25px;top:79px;right:15px;font-size:14px;display:grid;grid-template-columns:1fr;width:300px;display:none; }
header .wrapper .grid-info:before {  }
header .wrapper .grid-info > div { padding:15px 0;border-bottom:1px solid rgba(0, 0, 0, .1);display:grid;grid-template-columns:45px 1fr;align-items:center; }
header .wrapper .grid-info > div:last-of-type { border-bottom:none; }
header .wrapper .grid-info > div > div:first-of-type { font-size:30px; }
header .wrapper .grid-info a, header .wrapper .grid-info a:hover { color:#ffffff; }

main { min-height:calc(100vh - 79px);padding:0 0 26px;position:relative;top:79px; }
main h1 { font-family:var(--font-secondary);font-size:40px;line-height:1.4em;font-weight:normal;margin:0 0 20px 0;text-align:center; }
main h1:first-of-type { margin-top:30px; }
main h1:after { content:"";display:block;margin:20px auto 20px auto;max-width:30%;height:2px;background:var(--color-akzent); }
main h2 { font-family:var(--font-secondary);font-size:36px;line-height:1.3em;font-weight:400;margin:0 0 20px 0;text-align:center; }
main h3 { font-family:var(--font-secondary);font-size:30px;line-height:1.3em;font-weight:400;margin:0 0 20px 0; }
main h4 { font-family:var(--font-secondary);font-size:21px;line-height:1.4em;font-weight:400;margin:0 0 10px 0; }
main p { margin:16px 0;color:var(--color-main); }
main ul { margin:16px 0 16px 40px;color:var(--color-main); }
main a { color:var(--color-main);text-decoration:none; }
main a:hover { color:var(--color-akzent); }
main hr { color:var(--color-akzent);margin-bottom:30px; }

main .wrapper > .teaser-image { background-size:cover;background-position:center;height:450px;margin:0 0 16px 0; }

main .wrapper .teaser-homepage { height:500px;margin:0 calc((-99vw + 1170px) / 2) 16px calc((-99vw + 1170px) / 2);background-color:#F1F3F3; }
main .wrapper .teaser-homepage .teaser-wrapper { height:500px;width:1570px;margin:0 auto;display:grid;grid-template-columns:repeat(2, 1fr); }
main .wrapper .teaser-homepage .information { background-color:var(--color-akzent);color:var(--color-akzent-light);font-size:20px;line-height:26px;font-weight:400;padding:25px 50px 0 max(25px, calc(100% - (1170px / 2)));-webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
main .wrapper .teaser-homepage .information > div { margin-bottom:20px }
main .wrapper .teaser-homepage .information p { color:var(--color-akzent-light); }
main .wrapper .teaser-homepage .information .headline { font-family:var(--font-secondary);font-size:43px;line-height:45px;border:2px solid var(--color-akzent-light);background:rgba(128, 128, 128, 0.15);padding:20px 20px; }
main .wrapper .teaser-homepage .information .line { width:95%; }
main .wrapper .teaser-homepage .information .list-appointment { display:grid;grid-template-columns:200px 1fr; }
main .wrapper .teaser-homepage .information .list-appointment .list { margin-left:3px; }
main .wrapper .teaser-homepage .information .list-appointment .list p { margin:14px 0; }
main .wrapper .teaser-homepage .information .list-appointment .list p:first-of-type { margin:0 0 14px 0; }
main .wrapper .teaser-homepage .information .list-appointment .list p:last-of-type { margin:14px 0 0 0; }
main .wrapper .teaser-homepage .information .list-appointment .appointment { align-self:end;justify-self: end;
 }
main .wrapper .teaser-homepage .information .list-appointment .appointment a { font-size:17px;line-height:40px;font-weight:500;border:2px solid var(--color-akzent-light);padding:10px 25px;color:var(--color-akzent-light); }
main .wrapper .teaser-homepage .information .list-appointment .appointment a:hover { background-color:var(--color-akzent-light);color:var(--color-akzent); }


main .wrapper .teaser-homepage .teaser { background-size:144%;background-position: 90% -40px;background-repeat:no-repeat; }

main .drdsgvo_map { height:450px;padding:0;margin:0; }

main .wp-block-button a { background-color:var(--color-akzent);color:#ffffff;-webkit-transition: all .3s ease .2s;-moz-transition: all .3s ease .2s;-ms-transition: all .3s ease .2s;-o-transition: all .3s ease .2s;transition: all .3s ease .1s;font-size:12px;line-height:30px;font-weight:700;letter-spacing:2px; }
main .wp-block-button a:hover { background:#5D061E;opacity:.9; }

main .grid { display:grid!important;margin-bottom:30px; }
main .grid.top { margin-top:50px; }
main .grid.services { grid-template-columns:repeat(3, 1fr);gap:25px; }
main .grid.services > div { border: 1px solid #ededed;padding:30px; }
main .grid.services > div > h4 { margin-bottom:20px; }
main .grid.services > div > p { color: #858e97; }

main .grid-faq { display:grid;grid-template-columns:1fr;color: #858e97;margin:50px 0 30px; }
main .grid-faq .faq { cursor:pointer;font-size:16px;line-height:1.55em;padding:21px 30px;margin:0;border:1px solid #E6E6E6;border-bottom:none; }
main .grid-faq .faq:hover { background:#3d4143;color:#fff; }
main .grid-faq .faq.active, main .grid-faq .faq.active:hover { background-color:#5D061E;color:#fff; }
main .grid-faq .faq:last-of-type { border-bottom:1px solid #E6E6E6; }
main .grid-faq .faq-item { padding:21px 30px;border:1px solid #E6E6E6;border-bottom:none;margin:0; }
main .grid-faq .faq-item h4 { color:var(--color-akzent-dark); }
main .grid-faq .faq-item:last-of-type { border:1px solid #E6E6E6;border-top:none; }

main .wp-block-lazyblock-bild-hintergrund-scroller { margin-bottom:30px;position:relative;height:360px;overflow:hidden; }
main .wp-block-lazyblock-bild-hintergrund-scroller .simpleParallax { left:0;position:absolute;right:0;top:0;width:100%;z-index:0;height:360px;background-size:cover;background-position:0 -443px; }


main .wrapper-timeline { margin:50px auto;width:845px; }
main .wrapper-timeline:before { content:"";display:block;background:#f5f5f5;width:15px;height:3px;margin:0 auto; }
main .wrapper-timeline:after { content:"";display:block;background:#f5f5f5;width:15px;height:15px;margin:0 auto;border-radius:8px; }
main .wrapper-timeline ul.timeline { margin:0;list-style-type:none;position:relative;padding:25px 0; }
main .wrapper-timeline ul.timeline:before { content:"";display:block;position:absolute;top:0px;left:50%;margin-left:-1px;height:100%;width:2px;background:#f5f5f5 }
main .wrapper-timeline ul.timeline li { display:block;position:relative;width:50%;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
main .wrapper-timeline ul.timeline li .timeline-date-circle { position:absolute;right:0px;top:15px;background:var(--color-akzent);color:#ffffff;font-size:16px;font-weight:700;width:50px;height:50px;display:table-cell;line-height:50px;text-align:center;border-radius:100%;margin:0 -25px -25px 0;z-index:0; }
main .wrapper-timeline ul.timeline li .timeline-date-content { width:90%;display:table; }
main .wrapper-timeline ul.timeline li .timeline-date-content:before {  }
main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper { display:table-cell;height:100%;vertical-align:middle;text-align:left;background-color:#ffffff;background-size:cover;background-position:center;padding:40px;color:var(--font-primary);border-radius:5px;box-shadow: 0 1px 6px rgb(0 0 0 / 5%);border:1px solid #eee; }
main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper:before { position:absolute;top:29px;right:33px;display:inline-block;border-top:10px solid transparent;border-left:10px solid #eee;border-right:0 solid #eee;border-bottom:10px solid transparent;content:" "; }
main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper:after { position:absolute;top:30px;right:35px;display:inline-block;border-top:9px solid transparent;border-left:9px solid #fff;border-right:0 solid #fff;border-bottom:9px solid transparent;content: " "; }
main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper .timeline-title { font-family:var(--font-secondary);font-weight:400;font-size:21px;line-height:1.3em;margin-bottom:20px; }
main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper .timeline-text { font-size:15px;color:var(--color-main);line-height:1.55em }
main .wrapper-timeline ul.timeline li:nth-child(even) { margin-left:50%; }
main .wrapper-timeline ul.timeline li:nth-child(even) .timeline-date-circle { left:0px;right:unset;margin:0 0 -25px -25px; }
main .wrapper-timeline ul.timeline li:nth-child(even) .timeline-date-content { margin-left:auto; }
main .wrapper-timeline ul.timeline li:nth-child(even) .timeline-date-content:before { right:unset;left:0px; }
main .wrapper-timeline ul.timeline li:nth-child(even) .timeline-date-content .timeline-date-content-wrapper:before { border-left-width:0;border-right-width:10px;left:32px;right:auto; }
main .wrapper-timeline ul.timeline li:nth-child(even) .timeline-date-content .timeline-date-content-wrapper:after { border-left-width:0;border-right-width:9px;left:34px;right:auto; }

main .akzent { background-color:var(--color-akzent);padding:30px;color:#ffffff; }
main .akzent p { color:#ffffff; }
main .akzent a { color:#ffffff; }
main .akzent a:hover { color:var(--color-main); }

footer { position:relative;top:79px;background:var(--color-background-light);color:var(--color-akzent-light);padding-top:50px; }
footer .footer-cols { display:grid;grid-template-columns:repeat(3, 1fr);gap:30px;font-size:14px;line-height:14px;padding:0 0 40px 0;margin-bottom:25px;border-bottom:2px solid rgba(255, 255, 255, .1);align-items: center;
 }
footer .footer-cols:last-of-type { border-bottom:none;padding:0 0 25px 0;grid-template-columns:1fr; }
footer .footer-cols .logo { margin:0 auto; }
footer .footer-cols .address { text-align:center; }
footer .footer-cols div > ul.menu { width:295px;margin:0;list-style-type:none;display:grid;grid-template-columns:repeat(3, 1fr);margin:0 auto; }
footer .footer-cols div > ul.menu li { display:block;padding:0 10px;border-right:1px solid var(--color-akzent-light); }
footer .footer-cols div > ul.menu li:first-of-type { padding:0 10px 0 0; }
footer .footer-cols div > ul.menu li:last-of-type { border-right:none;padding:0 0 0 10px; }

footer .footer-cols div > ul.menu li a { display:block;color:var(--color-akzent-light);text-decoration:none; }
footer .footer-cols div > ul.menu li a:hover { color:var(--color-akzent); }

.totop { position:fixed;right:40px;bottom:82px;font-size:40px;cursor:pointer;opacity:1;-webkit-transition:var(--transition-default);-moz-transition:var(--transition-default);-ms-transition:var(--transition-default);-o-transition:var(--transition-default);transition:var(--transition-default); }
body.at-top .totop { opacity:0; }

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus { -webkit-text-fill-color:var(--color-akzent); }

/* =WordPress Core - START */
/* -------------------------------------------------------------- */
.alignnone { margin:0; }
.aligncenter,
div.aligncenter { display: block; margin: 0px auto 0px auto; }
.alignright { float:right; margin: 4px 0px 10px 10px; }
.alignleft { float: left; margin: 4px 10px 10px 0; }
a img.alignright { float: right; margin: 4px 0px 10px 10px; }
a img.alignnone { margin:0; }
a img.alignleft { float: left; margin: 4px 10px 10px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin:0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* -------------------------------------------------------------- */
/* =WordPress Core - END */

/* Full HD */
@media only screen and (max-width: 1920px) {

}

@media only screen and (max-width: 1570px) {
  main .wrapper .teaser-homepage .teaser-wrapper { width:100%;margin:0 0; }
}

/* iPad Pro */
@media only screen and (max-width: 1366px) {


}

/* Tablet Landscape */
@media only screen and (max-width: 1160px) {
  header > .wrapper { width:100vw; }

  main > .wrapper, footer > .wrapper { width:100%;padding:0 40px; }

  main .drdsgvo_map { width:100%; }
  main .wrapper .teaser-homepage .teaser-wrapper { height:100%; }
  main .container-content > .wrapper { width:100%;padding:0 25px; }
  main .wrapper .teaser-homepage , main .wp-block-lazyblock-bild-hintergrund-scroller { margin:0 -25px 30px!important; }
  main .wrapper .teaser-homepage .teaser { background-size:100vw;background-position:-29vw 0vw; }
  main .wrapper .teaser-homepage .information { font-size:1.73vw;line-height:1.83vw; }
  main .wrapper .teaser-homepage .information .headline { font-size:3vw;line-height:3.1vw; }
  main .wrapper .teaser-homepage .information .list-appointment { grid-template-columns:1fr;grid-gap:20px; }
  main .wrapper .teaser-homepage .information .list-appointment .appointment a { font-size:1.6vw; }
}

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

@media only screen and (max-width: 910px) {
  main .grid.services { grid-template-columns:1fr; }
  main .grid.services > div > h4 { text-align:center; }

  main .wrapper-timeline { width:100% }
  main .wrapper-timeline ul.timeline { width:100% }
  main .wrapper-timeline ul.timeline:before { left:25px; }
  main .wrapper-timeline ul.timeline li { width:100%;margin-bottom:25px; }
  main .wrapper-timeline ul.timeline li:nth-child(even), main .wrapper-timeline ul.timeline li:nth-child(odd) { margin-left:25px; }

  main .wrapper-timeline ul.timeline li .timeline-date-circle { left:0px;right:unset;margin:0 0 -25px -25px; }
  main .wrapper-timeline ul.timeline li:nth-child(even) .timeline-date-content { margin:0; }
  main .wrapper-timeline ul.timeline li .timeline-date-content,main .wrapper-timeline ul.timeline li:nth-child(even) .timeline-date-content { padding-left:42px;display:block; }
  main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper { width:100%;display:block; }
  main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper:before { border-left-width:0;border-right-width:10px;left:32px;right:auto; }
  main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper:after { border-left-width:0;border-right-width:9px;left:34px;right:auto; }
}

/* Tablet Portrait */
@media only screen and (max-width: 869px) {
  
}

@media only screen and (max-width: 781px) {
  main .wrapper .teaser-homepage { height:400px; }
}


@media only screen and (max-width: 680px) {
  header a,header a:hover { color:#fff; }

  header .wrapper .menu-bar { grid-template-columns:1fr 61px 40px;gap:25px; }
  header .wrapper .menu-bar .header-menu { position:relative;justify-self:start; }
  header .wrapper .menu-bar .header-menu nav { display:none;width:100vw;position:absolute;background-color:#555;top:62px;left:-179px; }
  header .wrapper .menu-bar .header-menu nav div > ul.menu { display:grid;grid-template-columns:1fr;gap:0;padding:0; }
  header .wrapper .menu-bar .header-menu nav div > ul.menu li { width:100%;border-bottom: 1px solid rgba(0, 0, 0, .1);font-size:16px;font-weight:400;position:relative; }
  header .wrapper .menu-bar .header-menu nav div > ul.menu li a { line-height:20px;padding:15px 20px; }
  header .wrapper .menu-bar .header-menu nav div > ul.menu li.current-menu-item { border-color:#fff; }
  header .wrapper .menu-bar .header-menu nav div > ul.menu li.current-menu-item a { color:#fff; }
  header .wrapper .menu-bar .mobile.visible { display:block;background:#555;text-align:center;padding:0 10px;height:40px;line-height:40px;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:1px; }
  header .wrapper .menu-bar .mobile.visible a { font-family:var(--font-primary); }

  main .drdsgvo_map { height:300px; }

  footer .footer-cols { grid-template-columns:1fr; }
}

@media only screen and (max-width: 600px) {
  main .wrapper .teaser-homepage { height:66vw; }
  main .wrapper .teaser-homepage .teaser-wrapper { height:66vw; }
  main .wrapper .teaser-homepage .teaser { background-size:100vw;background-position:-29vw 0vw;  }
}

/* SmartPhone */
@media only screen and (max-width: 480px) {
  main h1 { word-break:break-word; }
  main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper { padding:20px; }
  main .wrapper-timeline ul.timeline li .timeline-date-content .timeline-date-content-wrapper .timeline-wrapper-title { word-break:break-word; }

  main .wrapper .teaser-homepage { height:auto; }
  main .wrapper .teaser-homepage .teaser-wrapper { grid-template-columns:1fr;grid-template-areas:"teaser" "content";height:auto; }
  main .wrapper .teaser-homepage .teaser { grid-area:teaser;height:50vw;background-position:0 0; }

  main .wrapper .teaser-homepage .information { font-size:15px;line-height:1.8em;grid-area:content; }
  main .wrapper .teaser-homepage .information .headline { font-size:17px;line-height:1.8em; }
  main .wrapper .teaser-homepage .information .list-appointment .appointment a { font-size:15px; }

  footer > .wrapper { padding:0;margin:0; }
  footer .footer-cols div { width:100%; }
  footer .footer-cols div.logo { width:inherit; }
  footer .footer-cols:last-of-type { padding:0 15px 25px; } 
  footer .footer-cols div > ul.menu { width:100%;grid-template-columns:1fr; }
  footer .footer-cols div > ul.menu li { border-right:inherit;padding:0;margin:0 auto 10px; }
  footer .footer-cols div > ul.menu li:first-of-type, footer .footer-cols div > ul.menu li:last-of-type { padding:0; }
  

}

@media only screen and (max-width: 320px) {
  header > .wrapper { grid-template-columns:1fr;gap:15px;width:100vw; }
  header .wrapper .logo a { display:block; }
  header .wrapper .menu-bar .header-menu nav { left:-23px;top:57px; }
  
  header .wrapper .grid-info { top:142px;width:100vw; }

  main { top:142px; }
  main .wrapper .teaser-homepage .information { font-size:12px;line-height:15px;grid-area:content; }
  main .wrapper .teaser-homepage .information .headline { font-size:15px;line-height:17px; }
  main .wrapper .teaser-homepage .information .list-appointment .appointment a { font-size:12px; }
}