:root {
  --pohl-primary: #010156;
  --pohl-secondary: #539605; 
  --pohl-darkgreen: darkgreen;
  --pohl-lightgrey: #efefef;
  --pohl-grey: #dedede;
  --pohl-darkgrey: #464646;
  --pohl-blue: #0000ff;
  --pohl-bg-fff: #fff;
  --body-font-size: 1.2em;
  --pohl-signal:#c1272d;
}

.site-grid .grid-child {
      background-color:var(--pohl-bg-fff);
    }
@supports (display: grid) {
  .site-grid {
    background-color:var(--pohl-lightgrey);
    grid-template-columns: [full-start] minmax(0, 1fr)[main-start] repeat(7, minmax(0, 11.875rem))[main-end] minmax(0, 1fr)[full-end];
  }
  .site-grid {
    grid-template-areas: ". banner banner banner banner banner banner banner ."
                         ". top-a top-a top-a top-a top-a top-a top-a ."
                         ". top-b top-b top-b top-b top-b top-b top-b ."  
                         ". top-b-right top-b-right top-b-right top-b-right top-b-right top-b-right top-b-right ."
                         ". sprzt sprzt sprzt sprzt sprzt sprzt sprzt ."
                         ". info-r info-r info-r info-r info-r info-r info-r ."
                         ". comp comp comp comp comp comp comp ."                         
                         ". side-l side-l side-l side-l side-l side-l side-l ."
                         ". side-r side-r side-r side-r side-r side-r side-r ."
                         ". bot-a bot-a bot-a bot-a bot-a bot-a bot-a ."
                         ". bot-b bot-b bot-b bot-b bot-b bot-b bot-b .";
    display: grid;
    grid-gap:.3em;
  }

  @media (width >= 992px) {
    .site-grid {
      grid-template-areas: ". banner banner banner banner banner banner banner ."
                           ". top-a top-a top-a top-a top-a top-a top-a ."
                           ". top-b top-b top-b top-b top-b top-b-right top-b-right ."                    
                           ". sprzt sprzt sprzt sprzt sprzt info-r info-r ."
                           ". side-l comp comp comp comp side-r side-r ."
        
                           ". bot-a bot-a bot-a bot-a bot-a bot-a bot-a ."
                           ". bot-b bot-b bot-b bot-b bot-b bot-b bot-b .";      
      margin:0 auto;      
    }
  }
}
.container-header {
  background:none;
}
.container-top-a>*, .container-top-b>*, .container-top-b-right>*, .container-sprzt>*, .container-info-r>* {
      flex: 1;
      margin: revert; 
}

.grid-child.container-sidebar-right {
    background: revert;
    padding: 0;
    margin: 0;
}
.grid-child.container-sidebar-right > div{
  background:#fff;
  padding: 1em 0.5em 0.25em;
  margin: 0 0 0.3em 0;
}
.container-topbar, .footer {
  background-image: linear-gradient(to bottom right, var(--pohl-darkgreen), var(--pohl-secondary));
  color: var(--pohl-bg-fff);
  padding: 0.5em;
  margin-top: 0;
}
.grid-child.container-top-a .moduletable {
  background:var(--pohl-bg-fff);
  padding: 0.5em;
}
.grid-child.container-top-b .moduletable {
  background:var(--pohl-bg-fff);
}
.container-top-b-right {
  position: relative;
  grid-area: top-b-right;  
  align-content:flex-end;
  flex-direction: column;
}
.container-sidebar-right {
  padding:0 1em;
}
.adresse ul{
  list-style:none;
  padding-left:0;
}
.adresse li{
  background-size: 55px;
  background-repeat: no-repeat;
  background-position: left center;
  line-height: 1.25em;
  margin-bottom: 1em;
  padding: 0.25em;
  padding-left: 63px;
}
.adresse li.adr{
  background-image: url(/images/praxis/grafics/icon-praxis.svg);
}
.adresse li.phone{
  background-image: url(/images/praxis/grafics/icon-fon.svg);
}
.adresse li.mail{
  background-image: url(/images/praxis/grafics/icon-mail.svg);
}
.adresse li.fax{
  background-image: url(/images/praxis/grafics/icon-fax.svg);
}
.container-info-r {
  position: relative;
  grid-area: info-r;  
  padding:1em;
  flex-direction: column;
}
.container-top-b-right {
  position: relative;
  grid-area: top-b-right;  
  padding:1em;
  flex-direction: column;
}
.container-sprzt {
  position: relative;
  grid-area: sprzt;  
  flex-direction: column;
}
.grid-child.container-component {
  padding: 1em;
  padding-top:0;  
} 
.blog-item h2, h2 {
  font-size:1.3em;  
  color:var(--pohl-secondary);
}
.pohl-main-nav li {
  background-image: linear-gradient(to bottom right, var(--pohl-darkgreen), var(--pohl-secondary));
  border-radius:15em;
  margin: .25em;
  padding:0;
}
.pohl-main-nav li:hover {
  background-image: linear-gradient(to bottom right, var(--pohl-darkgreen), var(--pohl-darkgreen), var(--pohl-secondary));
}
.pohl-main-nav li.active {
  background-image: none;
  background-color: var(--pohl-darkgrey);
}
.pohl-main-nav a {
  display:block;
  font-size:1.2em;
  padding:.5em;
  color:#fff;
  font-weight:400;
}
.pohl-main-nav li.active a{
  text-decoration:none;
}
.pohl-main-nav a img{
  width:40px;
  margin-right:.75em;
}
.praxis-gem {
  padding:0;
  width:100%;
}
.praxis-gem h1{
  font-weight:200;
  color: #fff;
  font-size: 2em;
}
.praxis-img p{
  margin:0;
}
.sprechst li {
background-color: var(--pohl-bg-fff);
   padding: 0.75em;
  padding-bottom: 0;
}
.sprechst .mod-articlesnews-horizontal {  
  display:flex;
  grid-gap: .25rem;
}
.sprechst table{
  background-color: #c9c9c9;
  caption-side: top;
  border-collapse: separate;
  border-spacing: 3px 3px;
}
.sprechst table caption{
  font-weight:bold;
  padding:3px;
}
.sprechst table tr td {
  padding:3px;
  text-align:center;
  font-weight:500;
}
.sprechst table tr th {
  padding-left:8px;
  font-weight:500;
}
.sprechst table tr td, .sprechst table tr th{
  background-color: var(--pohl-lightgrey);
  
}
.sprechst table tr:nth-child(2n) td, .sprechst table tr:nth-child(2n) th{
  background-color:var(--pohl-bg-fff);
}
.sprechst table tr td:last-child{
  text-align:left;
  /*background-color:revert;*/
  font-weight:400;
}
.termin-buchen {
  margin: 1.75em auto;
  width:100%;
  display:block;
  padding:0;
}
.termin-buchen button{
  background-image: linear-gradient(to bottom right, var(--pohl-darkgreen), var(--pohl-secondary));
  display: block;
  width: 100%;
  border-radius: .25em;
}
.termin-buchen button:hover{
  background-image: linear-gradient(to bottom right, var(--pohl-secondary), var(--pohl-darkgreen));
}
.termin-buchen button a{
  background: url(../../../../../images/praxis/grafics/icon-kalender.svg) no-repeat 8px 8px;
  padding: .5em 0 .5em 2.8em;
  background-size: 40px;
  display: block;
  color: #fff;
  font-size: 1.2em;
  font-weight: 400;
  text-align: left;
  width: 100%;
  text-decoration: underline;
  text-underline-position: under;
}
.info-sprechzt{
  background:#fff;
  margin-top:.3em;
  padding:1em;
}
.blog-items .blog-item {
  margin-bottom:1em;
}
.ankuendigung{
  margin-bottom:1em;
}
.ankuendigung h3{
  color: var(--pohl-signal);
  font-weight:500;
}
.ankuendigung .mod-articlesnews__item{
  margin:1em 0;
  border: dotted 1px var(--pohl-signal);  
  border-radius:.5em;
  border-top-left-radius:revert;
}
.ankuendigung .mod-articlesnews__item h2{  
  background: var(--pohl-signal);
  color: #fff;
  display: inline-block;
  padding: 0.25em .6em .4em;
  margin-bottom: .75em;
  font-weight:500;
}
.ankuendigung .mod-articlesnews__item p{  
  padding-left:1.5em;
  padding-right:1.5em;
}
.praxis-aerzte {
  padding:1.5em 0 ;
  width:100%;
  color: #333;
}
.praxis-aerzte{
  font-size: 1.25em;
}
.praxis-aerzte .mod-custom {
  display:flex; 
  justify-content: space-around;
  padding-top:.5em;
  padding-bottom:.5em;
}
.praxis-aerzte .mod-custom > div {
  display: flex;
  flex-direction: column;
  align-items:center;
  width:100%;
  padding-bottom:0;
  line-height: 1.1em;
}
.praxis-aerzte .mod-custom h2, .praxis-aerzte .mod-custom p {
  width:100%;
  margin-bottom:0;
}
.praxis-aerzte .mod-custom h2 {
  font-weight:bold;
}
.pohl {
  padding-right:1em;
  border-right:solid 1px var(--pohl-secondary);
}
.pohl h2, .pohl p {
  text-align:right;  
}
.seidl {  
  border-left:solid 1px var(--pohl-secondary);
  padding-left:1em;
}
.seidl h2, .seidl p{
  text-align:left;
}
.leist{  
  margin:1em 0;
}
details{  
  margin:0.5em 0 0 0;
  border-radius:1em;
}
summary{
  font-weight:500;
  font-size:1.2em;
  color:var(--pohl-darkgrey);
  padding:.75em 1em;
  border-radius:1em;
  border:solid 2px var(--pohl-grey);
  margin-bottom:0;
  background:var(--pohl-lightgrey);  
}

details[open] {  
  margin-bottom: 1.25em;
  background:var(--pohl-lightgrey);  
  padding-bottom:1em;
}
details[open] ul{  
  margin:1em; 
}
details[open] summary{  
  background: var(--pohl-darkgrey);
  color:#fff;
  border-bottom-left-radius:revert;
  border-bottom-right-radius:revert;
  border:solid 2px var(--pohl-darkgrey);
}