/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/noto-sans-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-v27-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
       url('../fonts/noto-sans-v27-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-v27-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-500 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('../fonts/noto-sans-v27-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-v27-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-500italic - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 500;
  src: local(''),
       url('../fonts/noto-sans-v27-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-v27-latin-500italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-600 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('../fonts/noto-sans-v27-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-v27-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/noto-sans-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/noto-sans-v27-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* This is the css file for the new scrolling system Friday, August 21, 2020 */

/*
BREAKPOINTS
min 1028
max 1027.99
min 900
max 899.9
max640
*/

HTML{width:100%;max-width:100%;padding:0;margin:0;border:0;overflow-x: hidden;text-align:center;}

/*
BODY{width:100%; max-width:970px!important;padding:0 0 0 2px;margin:0;border:0; background-color:pink!important;
font-size:14px;font-family:georgia,'Noto Sans',verdana,arial,helvetica;line-height:21px;float:none;text-align:center;}
*/

body{width:100%;padding:0 0 0 2px;margin:0;border:0; background-color:#fff;text-align:center;background-color:#fbfcfd;}
#wrapper{display:block;width:100%;height:100vH;max-width:970px;margin:0px auto;background-color:#fff;text-align:left; font-family:'Noto Sans', Calibri, helvetica, sans-serif;font-size:13px;}


BODY,H3,H5{color:#55576d}

.fullwidthtable{width:99%;clear:right}
.fullwidthimage{width:99%;clear:right}

/**  BODY,H1.banner{background-color:#f8f8f8}  **/

.rot{color:#c70a0a}
/*
overflow-x:hidden

;-webkit-backface-visibility: hidden!important;-webkit-overflow-scrolling: touch;
*/

#reporter{
display:none;
position:sticky;
left: 100px;
top:90px!important;
padding:1px 2px;
height:16px;
width:300px;
z-index:524!important;
font-family:verdana,helvetica,sans-serif;font-weight:normal; text-align:right;color:black;
background-color:beige;
}

#obenfixed{
display:block;position:fixed;bottom:0px!important;left:3px;width:132px;height:16px;
background-color:#B41F25;padding:0;
font-family:'Noto Sans', verdana,helvetica,sans-serif;font-weight:bold; text-align:center;
cursor:pointer;color:gold;
}



 /* wrapper MUST BE DEFINED */

H1,H2{vertical-align:top}

H1{vertical-align:top;position:relative;top:-12px;left:0;padding-top:0;
font-family:'Noto Sans',arial,georgia,garamond,times;color:slategray;
font-size:24px;line-height:30px;border:0;display:block;hyphens:none}


/**  H1.banner{margin-top:5px;line-height:28px;padding-bottom:6px;border:0 solid #f8f8f8;border-bottom-width:1px}  **/

#IMP,H2{padding:0;background-color:transparent}

/*H2:nth-of-type(1){margin-top:-10px!important}*/
H2{color:#C70A0A;font-weight:600;clear:both;
font-family:'Noto Sans',arial,georgia,garamond,times;
font-size:1.4em;line-height:1.2em;margin:40px 0 5px 0!important;hyphens:auto}

H2.margintop50{margin-top:60px}
H2.margintop100{margin-top:100px}
.inline-items,H2.h2right{margin-top:0}
H2.h2suppressed{
margin-top:-10px;opacity:.1;font-size:9px;line-height:9px;
}
div.article{margin:10px 0 0 0px;width:94%!important}
div.firstarticle{margin-top:40px !important;}
H3,H5{padding-left:6px;font-family:calibri,verdana,arial,helvetica,'sans-serif'}
H3{background-color:#d5d5d8;width:200px;font-size:16px;line-height:22px;margin-bottom:25px;font-weight:400}
H4{margin-bottom:5px;color:#C70A0A;font-size:1.3em;font-family:calibri,arial,helvetica,'sans-serif'}
H3,H5,H6{margin-top:0;vertical-align:top}
H5{background-color:#d8d9e9;width:760px;font-size:14px;line-height:20px;margin-bottom:5px;font-weight:700}
#menusmall a div,H6{display:inline-block;float:left}

H6{color:#000000;padding-right:10px;font-family:Noto Sans,arial,georiga,times;font-size:18px;line-height:26px;margin-bottom:10px;font-weight:500;font-style:italic;width:45%;padding-left:2px}


H6.vorspann{width:99.5%}
#IMP{position:absolute;top:90px;left:0px; display:block;height:15px;width:150px;
text-align:left;font-family:arial,helvetica;font-size:10px;letter-spacing:0.5px;line-height:10px;margin:0 0 2px 4px;z-index:2}
#IMP a{color:#555555}
#CLEAROFF{width:120px;height:1px;margin:-6px 0 0;clear:both;font-size:1px;line-height:1px;border:0 solid red}
#FINDER{display:inline-block;margin:20px 0 0;border:0 solid green; width:120px;height:35px; z-index:20!important}
#LUPE,#TERM{display:inline-block;float:left}
#TERM{clear:both;font-family:arial,helvetica;color:#2f4f4f;font-size:11px;z-index:30!important;width:80px;margin:-3px 1px 0 3px}

#LEFTICONCOL{float:left; width:120px;margin:10px 0 0 3px;padding:0;font-size:1px;line-height:2px;display:block;border:none}
#LEFTICONCOL IMG{width:105px;float:left;margin:0 0 5px 0!important;border:0}
#LEFTICONCOL a{color:#fff}

#LUPE{float:right;margin:5px 0 0 0px;border:0 solid #0ff;width:21px!important;height:21px}

#TOPPER{display:inline-block; height:auto;text-align:center;border:0 solid #00f!important;}
/* NB inline-block vital here for auto adjust to content. height:auto not strictly needed */
#PAKOBANNER{position:relative;max-width:94%!important;height:auto;margin:7px 0 0 0px;float:left;clear:both;}
#PAGEMENU{width:95%;height:28px;padding:0 2px 0 6px;
background-color:transparent;
overflow:hidden;margin:15px 0 0 5px!important;
border:1px solid red}

#strip{
/* overridden in javascript */
position:fixed;
top:67px;left:0;
width:100vW;max-width:100vW;
height:40px;
background-color:#e2e9f1!important;
margin:0px 0 0 0;
cursor:pointer;z-index:14;
-webkit-overflow-scrolling: touch;
display:none;
}

#kleinmenuicondiv{
position:fixed;
left:0px;
width:100%;
height:200px;
top:80px;
z-index:12;text-align:center;padding:0;
display:none;
}

.hideme{z-index:-1}
.showme{z-index:100}

#menuatrappe{width:33px;height:28px;background-color:red;margin:auto;opacity:1;z-index:15}

#menusmallcontainerdiv{
display:none;
position:relative;
top:42px;
left:0px;
height:210px; /* set higher or lower for more or less covering fadeout */
margin:0px;
padding:10px 0;
width:100%;
text-align:center;
background-color:transparent;
/*z-index:13;*/
background:-webkit-gradient(linear,center top,center bottom, from(#d5dce3),to(transparent));
background:-moz-linear-gradient(top,#d5dce3,transparent)
}

#menusmall{
display:none;
margin: 31px auto !important;
border:0px dotted red;
padding:0;
width:80%;max-width:320px;height:240px;
height:175px;
font-size:13px;line-height:1.5em;font-family:verdana,arial,helvetica
}
#menusmall a div{padding-left:3%;text-align:left;background-color:#eff8fc;width:40%;border:0 solid #00f;border-bottom-width:1px;border-left-width:10px;border-left-color:#d5dce3}
#menusmall a div.currentpage{background-color:#d7e1ea;color:#e9299f}
#menusmall a{color:#245195;text-decoration:none}
#menusmall a:hover{color:maroon}
.inline-items li{margin-left:0;border-left:0 solid #1656a0;padding-left:10px;padding-right:10px}
.inline-items li:first-child{margin-left:0;border:0;padding-left:0;padding-right:10px}
.inline-items li:last-child{padding-right:0}
.strap{color:#6b7281!important;font-weight:700;letter-spacing:.05px;font-family:'Noto Sans',helvetica,sans}
.leftpicstyle{margin-top:6px;margin-right:10px;margin-bottom:10px;float:left}
.lefttablepicstyle{border-collapse:collapse;margin:7px 12px 20px 0;float:left;width:auto;max-width:99%}
.text10{font-size:10px}

.leftsmalltablepicstyle{border-collapse:collapse;float:left;margin:6px 10px 30px 0;width:200px}
.leftsmalltablepicstyle IMG{width:200px!important}
.fullwidthtable{width:99%;margin-bottom:30px}
.picstyle{margin-top:6px;margin-right:10px;margin-bottom:20px}
TABLE .cap,TABLE .caption{font-style:italic}

#OUTERNAVIPANEL{display:block;margin:0!important;position:absolute;left:830px;top:90px;height:760px;width:135px;text-align:left;padding:0;border:0px solid red;background-color:transparent;overflow:hidden;}

#SCHAUMAL,#TITLES{background-color:#fff}

#TITLES,#TITLES:hover{border:1px solid gray;color:#900}

#TITLES{display:block;width:100%;max-width:614px}

#TITLES:hover{background-color:#fff}
.shadow{-webkit-box-shadow:3px 3px 3px 1px #d8daeb;box-shadow:3px 3px 3px 1px #d8daeb}

#TITLES option{width:600px!important;max-width:600px!important}

#SCHAUMAL{width:99%;max-width:610px!important;height:114px;padding:0;border:1px solid #ddd;border-width:1px;overflow:hidden;margin:40px 0 0 6px}

#SCHAUMAL .newsitem{font-family:calibri,arial,helvetica,sans-serif;font-size:14px;font-style:italic;color:#000}

#SCHAUMAL .newsitem:before{content:'';
background-image:url(../pix/right-small-arrow.png);background-position:0 0;display:inline-block;width:6px;height:10px;margin:6px 2px 0 5px;padding:0;vertical-align:top}

#SCHAUMAL .newsitem a{font-weight:400;font-style:normal;text-decoration:underline}

#SCHAUMAL .newsitem a:hover{background:#dde3f4}

#NOOS{width:99%;max-width:610px;height:119px;margin:-1px 0 0 1px;border:0 solid red;
font-family:arial,helvetica;font-size:12px;
background-color:transparent;
}


.newsyear{display:none}

#LOADING{
position:absolute;top:147px;left:151px;width:603px;height:84px;
z-index:90;text-align:center;
padding-top:33px;
background-color:#bbc9e3;
font-family:arial;font-size:10px;color:#2f4f4f;letter-spacing:2px;
opacity:.7;
border:0 dashed green;
display:block!important
}

#INNERDIV{width:97%;max-width:610px;min-width:600px;font-family:arial,verdana;font-size:11px;letter-spacing:.05px}

#MOBILE-TOP-ELEMENTS{margin-top:1px;padding:6px 0 0 0;display:none}

#MOBILESEARCHDIV{float:left;margin:3px 40px 0 0;display:none}

#ENGSEC,#NEWSBOXHEADER,#PAGEMENU,#MC,#MC P{
width:auto;font-family:'Noto Sans',arial,helvetica,'sans-serif';background-color:#fff;font-size:1em;font-weight:normal;hyphens:auto;
}

#MC{display:inline-block;float:left;margin:6px 0 0 18px;padding:0;color:#000;border:0px solid cyan;font-size:14px;line-height:22px;
width:65%;font-weight:normal;
}

#NEWSBOXHEADER{width:585px;color:#000;background-color:#e8e8e8;margin:0px 0 0 6px;padding:1px 1px 1px 10px;
font-family:'Noto Sans',helvetica;font-weight:400;font-size:11px;letter-spacing:2px;line-height:16px;
border:0px solid red;border-left-width:4px;border-top-right-radius:10px;
background-image:linear-gradient(to right,#c9c7c8 0%,#e9e7e2 80%)
}


#MC P {font-family:'Noto Sans', arial, helvetica,sans-serif; font-size: 1em;line-height:1.5em;
min-width: 20px !important;margin: 0 0 9px 0;}

#MC UL {
font-family:'Noto Sans',verdana,arial,helvetica,'sans-serif';font-size: 1em;line-height:1.4em;margin: 0 0 9px 0px;font-weight:normal
}

#MC UL LI {
font-family: calibri,verdana,arial,helvetica,'sans-serif';
font-size: 1.2em;
line-height: 1;
margin: 0 0 9px 20px;
}

#MC P B, #MC P STRONG{font-size: 1em}

#MC P, a[href^=http]:before{background-color:transparent}
.docharrows:before,a[href^=http]:before,
p a[href*=htm]:before{content:"»";display:inline-block;width:6px;height:10px;margin:0 2px 0 0;padding:0;vertical-align:top}

#MC a[href*=pdf]:before{content:"»";display:inline-block;width:6px;height:10px;margin:0 2px 0 0;padding:0;vertical-align:top;font-family:calibri,helvetica,sans-serif;font-size:16px}

/*
p a[href*=".pdf"]{background:url(../pix/pdf_file.gif) no-repeat left 50%;padding:2px 5px 2px 20px}
.docharrows:before{width:10px}
.authordate{font-style:italic;margin:4px 0 15px}

*/

a.noarrows:before{content:"";height:1px;width:1px;}

#MOBILE-FACEBOOKLINK:before, #MOBILE-ARCHIVELINK:before{display:none;content:""}

.tipp{width:90%;border:2px solid #E2DEDC;padding:0 0px;font-family:calibri,'Noto Sans', verdana, arial, sans-serif; font-size:14px;font-weight:normal;color:darkslategray;display:block;margin:0px 0 0 8px}

.tipp img{float:left;margin:12px;}

.tipp SPAN{display:block; width:auto; height:auto; margin:0px 0 0 0px; padding:4px ; 
line-height:1.2; vertical-align:top; color:#621E12; background-color:#D3AFB0; 
font-size:16px;font-weight:600}


/*
.tipp SPAN{
  width: 90%;
  border: 0px solid #E2DEDC;
  padding: 10px 20px 0 20px;
  font-family: calibri,'Noto Sans', verdana, arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: darkslategray;
  display: block;
  margin: 0px 0 0 0px;
  }
*/


/*
.tipp::before{ content: "HÖRTIPP: Wie Gerfährlich ist Trumps Nahostpolitik?"; display:inline-block; width:99.5%; height:16px; margin:0px 0 0 0; padding:4px 0 0 4px; line-height:10px; vertical-align:top; color:#621E12; background-color:#D3AFB0;
}
*/


#obenfixed{display:block;position:fixed;bottom:0px;left:3px;width:132px;height:16px;background-color:#B41F25;padding:0; font-family:'Noto Sans', verdana,helvetica,sans-serif;font-weight:bold; text-align:center;cursor:pointer;color:gold;}

#obenfixed > span:nth-of-type(1){position:relative;display:inline-block;margin:0px 2px 0 0px; width:10px; vertical-align:top; font-size:18px;line-height:12px;float:left;color:gold;border:0px solid coral;padding:0 0 0 0}

#obenfixed > span:nth-of-type(2){position:relative;display:inline-block;width:auto;padding:0 0 0 0;font-size:11px;line-height:12px;vertical-align:top; height:12px; margin:1px 0 10px 2px;text-align:left;color:gold; border:0px solid cyan}

#obenfixed > span:nth-of-type(2):hover{color:#fff;}


#obenfixed > span:nth-of-type(3){position:relative;display:inline-block;margin:-1px 8px 0 0px; width:10px; vertical-align:top; font-size:18px;line-height:14px;float:right;color:gold;border:0px solid coral;padding:0 0 0 0;
}

#NEWSEARCH2023{  /* iframe for new search box 2023 */
display: inline-block;
width: 83%; 
height: 33px; 
margin-top: -15px; 
background-color: rgb(227, 204, 205); 
border: 0px; 
z-index: 13;
border-radius:5px;
}


#SCHAUMAL{display:block}
#LOADING{}
#NOOS{display:block}a{background-color:transparent}a,a:visited{color:#c30}A:hover.whitey,a,a:hover,a:visited{text-decoration:underline}a:hover{background-color:#ebebeb;color:#c30}A.whitey{text-decoration:none;color:#fff}A:hover.whitey{color:#ff0080}A:visited.whitey{text-decoration:none;color:#fefefe}
H2.margintop50:nth-of-type(1){margin-top:50px!important}
#SCHAUMAL a:before {display:none}

#POSTPONE{display:none;border:0px solid lightslategray;border-top-width:1px;margin-top:30px;width:auto; max-width:650px!important}

.blueline{height:1px; width:95%;margin:20px 0;clear:both}

@media screen and (min-width:1028px){
#PAKOBANNER{max-width:950px!important}
#strip{display:none}
#LEFTICONCOL{display:block;border:none}
#PAGEMENU{display:none}
#PAGEMENU{z-index:200!important}
#MC{display:inline-block;float:left;width:620px;margin:18px 0 0 18px;padding:0;font-size:14px;color:#55576d;line-height:22px;border:0 dotted #0ff;font-family:'Noto Sans',verdana,arial,helvetica}
#MC P{width:auto;color:#0c0c0f;hyphens:auto}
#kleinmenuicondiv{display:none}

#OUTERNAVIPANEL{position:fixed;left:830px;display:block!important;border:0 dashed gold!important;overflow:hidden;}

#CLEAROFF{width:120px;height:1px;margin:-6px 0 0;clear:both;font-size:1px;line-height:1px;border:0 solid red}
#LUPE{display:inline-block;float:left;margin:5px 0 0 -15px}
#PAGEMENU,#SCHAUMAL{width:620px;height:28px;padding:0;border:0 solid green;background-color:transparent;overflow:hidden;margin:0}
#SCHAUMAL{width:99%;max-width:610px;height:114px;border:0 solid #ddd;border-width:1px;background-color:#fff;margin:0 0 0 8px}
#NOOS{width:100%;max-width:620px;overflow-y:scroll}
#INNERDIV{width:580px!important;height:auto;border:0 solid red;margin:0}
#INNERDIV,#LOADING,#NEWSBOXHEADER,#NOOS,#PAGEMENU,#SCHAUMAL{display:block!important}
#NEWSBOXHEADER{width:585px;}
#LOADING{top:147px;left:150px;width:597px;height:82px}

img.full{width:95%;max-width: 570px!important}
img.half{float:left;margin:0px 10px 5px 0px!important;width:55%;max-width:300px}
img.small{float:left;margin:0px 10px 15px 0px!important;width:35%;max-width:180px!important}

/*
fig.full img,
fig span{hyphens:auto}
fig.small { display: block; float: left; margin: 8px 15px 10px 0; width: 100%; max-width: 30%; }
fig.half { display: block; float: left; margin: 10px 15px 10px 0; width: 46%; max-width: 46%; }
fig.full { display: block; float: left; clear: both!important; margin: 10px 0px 10px 5%; width: 95%; max-width: 570px; }
*/


div.firstarticle{margin-top:-10px}
}


@media screen and (max-width:1027.99px) and (min-width:950px){

#openLinksPanelFixed{display: none;}
#floater{display:none}
#strip{display:none!important}
#MOBILE-TOP-ELEMENTS{display:none}

#kleinmenuicondiv{display:none}
#OUTERNAVIPANEL{display:block!important;left:85%!important;border:0px dashed green!important;overflow:hidden;}
#PAGEMENU{width:99.5%;height:28px;padding:0;border:0 dotted green;background-color:transparent;overflow:hidden;margin:0 0 0 10px}
#TITLES{width:100%}
#LEFTICONCOL{display:inline-block}
#SCHAUMAL{width:99%;height:114px;padding:0;border:0 solid #ddd;border-width:1px;background-color:#fff;overflow:hidden;margin:0 0 20px 6px}
#NEWSBOXHEADER{width:585px!important;height:13px;
color:#000;background-color:#e8e8e8;
margin:-7px 0 0;padding:1px 1px 1px 7px;
font-family:'Noto Sans',helvetica;font-weight:400;font-size:11px;letter-spacing:2px;line-height:11px;
border:0px solid red;border-left-width:4px;border-top-right-radius:10px;
background-image:linear-gradient(to right,#c9c7c8 0%,#e9e7e2 80%)
}
#NOOS,#SCHAUMAL{max-width:610px}
#NOOS{width:100%;height:119px;overflow-y:scroll}
#INNERDIV{width:580px!important;height:auto;border:0 solid red;margin:0}
#INNERDIV,#LOADING,#NEWSBOXHEADER,#NOOS,#PAGEMENU,#SCHAUMAL{display:block!important}
#LOADING{top:147px;left:150px;width:597px;height:82px}
#MC{display:block;width:70%!important;margin:40px 0 0 18px;padding:0;font-size:14px;color:#55576d;line-height:22px}
#MC P{color:#0c0c0f}
img.full{width:auto;max-width:610px;}

}




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

/*#kleinmenuicondiv{display:block!important;}*/
#strip{display:block;width:100vW}

#MOBILE-TOP-ELEMENTS {
position:relative;display:block;margin-top: 1px; 
padding: 6px 0px; text-align: left;  width: 97%;
border:0px solid magenta;
}


#HARRYTHEGREEK{position:absolute;top:2px;left:47.5%;width:36px; height:36px; padding-left:5px; border:0px solid #000;overflow:visible;}
/* an attrappe on the top level of the strip to approximate the cental position of th background hamburger *

#MOBILE-FACEBOOKLINK{position:relative; border:0px solid blue;text-decoration:none;margin:0 0 0 -3px; padding:0 0 0 0!important;text-align:left!important;height:30px!important;width:68px;vertical-align:top}
/**  #MOBILE-FACEBOOKLINK>img{ float:left;margin-left:0;}
 **/

 #MOBILE-FACEBOOKLINK:before{ content: ""}
#MOBILE-FACEBOOKLINK>IMG{display:inline-block;vertical-align:top;margin:0 0 0 4px!important}
#MOBILE-ARCHIVELINK{position:relative; display:inline-block; border: 0px solid red;text-decoration:none;margin-left:-1px;text-align:left;width:auto;}
#MOBILE-ARCHIVELINK > img{margin-left:5px;}

#MOBILESEARCHDIV {
    float: right;
    margin: 0px 10px  0 0;
    width: 40% !important;
    border: 0px dashed red;
	display:none
}

#TERM1{width:66%;height:25px;margin:0 0 0 51px;border:1px solid #a3b1c9;
font-size:14px;padding-left:4px;border-radius:5px;} 
/* mobile search box */

#LUPE1{display:inline-block;float:right;width:21px;height:21px;margin:0px 16px 0 3px}

#IMP{position:absolute;display:block!important;top:3px;left:74%!important;width:150px;text-align:right;font-size:10px;border:0px solid green;}
/*#IMP{position:absolute;display:block!important;
top:0px;left:70%!important;width:150px;font-size:10px
}*/
#IMP a{text-decoration:none!important;}

/** The next two need to be positioned by javascript depending on ythe height of the banner etc.**/

#openLinksPanelFixed{
display: block;  position: fixed;  top:105px;  left: 3px;  width: 100%;  height: 35px;  background-color: yellow!important;  padding: 0;  
border:1px solid blue;z-index:13;}

#floater{display:inherit;height:18px;width:200px;background-color: #B41F25!important; color: gold;margin:0 auto;padding:10px;z-index:13!important;font-family: 'Nunito Sans', verdana,helvetica,sans-serif;  font-weight: bold; line-height:1; text-align: center;  cursor: pointer;}

#broadLinksPanel{display: none;  position: fixed;  top:138px;  left: 3px;  width: 96%;  height: 90vH;  background-color: #dedeef!important;  padding: 0;  font-family: 'Nunito Sans', verdana,helvetica,sans-serif;  font-weight: bold; line-height:1; text-align: center;  cursor: pointer;  color: royalblue;  z-index:23!important;padding:10px;overflow-y:auto}

H1.banner{margin-top:30px}

div.firstarticle{display:inline-block; margin-top:20px!important;}

#INNERDIV,#LEFTICONCOL,#NEWSBOXHEADER,#NOOS,#OUTERNAVIPANEL,#PAGEMENU,#SCHAUMAL{display:none!important}
#OUTERNAVIPANEL{display:none}
#NOOS{display:none}
#MC{display:inline-block;width:95%!important;margin:50px 0 0 8px;font-size:14px;color:#55576d;line-height:22px}
#MC P{width:100%;font-family:'Noto Sans',verdana,arial,helvetica}
#FINDER{margin-top:50px;border:0 solid orange;width:120px;height:35px;z-index:20!important}
#TERM{z-index:300!important}
#TOPPER{height:auto}
#LUPE{display:inline-block}

/** .tipp{width:100%;margin-top:35px} **/
fig.full { display: block; float: left; clear: both!important; margin: 10px 0px 10px 0px; /*border: 1px solid blue;*/ width: 95%; max-width: 570px; }
img.full{width:95%; max-width: 570px; clear:both!important; margin-left:5%}
fig.half { display: block; float: left; clear: both!important; margin: 10px 0px 10px 0px; /*border: 1px solid blue;*/ width: 95%; max-width: 570px; }


}

@media screen and (max-width:760px){  /* was 700 until Sunday, August 30, 2020. Now works for samsung landscape*/
#MOBILESEARCHDIV {
    width: 40% !important;
    border: 0px solid blue;
	padding:0px!important;
}
#TERM1{width:68%;margin-left:40px} /* mobile search box */
#MC P{width:100%;font-family:'Noto Sans',verdana,arial,helvetica;font-size:1.1em!important}

#IMP{position:absolute;display:block!important;top:3px;left:70%!important;width:150px;text-align:right;font-size:10px;border:0px solid green;}
#kleinmenuicondiv{display:none;z-index:-1;top:70px}

#menusmallcontainerdiv{top:42px;padding-top:20px;padding-left:10px}

#strip{top:65px;display:block;}

}


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

#strip{
/* overridden in javascript */
position:fixed;
top:56px;left:0; /* top must be set in js*/
width:100vW;max-width:100vW;
height:40px;
background-color:#e2e9f1!important;
margin:0px 0 0 0;
cursor:pointer;z-index:14;
-webkit-overflow-scrolling: touch;
}

#IMP{position:absolute;display:block!important;top:3px;left:70%!important;width:150px;font-size:10px;border:0px solid blue;}

#INNERDIV,#LEFTICONCOL,#NOOS{display:none}
.lefttablepicstyle{border-collapse:collapse;margin:7px 12px 0 0;float:left;width:auto;max-width:90%} /* images within articles */
#MC{display:inline-block;width:96%;margin:0px 0 0 8px;padding:0;font-size:14px;color:#55576d;line-height:22px}
#MC P{width:100%;font-family:'Noto Sans',verdana,arial,helvetica;font-size:1.1em}
.tipp{width:100%;display:block;border:1px solid brown;margin: 0 0 0 0;}


#MOBILE-TOP-ELEMENTS{
    position: relative;
    display: block;
    margin-top: 0px;
    padding: 6px 0px;
    text-align: left;
    width: 96%;
    border: 0px solid gold;
  }


#MOBILESEARCHDIV {
width: 27% !important;
    border: 0px solid orange;
    float: right !important;
    margin: 0px;
  }


#TERM1{width:73%;margin-left:0px;} /* mobile search box */

#spendenbitte{margin-top:-30px!important}

#HARRYTHEGREEK{position:absolute;top:2px;left:47%;width:36px; height:30px;}

#LUPE1{display:inline-block;float:right;width:21px;height:21px;margin:0px 0px 0 5px!important;}

#kleinmenuicondiv{width:100%;}

#menusmallcontainerdiv{top:20px}

#LUPE1{display:inline-block;float:right;width:21px;height:21px;margin:0px 0px 0 2px!important;}

#IMP{position:absolute;display:block!important;top:3px;left:67%!important;width:150px;font-size:10px;border:0px solid red;}

#MC{margin-top:40px}

div.firstarticle{display:inline-block; margin-top:20px!important;}

#kleinmenuicondiv{display:none;z-index:-1}

#menusmallcontainerdiv{top:20px}

}

@media screen and (max-width:500px){
#MOBILESEARCHDIV {
    width: 40% !important;
    border: 0px solid black;
}
#spendenbitte{margin-top:-30px!important}

#TERM1{width:74%;margin-left:14px;} /* mobile search box */
#LUPE1{display:inline-block;float:right;width:21px;height:21px;margin:0px 0px 0 0px!important;}

#MC{margin-top:40px}

#MC P{width:100%;font-family:'Noto Sans',verdana,arial,helvetica;font-size:1.1em!important}

#IMP{position:absolute;display:block!important;top:3px;left:60%!important;width:150px;border:0px solid orange;}/*correct for portrait samsung*/

#menusmallcontainerdiv{top:10px}

}


@media screen and (max-width: 640px) {
  #strip {
    position: fixed;
    top: 49px;
    left: 0;
    -webkit-overflow-scrolling: touch;
  }

  .navitem{
    height:23px;
	width:130px;
    background-color:#ffffff;
    font-family: calibri, arial unicode ms, arial;
	font-weight:normal;
	font-size:14px; color:#000000;
    vertical-align:top;
	padding:0 0 0 3px;
	margin:0 0 5px 5px;
    border:0px solid #B1AFAE;
	border-bottom-width:1px;
    cursor:pointer;
}
.navitem:hover{background-color:#C70A0A;color:#fff}

fig.small, fig.half, fig.full{max-width: 370px!important}
fig.full img{width:95%;max-width: 570px!important}

#kleinmenuicondiv{display:none;z-index:-1}

}

@media screen and (max-width:460px){
#spendenbitte{margin-top:-30px!important}
#LUPE1{display:inline-block;float:right;width:20px;height:20px;margin:0 0 0 0!important}
}


@media screen and (width:360px) {   /*and (orientation:portrait)*/

html,body{max-width:360px!important;background-color:ghostwhite}

#strip{width:100vW!important;position:fixed;top:0px;}

#HARRYTHEGREEK{position:absolute;top:2px;left:44.5%;width:36px; height:30px;}

#MOBILESEARCHDIV {
    width: 43% !important;
    border: 0px solid black;
}
#spendenbitte{margin-top:-30px!important}

#TERM1{width:74%;margin-left:10px;} /* mobile search box */
div.firstarticle{display:inline-block; margin-top:20px!important}

#LUPE1{display:inline-block;float:right;width:21px;height:21px;margin:0px 0px 0 1px!important;border:0px solid green!important}

#IMP{position:absolute;display:block!important;top:1px;left:50%!important;width:150px;border:0px solid magenta;}/*correct for portrait samsung*/

#kleinmenuicondiv{display:none;z-index:0}

}

#kleinmenuicondiv{z-index:-1}


<style>

#MC{width:570px;display:block}

H2 {
  color: #C70A0A;
  font-weight: 600;
  clear: both;
  font-family: 'Noto Sans',arial,georgia,garamond,times;
  font-size: 1.4em;
  line-height: 1.2em;
  margin: 30px 0 5px 0 !important;
  hyphens: auto;
}

#article{
display:block;
   margin:10px 0;
    width: 99%;
    background: #fff;
	clear:both;
	border:0px solid blue;
}

picwrap.half{
    float: left;
	margin:7px 10px 0 0;
	width:50%;
    max-width: 275px;
    background: #fff;
	margin-bottom:15px;
	clear:both;
}


picwrap.half + p{padding-top:6px}

picwrap.small{
    float: left;
	margin:7px 10px 0 0;
	width:30%;
    max-width: 200px;
    background: #fff;
	margin-bottom:15px;
}



#article picwrap > a[href^=https]:before{content:""!important;display:block;border:0px solid;margin-top:8px;} /* remove before images */

/*  CAN'T style the height of a pseudo element which wraps an image thus */


picwrap.full{
  float:none;
  width: 98%;
  background: #fff;
  display: block;
  clear: both;
  font-weight: 400;
  margin-bottom: 15px;
}

picwrap > a{display:inline-block;margin-top:-18px;} /*One CAN style a pseudo element thus BUT it affects the element it contains, in this case the image */

picwrap img{
    width: 100%;    /*to fill the reserved picwrap space  -- picwrap.full or picwrap.half */
	margin-bottom: 10px !important;
}

picwrap+p{
 margin:0;
 display:block;
 background:beige;
 height:100%;
 width:auto;
 hyphens:auto!important;
}

piccap{
display:inline-block;float:left;height:auto;min-height:30px;hyphens:auto;
font-size:0.9em;width:100%;background:#fff;
padding:4px!important;line-height:1.2em;font-weight:400;
 margin-bottom: 15px;
}


piccap span{float: right;
  display: inline-block;
  margin-top: -18px;
  }

@media screen and (max-width:588px){  piccap span{margin-top: 0px!important;}