/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
@viewport{
  width: extend-to-zoom;
   zoom: 1.0; 
}
@-ms-viewport{
  width: extend-to-zoom; 
   zoom: 1.0; 
}  
/** * Reset CSS */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 13px;
    font: inherit;
    line-height: 1.13em;
}

/* HTML5 chartinyt css anfang */
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
:root {
  font-size: calc(1vw + 1vh + 1.5vmin);
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
  margin: 0
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
               color: #000000;
               font-size: inherit;
}
a:hover{
        color: #CE03C2;
}
.b-lazy {
        -webkit-transition: opacity 500ms ease-in-out;
           -moz-transition: opacity 500ms ease-in-out;
             -o-transition: opacity 500ms ease-in-out;
                transition: opacity 500ms ease-in-out;
                 max-width: 100%;
                   opacity: 0;
    }
    .b-lazy.b-loaded {
                   opacity: 1;
    } 
      
.ytcneuevids { float: right;display: block;width: 22.2%;height:84px;margin: 0 1.7% 4px 0.1%; border: 1px solid #444; border-top: none; background-image: url( '../ytc/ytcnvbg.png' ); background-repeat: no-repeat; background-size: stretch; }
a.ytcnewvids { display: block;color: #111;margin: 33px 9.5% 0 10.2% !important; padding: 1.5% 0 1.3% 0;background: #FFD130;font-weight: 700;letter-spacing: 0.03em;text-decoration: underline }
a:hover.ytcnewvids { color: #2A85E3;background: #efefef;text-decoration: none }

.vidsuche {  }
.artikelheader { float: left; width: 100%; height: auto;background: #fff }
.headb { float: left;margin: 0 0.3% 5px 2.5%; }
.headereins { float: left; text-align: center; margin: 0 0 5px 0; padding: 0 1%; color: #fff;letter-spacing: -0.02em;background-image:url( '../ytc/logobg.png' );background-repeat: repeat; line-height: 1.4em !important; }
.chartundinfos { clear: both; background: #f5f5f5; float: left; width: 100%;line-height: 1.5em !important;font-family: 'Rambla', sans-serif; }
.linkblock728 { clear: both;float: left;width: 99.25%;margin: 5px 0;padding: 10px 0 5px 0;height: auto;background: #efefef;border: 1px solid #c7c7c7;background-image:url( 'https://www.oljo.de/main-Dateien/werbung150.png' );background-repeat: no-repeat;background-position: -50px 0px }
@media (min-width:600px) { .linkblock728 { min-width: 468px; height: auto;margin: 5px 0 } }
@media (min-width:1000px) { .linkblock728 { min-width: 728px; height: auto;margin: 5px 0 } }
.ytchartsentries { float: left; width: 100%; background: #f5f5f5 }
.youtubechartslogo { float: left;margin: 0 0.3% 0 2.5%; width: 97.2% }
.ytctoprang { float: left; color: #fff;font-size: 3em;line-height: 0.6em !important;height: auto;padding: 1.2% 1.7% 2.6% 1.7%;width: 96.6%;display: block;background-image:url( '../ytc/logobg_b.png' );background-repeat: repeat;
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
  text-align: center;
  text-transform: uppercase;
  text-rendering: optimizeLegibility; 
color: #fff;
    letter-spacing: .05em;
    text-shadow: 
      0 -1px 0 #fff, 
      0 1px 0 #2e2e2e, 
      0 2px 0 #2c2c2c, 
      0 3px 0 #2a2a2a, 
      0 4px 0 #282828, 
      0 5px 0 #262626, 
      0 6px 0 #242424, 
      0 7px 0 #222, 
      0 8px 0 #202020, 
      0 9px 0 #1e1e1e, 
      0 10px 0 #1c1c1c, 
      0 11px 0 #1a1a1a, 
      0 12px 0 #181818, 
      0 13px 0 #161616, 
      0 14px 0 #141414, 
      0 15px 0 #121212, 
      0 19px 24px rgba(0, 0, 0, 0.9);
}
.ytctoprangb { float: left; background: #fff; margin-bottom: 2px; padding: 0.2% 0.7%; border-bottom: 2px solid #555; width: 98.4% }
.ytctopranglinks { float: left; clear: both; padding: 1.2% 1.7% 1.2% 1.7%;width: 96.6%;background-image:url( '../ytc/logobg.png' );background-repeat: repeat;line-height: 2.1em !important }
.ytctopranglinks ul { margin: 0;padding: 0 }
.ytctopranglinks li { display: inline;padding: 0 }
.ytctopranglinks a { font-size: 1.3em; color: #fff;margin: 0 1.75%;padding: 0.5% 2% !important; background: #812727;border: 1px solid #ccc;text-decoration: none }
.ytctopranglinks a:hover { background: #000; color: #2A85E3 }
.chartentrybody { float: left;width: 100%;display: flex;flex-wrap: wrap;align-content:center;background: #f5f5f5;padding: 1% 0 0.6% 0;border-bottom: 2px solid #fff }
.chartentrybodyneu { float: left;width: 100%;display: flex;flex-wrap: wrap;align-content:center;padding: 1% 0 0.6% 0;border-bottom: 2px solid #fff;background:rgba(254,224,82,0.15); }
.ytcabstand { float: left;width: 1% }
.ytcvideo { float: left;width: 31%;margin: 0 1% .25% .25% }
.ytcvideoidx { float: left; width: 100%; margin: 0;min-width: 201px;border-top: 1px solid #444;border-bottom: 1px solid #444; }
.ytcvideoljo { float: left; width: 31%;margin: 0 1% .25% .25%;padding-bottom: 0.5%;background-image: url( '../ytc/play299but.png' ) !important; background-repeat: no-repeat; background-size: contain }
.ytcbilder img { width: 100%; height: auto; }
.ytcvideo img.ytcopacity {
  width: 100%; 
  height: auto;
  opacity: 1;
	filter: alpha(opacity=70)
	}
.ytcvideo img.ytcopacity:hover {
	opacity: 0.6;
	filter: alpha(opacity=70)
	}
.image-container {
    position: relative;
    width: 100%
    height: auto; 
}
.image-container .after {
    position: absolute;
    top: 72.5%;
    right: 2%;
    bottom: 7%;
    left: 80.5%;
    width: 17.5%;
    background-image:url( '../ytc/ytcplay.png' );background-repeat: no-repeat; opacity: 1;background-size: contain; 
}
.image-container:hover .after {
    background-image:url( '../ytc/ytcplayb.png' );background-repeat: no-repeat; opacity: 0.8;
     z-index-1;
}
.image-wrapper {
        background: #1e1e1e url('https://www.oljo.de/loader.gif') center center no-repeat;
        width: 100%
    }
.ratio_16-9 {
        padding-bottom: 56.25%; 
        height: 0;
    } 
.vinx {
    float: left;
    position: relative;
    width: 100%;
    padding: 0;
    max-height: 300px;
    overflow: hidden;
    background: #fff url(https://www.oljo.de/299vidpic/playbut.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}
.vinx img {
    min-height: 280px;
    object-fit: cover;
}
span.idxplayvidbut {
    color: #fefefe;
    text-align: center;
    padding: 0 8px !important;
    background-color: hsla(0, 0%, 10%, 0.5);
    position: absolute;
    top: 50%;
    line-height: 1em;
    font-size: 6em;
    width: 60px;
    border-radius: 50%;
    transform: translate(-50%,-50%);
}
span.idxplayvidbut:hover { background-color: hsla(113, 53%, 91%, 0.95); color: #169805 }
.toptippimg {
    margin: -4% 0;
    transform: scale(1.21);
    width: 100%;
    height: auto;
}
.responsive-ytcvideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.responsive-ytcvideo { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden }
.responsiveidxspec { margin-bottom: -7% }
.lazyframeidxspec { margin-top: -7% }
.ytsizinglarge { float: left;width: 100%; height: 306px; min-height: 210px;margin-bottom: -28.5% !important }
.ytsizingsmall { float: left;width: 100%; max-height: 170px; min-height: 170px;display: flex;align-items: center;justify-content: center; }
.textmain { float: left;height: auto;width: 56.75%; padding: 0 0 0 0.5%; align-self: center;-webkit-align-self: center }
.titintmain { float: left; width: 100%;font-size: 1.5em }
.position { font-family: 'Orbitron', sans-serif;display: block;line-height: 1.3em;background: #ddd;float: left;margin-left: auto; margin-right: auto;width: 6.8%;color: black;text-align: center; align-self: center;-webkit-align-self: center }
.pneu { background:rgba(254,224,82,0.75);border-right: 2px solid #ddd }
.ytcposnr { font-size: 3.5em;line-height: 1.5em }
.ytcposnr100 { font-size: 2em;line-height: 1.5em }
.ytcvw { color: #666;border-bottom: 5px solid #ddd }
.ytctenz { float: left;width: 1.5%; padding: 0 0.5%; align-self: center;-webkit-align-self: center }
.songtitel { width: 52%; padding-right: 1%; float: left; }
.ytcinterpret { color: black;text-shadow: 0px 1px 2px #555; }
.ytctitel { color: #E90101;padding: 0 0 1% 0;font-weight: bold !important;text-shadow: 0px 1px 2px #888;letter-spacing: 0.03em }
a.ytctitellink { color: #E90101;font-weight: bold !important;padding: 0 0 1% 0;font-weight: 700;text-shadow: 1px 2px 2px #777; text-decoration: underline;letter-spacing: 0.03em }
a:hover.ytctitellink { color: #2A85E3;text-shadow:none;text-decoration: underline }
.plays { color: black;width: 47%; float: right;display: flex;flex-wrap: wrap;align-content:flex-end }
.ytcnumbers { float: left;padding: 0; font-size: 2em; color: #454545; text-shadow: 1px 1px #bbb, 2px 2px #bbb, 3px 3px #bbb; }
.ytcprohundrt { float: left;align-self:flex-end;padding-bottom: 8px }
.ytcdaten { font-weight: 300 }
.ytcnachstechart { clear: both;float: left;width: 100%;background: #812727 }
.ytcnachstecharta { width: 50%;height: 60px;margin: 0;float: left;background: url( '../ytc/weiter3.jpg' );background-repeat: no-repeat; }
.ytcnachstechartb { width: 50%;float: left }
.ytcanmeldung { width: 100%;float: left;border-bottom: 1px solid #888 }
a.ytcnachste { display: block;text-align: right;color: #fff;background: #812727;font-size: 2em;height: 25px;margin: 0 0 0 6% !important; padding: 17px 1.5% 18px 0;font-weight: 700;letter-spacing: 0.03em;text-decoration: underline }
a:hover.ytcnachste { color: #FF1212;background: #5A0E0E;text-decoration: none }
.videovorschlag { width: 100%; height: auto; }
a.vidanmeldung { font-size: 2.5em; text-align: center;display: block;color: #fff; background: #812727;border: 1px solid #ccc;padding: 5% 2% !important }
a:hover.vidanmeldung { background: #000; color: #2A85E3 }
.chartlegendebottom { float: left; margin-top: 4px;padding: 5px 3% 0 3%; min-height: 30px; background: #ddd; color: #000; font-weight: 300; line-height: 1.5em }
.infobottom { float: left;height: auto; padding: 5px 3% 5px 3%; background: #ddd; color: #000; line-height: 1.5em }
.scrollicon{
        text-align: center;
        text-decoration:none;

        width:60px;
        height:60px;
        border-radius:50%;

        background:#ccc;
        opacity:0.7;

        position:fixed;
        bottom:6%;
        right:3%;
        display:none;
        border:2px solid #fff;
        z-index: 10;

    }
.scrollicon div { font-weight:bold; font-size:0.85em !important; color:#222 !important; padding-top: 15px; }
.drop-shadow {
    -webkit-filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.6)) !important;
    filter: drop-shadow(4px 4px 2px rgba(0,0,0,0.6)) !important;
}
.opacity { width: 100%;height: auto;transition:all 0.6s ease }
.gnzuntn { float: left; margin: 0; padding: 0;vertical-align: top;width: 100%; line-height: 1.3em !important }
.gnzuntn p { font-size: 1.05em !important;line-height: 1.3 !important }
.ganzuntre2017 { float: left;width: 46%;padding: 0 1% 0 2%; line-height: 1.3em !important }
.ganzunt { float: left; width: 100%;vertical-align: top }
.ganzunt p { line-height: 1.3 !important }

@media (min-width: 10px) and (max-width:480px) {
.centralhead h1 {  }
h1.headeralbum { letter-spacing: -0.02em }
.topadcont2016 { float: left;margin: 2px 0 2px 0 !important; padding: 0 !important; width: 100% !important;height: auto;overflow: hidden }
.indexad970 { margin: 9px 0 0 0 }
.ytcnvs { float: left; width: 100%;background: #F8E3AF;border-top: 2px #eee;padding: 6px 0;margin: 0 }
.ytcneuevids { width: 100%;height:auto; background: #F3CA38;border-top: 1px solid #444;border-right: none;border-bottom: 1px solid #444;border-left: none;padding: 0; margin: 0 }
a.ytcnewvids { display: block;color: #111;margin: 3px 9.5% 0 10.2% !important; padding: 1.5% 0 1.3% 0;background: #FFD130;font-weight: 700;letter-spacing: 0.03em;text-decoration: underline }
.ytsizingsmall img { position: relative;width: 100%;height: auto;max-height: 170px;overflow: hidden;object-fit: contain }
.vidsuche {  }
.youtubechartslogo { float: left;margin: 0; width: 100% }
.headereins { margin-top: 1px; }
.headb { padding: 0; margin: 0; width: 100% }
.ytctoprang { display: block; padding: 5% 0;width: 100%; text-shadow: 2px 4px 4px #000 }
.ytctopranglinks a { color: #fff; background: #691313;border: 1px solid #ccc;margin: 0 0.15%;padding: 0.5% 1.1% !important }
.chartentrybody { width: 100%;float: left;background: #eee }
a.ytcnachste { }
.ytcnachstecharta { width: 50%;height: 40px;margin-top: 17px;float: left;background: url( '../ytc/weiter3.jpg' );background-repeat: no-repeat; background-size: contain }
.ytcvideo {float: left;width: 77.2% !important;margin: 1% 3.5% 1% 1% !important;padding: 0 }
.ytcvideoljo { padding-bottom: 0 }
.image-container .after { position: absolute;    top: 66.4%;
    right: 5%;
    bottom: 9%;
    left: 74%;
    width: 21%;
    height: 24.6%; }
.responsive-ytcvideo iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.responsive-ytcvideo { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden }
.textmain { width: 93%; padding: 0 0 0 5% }
.titintmain { float: left;padding: 4px 0 0 14%; width: 86%;line-height: 1.6em !important }
.position { width: 12%;margin-left: auto; margin-right: auto;float: left;color: black; align-self: center;-webkit-align-self: center;line-height: 17px !important; }
.ytcposnr { font-size: 2.5em }
.ytcposnr100 { font-size: 1.5em }
.ytctenz { float: left;width: 3%; padding: 0 0.5%; align-self: center;-webkit-align-self: center }
.songtitel { width: 100%; float: left }
.ytcinterpret { width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: black; text-shadow: none }
.ytctitel { padding: 0 1% 0 0.5%;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-shadow: none;letter-spacing: 0.01em  }
a.ytctitellink { padding: 0 1% 0 0.5%;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-shadow: none; text-decoration: underline;letter-spacing: 0.01em }
.plays { color: black;padding-left: 2%;width: 98%; float: left }
.ytcnumbers { float: left;padding: 0; text-shadow: none }
.ytcprohundrt { float: left; padding-bottom: 1px }
.chartlegendebottom { font-size: 0.9em; padding: 5px 6% 0 6% !important }
.infobottom { font-size: 0.9em;padding: 5px 6% 0 6% !important }
.ganzuntre2017 { clear: both; float: left;width: 92%;padding: 2% 4% }
.ganzunt { float: left; width: 92%;padding: 2% 4% }
}
@media (min-width: 481px) and (max-width:768px) {
.topadcont2016 { float: left;margin: 2px 0 2px 0 !important; padding: 0 0 0 0 !important; width: 100% !important;height: auto;overflow: hidden }
.ytcnvs { float: left; width: 100%;background: #F8E3AF;border-top: 2px #eee;padding: 6px 0;margin: 0 }
.ytcneuevids { float: left;width: 315px;height:30px; border: 1px solid #444;background: #FFD130;margin: 0 0 0 8px }
a.ytcnewvids { display: block;color: #111;margin: 3px 9.5% 0 10.2% !important; padding: 1.5% 0 1.3% 0;background: #FFD130;font-weight: 700;letter-spacing: 0.03em;text-decoration: underline }
.ytsizingsmall { min-height: 270px }
.youtubechartslogo { padding: 0; margin:0; width: 100% }
.headb { padding: 0; margin: 0; width: 100% }
.ytctoprang { font-size: 1.5em; padding: 1.7%; ; text-shadow: 3px 5px 5px #000 }
.ytctopranglinks a { color: #fff; background: #691313;border: 1px solid #ccc;margin: 0 0.25%;padding: 0.5% 0.75% !important }
.chartentrybody { width: 100%;float: left;background: #eee }
a.ytcnachste { font-size: 1.5em } 
.ytcnachstecharta { width: 50%;height: 45px;margin-top: 13px;float: left;background: url( '../ytc/weiter3.jpg' );background-repeat: no-repeat; background-size: contain }
.ytcvideo {float: left;width: 37%;margin: 0.6% 1% .5% 1%;padding-bottom: 0.7% }
.textmain { float: left; width: 47.5%; padding: 0 0 0 0.5%; line-height: 1.3em !important }
.titintmain { float: right;padding: 0 0 0 1%; width: 99% }
.position { width: 7.8%;padding:0;margin-left: auto; margin-right: auto;float: left;color: black;align-self: center;-webkit-align-self: center }
.ytcposnr { font-size: 2.5em }
.ytcposnr100 { font-size: 1.5em }
.songtitel { width: 100%; float: left;padding-right: 0;line-height: 1.2em !important }
.ytcinterpret { color: black; text-shadow: none }
.ytctitel { padding: 0 1% 1% 0.5%; text-shadow: none }
 a.ytctitellink { padding: 0 1% 1% 0.5%; text-shadow: none; text-decoration: underline }
.plays { color: black;width: 100%; float: left }
.ytcnumbers { float: left;padding: 0; text-shadow: none }
.ytcprohundrt { float: left;padding-bottom: 1px }
.ganzuntre2017 { clear: both; float: left;width: 92%;padding: 2% 4% }
.ganzunt { float: left; width: 92%;padding: 2% 4% }
}
@media (min-width: 768px) and (max-width:999px) {
.topadcont2016 { margin: 2px 0 2px 0 !important; padding: 0 0 0 1% !important; width: 51.7% !important;height: auto }
.ytcnvs { float: left; width: 47.3%;margin-right: auto; margin-left: auto; }
.ytcneuevids { width: 311px;height:270px; margin-top: 10px; border: 1px solid #444; background-image: url( '../ytc/ytcnvbg_d.jpg' ); background-repeat: no-repeat; background-size: stretch; }
a.ytcnewvids { display: block;color: #111;margin: 124px 9.5% 0 10.2% !important; padding: 1.5% 0 1.3% 0;background: #FFD130;font-weight: 700;letter-spacing: 0.03em;text-decoration: underline }
a:hover.ytcnewvids { color: #2A85E3;background: #efefef;text-decoration: none }
.ytsizingsmall { min-height: 170px }
.youtubechartslogo { padding: 0; margin:0; width: 100% }
.headb { padding: 0; margin: 0 !important; width: 100% }
.ytctoprang { font-size: 1.5em; padding: 1.7%; ; text-shadow: 4px 6px 6px #000 }
.chartentrybody { width: 100%;float: left;background: #eee;padding-top: 0.6% }
.ytcnachstecharta { width: 50%;margin-top: 17px;float: left;background: url( '../ytc/weiter3.jpg' );background-repeat: no-repeat; background-size: contain }
.ytcvideo { float: left;display: block;width: 30.0%;margin: 0 1% 0.35% .2% }
.textmain { float: left; width: 57.9%; padding: 0 0 0 0.5%; line-height: 1.3em !important }
.titintmain { float: left; width: 100%; line-height: 1.5em !important }
.position { color: black;margin-left: auto; margin-right: auto;width: 6.1%;padding: 0; align-self: center;-webkit-align-self: center }
.ytcposnr { font-size: 2.5em }
.ytcposnr100 { font-size: 1.5em }
.ytctenz { float: left;width: 1.9%; padding: 0 0.5%; align-self: center;-webkit-align-self: center }
.songtitel { width: 44%; float: left;padding-right: 1% }
.ytcinterpret { color: black }
.ytctitel { padding: 0 1% 1% 0.5% }
.plays { color: black;width: 55%; float: right;display: block }
.ytcnumbers { float: left;padding: 0; font-size: 1.5em;color: #000;text-shadow: 2px 2px #bbb }
.ytcprohundrt { float: left;padding-bottom: 4px }
}
/* HTML5 chartinyt css ende */


/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */
@viewport{
  width: extend-to-zoom;
   zoom: 1.0; 
}
@-ms-viewport{
  width: extend-to-zoom; 
   zoom: 1.0; 
}   
/** * Reset CSS */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 13px;
    font: inherit;
    line-height: 1.13em;
}
strong {
	font-weight:bold;
}
/* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
	font-family: 'Source Sans Pro', sans-serif;
  font-weight: 300;
	color:#000;
  font-size: 13px;
    background-image: url( '../main-Dateien/background2014.jpg' );
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content: none;
}
table {
    border-collapse:collapse;
    border-spacing: 0;
}
img {
	max-width:100%;
	height:auto;
  display: block;
}
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}


input[type=submit]:hover,
.button:hover {
	-webkit-appearance: button;
	background-color:#2E77BF;
	color:#fff;
}
html,
button,
input,
select,
textarea {
    color: #222;
}

h1.titel {
    margin: 0;width: 99.85%; font-size: 1.5em; color: white;line-height: 1.5em; padding: 0.2% 0 0 0.15%;
}
h2 { font-size: 1.25em;font-variant: small-caps; line-height: 1.35em }
.hauptuberA { width: 100%; min-height: 1px; padding: 0.4% 0 }
.hauptuberB { width: 100%; min-height: 1px; padding: 0.4% 0 }
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: left;margin: 0; padding: 0; 
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
a.xx {
    color: #BEE5FA;
}
a:hover.xx {
    color: #0CA0EF;
}
a {
    color: #111;
}
a:hover {
    color: #0CA0EF;
}
.footer-container { clear: both;width: 100%; float: left }
.footer-container a {
    color: #BEE5FA;
}
.footer-container a:hover {
    color: #0CA0EF;
}
textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
.gooad { 
                        float: left;
                        padding: 0 0 0 2px;
                        width: 300px;
                        min-height: 251px;
                        background: #F4EFD9;
                        vertical-align: bottom;
                        }
nav.articlefoot {
    width: 100%;
}

.main-container { max-width: 1400px; margin: 0 auto;background: #fff; overflow-x: hidden }
p.finden { background: #fff;color: #111 } 
                      

/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body {
    font-family: 'Source Sans Pro', sans-serif;
}

.wrapper {
    max-width: 1400px; margin: 0 auto;width: 100%;background: #fff
}
main.wrapper {
   max-width: 1400px; margin: 0 auto; background: #fff
}
/* ===================
    ALL: Oljo Theme
   =================== */

.header-container {
    background: #fff;
    font-size: 13px;
    max-width: 1400px;
    font-family: Source Sans Pro,Verdana, Arial, sans-serif;
}
.headoljopic {
height: 80px;
background:url( '../../main-Dateien/index_haupt_2020.jpg' );
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:left;
border-bottom: 1px solid #333
}
span.weiter { padding: 10px 13px 12px 13px;background: #aaa;display: block }
.b-lazy {
        -webkit-transition: opacity 500ms ease-in-out;
           -moz-transition: opacity 500ms ease-in-out;
             -o-transition: opacity 500ms ease-in-out;
                transition: opacity 500ms ease-in-out;
                 max-width: 100%;
                   opacity: 0;
    }
    .b-lazy.b-loaded {
                   opacity: 1;
    }    

aside.right {
    display: block;width: 100%;
}
.header-text {
clear: both;
    margin: 0 0.4259% 5px 2.4259%;
    padding: 4px;
    text-align: left;
    background: #D0E6FC;
    line-height: 13px;
    min-height: 10px;
    border: 1px solid #a3a3a3;
    color: #111
}
.header-textb {
    margin: 0 0.4259% 5px 2.4259%;
    padding: 0 4px;
    text-align: left;
    line-height: 110%;
    min-height: 10px;
    color: #111
}
.header-text-viral {
    margin: 5px 0.4259% 5px 2.4259%;
    padding: 4px;
    text-align: left;
    background: #fff;
    line-height: 13px;
    min-height: 10px;
    border: 1px solid #b3b3b3;
    color: #222
}
.header-text h1 { margin: 0 }
.header-text-viral h1 { margin: 0 } 

aside.left {
    background: #fff;
}

.title {
    color: white;
}
nav#main-nav {
	float:left;
  display: block;
   width: 75%;
   clear: both;
   margin: 0;
   height: 50px;
   position: relative;
   z-index:1000000;
}
nav#sec-nav {
	float:left;
  display: block;
   width: 100%;
   clear: both;
   margin: 0;
   height: 50px;
   position: relative;
   z-index:1000000;
}

.navigation {
    clear: both;
    float:left;
    width: 100%;
    padding: 0;
    margin: 0;
}
.navigation ul {
    max-height: 700px
}
.navigation li {
    float: left;
    list-style:none;
    border-right: 2px solid #fff;
}
.navigation li a {
    display: block;
    color: #111;
    text-decoration:none;
    min-height: 34px;
    padding: 6px 3px 6px;
	line-height: 1.4;
	font-weight:bold;
	background: #D0E6FC;
  border: none;
  transition: all 350ms 
  
}
.navigation li:nth-child(1) a { 
   
}
.navigation li a:hover {
    color: #fff;
    background: #2E77BF;
    
}

.navigation li.has-sub ul {

  display: none;
  position: absolute;
  text-align: center;
  z-index:20;
  background:#EAF4FE;
  border-bottom: 2px solid #4c4c4c;
  border-right: 2px solid #4c4c4c;
  margin: 0 5px 0 5px;
  padding: 0;
}
.navigation li.has-sub:hover ul { 
  display: block;
  z-index:100;
}

.navigation li.has-sub ul li {
  text-align: center;
  float:left;
  border: 0 none;
}
.navigation li.has-sub ul li a {
  display: block;
  line-height: 100%;
  padding: 15px 10px 13px 10px;
  margin: 0;
  text-align: center;
  background:none;
  width:auto;
  color: #222;
  border:0;
  min-height: 18px;
  border: 1px solid #333;
  border-bottom: none
  
}
    
.navigation li.has-sub ul li a:hover {
    background: none repeat scroll 0% 0% #4399F0;
    color: #fff;
}
.navheader {
    font-size: 20px;
	display:none;
    cursor: pointer;
}
.slide-trigger span {
    background-image: url("dropdown-pfeil.png");
    background-position: 0 -14px;
    display: block;
    float: right;
    margin-top: 3px;
    height: 14px;
    width: 32px;
}
.subdrop {
	display:none;
}
#cse-search-box { font-size: 130% }
input {
    border: 2px solid #777 !important;
    border-radius: 6px !important;
    background:#111 !important;
    color: #eee!important;
}
input[type=text] {
    width: 69% !important;
    box-sizing: border-box !important;
    border: 2px solid #ccc !important;
    border-radius: 6px !important;
    background-color: white !important;
    color: #333 !important
} 
.vidsuche { font-size: 1em !important }   
.topcontainer { width: 100%;display: block;float: left;height: auto;text-align: center;background: #a9d4fe;background: #0477AF;border-top: 1px solid #222;display: flex;
  align-items: center;
  justify-content: center }
.topcontainer2016 { display: block;float: left;height: auto;text-align: center;background: #a9d4fe;border-top: 1px solid #222;flex-wrap: wrap;align-content: flex-end }
.headercontainer { float: left; min-height: 50px;width: 100% }  
.centralhead { clear: both;display: block;font-size: 100%;line-height: 0.8em;float: left; width: 72px;height:auto;padding: 5px 2px 0 2px;background: #0477AF;color: #fff }
.centralhead2016 { clear: both;display: block;float: left; width: 141px;height:68px;padding: 10px 3px 0 3px;color: #111;flex-wrap: wrap;align-content: flex-end }
.centralhead2016 h1 { margin: 0; padding-top: 5px;height: auto }
.centralhead h1 { font-size: 100% !important; line-height: 0.9em;margin: 0; }
.topadcont { float: left;min-height: 60px;padding: 14px 0;text-align: center;background:url( '../main-Dateien/werbung60.png' ) #fff;background-repeat: no-repeat;background-position: 2px 2px }
.topadcont2016 { float: left;min-height: 60px;text-align: center;background:url( '../imgnews/werbung_pic12x60.png' ) #fff;background-repeat: no-repeat; background-position: 73px 1x }
.trendlink { float: right;display: block;width: 316px;height:90px;margin: 0 15px 0 15px;padding: 0; background: url( '../imgnews/trend-index.jpg' ); }
.trendlinkrap { float: right;display: block;width: 316px;height:90px;margin: 0 15px 0 15px;padding: 0 }
.trendlink2016 { float: right;display: block;width: 316px;height:40px;margin: 20px 15px 0 15px;padding: 0 }
.navundsuche { clear: both;float: left;font-size: inherit;display: block;width: 99.2858%;height: 50px;margin: 0.3571%;background: #D0E6FC; }  
.indexad970 { width: 970px;min-height: 90px;padding: 0 6px; margin: 0;float: left }
.indextextad970 { width: 900px;min-height: 30px;padding: 3px 0 17px 0; margin: 0;float: left;border-right: 1px solid #fff;background: rgb(239, 239, 239) !important;border: none;}
.trendtop10 { clear: both;height: 64px; padding: 7px 5px;border-bottom: 5px solid #333;background: #a9d4fe; }
.adpic970 { line-height: 10px;width: 150px;min-height: 10px;padding: 0 0 5px 455px; }
a.linktrend { display: block; background: #288BEE; min-height: 19px;padding: 6px 5px 6px 5px; color: #fff;text-align: top; }
a:hover.linktrend { background: #EECB28;text-decoration: underline; color: #111 }
a.linktrend2016 { display: block; background: #288BEE; min-height: 19px;padding: 4px 5px 4px 5px; color: #fff }
a:hover.linktrend2016 { background: #EECB28;text-decoration: underline; color: #111 }
span.glow { text-shadow: 0px 2px 4px #FDE98B }
.schlagheadline { float: left;width: 100%;padding: 15px 0;font-size: 200%;background: #45494D;color: #fff;margin: 10px 0 1px 0;text-align: center;text-shadow: 0 1px 0 #222, 0 2px 0 #212121, 0 3px 0 #111, 0 4px 0 #101010, 0 5px 0 #000, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.5), 0 10px 10px rgba(0,0,0,.4), 0 20px 20px rgba(0,0,0,.3) }
.dunkel { background-color: #010a00 }
.gelb { color: #fded82 }
.schlagheadlinehg { float: left;width: 100%;padding: 5px 0;font-size: 460%;background: #45494D;color: #fff;margin: 30px 0 0 0;text-align: center;text-shadow: 0 1px 0 #222, 0 2px 0 #212121, 0 3px 0 #111, 0 4px 0 #101010, 0 5px 0 #000, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.5), 0 10px 10px rgba(0,0,0,.4), 0 20px 20px rgba(0,0,0,.3) }
.raphaus { float: left;width: 99.4%;padding: 0.3%;margin: 1.5% 0;text-align: center; background: #111 }
.neubild { float: left; width: 49.85%;margin-right: 0.15%;background-image:url( '../270vidpic/neu-bild-2020.jpg' );background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% }
.raphausbild { float: left; width: 49.85%;margin-left: 0.15%;background-image:url( '../270vidpic/raphaus-bild-2020.jpg' );background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% }
.neubild img { max-height: 400px }    
.raphausbild img { max-height: 400px }
.hgcontainer { float: left;width: 62%; padding: 0 19%; font-weight: 300;background: #a0a6ab }
a.ytube { padding-left: 3%; }
.ytubesubheadline { float: left; text-align: center;width: 98%; padding: 12px 1%;background: #252627; color: #eee;border-top: 1px solid #888 }
.ytubehg { background: #4D4547 }
.ytubecont { background: #AB9296 }
.hgentry { float: left; display: flex;width: 95%;padding: 2.5% 0 2.5% 5%;border-bottom: 1px solid #ddd;height: auto;background: #fff;align-content: center;align-self: center  }
.hgrank { float: left;width: 9.5%; padding: 1% 0.75% 0.75% 0.75%;font-family: Oswald;text-align: center; background: #eee;align-content: center;align-self: center;border-radius: 9px }
.hgrank b { font-size: 150%;padding-right: 3px }
.hgpunkte { float: left; width: 10%; padding: 0 1%; font-family: Oswald;text-align: center;align-content: center;align-self: center  }
.hgvidlink { float: left; width: 16%; padding: 0 2% 0 1%;text-align: center;align-content: center;align-self: center  }
.hgtitint { width: 54%;float: left;align-content: center;align-self: center  }
.hginfotxt { float: left;width: 98%;padding: 5px 1%;background: #45494D;color: #fff;margin-bottom: 10px; font-weight: 300; line-height: 1.45em }
.vidsdeutsch { float: left; width: 100%; margin: 0 }
.dyclogo { float: left;margin: 0 0 5px 0; width: 100% }
.dyclogovids { clear: both;float: left;margin: 0; width: 100%;text-align: center;background: #fdf6c8 }
.textmain { float: left;width: 100% }
.lazyframe__title { font-size: 11px !important;color: #fded82 !important;padding: 6px !important;background: rgba(171,171,171,0.55);border-right: 24px solid rgba(171,171,171,0.25);border-left: 24px solid rgba(171,171,171,0.25) }
.vidreunten { float: left;width: 100%; margin-top: 8px }
.ytvidshead { float: left;width: 98%;padding: 10px 1%; color: #111;font-family: Source+Sans+Pro;font-weight: 900;background: #fded82;text-shadow: 2px 2px 2px #CBA702;text-align: center }
.ytcinterpret { padding: 6px 0;font-size: 87.5%; background: #fded82;width: 100%;margin: 0; text-shadow: none; }
.ytcinterprettoptrend { text-align: center;padding: 2% 0;font-size: 115%; color: #fdf6c8; background: #111;width: 100%;margin: 0; }
.neon {
  color: #fff;
text-shadow: 0 0 5px #fff, 0 0 2px #fff, 1px 1px 6px #fff, 4px 4px 15px #FFF10F, 7px 7px 25px #FFF10F;
}
.neonb  {
  color: #fff;
  text-shadow:
    0 0 5px #fff,
    0 0 10px #fff,
    0 0 20px #fff,
    0 0 30px #F932DF,
    0 0 40px #F932DF;

}
.neonneuvids  {
  color: #fff;
  text-shadow:
    0 0 1px #87E105,
    0 0 2px #888,
    0 0 4px #A1F42A,
    0 0 8px #fff,
    0 0 14px #fff,
    0 0 20px #A1F42A,
    0 0 26px #A1F42A,
    0 0 36px #A1F42A;

}
.nummereinsbox { max-height: 132px;overflow: hidden; }
.nr1pic { width: 100%; height: auto;border-top: 0 none;display: block }
.nr1text { float: left;min-height: 132px;width: 76.900%; }
.nr1all { float: left;padding: 5px 5px 0 5px;max-height: 60px }
.linkdaily { clear: both;text-align: right; }
a.linkdaily { color: #000; display: block;padding: 7px;background: #E9C709; }
a:hover.linkdaily { color: #fff; display: block;padding: 7px;background: #111; }
.allinvt { float: none;width: 312px; margin: 0 auto; }
.mainrightvt { float: left;font-family: 'Roboto Condensed';font-size: 1.05em; width: 312px; margin: 10px auto; background: rgb(253,243,212,0.55) } 
.uberschriftvt {
    font-size: 3em;
    font-weight: 900;
    width: 95%;
    padding: 45px 2% 45px 3%;
    letter-spacing: .1em;
    text-shadow: 0px 1px 2px #aaa;
    text-align: center;
    background: linear-gradient(-180deg, #fde93c, transparent)
}
.uberschriftvt div { transform: skew(-20deg,0deg) }
.footeroben { float: left;width: 92%; height: auto;padding: 5% 4%; background: #000;color: #fff }
.footeroben h3 { text-align: center;padding-bottom: 10px }
.ganzunt { clear: both;float: left; color: #fff;height: auto }
.ganzunt p { line-height: 1.3em !important }
.footer-left { float: left; width: 50%; padding: 1% 0 0 0 }
.oljocopy { float: left; width: 48%; padding-left: 2%}
.vdthead {
    color: #04BBBE;text-align: center; padding: 5px 0;letter-spacing: 1px; border-top: 10px solid #333;
}
.vdinterpret {
    margin: 0 1.4%;color: #000;min-height: 30px auto; padding: 5px 0 5px 0;text-align: center;display:block; background: #06D9DC
}
.videosizing {
max-width: 97.2%;
padding: 0 1.4%;
background: #fff;
border-bottom: 15px solid #fff
}
.js-video {
height: 0;
padding-top: 24px; 
padding-bottom: 57.5%; 
position: relative;
overflow: hidden; 
}
 .js-video.widescreen {
padding-bottom: 57.25%;
}
 .js-video.vimeo {
padding-top: 0;
}
 .js-video.clipfish {
padding-top: 0; padding-left: 10% !important;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.swipemantel { float: left;display: block;width: 100%;padding: 0 }
img.swipemantel { width: 100% }
.genreneutopix { font-family: Oswald;text-align: center;letter-spacing: 1px;padding: 5px 0 6px 0;border-right: 1px solid #222; border-bottom: 1px solid #777;border-left: 1px solid #222;background: #222; color: #fefefe;overflow: hidden;-webkit-clip-path: polygon(92% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 6% 0);
clip-path: polygon(92% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 6% 0); }
.slick-prev { position: absolute;top: 50% !important; left: 1% !important }
.slick-next { position: absolute; top: 50% !important; right: 1% !important }
.bildix { z-index: 2 }
.vidpicboxix { float: left;z-index: 2; width: 100%;background: #fff url( '../270vidpic/playbut.png' );background-position: center -10px; background-size: cover; background-repeat: no-repeat;-webkit-clip-path: polygon(100% 0, 100% 90%, 91.8% 100%, 7.2% 100%, 0 90%, 0 0);
clip-path: polygon(100% 0, 100% 90%, 91.8% 100%, 7.2% 100%, 0 90%, 0 0) }
.vidpicboxix img {     margin: -8% 0 0 0;
    min-height: 280px;
    transform: scale(1.25);
    object-fit: cover }
.vidtxtboxix { float: left;width: 96.4%;margin: 0 0.3%; padding: 1% 1% 1% 2%;height: auto;font-weight: 900;color: #222;text-transform: uppercase;text-align: center;overflow: hidden; }
.vidtxtboxtitelix { font-family: Oswald;float: left;padding-left: 4%;width: 89%;padding-right: 1%;height: 2auto; padding-top: 2px;overflow: hidden;margin: 0 2.5%; background: #454438;color: #ddd; border-right: 1px solid #444;border-left: 1px solid #444 }
a.neuevideoslink { color: #000 }
a.neuevideoslink:hover { color: #fff }
.neutopix { width: 100%;margin: 0;color: #000;min-height: 195px }
.responsiveix { }
.nevidspicboxix { float: right;width: 100%; padding: 0.333% 0 0 0;position: relative }
.nevidtopsingleboxix { float: left;width:32.9%; padding: 0 0.2%; }
.nevidtopspn { font-family: oswald;color: #fff !important;
    font-size: 110%;
    font-weight: 300;
    padding: 1% 2% 1.5% 2% !important;
    background-color: black;
    background-color: hsla(0, 0%, 0%, 0.5) !important;
    position: absolute;
    top: 2px;
    right: 0;
    line-height: 1.15em;
    } 
.slick-slider { display: none !important; padding: 0 3% !important }
.slick-initialized  { display: block !important }
ul.slick-dots { position: relative;top: 0; left: 0; margin: 0.2em 0 !important }
.ad300x250 { width: 310px;height: 250px;padding: 4px 0 4px 3px; margin: 0 auto;margin-bottom: 6px;background: #fff; border: 1px solid #555;line-height: 10px; }
.ad338x280 { max-width: 336px;min-height: 280px;padding: 4px 0 4px 0; margin: 0 auto;margin-bottom: 6px;background: #fff; border: 1px solid #555;line-height: 10px; }
.ad300x250innen { float: left;min-width: 310px; }
.ad300x250werbung { float: right; height: 60px; width: 10px; }
.ad338resp { max-width: 338px;height: auto;padding: 4px 0; margin-bottom: 40px;background: #fff; line-height: 10px; }
.ad338respinnen { float: left;height: auto;margin: 0 auto }
.ad338werbung { height: 10px; width: 150px; }
.ad600mobi { margin: 0 auto;width: 100%;height: auto }
.ad300float { float: left;width: 300px }
.adbox600 { width: 100%;min-height: 100px; margin: 0 auto;border: none; padding: 0 0 5px 0;background: none }
.ytvidlinks { float: left;
              width: 99.4%;
              padding: 0 0.3%;
              background: #000 }
.ytvidsrechts { float: left;width: 33.4%; }
.chartminimain { margin: 0 auto; width: 314px; height: 454px; }
.textmain { padding: 0; border-top: 1px solid #fdf6c8 }
.nuvidtips { float: left; width: 100%;margin-top: 7px;background: #f7f5e5;display: block }
.nummer1de_usa_uk { float: left;display: block;margin: 5px 0;width:100% !important; }
.nummer1de { height: auto;display: block;float: left;width: 48.5%;margin-right: 1.4% }
.nummer1de_2017 { height: auto;display: block;float: left;width: 100% }
.nr1usauk { width: 100% }
.nummer1de_main { float: left;line-height: 11px;display: block;width: 100% }
.nummer1de_head { float: left; font-size: 180%;width: 96%;height: auto; padding: 7px 2%; background: #980512; color: #eee;text-align: center;display: block; }
.nummer1de_head h2 { margin: 0; text-align: center;font-family: Oswald,sans-serif; font-size: 150% }
.nummer1de_body { float: left; background: #e7d9db; color: #eee;text-align: left;width: 100%;padding: 5px 0;
  align-items: center;
  justify-content: center;  }
span.vididxspan {
    color: #fefefe !important;
    text-align: center;
    padding: 0 28px !important;
    background-color: hsla(0, 0%, 10%, 0.7);
    position: absolute;
    bottom: 61%;
    right: 2%;
    line-height: 3em;
    font-size: 4em;
    width: 100px;
    border-radius: 50%;
}
.bildborder { float: left;width: 98%;height: auto;max-height: 371px;margin: 1%;  
-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5); }
.nummer1de_pic {  position: relative; background: url( 'https://www.oljo.de/299vidpic/playbut.png' );background-repeat: no-repeat; background-size: cover;background-position: 50% 50%;overflow: hidden }
.nummer1de_pic img { }
.nummer1de_pic img.opac {
  width: 100%; 
  height: auto;
  opacity: 1;
	filter: alpha(opacity=70)
	}
.nummer1de_pic img.opac:hover {
	opacity: 0.6;
	filter: alpha(opacity=70)
	}
.picnumbaonede {
    transform: scale(1.14, 1.14);
    margin: -4% 0 -6% 0;
    width: 100%;
    height: auto;
    min-height: 335px;
    max-height: 625px;
    object-fit: cover;
}  
.nummer1de_txtlink {
    float: right;
    height: auto;
    padding: 1.5% 2% !important;
    margin: 0.5% 2%;
    width: 92%;
    background: #630c14;
    border-radius: 9px;
    color: #eee;
    overflow: hidden  
}
.nummer1de_link { text-align: left;font-size: 125%;display: block;padding: 5px 0;color: #fff;overflow: hidden }
.nr1usauk { margin: 1px 0 0 0;float: left;height: auto }
.usaukframecontainer { clear: both;float:left;width: 100%;height: auto }
.sidecontainer { float: left;width: 32.5%; height: 313px;padding: 0 }
.mittelcontainer { float: left;width: 32.5%; padding: 0 1.2% 0 1.2% }
.usaukframe { height: auto; margin: 0 auto }
.usaukframe iframe { background-image:url( 'https://www.oljo.de/imgnews/loading.gif' ); background-size: contain; background-repeat: repeat-y }
a.nummereins { color: #fff;margin: 0;padding: 3px 4px }
a:hover.nummereins { color: #000;background: #FAD74C; }
.nummer1de_top100link { float: left; background: #288BEE; color: #fff;font-size: 1.5em;text-align: center;width: 100%;padding: 0 }
.top100link_wo { width: auto;float: right;padding: 0 1.5%;border-right: 1px solid #106BC6;min-height: 61px; }
.top100link_tag { width: auto;float: right;padding: 0 1.5%;height: 61px;border-right: 1px solid #106BC6;border-left: 1px solid #106BC6; }
a.top100link { display: block; background: #288BEE; min-height: 21px;padding: 20px 5px 19px 5px; color: #fff }
a:hover.top100link { background: #EECB28;text-decoration: underline; color: #111 }
.trendhitscontainer { float: left; width: 100%;margin: 0 0 10px 0 }
.trendsmain { float: left; width: 95.2%;height: auto;padding: 0 2.4% !important;background-image: url( 'https://www.oljo.de/main-Dateien/trendtop12idxbg_b.jpg' ) }
.trendhitsmainb { float: left; width: 100%;margin-top: 10px }
.schlagheadline { font-size: 350% }
.thentry { height: auto;width: 31.83%;margin: 2px 1% 4px 0.5%; float: left; display: block }
.thrank { float: left; width: 13%;font-size: 200%;text-align: right;padding-right: 1%;display: block }
.thrank span { background: rgba(0, 0, 0, 0.7); color: #fff;padding: 0 30%;line-height: 1.2em }
.thvidpic { float: left;width: 82%;max-width: 251px;margin: 0 1%;position: relative;background-image: url( '../270vidpic/playbut.png' );background-position: center -20px;background-size: cover; background-repeat: no-repeat;min-height: 225px;overflow: hidden }
.thvidpicama { float: left;width: 82%;max-width: 251px;margin: 0 1%;position: relative;min-height: 225px;background: rgb(238,238,238);
    background: linear-gradient(0deg, rgba(238,238,238,1) 0%, rgba(170,170,170,1) 43%, rgba(204,204,204,1) 94%); }
.nonthama { 
    transform: scale(1.26, 1.26);
    object-fit: cover;
    min-height: 225px;
    max-height: 225px }
.thama { margin: 0;max-height: 141px }
.thvidpic span {
    font-family: Arial,CenturyGothic,sans-serif;
    font-size: 83.33%;
    color: #222;
    position: absolute;
    bottom: 0px;
    margin: 0;
    width: 100% !important;
    background-color: silver;
    background-color: hsla(0, 0%, 100%, 0.75);
    text-align: center;
    line-height: 1.25em;
    padding: 3px 0 0 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.thvidpicama span {
    float: left;
    font-family: Arial,CenturyGothic,sans-serif;
    font-size: 83.33%;
    color: #222;
    width: 100% !important;
    background-color: silver;
    background-color: hsla(0, 0%, 100%, 0.75);
    text-align: center;
    line-height: 1.25em;
    padding: 3px 0 0 0;
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
}
.thinfotxt { float: left;width: 100%;margin: 20px 0 10px 0 }
.chartsmain { clear: both;width: 100%;margin-bottom: 0.7% }
.omcmain { float: left }
.omcunten { clear: both;float: left; width: 100%;margin-top: 0.8% }
.omc { width: 486px;height: 248px;margin: 15px 0 0 2px; }
.omcb { float: left;width: 486px;height: 248px;margin: 15px 0 0 2px; }
.omcbb { float: left;width: 486px;height: 248px;margin: 15px 0 0 22px; }
.omc h2,.omcb h2,.omcbb h2 {
margin: 0;
padding: 0 0 0 1.5%;
font-size: 1.5em;
letter-spacing: 0.04em;
text-shadow: 2px 2px #111, 3px 4px #222;
transform: skew(-20deg,0deg) }

.omcradiomain { float: left;border: 1px solid #d5d5d5;height: auto; background: #E2FCF7 }
.omcradiohead { float: left; width: 97%;height: auto; font-family: 'Oswald',sans-serif; font-weight: 300;font-size: 2em; background: #035244;color: #16F1CA;padding: 7px 1.5% 9px 1.5% }
.omcdancemain { float: left;border: 1px solid #d5d5d5;height: auto;background: #FCE2E9 }
.omcdancehead { float: left; width: 97%;height: auto; font-family: 'Oswald',sans-serif; font-weight: 300;font-size: 2em; background: #520319;color: #FD2D5E;padding: 7px 1.5% 9px 1.5% }
.omcvideomain { float: left;border: 1px solid #d5d5d5;height: auto;background: #EEFCE2 }
.omcvideohead { float: left;width: 97%;height: auto; font-family: 'Oswald',sans-serif; font-weight: 300;font-size: 2em; background: #285203;color: #83F415;padding: 7px 1.5% 9px 1.5% }
.omctext { float: left;width: 96.4%;padding: 10px 1.8% 1px 1.8%;height: auto;  }
.omctext p { }
.omcinfotext { float: left;width: 96.4%;height: auto;padding: 1px 1.8% 5px 1.8%; line-height: 13px }
.omc100link { float: left;display: block;width: 100%;height: 61px;font-size: 150%;text-align: center }
.vidsinternationalmain { width: 100%;float: left; margin: 0 0 10px 0 }
.topvidsif { float: left;margin: 15px 0 0 18px;border: 1px solid #c4c4c4;height: 770px;background-image:url( 'https://www.oljo.de/imgnews/loading.gif' ); background-size: contain; background-repeat: no-repeat }
.vidtippsmain { float: left;width: 100%; padding: 0;margin: 1px 0 0 0;height: auto }
.vidtippsmainhead { float: left; width: 100%;display: block;background: #F6F2CD;margin-bottom: 5px }
.vidtippsuber { padding: 2px 0 0 5px; background: #f6f0bc; padding: 4px }
.vidtipp { float: left;padding: 0 2px;margin: 2% 5%;max-width: 382px }
.vidtipp h3 { font-family: 'Oswald', sans-serif;font-size: 133% }
.vtipppic { float: left;max-width: 382px; margin: 0;height: 212px; }
.vidtipptxt { float: left;font-weight: 400; height: auto; font-size: 100%;padding: 5px 8px;line-height: 16px;background: #e2f0f8 }
.nachrichtenh { float: left; width: 100%;display: block;background: #78BAFC; padding: 10px 0 }
.nachrichtenh h2 { font-size: 350%; font-weight: 900; color: #fff;text-align: center;letter-spacing: 1px; text-shadow: 5px 5px #111 }
.blognewshead { float: left;min-height: 1px;margin: 5px 8px 5px 8px; padding: 10px 0 0 8px; text-align: center; color: #111; }
div.feedburnerFeedBlock { clear: both;float: left;display: block;min-height: 1px;margin: 0 auto;padding: 0;text-align: center;width: 100%  }
                div.feedburnerFeedBlock p.date {                    
                        display: inline;
                        margin: 0;
                        padding: 0 0 0 5%;
                        width: 94.6%;
                        float: left;
                        color: #333;
                        border: 1px dashed #b7b7b7; border-top: none;
                        }
                div.feedburnerFeedBlock ul li div {
                        clear: both;
                        display: block;
                        padding: 5px;
                        margin: 0 0 0 0;
                        font-size: 100%;
                        line-height: 1.33em;
                        text-align: left;
                        color: #333;
                        float: left;
                        min-height: 100px;
                        border: 1px dashed #b7b7b7; border-top: none;border-bottom: none;
                        }                       
                div.feedburnerFeedBlock span.headline {
                        
                        display: block;
                        text-indent: 0;
                        font-size: 16px;
                        font-weight: 900;
                        padding: 9px;
                        color: #21B7B9;
                        text-align: left;
                        background: #1673D0;
                        line-height: 28px;
                        min-height: 66px
                        }
                div.feedburnerFeedBlock ul li {
                        padding-left: 0 !important;
                        text-indent: 0 !important;
                        list-style-type: none;
                        margin: 0 1% 5px 1%;
                        padding: 5px 0 0 0;
                        float: left;
                        display: block;
                        width: 48%;
                        background: #fff
                        }
div.feedburnerFeedBlock ul li a {
                        display: block;
                        padding: 9px 6px 10px 6px;
                        background: #1673D0;
                        color: #fff;
                        font-size: 20px;
                        letter-spacing: 0.03em;
                        line-height: 22px;
                        text-decoration: none;
                        font-family: 'Oswald', sans-serif;
                        }
                div.feedburnerFeedBlock ul li a:hover {
                        color: #111;
                        text-decoration: underline;
                        background: #78BAFC;
                        }
p.feedTitle a {
    font-size: 20px;
    color: #111; 
    font-weight: 900;
    font-family: 'Oswald', sans-serif;
    margin: 0;
    padding: 0;
    } 
p.feedTitle a:hover {
    font-size: 20px;
    color: #fff;
    background: #111
    }                       
div.feedBurnerFeedBlock p.feedTitle { color: red; margin: 0;}
div#creditfooter { clear: both;padding: 0; margin: 0; width: 50px; float: right }
.linkblock728 { clear: both;margin-top: 10px;width: auto;padding:  15px 0 5px 0;display: flex;justify-content: center;height: auto;background: #efefef;border: 1px solid #c7c7c7;background-image:url( 'https://www.oljo.de/main-Dateien/werbung150.png' );background-repeat: no-repeat;background-position: right 2px }
.linkblock728res { clear: both;float: left;margin: 5px 0 0 0;width: 100%;padding: 15px 0 5px 0;display: flex;justify-content: center;height: auto;background: #efefef;background-image:url( 'https://www.oljo.de/main-Dateien/werbung150.png' );background-repeat: no-repeat;background-position: right 2px }

.adpic600 { margin: 0 auto;width: 150px;min-height: 11px; padding: 1px 0 6px 0 }
.adpic600oben { margin: 0 auto;width: 150px;min-height: 11px; padding: 6px 0 1px 0 }
.adbox600 { max-width: 308px;min-height: 100px;padding: 3px 0;margin: 0 auto;background: #efefef;border: 2px solid #bbb }
.neuevideos { margin: 5px auto;max-width: 308px;min-height: 600px } 
.usauk { display: block;width: 310px; height: 155px;background: url( 'https://www.oljo.de/indexneu/ukusa.jpg' );background-repeat: no-repeat;margin: 5px auto;border: 1px solid #b3b3b3 }
.fbbox { width: 308px;margin: 8px auto;background: #fff;min-height: 140px;border: 1px solid #b7b7b7 }
.vidtrends { width: 308px;height: 774px; margin: 10px auto }
.rechtsausrichtung { width: 312px;margin: 0 auto;height: auto; }
.weiterecharts { width: 312px;margin: 15px auto;height: auto;min-height: 600px;background: #E5F2FF }
.weiterecharts_b { float: left;width: 308px;height: auto;padding: 2px 1px;border: 1px solid #555;line-height: 13px;background: #E5F2FF }
.abstandpic { height: 2px }
.adpic90 { max-height: 10px;margin: 0 auto;background: #E5F2FF;width: 311px;padding-bottom: 2px;margin-bottom: 1px }
.adbox90main { width: 311px;margin: 0 auto;background: #CEE6FE; height: auto;text-align: center }
.adbox90 { width: 311px;height: auto; }
.neuvidhi { width: 305px;color: #F8D804; text-align: center; min-height: 1px; background: #790802;padding: 9px 0; margin: 0 3px; }
.oljo_2spalt { float: left;width: 302px;margin: 0 3px; float: left;line-height: 15px }
.spalte1 { float: left;width: 150px; }
.spalte2 { float: left;width: 150px;margin-left: 2px }
.oljochr { width: 304px;color: #fff; text-align: center; height: auto; background: #042F5A;padding: 9px 0; margin: 0 2px 2px 2px; }
.oljousa { min-height: 30px;color: #FEC2BF; padding: 4px 0;text-align: center; background: #042F5A;display: flex;
  align-items: center;
  justify-content: center; }
.oljoeu { min-height: 30px;color: #bdd7fa;padding: 4px 0;text-align: center; background: #042F5A;display: flex;
  align-items: center;
  justify-content: center; }
.oljodeu { min-height: 30px;color: #fbdf42; padding: 4px 0;text-align: center; background: #042F5A;display: flex;
  align-items: center;
  justify-content: center; }
.oljodeuta { min-height: 30px;text-align: center;padding: 4px 0; text-align: center; color: #fcf17c; background: #042F5A;display: flex;
  align-items: center;
  justify-content: center; }
.oljowei { min-height: 30px;color: #bdd7fa; padding: 4px 0;text-align: center;  background: #042F5A;display: flex;
  align-items: center;
  justify-content: center; }
.footwrap { padding: 5px 2px;background: #fff;border-top: 10px solid #333;border-bottom: 10px solid #333 }
.amazframe { margin: 10px auto;height: 709px;width: 1200px; background: #fafedf;background-image:url( 'https://www.oljo.de/imgnews/loading.gif' ); background-size: contain; background-repeat: no-repeat }
.oljofind { float: left; width: 90%;padding: 5px 5%;background: #fff;color: #111 }
.oljocopy { padding: 1% 0 30px 0 }
                .vertical ul{
                        list-style-type: none;
                        padding: 0;
                        width: 150px;
                        margin: 0;
                }
                .vertical li a{
                        display: block;
                        width: 145px;
                        text-decoration: none;
                        min-height: 1px;
                        padding: 8px 1px 8px 4px;
                        font-family : Tahoma,Verdana,Arial;
                        border-top: 0px;
                        margin: 2px 0 0 0;
                }
                .verticalbig ul{
                        list-style-type: none;
                        padding: 0;
                        width: 308px;
                        margin: 0;
                }
                .verticalbig li a{
                        display: block;
                        width: 286px;
                        font-size: 150%;
                        text-align: center;
                        text-decoration: none;
                        min-height: 1px;
                        padding: 10px 0 10px 0;
                        font-family : Tahoma,Verdana,Arial;
                        border: 1px dotted #111;
                        margin: 3px 10px 2px 10px;
                }               
                .vertical li{
                        /*Needed for IE. Don't ask me why, It was a lucky guess.*/
                        display: inline;
                }


                .album li a.usa{
                        background: #288BEE;
                        overflow: hidden;
                        color: #fff;
                        font-weight: 300;
                        font: verdana, tahoma;
                }
                .album li a.usa:hover{
                        background: #EECB28;
                        color: #111;
                        text-decoration: underline;
                }                

/* ==============
    MOBILE: Menu
   ============== */



/* ==============
    MOBILE: Left Menu
   ============== */

/* ==============
    MOBILE: Main
   ============== */

.main { 
    padding: 0;
}
.main {
    float:left;
    width: 100%;
    background: #fff;
    color: #111;
}
.mainvidpromo {
clear: both;height: auto;margin: 1.5% 0 1.5% 0;background: #fff;display: block;border: 1px solid #b7b7b7}
.main article h1 {
    font-size: 1em;
    }

aside.right {
    float:right;
    color: #111;
    margin-left: none !important;
    margin: 0 auto;
    padding: 0;
    line-height: 15px;
    background:url( '../imgnews/mobilbg.png' );
}

.footer-container, footer p {
    color: white;
    padding: 0;
}
.responsive { float: left; padding: -0.5% 0 !important }


.thankspic { width: 100%;height: auto;border-bottom: 2px solid #555 }

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */















/* ==========================================================================
   Media Queries
   ========================================================================== */


@media all and (min-width: 10px) and (max-width:999px) {
.hidden-1200 {
        display:none !important;
    }
.artikelpadding { float: left;width: 98%; padding: 0 1% }
.header-text {
    margin: 0 1.4259% 10px 1.4259%;
    padding: 5px;
    text-align: left;
    background: #fff;
    line-height: 13px;
    min-height: 10px;
}
.header-text-viral {
    margin: 0 1.4259% 10px 1.4259%;
    padding: 5px;
    text-align: left;
    background: #fff;
    line-height: 13px;
    min-height: 10px;
}
#cse-search-box { font-size: 175%; padding: 0.5% }
.dyclogo { float: left;margin: 0; width: 100% }
.dyclogovids { clear: both;float: left;margin: 0; width: 100%;padding: 0; text-align: center;background: #fdf6c8 }   
.topcontainer { clear: all; width: 100%;display: block;float: left;height: auto;text-align: center;background: #a9d4fe }     
.centralhead { clear: both;float: left; width: 100%;min-height:20px; height: auto;padding: 9px 0 5px 0;background: #08384F;color: #fff;border-top: 1px solid #999;border-right: 0 none;border-left: 0 none }
.centralhead h1 { font-size: 120%;margin: 0; padding: 0 }
.centralhead2016 { clear: both;float: left; width: 100%;height:auto;padding: 9px 0 5px 0;background: #08384F;color: #fff;border-top: 1px solid #999;border-right: 0 none;border-left: 0 none }
.centralhead2016 h1 { font-size: 120%;margin: 0; padding: 0;overflow: hidden }
.indexad970 { clear: both;min-width: 100%;min-height: 1px; padding: 2px 0;float: right;margin: 0 auto;overflow: hidden;background: #fff;text-align: center }
.trendlink2016 { clear: both;float: left;display: block;width: 98%;height:28px;margin: 20px 1% 2% 1%; padding: 0; border: none } 
.topadcont { clear: both;float: left;width: 100%;margin: 10px 0 5px 0;min-height: 1px;text-align: center; }
.topadcont2016 { clear: both;float: left;width: 100%;margin: 10px 0 5px 0;min-height: 1px;text-align: center }
.adpic970 { line-height: 10px;width: 150px;min-height: 10px;padding: 0 0 0 27% }   
.trendlink { clear: both;float: left;display: block;margin: 1%;width: 98%;height:28px;padding: 0; border: none }   
.navigation li a {
    fint-size: 90%;
    display: block;
    color: #111;
    text-decoration:none;
    min-height: 27px;
    line-height: 13px;
    padding: 6px 3px 6px 3px;
    border-right: 1px solid #333; border-left: 1px solid #333;
	background: #D0E6FC;

}
li.has-sub a { border-top:1px solid #333;border-right: 1px solid #333; border-left: 1px solid #333; }
.navigation ul { border-top: 1px solid #333; }
.usaukframecontainer { float: left; background: none; text-align: center }
.usaukframecontainer iframe { border-right: 1px solid #555; border-left: 1px solid #555 } 
.sidecontainer { width: 100%; margin: 0 auto; padding: 0 }
.mittelcontainer { width: 100%; margin: 0 auto; padding: 0 }   
.nummer1de { width: 100%;height: auto;display: block;float: left;border-bottom: 7px solid #fff;margin: 0 }
.nummer1de_2017 { width: 100%;height: auto;display: block;float: left;border-bottom: 7px solid #fff;margin: 0 }
.bildborder {  }
.nummer1de_pic { float: left; }
.nummer1de_txtlink { float: left;height: auto }
span.vididxspan {
    color: #fefefe !important;
    text-align: center;
    padding: 0 12px !important;
    background-color: hsla(0, 0%, 10%, 0.7);
    position: absolute;
    bottom: 72.5%;
    left: 3%;
    line-height: 1.5em;
    font-size: 4em;
    width: 50px;
    border-radius: 50%;
}
.omc { width: 100%;height: auto;display: block;float: left;margin: 10px 0 2px 0;line-height: 16px }
.thvidpic { max-height: 147px }
.omcb { width: 100%;height: auto;display: block;float: left;margin: 10px 0 2px 0;line-height: 16px }
.omcbb { width: 100%;height: auto;display: block;float: left;margin: 10px 0 2px 0;line-height: 16px }
.omcinfotext p { line-height: 13px }
.vtipppic { width: 100%; margin: 0;height: auto }
.ad600mobi { margin: 0 auto;width: 100%;height: auto }
.ad300float { float: left;width: 300px }
.adbox600 { width: 100%;min-height: 100px; margin: 0 auto;border: none; padding: 0 0 5px 0;background: none }
.werbung { background: #efefef }
.fbbox { margin: 30px auto;padding: 0 none }
.usauk { margin: 5px auto }
.vidtrends {  margin: 10px auto }
.weiterecharts { margin: 15px auto;max-width: 312px;min-height: 598px;padding: 0;line-height: 14px;background: #E5F2FF }
.neuevideos { margin: 5px auto;max-width: 308px } 
.wrapper p { font-size: 100%;line-height: 1.3em } 
.nummer1de_txtlink p { font-size: 90% }
             
}
@media only and (min-width: 10px) and (max-width:480px) {
    .main {
    float: left;
        width: 100%;
        color: #000;
        margin-right: 0
        }
.topcontainer { width: 100%;display: block;float: left;height: auto;text-align: center;background: #a9d4fe }
.topadcont { clear: both; width: 100%;min-height: 15px;float: left;overflow: hidden;background-repeat: no-repeat; }
.indextextad970 { clear: both;min-width: 300px;max-width: 300px;min-height: 100px;height: auto; padding: 2px; float: left;margin: 0 auto;overflow: hidden;;background: #E3EBF4;border: none }


}        
/* ====================
    INTERMEDIATE: Menu
   ==================== */

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */



/* ============
    WIDE: Main
   ============ */
@media only screen and (min-width: 1000px) {

      
    .main {
    float: left;
        width: 100%;
        color: #000;
        margin-right: 0
        }
article { float: left;width: 74.25%; }        
.artikelpadding { width: 97.15%;padding: 0 0.425% 0 2.425% }        
    aside.right {
        float: right !important;
        width: 360px;
        margin:  auto;
        line-height: 14px;
        background: #fff
    }
.clippeda {  -webkit-clip-path: polygon(4% 0, 96% 0, 100% 50%, 100% 70%, 100% 100%, 0 100%, 0% 70%, 0 50%);
clip-path: polygon(4% 0, 96% 0, 100% 50%, 100% 70%, 100% 100%, 0 100%, 0% 70%, 0 50%); }
.nummer1de_txtlink { }   
.ad600mobi { float: left;}
aside { float: right }
.navigation {  }
.navigation li a {
    display: block;
    color: #111;
    text-decoration:none;
    font-size: 17px; 
    min-height: 45px;
    max-height: 45px;
    padding: 2px 7px 1px;
	line-height: 1.2;
	font-weight:bold;
	background: #D0E6FC;
  border:1px solid #D0E6FC;
   display: flex;
  align-items: center;
  justify-content: center;
}
.navigation li a:hover { text-decoration: underline }
.navigation li.has-sub ul li a { font-size: 14px }
.hgtitint { width: 58%;float: left;font-size: 125% }
.hgvidlink { float: left; width: 9%; padding: 0 2% 0 1%;text-align: center }    
#cse-search-box { width: 100% }
.nevidtopsingleboxix { float: left;width:49.9% !important; padding: 0 0.05%;margin: 0 } 
div.feedburnerFeedBlock ul li div { font-size: 120% }
.suchbox { float: right;display: block;width: 24.5%;background: #B6D9FD }
.vsuche { float: left; width: 100%; background: #B6D9FD;line-height: 15px; height: 50px; display: block;margin: 0 }
.vidsuche { padding: 9px 8px;height: 30px }
.vidtipp { float: left;padding: 0 2px;max-width: 382px }   
.vidtipptxt { float: left;font-weight: 400; height: 84px; padding: 5px 8px;background: #e2f0f8 }
.responsive { float: left }
.thrank span { border-radius: 50%; }
.thvidpic { min-height: 133px }
.mainvidpromo {
clear: both;height: auto;margin: 0.5% 0 0.5% 0;background: #fff;display: block;border: 1px solid #b7b7b7
}
.ytsizinglarge { min-height: 340px }
.ytsizingsmall { min-height: 200px }    
/* ===============
    Maximal Width
   =============== */

    .wrapper {
        width: 1400px; /* 1400px */
        margin: 0 auto
    }
    footer.wrapper {
        width: 1400px; /* 1400px  */
        margin: 0 auto;
        background: #fff
    }    
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for bilder, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {                                  
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


@media only screen and (min-width: 769px) and (max-width:999px) {
.headoljopic {
height: 70px;
background:url( '../../main-Dateien/index_haupt_2020_769.jpg' );
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:left;
border-bottom: 1px solid #333
} 
.schlagheadline { font-size: 240% } 
.topcontainer { clear: both;float: left;display: block;width: 100%;white-space: nowrap;height: auto;text-align: center;background: #a9d4fe;border-top: 1px solid #222 }
.centralhead { clear: both;font-size: 125%;float: left; width: 90%;height:auto;padding: 12px 5% 6px 5%;background: #0477AF;color: #fff;text-align: center }
.raphausbild { border: 1px solid #000;background-image:url( '../270vidpic/raphaus-bild-2019-c.jpg' );background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 50% }
.raphausbild img { max-height: 180px }
.topadcont { width: 100%;height: auto }
.topadcont2016 { width: 100%;min-height: 25px;text-align: center;padding: 5px 0 }
.indextextad970 { clear: both;max-width: 740px;min-height: 20px;height: auto; padding: 20px 2px; float: left;margin: 0 0 0 15px !important;overflow: hidden;background: #E3EBF4;border: none }
.slick-slider { padding: 0 !important }
.vidpicboxix img { margin: -8% 0 }
.vinx { max-height: 400px }
.bildborder { float: left; width: 98%;margin: 1% }
.nummer1de_txtlink { float: left; } 
.nr1text { float: left;padding: 5px 0;width: 77.5% }
    .main article {
        float: left;
        width: 100%;
        color: #000;
        margin-right: 0
        
    }
aside.right { clear: all;width: 100%;  margin: 0 auto;line-height: 14px }
.weiterecharts { margin: 0 auto;max-width: 312px;hright: auto;padding: 0;line-height: 13px;background: #E5F2FF; }
    
.vidtipp { float: left;padding: 0 2px;width: 44%;margin: 20px 2% }
div.feedburnerFeedBlock ul li {
                        display: block;
                        margin-bottom: 5px;
                        padding-left: 0 !important;
                        text-indent: 0 !important;
                        list-style-type: none;
                        margin: 0 1%;
                        padding: 5px;
                 width: auto;
                 float: left
                        }
          
}

@media  all and (min-width: 10px) and (max-width:999px) {

body { font-size: 13px; font-family: 'Source+Sans+Pro', sans-serif }
.hidden-999 {
        display:none !important;
    }
.topcontainer { display: block;width: 100%;float: left;min-height: 1px;text-align: center;height: auto }
.topcontainer2016 { display: block;width: 100%;float: left;min-height: 1px;text-align: center }
.navundsuche { clear: both;float: left;display: block;width: 100%;height: 50px;margin: 2px 0 2px 0;background: #D0E6FC;padding: none;border: none }
	.navlink {
    display:inline;
    float:right;
    color:#fff;
    text-decoration:none;
    padding:10px 0;
    background: #000
}
nav#main-nav { 
    position: absolute;
    top: 3px;
    right: 3px;
    min-height:50px;
    min-width: 50px;

}
nav#main-nav span { margin: 0; font-size: 100%; }
nav#main-nav .navheader {
    display: inline-block; 
    color: #fff;
    text-decoration:none;
    padding: 7px 10px 11px;
    min-height: 32px;
    line-height: 1.2;
    font-weight: bold;
	  background-image:url( '../imgnews/menuebgpic.png' );
}
nav#main-nav .no-js .slide-trigger {
    display: none;
}
nav#main-nav .navigation, nav#main-nav .navigation .has-sub ul {
    display: none;
}
nav#main-nav .no-js .navigation {
    display: block;
}
nav#main-nav .navigation { 
    margin: 0;overflow: auto;    max-width: 960px;
    
}


nav#main-nav .navigation ul {
   min-height: 1px; display: block;height: auto;
}
nav#main-nav .navigation li {
    float: none;
	position: relative;
      border: none;line-height: 17px;margin: 0 2%; overflow: hidden
} 

nav#main-nav .slide-trigger { float: right; }
nav#main-nav ul { overflow: auto; }
.navigation li.has-sub ul {
  display: block;
  position: relative;
  text-align: left;
  z-index:0;
  background:none;
  border:none;
  min-height: 1px;
}
.navigation li.has-sub .subdrop {
	display:block;
	position:absolute;
	right:3px;
	top:5px;
	color:#000;
}
.navigation li.has-sub:hover ul {
  display: block;
  z-index:100
}
.navigation li.has-sub ul li {
  text-align: left;
  float:none
}
.navigation li.has-sub ul li a {
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    color: #fff;
    text-decoration: none;
    padding: 9px 3px 7px 3px;
    line-height: 1.2;
    font-weight: bold;
    background-image: url('../assets/nav_bg.png');
	  text-indent:10px;
    background: #2E77BF
}
.navigation li.has-sub ul li a:hover {
transition: all 150ms
}
 .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
.hidden-600 {
        display:none !important;
    }
.header-text {
    clear: all;
    margin: 0 0 1px 0;
    padding: 10px 5px;
    text-align: center;
    color: #222;
    line-height: 13px;
    min-height: 10px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    background: #fff 
}
.header-text-viral {
    clear: all;
    margin: 0 0 5px 0;
    padding: 10px 5px;
    text-align: center;
    color: #222;
    min-height: 10px;
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    background: #fff 
}
.header { }
.suchbox { float: right;display: block;width: 50% }
.vsuche { float: left; width: 100%; background: #B6D9FD;line-height: 15px; height: 50px; display: block;margin: 0 }
.vidsuche { padding: 1.4% 1.4% 1.4% 2.4%;height: auto } 
.vidtxtboxix { font-weight: normal; font-size: 80% }     
.nummereinsbox { min-height: 152px;overflow: visible }
.nummer1de_usa_uk { float: left; }
.nummer1de { height: auto;display: block;float: left;width:100%;margin-right: 0 }
.nummer1de_2017 { height: auto;display: block;float: left;width:100%;margin-right: 0 }
.nummer1de_pic { float: left;display: block;width: 100% }
.nummer1de_txtlink { float: left;word-wrap: break-word }
.nr1usauk { 
    clear: both;
    float: left;
    display: block;
    margin: 0 0 0 0;
    width: 100%;
    height: auto;
    background: url('../imgnews/usa_uk_mainbg.gif');
    background-size: 66.66% 66.66%
 }
.schlagheadlinehg { font-size: 350% }
.omcinfotext { height: auto;padding: 1px 2% 10px 2% }
.omcinfotext p { line-height: 13px }
.vidtipp { float: left;width: 99%;padding: 0;margin: 1% 0.5% }
.vtipppic { float: left;width: 100%; margin: 0;height: auto }
.vdthead {
     color: #04BBBE;text-align: center; padding: 3px 0;letter-spacing: 1px; border-top: 5px solid #333
}
.vdinterpret {
    color: #000;min-height: 30px auto; padding: 3px 0 3px 0;text-align: center;display:block; background: #06D9DC
}
                div.feedburnerFeedBlock ul li {
                        display: block;
                        float: left;
                        margin-bottom: 5px;
                        padding-left: 0 !important;
                        text-indent: 0 !important;
                        list-style-type: none;
                        margin: 0 1%;
                        padding: 5px;
                 width: auto
                        }
.ad300x250 { clear: both;width: 310px;height: 250px; margin: 5px auto;background: #fff;line-height: 10px;border: 0 none }
.ad300x250innen { float: left;width: 300px }
.ad300x250werbung { float: right;height: 60px; width: 10px }
.ad600mobi { max-width: 338px;margin: 0 auto;width: 100%;height: auto }
.adbox600 { min-height: 282px; margin: 0 auto;border: none; padding: 0 0 5px 0;background: none }
.werbung { background: #efefef }
.fbbox { margin: 30px auto;padding: 0 none }
.vidtrends {  margin: 10px auto }
.usauk { margin: 5px auto }
.weiterecharts { margin: 15px auto;width: 312px;height: auto;padding: 0;line-height: 13px;background: #E5F2FF }
.topadcont { float: left;width: 100%;min-height: 1px;display: flex;
	align-items: center; 
	justify-content: center; }
.indexad970 { clear: both;min-width: 300px;min-height: 30px; border: 1px solid #288BEE;float: left;margin-left: 6px;background: #fff;margin: 0 auto }
.adpic970 { float: left;display: block;line-height: 10px;width: 150px;min-height: 10px;padding-left: 25px }
}
@media (min-width: 481px) and (max-width:768px) {
.headoljopic {
height: 70px;
background:url( '../270vidpic/top-header768-2020.jpg' );
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:left;
border-bottom: 1px solid #333
} 
.responsiveidxspec { margin-bottom: 0 }
.lazyframeidxspec { margin-top: 0 }
.ytvidsrechts { float: left;width: 100%; }
.toptext { width: 100% }       
.nr1text { float: left;width: 75.3% }
.neutopix { min-width: 89.6%;padding: 0 5%; margin: 0;color: #000 }
.topcontainer { clear: both;float: left;display: block;width: 100%;white-space: nowrap;height: auto;text-align: center;background: #a9d4fe;border-top: 1px solid #222 }
.topcontainer2016 { clear: both;float: left;display: block;width: 100%;white-space: nowrap;min-height: 1px;text-align: center;background: #a9d4fe;border-top: 1px solid #222 }
.vidpicboxix { width: 100%;padding: 0; margin: 0; color: #000;-webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0) }
.vidpicboxix img { margin: -10% 0 }
.slick-slider { padding: 0 !important }
.topadcont { float: right;width: 100%;min-height: 100px;text-align: center;display: flex;
	align-items: center;
	justify-content: center; }
.topadcont2016 { display: block;width: 100%;min-height: 10px;text-align: center;padding: 5px 0 }
.indexad970 { clear: left;display: block;float: left }
.indextextad970 { clear: both;min-width:300px;max-width: 450px;min-height: 100px;height: auto; padding: 2px; float: left;margin: 0 0 0 15px;overflow: hidden;background: #E3EBF4;border: none }
.suchbox { width: 100% }
.vsuche { height: auto }
.trendlink {
    clear: both;
    float: left;
    display: block;
    margin: 2% 2% 2% 2%;
    width: 96%;
    height: 50px;
    padding: 0;
    border: none;
    background-image: none;
}
a.linktrend 
 {
    padding-top: 6px;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    -webkit border-radius: 9px;
}
.schlagheadline { font-size: 200% }
.vidtipp { float: left;width: 45%;padding: 0;margin: 1% 0.5% }
.vtipppic { float: left;width: 100%; margin: 0;height: auto }
.responsive { float: left;padding-left: 0% }
.thentry { width: 48.5%;margin: 2px 1% 2px 0.5%; float: left; display: block }
.hgcontainer { float: left;width: 100%; padding: 0; font-weight: 300;background: #a0a6ab }
.bildborder { float: left; width: 96%;margin: 2% } 
.nummer1de_pic { float: left;width: 100% }
.nummer1de_link { word-break: normal; font-size: 110% }
.nummer1de_txtlink { }  
}
@media only screen and (min-width: 1000px) {
.landerchartslogo { max-height: 238px }   
} 

iframe {
    border: 0;
}   
img.opacity:hover {
	opacity: 0.70;
	filter: alpha(opacity=70);
	}
.topad { width: 100%;min-height: 1px; background: #000 } 

div#cookieChoiceInfo {
background-color: #333 !important;
color:#eee;
font-weight:bold;
font-size:13px;
font-family: Verdana;
line-height: 1.13em;
border-right: 2px solid #b7b7b7;
border-bottom: 2px solid #b7b7b7;
border-left: 2px solid #b7b7b7 
}
#cookieChoiceInfo > a:nth-child(2),a#cookieChoiceDismiss {
color: #fff;
background:linear-gradient(to bottom, #8dd4fc 4%, #0793e4 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dd4fc', endColorstr='#0793e4',GradientType=0);
background: -webkit-linear-gradient(#8dd4fc 4%, #0793e4); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#8dd4fc 4%, #0793e4); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#8dd4fc 4%, #0793e4); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#8dd4fc 4%, #0793e4); /* Standard syntax */
box-shadow: 2px 2px 2px  #aaa;
text-shadow:1px 1px 1px #ccc;
text-align:center;
padding:2px 10px;
text-decoration:none;
border-radius:8px;
font-family:Verdana;
font-size:12px;
font-weight:bold
}
#cookieChoiceInfo > a:nth-child(2):hover, a#cookieChoiceDismiss:hover {
color:#0793e4;
color: #fff;
box-shadow: 1px 1px 1px  #aaa;
text-shadow:0px 0px 0px #ccc;
text-decoration:none;
position: relative;
top:1px;left:1px
}
@media only screen and (min-width: 10px) and (max-width:480px) {
.body { font-size: 13px !important }
.main-container { font-size: 13px !important; overflow-x: hidden }
.topcontainer { width: 100%;display: block;float: left;height: auto;text-align: center;background: #a9d4fe }
.topadcont { width: 100%;min-height: 1px;float: left;margin: 10px 0 5px 0 }
.indextextad970 { width: 99.8% !important;height: auto; padding: 2px 0.1%; float: left;margin: 0 auto;overflow: hidden;background: #E3EBF4 }
.headoljopic {
height: 70px;
background:url( '../270vidpic/top-header481-2020okte.jpg' );
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:left;
border-bottom: 1px solid #333
}
.responsiveidxspec { margin-bottom: 0 }
.lazyframeidxspec { margin-top: 0;background-size: 200% !important;
    background-position: 50% 25%; } 
.raphausbild img { max-height: 170px }
.suchbox { width: 100% }
.linkblock728 { padding: 5px 0 }
.ytvidshead { font-size: 100% }
.ytvidlinks { margin: 0 !important }
.ytvidsrechts { float: left;width: 100%;margin: 0 !important }
.vidpicboxix { width: 100%;height: 220px;padding: 0; margin: 0;color: #000;-webkit-clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
clip-path: polygon(100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0) }
.nummer1de_2017 { width: 100% }
.nummer1de_main { width: 100% }
.nr1pic { width: 100%; height: auto; border: none }
.nummer1de_body { display: block }
.nummer1de_head { float: left; display: block; width: 100%;height: auto; margin: 0; padding: 7px 0 8px 0;color: #eee;text-align: center }
.schlagheadline { font-size: 155% }
.bildborder { float: left; width: 92%;margin: 2% 4% 3% 4% } 
.nummer1de_pic { float: left;width: 100% }
.picnumbaonede { min-height: 285px }
span.vididxspan { bottom: 65%;background: #980512 }
span.idxplayvidbut {
    padding: 0 12px !important;
    line-height: 1em;
    font-size: 6em;
    width: 54px }   
.nummer1de_link { word-break: normal; }
.nummer1de_txtlink { width: 93%; padding: 1.5% 2% !important; margin: 2px 1.5% 5px 1.5% }
.omc100link { font-size: 150% } 
.wrapper p { font-size: 100%; line-height: 1.3em }
.nr1usauk { width: 100% }
.hgcontainer { float: left;width: 100%; padding: 0; font-weight: 300;background: #a0a6ab }
.hgentry { float: left; width: 100%;padding: 2.5% 0 }
.thrank { float: left;font-size: 120%; padding: 1% }
.thentry { width: 49%;margin: 2px 0.5% 2px 0.5%; float: left; display: block }
.thinfotxt {font-size: 85%; line-height: 115% }
.thvidpic { width: 98% }
.thvidpicama { width: 98%;overflow: hidden }
.thvidpicama img { transform: scale (1.3);-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);margin-bottom: 10% }
.adbox600 { margin: 0 auto }
.textmain { display: block; float: left;padding: 0 }
.ytsizingsmall img { margin: -10 0 }
.trendlink {
    clear: both;
    float: left;
    display: block;
    margin: 2% 2% 2% 2%;
    width: 96%;
    height: 50px;
    padding: 0;
    border: none;
    background-image: none;
}
a.linktrend 
 {
    padding-top: 6px;
    min-height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    -webkit border-radius: 9px;
}
}
.navundsuche { clear: both;float: left;display: block;width: 100%; height: auto;border-top: 2px solid #fff;border-bottom: 2px solid #fff;background: #D0E6FC;padding: 0;margin: 0;line-height: 100% } 
#menuelader {
    display:none;   
}

.toggleMenu {
    display:  none;
    padding: 10px 18px 32px 11px;
    border: 1px solid #eee;
    color: #fff;
    position: absolute;
    top: 6px;
    right: 3px;font-weight: 900; text-decoration: none;
    background: url( '../../imgnews/menuebgpic.png' ) #000;
    background-repeat: no-repeat;
    z-index: 1000;
}
.nav { 
    list-style: none;
     *zoom: 1;
     background:#D0E6FC;
     color: #111;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 12em;
}    
ul {  margin: 0 !important;
}
.nav a {  
    padding: 6px 6px 5px 6px;
    min-height: 39px;
    color:#121212;
    font-size: 1.05em;
    font-weight: 900;
    text-decoration: none;
    border-right: 2px solid #fff;
    line-height: 19px !important;
}
.nav a.hatsub { padding-right: 20px; } 
.nav a:hover { background: #2E77BF;
               color: #f2f2f2;
}
.nav li {      
    position: relative;
    min-width: 80px;
    max-width: 110px;
    word-wrap: break-word;
    display: inline;
    white-space: nowrap;
    overflow: hidden
}
.nav li.sub a { min-height: 19px; max-height: 20px }
.nav > li { 
    float: left;min-width: 106px

}
.nav > li > .parent {
    background-image: url("../../imgnews/downArrowB.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li ul {
    position: absolute;
    left: -9999px;
}

.nav > li.hover > ul {
    left: 0;
    background: #2E77BF;
    color: #2f2f2f
}

.nav li li.hover ul { 
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #E9F4FE;
    position: relative;
    z-index:100;
    border: 1px solid #fff;
}
@media screen and (max-width: 999px) {
.main-container {position: absolute;left: 0px;top: 0px;width: 100%; overflow-x: hidden }
.suchhead { float: left; width: 94%;display: block; color: #222;font-size: 13px; padding: 3px 1.5% 0 4.5%; height: 13px;text-align: center;background: #B6D9FD }
.vsuche { height: 40px }
.vidsuche { padding: 0 1.4% 1.4% 2.4% }
.suchboxtop { float: left; display: block;width: 100%;border-bottom: 1px solid #fff;background: #B6D9FD }
.suchheadtop { float: left; width: 94%;display: block; color: #222;font-size: 13px; font-weight: 900;padding: 3px 3% 2px 3%; height: auto;text-align: center;background: #E2F0FF }
.vsuchetop { float: left; width: 95%;margin-right: 5% }
.vidsuchetop { padding: 1px 6% 5px 6% !important;text-align: center;width: 88% }   
input { font-size: 13px !important }
    .active {
        display: block;
    }
    .nav a { border: none;width: 97%;max-height: 40px;  min-height: 20px !important;padding: 7px 0 5px 3% }
    .nav > li {
        float: none;
    }  
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url( 'https://www.oljo.de/imgnews/downArrowB.png' );
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
.navundsuche { clear: both;display: block;width: 100%;height: auto;margin: 0;padding: none;border: none }
	.navlink {
    display:inline;
    float:right;
    color:#fff;
    text-decoration:none;
    padding:10px 0;
    background: #000;
}
.nav a { border: 1px solid #fff; border-bottom: none; line-height: 20px !important }
.before::before, .after::after {
            content: "";
            white-space: none;
        }    
}
@media screen and (min-width: 1000px) {
.main-container { max-width: 1400px; margin: 0 auto;background: #fff; overflow-x: visible !important }
.nav ul.sub { float:left;margin:0;padding: 26px 0 0 0  }
.nav li ul.sub { display: none; }
.nav li li.sub a { float: left;display: inline;padding: 5px 8px;height: 16px;line-height: 16px !important; }
.nav li.sub a { border: 1px solid #444;background:#B9D8F8 }
.nav li.sub a:hover { background:#1A65AF }     
.nav li:hover > ul.sub { background: none;top: 25px;left: 4px;display: inline; max-height: 18px;width: 1000%;   }
.nav li:hover.sub > ul.sub li.sub { display: inline-block;position: relative;height: 28px;font-size: 100%;border:none }
.suchboxtop { float: left; display: block;width: 100%;border-bottom: 1px solid #fff;background: #B6D9FD }
.suchheadtop { float: left; width: 15%;display: block; color: #222;font-size: 13px; font-weight: 900;padding: 11px 3% 8px 3%; height: auto;text-align: center;background: #E2F0FF }
.vsuchetop { float: right; width: 69%;margin-right: 10% }
.vidsuchetop { padding: 2px 18px 5px 18px !important }
.before::before, .after::after {
            content: "\A";
            white-space: pre;
        }
.vinx {
    max-height: 464px;
}        
.lazyframe[data-vendor="youtube"]:after { margin-top: 5px !important; }
span.weiter { background: 0 ; padding: 0}
.bildborder { max-height: none;min-height: 371px }
.nummer1de_head { font-style: oblique;font-size: 250% }
.nummer1de_head h2 { font-size: 250%; padding: 3% 2% }
.trendlink {
    float: right;
    display: block;
    width: 286px;
    height: 286px;
    margin: 15px 30px 15px 30px;
    padding: 0;
    background: url(../imgnews/trend-index.jpg),linear-gradient(to top, #00376D, #288BEE);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    display: flex;
    border-radius: 50% 50%;
    justify-items: center;
    align-items: center;
}
a.linktrend {
    display: block;
    font-size: 17px;
    background: none;
    min-height: 20px;
    width: 100%;
    padding: 102px 6px 162px 6px;
    color: #fff;
    text-align: top;
    border: none;
    border-radius: 50% 50%;
    justify-items: center;
    align-items: center;
    box-shadow: 0 0 20px;
}
a.linktrend:hover {
    background: url('../imgnews/trend-index.jpg'),linear-gradient(to top, #C8A503, #EECB28);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 800ms ease-in-out 0.1s;
    -moz-transition: all 800ms ease-in-out 0.1s;
    -o-transition: all 800ms ease-in-out 0.1s;
    transition: all 800ms ease-in-out 0.1s;
    /* box-shadow: 5px 5px #666; */
}
.lazyframeidxspec {
    margin-top: -7%;
    background-size: 140% !important;
    background-position: -200px -90px;
}
.ytcinterprettoptrend { font-size: 225% }
.ytcinterprettoptrend small { font-size: 50% }
.ytvidshead { font-size: 150% }
.genreneutopix { font-size: 150% }
span.glow {
    text-shadow: 2px 3px 3px #Ff6600;
}
.slick-slider { padding: 0 !important }
.nevidtopspn { font-size: 166% }
.vidpicboxix img { margin: -12% 0; min-height: 460px }
.footeroben { padding: 1.5% 4% }   
}
a.qc-cmp-persistent-link {
    position: fixed !important;
    z-index: 100 !important;
    width: 98%;
    padding: 6px 1% !important;
    font-size: 85%;
}    
.qc-cmp-showing { height: 100vh !important; }
.qc-cmp-ui { max-height: 100vh !important; max-width: 95% !important;font-size: 90% !important}
.qc-cmp-nav-bar.qc-cmp-top {width: 80% !important}
.qc-cmp-disable-button, .qc-cmp-enable-button, .qc-cmp-save-and-exit { font-size: 10px !important}
.qc-cmp-button { padding: 0 6px !important }
.qc-cmp-messaging {font-size: 12px !important}
.qc-cmp-purpose-description {
    font-size: 12px !important
    margin: 10px 0;
    width: calc(100% - 190px) !important;
}