.PlusFrame>.Middle>.Section>.Main {
 background:none;
 box-shadow:none;
}

.dyn {
 padding:5px;
 font-size:1rem;
 line-height:normal;
}

.dyn a:link, .dyn a:visited, .dyn a:hover, .dyn a:active
{ color:initial; }

.dyn .Block
{
 background-color:rgba(255,255,255,.7);
 border-radius:6px;
 box-shadow: 3px 3px 10px rgba(0,0,0,.5);
padding:10px; margin:10px 0px;
transition:all 1s;
}

.dyn .Block:hover {  background-color:rgba(255,255,255,.95); }


.dyn a.LinkKarte
{  
display:block;
border-radius:6px;
margin:6px 2px;
background-color:#dfd;
padding:6px;
font-size:1rem;
box-shadow:var(--SN1);
}

.dyn  a.LinkKarte:hover
{  
 box-shadow:var(--SN1Hover);
}

.dyn .flagge {
 display:block;
 height:20px;
 margin:3px;
 background-repeat:no-repeat;
 font-size:.5rem ;
 opacity:.2;
 cursor: pointer;
transition: all .5s;
padding-left:37px;
 }

.flagge:hover { 
opacity:1;  font-size:1rem; transform: scale(1.2);
}

.flagge.DE { background-image:url(https://dat.akte.de/img/flaggen/k_de.gif); }
.flagge.AT { background-image:url(https://dat.akte.de/img/flaggen/k_at.gif); }
.flagge.CH { background-image:url(https://dat.akte.de/img/flaggen/k_ch.gif); }
.flagge.W { background-image:url(https://dat.akte.de/img/flaggen/k_w.png); }

.dyn.DE .flagge.DE {opacity:1;  cursor:default; font-size:1.1rem; }
.dyn.AT .flagge.AT { opacity:1; cursor:default; font-size:1.1rem; }
.dyn.CH .flagge.CH { opacity:1; cursor: default; font-size:1.1rem; }
.dyn.W .flagge.W { opacity:1; cursor: default; font-size:1.1rem; }

.dyn.ma .flagge { width:100%; margin: 5px 5px 5px 0px; }

.dyn .AmpelBlock
{ margin-bottom:8px; font-size:1rem;}

.dyn  .ampel i  { margin-right:8px; }
.dyn .ampel { display:none;  padding:5px; border-radius:5px;  }
.dyn .ampel.frei   { color:#294; background-color:#dfd; }
.dyn .ampel.sprechend  { color:#880; background-color:#ffa; }
.dyn .ampel.offline  { color:#888; background-color:#ddd; }

.dyn>.frei .frei   { display:block; }
.dyn>.sprechend .sprechend   { display:block; }
.dyn>.offline .offline  { display:block; }


/* liste */

.dyn.list >.mit
{ display: flex;  width: 100%; margin-bottom: 1rem; }

.dyn.list >.mit>.bild
{ border-radius:5px; overflow:hidden; }

.dyn.list >.mit>.bild img
{ border-radius:5px 0px 0px 5px; transition:all 2s ease; }

.dyn.list >.mit>.info
{
width:70%;
 padding: 5px;
margin-left:.3rem;
border-radius:0px 5px 5px 0px;
background-color:rgba(255,255,255,.95);
 display: flex;  flex-direction: column; justify-content: space-between;
}

.dyn.list >.mit>.info>.name
{  flex-grow:1; font-size:1.3rem;     font-weight: bold; margin-bottom:5px;   }

.dyn.list >.mit.sprechend>.info>.name a:link {  color:#880;  }
.dyn.list >.mit.offline>.info>.name a:link {  color:#888;   }


.dyn.list >.mit>.info>.telzeile
{ flex-grow:1;  display: flex; margin-bottom:10px;}

.dyn.list  .telzeile>.spalte1
{ flex-grow:1; margin-right:10px; min-width:100px;}


.dyn.list  .telzeile>.spalte2
{ flex-grow:1; }


.dyn.list .spalte2>.dienst
{ display:none; margin-bottom:10px;  }

.dyn.list.DE .DE  { display:block; }
.dyn.list.AT .AT  { display:block; }
.dyn.list.CH .CH  { display:block; }
.dyn.list.W .W  { display:block; }

.dyn.list .spalte2>.dienst>.zeile {  display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
.dyn.list   .zeile>.snr { font-size:1.1rem;  }
.dyn.list        .preiszeile>.preis {  font-size:1.1rem; }
.dyn.list  .preiszeile>.zusatz { font-size:.9rem;  }
.dyn.list .spalte2 .mwst { text-align:right; font-size:.8rem;}

.dyn.list.CH  .preiszeile>.preis {  font-size:1.1rem; margin-left:10px;}
.dyn.list.CH .spalte2>.dienst>.zeile { justify-content:flex-start; }

.dyn.list >.mit>.info>.kurz { flex-grow:5; }

.dyn.list >.mit>.info>.zeiten
{ flex-grow:5; color:#444;}


.dyn.list >.mit>.info>.zeile
{
/* flex-grow:1; */
width: 100%; 
margin-top:5px;
display: flex; flex-wrap:wrap; justify-content: space-between;
color:#444;
}

.dyn.list >.mit>.info>.zeile>div
{ flex-grow:1; }

.dyn.list .flaggen
{ margin-bottom:8px; }



/* ma */


.dyn.ma .header { width:100%; display: flex; position:relative; }

.dyn.ma>.mit .zurueck { position:absolute; font-size:2rem; opacity:.4; transition:all 1s; }
.dyn.ma>.mit .zurueck:hover { opacity:1; }

.dyn.ma .profilbild img { border-radius:50%; margin:10px; min-width:100px;}

.dyn.ma .header .mitte { 
 min-width:400px; padding:2rem; 
 display:flex; flex-direction:column;justify-content:center;
}
.dyn.ma .header .mitte .name { padding-bottom:10px;} 
.dyn.ma .header .mitte .kurz { padding-bottom:20px;} 

.dyn.ma .body { display:flex; justify-content:space-between;}
.dyn.ma .body>.links { width:50% }
.dyn.ma .body>.rechts { width:48%;}



.dyn.ma>.mit.offline, .dyn.ma>.mit.sprechend { color:#555; }

.dyn.ma .AmpelBlock  { margin-bottom:8px;  font-size:1.2rem;}

.dyn.ma .TelNummern { display:none; }
.dyn.ma.DE .DE  { display:block; }
.dyn.ma.AT .AT  { display:block; }
.dyn.ma.CH .CH  { display:block; }
.dyn.ma.W .W  { display:block; }

.dyn.ma .TelNummern .snr { font-size:1.2rem; }
.dyn.ma .TelNummern .snr .mitnr { font-weight:bold; }
.dyn.ma .TelNummern .preiszeile { margin-bottom:10px;padding-left:37px;} /* wi bei Flagge */
.dyn.ma .TelNummern .preiszeile .preis { font-size:1rem;}
.dyn.ma.CH .TelNummern .preiszeile .preis { font-size:1.2rem;}
.dyn.ma .TelNummern .preiszeile .zusatz { font-size:.9rem;}

.dyn.ma .Block.Zusatz  { font-size:.9rem;}



.dyn.ma .infos .zeiten { margin:8px 0px;  }
.dyn.ma .infos .usertext { margin:8px 0px;  font-size:1.1rem}
.dyn.ma .infos .sprachen { margin-top:12px; }





/* small */
@media only screen and (max-width: 700px) 
{
 .dyn.ma .header { flex-wrap:wrap; } 
.dyn.ma .body {flex-direction:column;justify-content:flex-start;}
.dyn.ma .body>.links { width:100%; order:2; }
.dyn.ma .body>.rechts { width:100%;order:1;}

 .dyn.list>.mit { flex-direction:column;align-items:center; margin-bottom: 2rem; } 
 .dyn.list>.mit>.info{width:100%;}
 .dyn.list>.mit>.bild { width:auto;}
}


/* large and up */
@media only screen and (min-width: 700px) 
{
 .dyn.ma.trans  .header .profilbild img { transition: border-radius 1s ease-in; }
 .dyn.ma.trans  .header:hover .profilbild img { border-radius:30% 10% 30% 10%;}

 .dyn.list.trans>.mit>.info { transition:all 1s ease; background-color:rgba(255,255,255,.8); }
 .dyn.list.trans>.mit:hover>.info {background-color:rgba(255,255,255,.95); } 

 .dyn.trans a.LinkKarte  { transition:all 1s ease; }
 .dyn.trans a.LinkKarte:hover  { transform: scale(1.1); }
}


.dyn.list audio
{
 max-width: 100px;
 max-height: 20px;
}

.dyn.ma audio
{
 max-height: 40px;
 max-width: 300px;
}