* { padding: 0; margin: 0; text-decoration:none; box-sizing: border-box;  }

@font-face { font-family: 'Archivo'; src: url('font/ArchivoNarrow-VariableFont_wght.ttf'); }
@font-face { font-family: 'Allison'; src: url('font/Allison-Regular.ttf'); }
@font-face { font-family: 'Salty'; src: url('font/Salty_Malthy.otf'); }

img {   border:0; }

body     { font-family: Archivo, sans-serif; font-weight:400; font-size:19px; line-height:30px; background-image: linear-gradient(to bottom right, #fff, #cbdab2);}


@media screen and (min-width: 768px) {

.titelei  { display: flex; }
.logo   { order: 1; flex-basis: 10%; }
.titel { order: 2; flex-basis: 90%; }


.praxis  { display: flex; justify-content: space-between; }
.adress   { order: 1; flex-basis: 50%; }
.sprechzeiten { order: 2; flex-basis: 50%; }

  .box    { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .boxli  { order: 1; flex-basis: 60%; flex-grow:1; }
  .boxre  { order: 2; flex-basis: 35%; flex-grow:0; flex-shrink: 1}

  .boxnm  { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .boxnmli { order: 1; flex-basis: 20%; flex-grow:1; }
  .boxnmre { order: 2; flex-basis: 75%; flex-grow:1; }


  .box3   { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .box3a  { flex-basis: 31%; flex-grow:1; }

  .block  { display: flex; }

  .menu   { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .me     { flex: 1 1 170px; }

  #impressum { display: flex; flex-direction: row; flex-wrap: wrap; }
  .imp { flex: 1 1 15%; }

  .bilder {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }

 }


main { margin: 0 auto; }

header  { background:#fff; }

.titelei {   max-width: 1280px; margin: 0 auto; }
.logo img {  max-width: 130px; margin:15px; }
.titel {    padding-top: 35px; }
.adress {  margin:25px; background: #699522; padding:10px; border-radius:15px; text-align:center; }
#logo   { display:none; }
.bild_gross   { background:#e5e7e6; }

.menubar { display:none; }
.bar1, .bar2, .bar3 { width: 35px; height: 5px; background-color: #fff; margin: 6px; transition: 0.4s; }
.change .bar1 { -webkit-transform: rotate(-45deg) translate(-9px, 6px); transform: rotate(-45deg) translate(-9px, 6px); }
.change .bar2 { opacity: 0; }
.change .bar3 { -webkit-transform: rotate(45deg) translate(-8px, -8px); transform: rotate(45deg) translate(-8px, -8px); }


nav    { margin:2px 0 10px 0; width:100%; height:auto; background:#699522;}
.menu    { margin: 0 auto; padding:0; text-align:center; max-width:1200px; }
.me {  }
.me a { font-size:20px; font-weight:400; color:#fff; display: block; line-height:16px; text-align:center; padding:20px 4px; }
.me a:hover { color:#ffffff; background-color:#436320; transition:background 0.4s; -webkit-transition:background 0.4s; }




.impre    { margin: 0 auto; text-align:center; background:#e7e7e7; margin:10px; }
.impre a { font-size:0.9em; font-weight:500; color:#595959; display: block; letter-spacing: 0.5px;
         line-height:0.9em; text-align:center; padding:1.2em 0.3em; }
.impre a:hover { color:#ffffff; background:#929292; transition:background 0.4s; -webkit-transition:background 0.4s; }

.box      { max-width:1280px; margin: 0 auto; }
.boxre    { padding:20px; margin:15px; border-radius: 0 0 36px 0; background:#fff; background-image: url("img/bg_box.png");
          background-position: bottom right; background-repeat: no-repeat;  }
.boxli    { padding:20px; background:#fff; margin:15px; border-radius: 0 0 36px 0; background-image: url("img/bg_box.png");
          background-position: bottom right; background-repeat: no-repeat; }
.boxnmre  { padding:20px; background:#fff; margin:15px; border-radius: 0 0 36px 0; }
.boxnmli  { padding:20px; background:#fff; margin:15px; border-radius: 0 0 36px 0; }
.box3    { max-width:1200px; margin: 0 auto; }
.box3a    { padding:10px; background:#fff; margin:10px; }
.boxgr    { max-width:1280px; margin:0 auto; padding:20px; border-radius: 0 0 36px 0; background:#fff; background-image: url("img/bg_box.png");
          background-position: bottom right; background-repeat: no-repeat; }

.radius15  { border-radius:15px; }
.radius50  { border-radius:50%; margin: 10px 10px 10px 0; }
.radius5   { border-radius:5px;  }


.text { margin-top:0px; }
.ueberschrift    { padding-top: 80px; background:#fff; margin:0; }
.bild img { width:100%; height:auto; }


p    { font-size:19px; color:#000; line-height:30px; margin:15px 0px 20px 0px; }
h1   { font-size:40px; color:#000; font-weight:400; line-height:47px; }
h2   { color:#699522; font-size:26px; font-weight:400; line-height:42px; }
span { color:#000; }
h3   { color:#699522; font-size:24px; font-weight:400; line-height:30px; padding:10px 10px 0px 10px ; text-align:center; }
h4   { color:#699522; font-size:26px; line-height:38px; font-weight:400;  }
.footer span { font-weight:800; }
h5   { font-size:22px; color:#000; font-weight:400; line-height:28px; margin-bottom:10px; }
p span   { color:#699522; }

details { display: inline;  margin: 0; padding:0; background-color: #f0f0f0; }
details[open] summary::before { transform: rotate(45deg); /* Dreht den Pfeil beim Aufklappen */ }
details p  { font-size:19px; color:#000; font-weight:400; line-height:20px; display: inline; }
summary { color:#699522; position: relative; font-size:19px; }
summary p  { font-size:19px; color:#000; font-weight:400; line-height:20px; display: inline; padding:0; margin:0; }
summary::-webkit-details-marker { color: #2196F3; font-size: 25px; }
summary { list-style: none; cursor: pointer; padding: 6px; background-color: #f0f0f0; }
summary:focus { outline: none; /* Entfernt den Fokusrahmen */ }
summary::before { content: "\002B"; /* Kreuz */  font-family: 'Montserrat'; font-size:25px; line-height:4px;
  display: inline-block; padding: 6px 6px; transition: transform 0.3s ease; }

.doctolib-widget{position:fixed;top:200px;right:0;display:block;text-align:center;background:#00264c !important;color:#00264c !important;text-decoration:none !important;font-size:16px !important;font-weight:700;font-family:'Montserrat',sans-serif;width:auto;border-radius:4px 0 0 4px;padding:5px;z-index:999;opacity:.8;box-shadow:1px 2px 4px rgba(0,0,0,.2);line-height:1.4}
.doctolib-widget a{display:block;color:#00264c;text-decoration:none;padding:6px;margin-top:5px;background:#fff;border-radius:4px;font-weight:700;transition:.2s}
.doctolib-widget a:hover,.doctolib-widget a:focus{opacity:.9;outline:2px solid #f5f5f5;outline-offset:2px}
.doctolib-widget img{display:inline-block;height:18px;margin:3px 0;vertical-align:middle;width:auto}@media(max-width:600px){
.doctolib-widget{top:auto;bottom:10px;right:0px;width:auto;padding:4px}
.doctolib-widget a{text-decoration:none;font-size:16px;font-weight:700;padding:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}



.c  { text-align: center; }
.r  { text-align: right; }

ul { font-size:19px; color:#000; font-weight:400; line-height:28px; padding-left: 40px; list-style-image: url('img/but1.png'); }
li { margin:0; }

.zitat { margin: 10px 0; }
.z1  { background: url("img/bg_zitat9.jpg"); background-position: center; background-repeat: no-repeat;
  background-size: cover; position: relative; }
.z2  { background: url("img/bg_zitat9.jpg"); background-position: center; background-repeat: no-repeat;
  background-size: cover; position: relative; }
.z3  { background: url("img/bg_zitat9.jpg"); background-position: center; background-repeat: no-repeat;
  background-size: cover; position: relative; }
.z4  { background: url("img/bg_zitat9.jpg"); background-position: center; background-repeat: no-repeat;
  background-size: cover; position: relative; }

.zitat  p    {font-family: Salty; font-weight:400; font-size:44px; color:#fff; font-weight:400; line-height:54px; letter-spacing:1px; padding:40px; text-shadow: 2px 2px 4px #273b24;}

.oben    { text-align: right; padding-right:20px; }
.oben a   { font-size:50px; color:#fff; line-height:50px; }
.oben a:hover   { color:#486148; transition: 0.4s; }

.icon1  {  border-radius:50%; max-width:16px; padding:1px; margin-right:2px; border:1px solid #fff; }
.icon  {  border-radius:50%; max-width:16px; padding:1px; margin-right:2px; background:#3ead48; }



a.filled-button { background-color: #699522; color: #fff; font-size: 13px; text-transform: uppercase; font-weight:600;
    padding: 12px 30px; border-radius: 30px; display: inline-block; transition: all 0.3s; margin:10px 0px 20px 0px; }
a.filled-button:hover { background-color: #fff; color: #3ead48; }
a.border-button { background-color: transparent; color: #fff; border: 2px solid #fff; font-size: 13px;
    text-transform: uppercase; font-weight: 600; padding: 10px 28px; border-radius: 30px; display: inline-block;
    transition: all 0.3s; }
a.border-button:hover { background-color: #fff; color: #3ead48; }

iframe { width:90%; height:90%; border:0; }

/* RESPONSIVE TABELLE */
table  {  border-collapse: collapse; border-spacing: 0; width: 100%; border-top: 1px solid #53774d; }
th, td {  border: none; padding: 0.5em 0.4em 0.5em 0; font-size:19px; color:#000; }
tr  { vertical-align: top; border-bottom: 1px solid #53774d; }
td span { color:#699522; }

a.stil1:link    {font-size:19px; color:#47831e; line-height:30px; }
a.stil1:visited {color:#47831e; }
a.stil1:hover   {color:#6daf3f; }
a.stil1:active  {color:#47831e; }

a.stil2:link    {font-size:16px; color:#e9e9e9; line-height:25px; text-align:left; }
a.stil2:visited {color:#e9e9e9; }
a.stil2:hover   {color:#ffffff; }
a.stil2:active  {color:#ffffff; }

a.stil3:link    {font-size:19px; color:#309239; line-height:30px; font-weight:400;}
a.stil3:visited {color:#699522; }
a.stil3:hover   {color:#000; }
a.stil3:active  {color:#699522; }

a.fuss:link    {color:#fff; font-size:14px; font-weight:400; line-height:20px; }
a.fuss:visited {color:#fff; }
a.fuss:hover   {color:#3ead48; }
a.fuss:active  {color:#fff; }


footer  { background-color:#2a322a; padding:20px; margin-top:10px; }
#impressum {  margin: 0 auto; max-width:1680px; }
footer p    { font-size:14px; color:#fff; font-weight:400; line-height:20px; }
.lin { width:16px; height:16px; }

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

     .menubar  { background-color: #339933; display: inline-block; cursor: pointer; }
     .unsichtbar { display:none;}


     .titelei  { display: flex; }
.logo   { order: 1; flex-basis: 10%; }
.titel { order: 2; flex-basis: 90%; }

     .logo img { max-width: 55px; margin: 15px 10px 10px 10px; }
     .titel    { padding-top:15px; }
     h1        { font-size:22px; margin:0; line-height:24px; }
     h2        { font-size:18px; margin:0; line-height:20px;}
     .radius15  { width:350px; height:auto; }

     nav       { position: relative; display:none; height:auto; }
     .menu     { width:100%; margin:0 auto; text-align:center; margin:0; padding: 0; }
     .adresse  { width:100%; margin:0 auto; text-align:center; }
     .impre    { margin:0em; }

     .bild     { width:100%; padding:0; margin:0; }
     .bilder img { width:100%; height:auto; margin:0.2em auto; }
     .logo     { margin:0; padding:0; }

     }