@font-face {
    font-family: "spartan";
    src: url("fonts/league_spartan_bold.woff");
    font-style: italic;
}
@font-face {
    font-family: "spartan";
    src: url("fonts/LeagueSpartan-Regular.woff");
}

@font-face {
    font-family: "spartan";
    src: url("fonts/LeagueSpartan-Medium.woff");
    font-weight: bold;
}


:root {
  --osblau: #033; /* #003f76; */
  --osoran: #ff7600;
  --playbr: 55%; /*56vw;*/
  --playht: 3.6em;
  --restbr: 22%; /*22vw;*/
  --imghei: 28.5vw; /*29.5vw;*/
  --asphei: 27.3vw; /* hoehe nachrichtencontainer - 1.2 fuer audio */
  --imaltt: 320px;
  --proran: 5%;
  --prozen: 92%;
  --mimght: 11.5em;
  --fckrs: 56.75%;
}

body {
margin:0 auto; scroll-behavior:smooth; max-width:1360px
}

* { line-height:1.45; }
h1, h2, h3, h4 { line-height:1.3 }
h3 {padding: 0 .5em;}

#tply {
position:-webkit-sticky;
position:sticky;
top:0; z-index:1;
	width:100%;
	height:auto;
/*	background: linear-gradient(to bottom, rgb(255, 255, 255, 1) 70%, rgba(180, 180, 180, 0) 100%); padding-bottom:1em;*/
	padding:.5em 0;
    text-align: center;
	background:#fff;
}

body, #tply {background:#f9f9f9;}

.scromo { border-bottom:1px #ddd solid }
#playPauseBtn {
/*width: 2.6em;height: 2.6em; */
border-radius: 50%;
border: 0;padding: 0;
background: var(--osblau);
color: white;
text-align: center;
vertical-align: text-top;
width: 36px;
height: 36px;
font-size: large;
cursor:pointer
}
#playPauseBtn img, #playPauseBtn svg, #playPauseBtn object  {height:2em}
.ppbtn { fill:#fff; }

#sc2tp { /*display:none;*/
opacity:0;
cursor:pointer;
position: sticky;
bottom: 0;
padding:.6em;
font-size:x-large;
float: right;
transition: opacity .3s ease-in; }
#sc2tp img {
width:1.1em}

.dicon, .diore { 
border-radius: 6px;
padding: .2em .4em 0;
text-align: center;
height:1em
}
.dicon {
background:#ccc;
}
.dicon img {
height: 1.3em;
padding: .125em;
}
.diore { 
background:var(--osoran);
color:white;
font-family:spartan;
/*text-transform: uppercase;*/
font-weight:bold;
letter-spacing:.1em;
line-height: .2em;
padding-bottom: .4em /*8em; */
}

.diore a { color:white; text-decoration:none }

.wetter {
/*background:var(--osoran) url(../imgs/wetterbtn.php);*/
background-image: radial-gradient(#286888,#124558)
}

.sgr  {text-transform:none;font-size:xx-large;letter-spacing:unset;line-height: .5em;}
.ssm  {font-size:smaller;color:#fa0}
.ssu  { letter-spacing: .1em; /*color:var(--osblau); text-shadow: -1px 0px 10px #fff; */
	color:#f9f9f9;
}

a span .sgr {text-decoration:none; text-transform:none;font-size:xx-large;letter-spacing:unset;line-height: .5em;}
a span .ssm {text-decoration:none; color:#fa0}
a span .ssu {text-decoration:none; letter-spacing: .1em; /*color:var(--osblau); text-shadow: -1px 0px 10px #fff;*/
font-size:small
}

.sucho hr {
border: 1px #fff solid;
margin:.25em
}

#findkwa { font-family: spartan;
	text-decoration:none;
	color:#111;
}
.afind { font-family:spartan;
font-size: 1em;
text-align:right;
margin-right:7em }
.afind button {padding-bottom: 0;font-size: 1em;}
.afind input {font-size: 1em;}

.rich-text h3, .conb h3 {padding:0; margin:0}

.overv {
display:block;clear:both;
position:relative;
/*left:0;height:30vw; */
width:var(--prozen); /*96*/
overflow:auto;
padding-top:1em;border-top:1px;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
	hyphens: auto;
	hyphenate-limit-chars: auto /* 8; */
}
.overv::-webkit-scrollbar {
    display: none;
}
.icont {
}
.dudl, .lul {
letter-spacing:.1em;
font-weight:bold;
font-size:small;
padding:.7em 0 .3em .65em;
color:var(--osoran);
}

.dlein {margin-right: 2em;background:#fff;font-family: spartan;height: var(--imghei);}
.dlein h3 {margin: .3em 0;}
.dlein h4 {padding-left: .5em; margin-top:0}
.dlein h5 {padding: .3em .7em 0; margin: 0; color:#333;}
.dlein a {text-decoration:none; color:#111;line-height: 1.1;}
/*.dlein*/ .l0 h4 {font-size:larger; line-height: 1;padding-left: .4em;margin-bottom: 0; }
/*.dlein*/ .l1 h4,.l2 h4,.l3 h4,.l4 h4,.l5 h4 {font-size:large; }
/*.dlein*/ .l5 {margin-right: 0;}

.dlimg {
background-size:cover;background-position:center center;
}
.g0 {
width:40vw;/*22vw;*/
height:22vw; /*var(--imghei)*/

/*float:left;margin-right: .5em;*/
}
.g0 img {
width: 52px;
top: 16.4vw;
position: relative;
left: 2em;}

.g1,.g2,.g3,.g4,.g5 {
width:21vw;height:14vw;
}
.g6 {
height: 14vw;
width: 22.5vw;}

.g1 img,.g2 img,.g3 img,.g4 img,.g5 img,.g6 img {
width: 36px;
top: 10vw;
position: relative;
left: 1em;
}

.lmlis {
float: left;
width:33%
}

.lem {
height: 15em;}

.lum {margin-right: 2em;background:#fff;font-family: spartan;height: var(--imghei);
white-space: normal; height:24.5em; margin-bottom:1.5em}

.lum a {text-decoration:none; color:#111;line-height: 1.1;}
.lum  h4 {font-size:large; padding-left: .5em; margin-top: 0;}

.ptu {
padding-left:.65em
}

.cbli {margin:0 auto}

.incb {
display: block;
float: left;
width: 26%;
padding: 0 7% 1em 0;
}
.portr, .portra {
background-repeat: no-repeat;
max-width: 100%;
overflow: hidden;
background-position: center;
background-size: cover;
}
.portr {
height: 20vh;
/*border-radius: 50%;*/
}



.menz2 ul { list-style:none; margin:0; padding:0 }
.menz2 li { list-style-type: " | "; position: relative; padding-bottom: .5em;
 float: left;
 padding-right: 1em;}
.menz2 li::marker { color: var(--osoran); }
.menz2 li li { font-size:medium;
line-height:.9; list-style: none;
padding-bottom: 0;
letter-spacing: .05em; }


.menz2 ul li ul {
visibility: hidden;
opacity: 0;
position: absolute;
transition: all 0.5s ease;
width: 11.1em;
display: none;
}

.menz2 ul li:hover > ul,
.menz2 ul li ul:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

.hueber {
font-family:spartan;
border:1px #999 solid;
padding:.25em 1.25em;
border-radius: .4em;
letter-spacing:.1em;
font-style: italic;
}

#scID, #scJD, #scKD { cursor:e-resize;
position:sticky;top:0px;right:0em;
/*position:absolute;top:0px;right:0px; height:26em;
background:#ddd;*/
}
#scIE, #scJE, #scKE { cursor:w-resize;
position: sticky;
top: 0px;
left:0em;
height: 0em;
/*width: 3em;z-index: 2;*/
background: #ddd;
display:none;
}
#elemIE, #elemJE, #elemKE {
background:#333;
display:none;
}

#conp, .footer, .fbottom {clear: both;}
.footer {
background: #033;color:#fff;
padding:1em;
font-family:spartan;font-size:large
}
.footer a {color: #f7f7f7; text-decoration:none}
.lo {font-size:xx-large}


.conr, .conbb { font-family:spartan;}
.gpa {float: left;
padding: 2em 1.5em 5em .5em;}

.antd { font-weight:bold;
text-align:left;
letter-spacing:.1em;
text-transform:uppercase;
padding-bottom:.5em
}
.medtitle, .meptitle {font-style: italic;
text-align: left;
font-size:1.8em; /*1.51.32 1.12*/
padding-bottom:1em
}
.conb { font-size: 1.1em;line-height:1.55em; text-align:left }

.listbl li {
list-style: square;
}

.checkpage {clear:both}

canvas { width: 100px;
	height: 33px;
	border: 1px solid black;
}

input[type=range] {
  appearance: none;
  -webkit-appearance: none;
  width: 100%; /* 105px */
  height: 12px;
  border: none;
  border-radius: 99px;
  background: #ddd;
  cursor: ew-resize;
}
.spantrack { float:right;width:80%}

input[type=range]::-moz-range-thumb {
  appearance: none;
  -webkit-appearance: none;
  border: none;
  width: 12px;
  height: 12px;
  border-radius: 99px;
  background: #aaa;
  box-shadow: none;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  width: 12px;
  height: 12px;
  border-radius: 99px;
  background: #aaa;
  box-shadow: none;
}
input[type=range]::-webkit-slider-runnable-track  {
  -webkit-appearance: none;
  box-shadow: none;
  border: none;
  background: transparent;
}

.topps { margin: 1em auto .5em;
width:var(--playbr);height:var(--playht);
vertical-align: middle;
}

.oben { float: left;
margin: 0 auto;
width: 100%; }
	
.oben div {
	display: table-cell; vertical-align: middle;
}

.lgo, .sucho {width:var(--restbr); } /*padding: 1em 2em */
.lgo img {position: relative; width:12.5em}

#programna {
color:var(--osblau);font-weight:bold;text-transform: uppercase;
}
.menz1, .menz1 a {color:var(--osoran);text-decoration:none}
.menz2, .menz2 a {color:#111;text-decoration:none}
.blup {color:var(--osblau);}
.orap {color:var(--osoran);}

.spiel { float:left; padding-left:.4em;
font-size: x-large;  }
.mitte {
 font-family:spartan;
 text-align: left;
 padding-left:1.5em;
 vertical-align: middle;
 display: table-cell;
}
.drei {vertical-align: middle;display: table-cell;
width:8em;
}
#volcl {float:left;padding-left:0em; cursor:pointer}
#volcl img {height:1em}

.spart { height: 50px;
width: 150px;
background-color: red;
rotate: -5deg;
font-style: italic;
vertical-align: middle;
display: table-cell;
text-align: center;
}
.head_article {
	clear:left;
	width: var(--prozen);/*96*/
	font-family:spartan
}
.head_article::after { clear:both; }

.hdp {
/*border:1px solid #333;
border-radius:15px;*/
border:1px #999 solid;
border-radius: .4em;
padding: .3em .6em .1em;
}

.cons {
	clear: both;font-family:spartan
}

.slist {width: 74.5vw; margin: 0 auto;}


.slist div { font-family:spartan;}

.sidebar ul {
    display: flex;
	justify-content: space-around;
	padding-left:0;
}
.sidebar li {list-style: none;}

.l5 {display: inline-block;
height: var(--imghei);
}

/* kalender 
*************/


.mo {
	width:100%;
	margin-top: 10px;
	cellpadding:1;
	cellspacing:0;
	border:1px solid #ccc;
	background-color:#f5f5f5;
}

.mo td {width:14.2857%; vertical-align:top;}

.motag { float:left;width:100%; font-size:12px; background: #bcd; }
.montz { float:left; padding-left: 10px; width: 10px; }
.mopha { float:right; padding-right: 1px; width: 20px; }
.mogra { height:14px; width: 13px;
	background-image: url(mk/mond.gif);
    background-repeat: no-repeat; }

.grofeld { clear:left; text-align:left; width:100%; overflow:hidden } /* height:116px; height:142 */
.grofeld IMG { padding-top:5px }
.grofeld a { text-decoration:none; color:black; }
.hl { background-color:rgba(255, 155, 155, 0.2); } /* vorher 255x3 */

.heute { background: #69c; } 
.frei { background: #eb8; } 
.heutefrei { background: #d85; }
.heutehgaktiv { background: url(mk/heuteaktiv.png) no-repeat; } 
.heutehgles { background: url(mk/heutel.png) no-repeat; }
.hgaktiv { background: url(mk/aktiv.png) no-repeat 35px 5px; }
.hgles { background: url(mk/buch.png) no-repeat; }

.kale {
  color:#000;
  font-family: spartan;
  background-color:#ddd;
  width: 95%;
	margin: 0 auto;
}
.rechts { margin: 50px auto; text-align:right; background-color:#eee }
.rechts a { font-size:14px }

.wh a {text-decoration:none; color:#124;} /* vorher white */

.steu { width:25%; text-align:center; margin-top: 5px; }
.steu a {text-decoration: none;
font-size: larger;
font-weight: bold;
border: 1px solid #ccc;
border-radius: 7px;
padding: .3em .5em .1em;
background-color: #fafafa;}

.moname { width: 50%; float:left; text-align:center; font-size:1.4em }

.weiss {
  color:#124;
  font-weight:bold;
  background-color:#fff;
}
.mtb {display:none}

/* */
.t60, .fw {width:60vw}

.t60 td {
	width:20%
}
	form button:active{
	   background-color: green;
	}
	 
	form p{
	   margin-top: 15px;
	}
	 
	form p a{
	   display: inline-block;
	   color: #006dbc;
	   text-decoration: none;
	}
	 
	form p a:hover{
	   text-decoration: underline;
	}

.tbs { display: inline-block; width:1.3em 
}
.hrblank {
height: 1px;
border: 0;
background: #777;
}
.submb {
background: #033;
color: #fff;
font-size: 1.1em;
font-family: spartan;
border: 1px #999 solid;
border-radius: .4em;
padding: .3em .6em .1em;
letter-spacing: .15em;
font-weight: bold;
text-transform: uppercase;}

.acontain {
width: 60%;
display: table;
background: #1c1c1c;
border-radius: 15px;
padding-top: 0.5em;
}

.micli {
width: 6em;
display: table-cell;
vertical-align: middle;
text-align: center;
}
.micli img {padding-top: 0.2em;width:3em}

.awre { display:table-cell;vertical-align: middle;}
.awre audio {width:21em}

.kale button {text-decoration: none;
color: #333;
font-size: medium;}

.kalf {  clear: both;
  padding-top: 1em;

  font-family: spartan;
  width: 95%;
  margin: 0 auto;
}

.opdp {
color: var(--osoran);
}

.pdo audio {
float: right; margin-right:1em;
border-radius: 24px;
height: 1.2em;
}
.pdo  a {
letter-spacing: .1em;
font-size:small;
font-weight: bold;
text-decoration:none;
color: var(--osoran);
}

h1 {
font-size: 2em;
color: var(--osoran);
text-align: left;
letter-spacing: .03em;
}

.eifraem {
width:100%;border:0
}





@media only screen and (orientation:landscape) {
.h,.o, .hoch, .gpi {display:none}
.mtb {display:none}

.quer {display:block}
.mitte {
 width: 82% /* 83.5% /*40vw;*/
}
/*
.topps { display:table;
}
.drei {float: right; padding: 1em .2em 0 .8em;} */

#conp {margin:8.5em auto 2.6em } /*4.8*/
.conr { width: 53% } /*60vw*/
.conbb { width:93% }
.conbb h1 {width:var(--fckrs)}
.conbb .meptitle {width:var(--fckrs);}
.ws57 {
width:var(--fckrs);
margin-left:21.55%
}
.uloh {padding-left: 1.2em;}

.conb ul {
padding-left: 2.2em;
margin-top: 0;}

.conr .img { background-repeat: no-repeat;
/*border-radius: 14px;*/
width: 102.5%; /* max-width:816px;*/
height: 32vw; max-height:432px;
overflow: hidden;
background-position: center;
background-size: cover;}

.listbl {
background-color: #eee;
padding: 1em;
border-radius: 1em;
width:var(--fckrs);
}
.listbl .meptitle {
width:93%;
}

.pl { 
width: 10em;
height: 10em;
border-radius: 50%;
/*
float:left; margin-right:1em;
width: 42%; /*38%
height: 20vw; /*22vw */
}
.portra { margin:0;
float:left;
line-height:1;
}

.b_li {padding-left:14em}
.b_mi {padding:0 4em }
.b_mj {padding:0 6em 0 4em}
.b_re {padding:0 4em 0 0}


.psma {
padding: .5em 0 .5em 1em;
font-size:.85em;
max-width:11em;
hyphens:auto;
line-height:1
}
.portra audio {
max-width:10em;
padding-bottom: 1em;
}
.sidebar {
clear:both
}

.head_article {
	height: 400px;
	margin: 5em 0 1.5em var(--proran);
}
.head_article .img {
/*border-radius:18px;*/
float:left;
max-width:816px; /* if max-width page is 1360 */
width:60vw; height:400px;
}
.hueber {
margin-left: var(--proran);
}
.overv {
    margin-left: 5%;
	white-space:nowrap;
}

/*lila chrome
.overv audio::-webkit-media-controls-panel {
  background-color: #a0276e;
  color: #a0276e;
} 
.overv audio {
  background-color: white;
/*  filter: sepia(20%) saturate(50%) grayscale(1) contrast(74%) invert(92%); 

.overv audio::-webkit-media-controls-play-button { color: white; }
*/
.intext {
width: 26.5%;
float: left;
padding-left: 2.5vw;
}
.anthrhead {
color:var(--osblau);
/*text-transform: uppercase;*/
letter-spacing: .1em;
text-align:left;
font-weight:bold;
font-size:large
}

.dlis {
/*display:table-cell;*/
display:inline-block;
vertical-align:top;white-space:break-spaces;
}

.l0 {width: 40vw; }
.l1,.l2,.l3,.l4,.l5 {width: 21vw; }

.s0 , .s1, .s2, .s3, .s4, .s5, .s6 { position:absolute; top: var(--asphei); margin:0 .5em}
.s0 { left:19vw }
.so { /*position: absolute;
top: 23.5em; */
margin: 0 .5em 0 12em;
}

.orp { color:var(--osoran);}
.grhead {
font-size: xx-large;
line-height: 1.2;
padding: .5em 0;
letter-spacing: 0.02em;
/*font-weight:bold;*/
font-style: italic;
}
.kuerzel {
color:#333;
}
.contrte {
}

.cons {
	margin:1.5em 4.5vw 3em;column-count:3;column-gap:4vw;
}
.antd {
font-weight:bold;
font-size: 1.1em;
}

em {font-size:1.15em /*font-size:1.05em;*/}
.rahm {width:70%}

#playPauseBtn {
/*	text-align: left; */
}

#menuq {
	width:var(--playbr);
	text-align:left;
	font-weight:bold;
	font-family:spartan;
	letter-spacing:.1em;
	padding-left: .4em;
}
#menuq .filler {height:var(--playht);}
.menz1,.menz2 {font-size: 1.12em;}

.fblock{
/*display: flex;*/
max-width: 630px;
width: 50%;
float: left;
}
.li {margin-left: 3.9%;}
.re {width:auto}

.slu {margin-left:2vw}

.pdcm {
padding-top:.6em;
clear:both;
border-top: #f9f9f9 1em solid;
}
.pdimg {
float: left;
height: 10em;
width: 10em;
background-size: cover;
margin: 0 .7em .4em 0;
}

.oneb {
font-weight:bold;
font-size:large}

.grl { color:#777 !important}


.pdd {
font-family: spartan;
display:flex;
padding-top:1em;
}

.pdu {
margin-left: var(--proran);
width: 27%;
display: flex;
}
.pdi {
font-size: x-large;
font-weight: bold;
}

.pdo {
padding: .7em 0 .3em;
}

.pdo audio {
width: 50%;
}


.eifraem {
height:58em;
}

.sp {font-size: 2.55em;
line-height: 1.1em;
width:var(--fckrs);
}

.sp1 {
font-weight: bold; /* in den vorlagen mal bold, mal nicht */
font-size: x-large;
width:var(--fckrs);}


/*end landscape */
}




@media only screen and (max-width: 1081px) { /*1051*/
.mitte { width:72vw; }
.h, .quer {display:none}

.notab { display:none }

.hoch {display:block}
.lus div {
	display: table-cell; vertical-align: middle;
}
.lgo {
padding:1em 1em 0;
}

.lmlis {
width:49%
}

.s0 { top: 23.5vw; }
.s1, .s2, .s3, .s4, .s5, .s6 {
  top: 12.7vw;
  }

#menuh { font-size: xxx-large;
position: absolute;
top: .1em;
right: .2em;
text-align: right;
z-index:2;
}
#menuh a {text-decoration: none; color: #111;}

#menuh ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

#menuh li {
	font-size: x-large;
	font-family:spartan;
  color: #fff;
  background-color: #033;
  display: none;
  padding: 1rem;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}
  
#menuh li a {
  color: #fff;
}
  
#menuh li:hover {
  background: var(--osoran);
  cursor: pointer;
}

#menuh ul li {
  visibility: hidden;
  opacity: 0;
  min-width: 5rem;
  transition: all 0.5s ease;
  left: 0;
  text-align: right;

}

#menuh ul:hover > li,
#menuh ul li:hover {
  visibility: visible;
  opacity: 1;
  display: block;
}

#menuh ul li ul li {
  visibility:visible;
  opacity:1;
}
.teilli {
display:flex;
font-size:large
}


#conp {margin:0 auto}

.conr { width: 60vw }
.conr .img { 
width: 60vw;
}

.head_article { height: auto;  margin-top:1em }
.head_article .img { /*border-radius: 14px; */
float: left;
width: 40vw;
height: 22vw;
}
.conho {
display:block;
}
.gpi { width: 1.2em;
display: block;
float:left;
}

.o { display:block }
.intext{
width: 40.5vw;
float: left;
padding-left: 2.5vw;
height: var(--mimght);
overflow: hidden;
}
.grhead{
font-size: large;
line-height: 1.2;
padding: 0;
letter-spacing: 0.02em;
font-weight: bold;
}

.diore {
width: 140px;
margin: 0 auto;
height: auto;
}
.anthrhead {margin: .1em 0 .3em;}

.cons {
	margin:2em 3.5em;column-count:2;column-gap:4em;
}
.dlein {height: var(--imaltt);}
.l0 h4 {font-size: large;}
#scID, #scJD, #scKD { display:none; }
.overv {overflow-y: hidden;}

.fblock{
max-width: 41.5vw;}


.caldrm {
font-family: spartan;
padding: 1em;}

.caltag {font-size: larger;
padding: .2em .6em;
background:#bcd}

.mfrei { background: #eb8; } 

.caldln {
padding: .4em 1em;
clear: both;
float: left;
width: 5em;
/*display: table-cell;border-bottom: 1px solid #aaa;*/
}

.caldil {
padding: 0.4em 1em 0 2em;
display: table-cell;
/*float: left;border-bottom: 1px solid #aaa;*/
}
.caldid {
padding-left: 2em;}

/*.caldid {background: #aaa;
height: 1px;
display: inherit;}
*/
.wdl {background: white;
border-bottom: 1px solid #ccc;}

.caldid {
padding-left: 2em;}

.grmb { color:#777; cursor:pointer}

.mdd {
	display:none;
}

/* end tablet (landscape) */
}


@media only screen and (orientation:portrait) {
.h,  {display:block}
.quer, .q {display:none}
.drei {padding-left:1em}
.topps { width:90vw; height:initial; margin: 0 auto; /* .5em; */
}
#tply {
background-color: #f5f5f5;
margin-bottom: .5em;
/*	padding-bottom:1.5em;*/
}

#playPauseBtn img {width:31px;height:30px}
.ppbtn { color:#111; }


#playPauseBtn {
border: 3px solid #111;
color:#111;
background-color: white;
}
.conr { width: 90vw }

.conho {
display: inherit;
}
.gpi {float: left;}
.head_article {
	width: auto;
	margin-bottom: 1em;
}
.head_article .img {
width: 100vw;/*83vw;*/
height: 33vh; /*23.75vh;*/
  }
.anthrhead {
padding-bottom: .5em;
letter-spacing:.1em;
/*float:left;
text-transform:uppercase*/
font-weight:bold;
}
.mobun {clear: both;
padding-left: 1.2em;}

.cons {
margin:0 2em 1.45em;column-count:1;
}
.re {margin-top:1em}

.intext {width: inherit;
float: left;
padding: 1em;
}

.hueber , .overv , .pdd{
margin-left: 1em;
 }

.pdd {
font-family: spartan;
padding-top:.5em;
}

.pdu {clear:both;
padding-top:1em;
}
.pdi {
font-size:large;
font-weight:bold }

 .afind { 
margin-right:4.2em }

.dlein {height: 8.6em;
margin-right:0;
float:left;
width: 93%;
}
.dlein h3 {
margin: 0;
font-size: medium;
hyphens: auto;
width: 100%;
}
.dlein h5 {
padding: 0 .7em 0;}
 
.dlis {
  display: block;
  height:9.5em;
}
.dlis audio { height:1em !important;
left: 12.7em;
}

.g0, .g1, .g2, .g3, .g4, .g5, .g6 {
  width: 40vw;
  height: 22vw;
  float: left;
left: .5em;
  margin-right:1em
}

.pl { width: 98%;
height: 38vh;
}
.g0 img, .g1 img, .g2 img, .g3 img, .g4 img, .g5 img, .g6 img {
width: 32px;
top: 12.4vw;
position: relative;
left: 1em;
}
.l0 h4, .l1 h4,.l2 h4,.l3 h4,.l4 h4,.l5 h4 { font-size: medium; }

.s0 , .s1, .s2, .s3, .s4, .s5, .s6 { position:relative; top: 6.5em;
margin: 0; height: 0; width: 20vw;
left: 62vw;
}


.dudl {
padding: 0 1em .3em 0;
float: left;
width: 34.5vw;
}
.dudl::after {
    content: "\A";
    white-space: pre;
}

.meptitle {font-style: italic;
text-align: left;
font-size:1.15em; /*1.32 1.12*/
padding-bottom:0}

.conin .audio {width:98%}

.portr {width: 42%; height:20vw;
float: left;
margin-right: 1em;}

.portra { height:auto;
margin-right: 1em;}

.incb {float: none;
padding-right:0;
width: 98%;
}

.lul {
float: none;
}

.lmlis {
width:96%
}

.acontain {
  width: 83%;}
.awre audio { width:14em }


.sidebar ul {
  display: inherit;
}

.ptu {
font-size: small;
hyphens: auto;
}
.fblock {
  max-width: initial;
}

.eifraem {
height:62em;
}

}