:root{
 --impal-gtc-1:60px 60px 230px;
 --impal-gtc-2:230px 60px 60px;
 --impal-gtc-3:200px 150px;
 --impal-gtc-4:150px 200px;
 --impal-gtc-5:350px;
 --impal-gtc-6:80px 270px;
 --impal-gtc-7:40px 310px;
 --impal-S:1;
}
main{
 display:inline-block;
 width:100%;
 box-sizing:border-box;
 flex-flow:row wrap;
 flex:0 1 auto;
 gap:25px;
 background:var(--impal-cF);
 &.text{
  font-size:1rem;
 }
}
article{
 box-sizing:border-box;
 /*padding:5px;!*/
 margin:5px 5px 5em 5px;
}
section{
 box-sizing:border-box;
 margin:0 0 5em 0;
 background:var(--impal-cF);
}
section.float{
 &>img.left{float:left;clip-path:circle(4em at 4em 4em);}
 &>img.right{float:right;clip-path:circle(4em at 4em 4em);}
 &>xxximg.w,video.w{
  height:8em;/*min-height:var(--impal-H);*/
  width:calc(var(--impal-S)/height);
  padding:5px;
  overflow:hidden;
 }
 &>img/*.h,video.h*/{
  width:8em;/*min-width:var(--impal-W);*/
  height:calc(var(--impal-S)/width);
  overflow:hidden;
 }
}

section.BT{
 display:inline-flex;
 flex-flow:row wrap;
 gap:1em;
}

section.TT{
 display:inline-flex;
 flex-flow:column nowrap;
 gap:1em;
 &>div>i{box-sizing:border-box;display:inline;padding:5px 10px 0 10px;border-radius:5px 5px 0 0;}
 &>nav{display:none;}
 &>div{display:inline-block;width:350px;margin-top:1em;}
 &>div>span{
  display:grid;
  
  /*filter:opacity(50%);*/
  /*background-color:calc(background-color + 1);
  &>:first-child{align-self:stretch;width:350px;}*/
  &>b{
   border:1px solid #111;
   vertical-align:middle;
   padding:5px;
   font-family:arial;
   font-size:1.2em;
   font-weight:bold;
  }
 }
}

.gtc-1{grid-template-columns:var(--impal-gtc-1);}/*Konzeption - Tagesablauf*/
.gtc-2{grid-template-columns:var(--impal-gtc-2);}/*AÖB - Öffnungszeiten*/
.gtc-3{grid-template-columns:var(--impal-gtc-3);}/*AÖB - SchlZ/Ferien*/
.gtc-4{grid-template-columns:var(--impal-gtc-4);display:grid;}/*AÖB - Telefonnummern*/
.gtc-5{grid-template-columns:var(--impal-gtc-5);}
.gtc-6{grid-template-columns:var(--impal-gtc-6);}
.gtc-7{
 display:grid;
 grid-template-columns:var(--impal-gtc-7);
 width:350px;
 background:#9F9;
 &>*{
  border:1px solid #111;
  vertical-align:middle;
  padding:5px;
  font-family:arial;
  font-size:1.2em;
  font-weight:bold;
 }
}





headline{
 position:relative;
 box-sizing:border-box;
 left:-5px;top:-5px;width:calc(100% + 10px);height:auto;
 text-align:center;
 background:#0F0;
 /*display:flex;flex-flow:row wrap;*/
 display:inline-block;
 &>*{margin:0.5em;}
}
bc2.BT{
 display:inline-flex;
 flex-flow:row wrap;
 flex:0 1 auto;
 gap:25px;
 background:var(--impal-cF);
 /*box-shadow:0 0 1em #555;*/
 box-sizing:border-box;
 margin:0 5px 0 -5px;
 padding:25px;
 &>s1{
  display:flex;
  align-items:center;
  justify-content:center;
  width:var(--impal-M);
  height:var(--impal-M);
  overflow:hidden;
  box-sizing:border-box;
  /*background:var(--impal-cD);*/
 }
 &>s2{
  display:flex;
  width:var(--impal-M);
  height:var(--impal-M);
  padding:1em;
  box-sizing:border-box;
  flex-flow:column wrap;
  flex:0 1 auto;
  align-items:start;
  background:var(--impal-cD);
  /*&>*{margin:1rem;}*/
  &>h1{background:#33D;color:#FFF;margin:0;padding:1em;width:calc(100% - 2em);}
  &>h2{background:#DDD;color:#000;}
 }
}
aside{
 background:#EFE;
 border:2px solid #F00;
 margin:1em;
 padding:1em;
}
h1{
 font-size:2em;
 font-weight:bold;
}
h2{
 font-size:1.6em;
 font-weight:bold;
}
h3{
 font-size:1.2em;
 font-weight:bold;
}
h4{
 font-size:1em;
 font-weight:bold;
}
h5{
 font-size:0.8em;
 font-weight:bold;
}
h6{
 font-size:0.6em;
 font-weight:bold;
}
p{
 font-size:1.3em;
}
.center{text-align:center;}
ul{
 font-size:1.3em;
}
.rot   {background:#F00;color:#FFF;}
.blau  {background:#00F;color:#FFF;}
.orange{background:#FA0;color:#000;}
.gruen {background:#0F0;color:#000;}
.gelb  {background:#FF0;color:#000;}
.lila  {background:#F0F;color:#FFF;}

article#Beitraege>table{
 width:350px;border:1px solid #FFF;margin:0;padding:0;color:#000;
 &:first-of-type>tbody{
  &>tr>td{
   padding:2px 1px;
   &:nth-child(1){background:#BBB;}
   &:nth-child(2){background:#BB0;}
   &:nth-child(3){background:#D90;}
   &:nth-child(4){background:#0B0;}
   
  }
  &>tr:nth-child(1){
   font-size:0.7em;
   &>td:nth-child(1){background:#BBB;}
   &>td:nth-child(2){background:linear-gradient(90deg,#BB0,#D90,#0B0);}
  }
  &>tr:nth-child(2){
   font-size:0.7em;
   &>td:nth-child(1){background:#BB0;}
   &>td:nth-child(2){background:#D90;}
   &>td:nth-child(3){background:#0B0;}
  }
 }
}
article#Beitraege>div{
 font-size:0.8em;width:350px;margin:0;padding:5px;color:#000;box-sizing:border-box;
 &.beitragsdauer{font-size:1em;color:#000;background:#0BB;border:1px solid #000;}
 &.mittagessen{font-size:1em;color:#FFF;background:#B00;border:1px solid #000;margin-top:10px;&>ul{margin:10px;padding:0;margin-left:20px;font-size:1em;}}
}