/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* hebrew */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* vietnamese */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  font-stretch: 100%;
  src: url(https://www.moviejones.de/css/fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/*
Farben:
Braun dunkel: #4C1F1C
Braun hell: #9C452A
Gelb: #FE9601
*/

/*Variablen*/

:root {
    --bg-color-main: #0B8AB5;
    --main-c1: #034459;        
    --main-c2: #0B8AB5;        
    --main-c3: #FA8902;   
    --main-c1-text: #FFFFFF;        
    --main-c2-text: #FFFFFF;        
    --main-c3-text: #FFFFFF;        
    --main-c1-link: #FFFFFF;        
    --main-c2-link: #FFFFFF;        
    --main-c3-link: #FFFFFF;  
    --nav-c1: rgba(15, 18, 22, .9);        
    --nav-c1-text: var(--main-c1-text);

    --text-c1: var(--main-c3);
    --text-c2: var(--main-c2);
    --link-c1: var(--main-c3);
    --link-c2: var(--main-c2);

    --rubrik-c1: var(--main-c1);
    --rubrik-c1-text: #FFFFFF;
    --rubrik-c2: var(--main-c3);
    --rubrik-c2-text: #FFFFFF;
    
    --button-c1: var(--main-c3);
    --button-c1-text: var(--main-c3-text);
    --button-c2: var(--main-c2);
    --button-c2-text: var(--main-c2-text);
    --filter-c1: var(--button-c2); 
    --filter-c1-text: var(--button-c2-text);
    --filter-c2: var(--button-c1);
    --filter-c2-text: var(--button-c1-text);
    
    --fshead-c1: var(--main-c1); 
    --fshead-c1-text: var(--main-c1-text);
    --fshead-c2: var(--main-c2);
    --fshead-c2-text: var(--main-c2-text);
    
    --box-c1: var(--main-c1);
    --box-c1-text: var(--main-c1-text);
    --box-c1-link: var(--main-c3); 
    --box-c2: var(--main-c3);
    --box-c2-text: var(--main-c3-text);
    --box-c3: var(--main-c2);
    --box-c3-text: var(--main-c2-text);  
    
    --user-c1: var(--main-c2);
    --user-c1-text: var(--main-c2-text);
    --user-c2: var(--main-c1);
    --user-c2-text: var(--main-c1-text);
    --user-c3: var(--main-c3);
    --user-c3-text: var(--main-c3-text); 
        
    --footer-c1: var(--main-c1);
    --footer-c1-text: var(--main-c2-text);
    --footer-c2: #0F1216;
    --footer-c2-text: var(--main-c1-text); 
}

/* Mobile Menu */
#mjnavmob { overflow: hidden; background-color: #333; position: fixed; width:100%; z-index: 9999; }
#mjnavmob #mobMenu { display: none; }
#mjnavmob .firstMenu { display:flex; flex-flow:row nowrap; align-items: center; border-bottom:1px solid #b39573; background-color: #FBFBFB; background: var(--main-c1); }
#mjnavmob a.menuLogo { padding:18px; font-size:22px; color:#FFF; background: var(--main-c1); }
#mjnavmob a.menuLogo:hover { text-decoration:none; }
#mjnavmob .menuHead { padding:0.500em 0em; font-weight:bold; background: var(--main-c1); width:100%; }
#mjnavmob .menuHead img { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;  }
#mjnavmob .menuHead a { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0; }
#mjnavmob .mobsearch { margin-left:0.500em; margin-right:0.500em; margin-top:5px; }
#mjnavmob .mobsearch input[type=text] { float:left; width:120px; }
#mjnavmob .mobsearch input[type=submit] { display:block; float:left; margin-top:4px; margin-left:10px; width: 25px; height: 25px; background: url(../bilder/icons/lupe_weiss.png) center no-repeat; border: none; cursor: pointer; }
#mjnavmob .mobpm { float:left; }
#mjnavmob .moblogo { float:left; }
#mjnavmob img { width:35px; padding: 14px 1em; }
#mjnavmob .openMenu { display:block; background-color:#FFF; padding:1em; font-size:0.938em; padding-bottom:4em; }
#mjnavmob .openMenu .mobBlock { display:flex; align-items: center; justify-content: center; flex-flow:row wrap; margin-bottom:1em; }
#mjnavmob .openMenu a.menuItem { margin:0.500em 0; flex:1 1 auto; min-width:50%; }
#mjnavmob .openMenu a.menuItem:hover { text-decoration:none; }
#mjnavmob .openMenu .mobRubrik { margin:0.500em 0; text-transform:uppercase; color: var(--text-c2); font-weight:bold; }

/*Styles*/
@media (max-width: 1030px) {
    /*Verstecken bestimmter Elemente auf Desktop bei Skalierung*/  
    .hide-on-scale { display: none !important; }
}

* {  outline: none; }
html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; overflow: hidden;  overflow-y: scroll;  } /*Orientierung Hoch/Quer Mobile*/
body { font:16px/100% "Open Sans", Arial, sans-serif; color:#222; background-color: var(--bg-color-main);  } /*body { background:rgb(15, 114, 145); }*/
main, #main { display:block;  }
.strike { text-decoration:line-through; }

img { max-width:100%; }

h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", Arial, sans-serif; }
a { text-decoration: none; color:#000; }
a:hover { text-decoration: underline; }
a img:hover { opacity:0.8; }

ul, ol {  }
ul.default, ul.suche { margin:1em 0; }
ul.default li { list-style-image: url(../bilder/icons/li_orange.png); list-style-position: outside; margin-left:1em; }
ol li { list-style:decimal outside; list-style-image:none !important; line-height:1.250em; margin-left:1em; }
ul.default li, ul.suche li { line-height:1.375em; margin-bottom:0.250em; }

p, span { line-height:1.57145em; }
.mjtextnormal { font-size:0.938em; line-height:1.375em; }
.mjtextsmall  { font-size:0.875em; line-height:1.375em; }
.mjtextverysmall  { font-size:0.750em; line-height:1.375em; }
.mjtextnormal a, .mjtextsmall a { color: var(--link-c2); }
.nobg { background-color: transparent !important; }
.color1 { color: var(--text-c1); }
.color2 { color: var(--text-c2); }
.np { padding-left:0 !important; padding-right:0 !important; }
.nm { margin:0 !important; }
.defaultrot { color: #CA0006; }

a.patreonBanner { 
    line-height:1.250em; 
    background-color: var(--main-c3); 
    color:var(--main-c3-text);
    padding:0.500em 1em;
    text-align:center;
    text-transform:uppercase; 
    margin:1em 0;
    font-weight:bold;
    font-size:1.500em; 
    display: block;
}

@media screen and (max-width:767px) {
    a.patreonBanner { margin:0 0 1em 0; }
}

#wrapper { max-width:1030px; margin:0.938em auto; }
#innerWrap { background-color:#FFF; width:100%; }
#header { max-height:270px; }
#resp-mobile-switch { background-color: #17A017; color:#FFF; padding:1em 0; width:100%; font-weight:bold; text-align:center; margin:3em 0 2em 0; line-height:1.125em; }
@media screen and (max-width:767px) {
    #resp-mobile-switch { margin:0 0 2em 0; }
}

/*Allgemeine Elemente*/
.center, .text-center { text-align:center; }
.mt1em { margin-top:1em !important; }
.mt2em { margin-top:2em !important; } 
.mt3em { margin-top:3em !important; }
.mb1em { margin-bottom:1em !important; } 
.mb2em { margin-bottom:2em !important; } 
.mb3em { margin-bottom:3em !important; } 
.mtb1em { margin:1em 0 !important; } 
.mtb2em { margin:2em 0 !important; } 
.mtb3em { margin:3em 0 !important; } 
.ml1em { margin-left:1em !important; }
.mr1em { margin-right:1em !important; }
.mr2em { margin-right:2em !important; }
.mr3em { margin-right:3em !important; }

.w30 { width:30% !important; }
.w50 { width:50% !important; }
.w80 { width:80% !important; }
.w100 { width:100% !important; }

#corona { margin-top:3em; }
#corona .cmain { 
    padding:0.500em 1em;
    text-transform:uppercase; 
    background-color: var(--main-c3); 
    color:var(--main-c3-text);
    font-weight:bold;
    font-size:1.250em; 
    display: block;    
}
#corona .cmain #close { float:right; color:var(--main-c3-text); cursor: pointer; } 
#corona .cbody { padding:1em 3em; background-color:#FAFAFA; }
#corona .cbody .ctitle { text-transform:uppercase; font-weight:bold; font-size:1.2em; margin-bottom:0.750em; }
#corona .cbody .ctext { margin-bottom: 1em; font-size: 0.875em; line-height: 1.750em; width:100%; font-weight:bold; }
#corona .cbody .ctext a { color: var(--link-c2); } 
#corona .cbody img { max-width:300px; float:right; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); margin:0 1em 1em 2em; }
@media screen and (max-width:767px) {
    #corona { margin-top:0em; margin-bottom: 1em;}
    #corona .cbody img { float:none; margin:1em 0; width:100%; max-width:100%; }
    #corona .cbody { padding:1em 1em; }
}

/*Banner*/
#adWrapper { background: none; position: relative; margin-bottom:5px; }
#AdBanner  { background: none; position: relative; }
#adWrapperSky { position: sticky; top: 125px; height: 0; overflow: visible; margin-left:1035px;}

.bannerInfo { text-align: center; margin: 0.250em 0 0.250em 0; font-size:10px; color: #CCC; }

/*
#adWrapperSky { position: relative; top: 265px; height: 0; overflow: visible; left:1030px;}
.sticky { position: sticky !important; top: 65px; height: 0; overflow: visible; margin-left:1030px; z-index:999; }*/
#AdSky { clear:none; }
#AdContent, #AdGoogle { margin:1em 0; text-align:center; }
#AdWrapperSuperCA { margin:1.5em 0; }
#AdSuperCA {}
#plista { background-color:#F2F2F2; padding:1em; margin-top:-1em; }

.stickyCAR { height:1750px; } 
@media screen and (max-width:767px) {
    .stickyCAR { height:auto; }
}

.userColorBox { border:3px solid black; padding:2em; margin-bottom:2em; }
.userColorBox h3 { font-size:1.500em; text-transform:uppercase; margin-bottom:2em; font-weight:bold; }

.txtbutton { display:inline-block; background-color: var(--button-c1); color:var(--button-c1-text); padding:1em 2em; border-radius:2em; font-size:0.875em; text-align:center; text-transform: uppercase;  }
.txtbutton:hover { text-decoration: none; background-color: var(--button-c2); color:var(--button-c2-text); }
.txtbutton.aktiv, .txtbutton2.aktiv { background-color: var(--button-c2); color:var(--button-c2-text); }
.txtbutton2 { display:inline-block; background-color: var(--button-c1); color:var(--button-c1-text); padding:0.500em 0.750em; font-size:0.875em; text-align:center; text-transform: uppercase; margin-bottom:0.500em; }
.txtbutton2:hover { text-decoration: none; background-color: var(--button-c2); color:var(--button-c2-text); }
.buttonColor2 { background-color: var(--button-c2) !important; color:var(--button-c2-text); }
.buttonColor2:hover { background-color: var(--button-c1) !important; color:var(--button-c1-text); }

.formbutton { background-color: var(--button-c1); color:var(--button-c1-text); border:none; padding:0.500em 0.750em; font-size:0.875em; text-transform: uppercase; }
.formbutton2 { display:inline-block; background-color: var(--button-c1); color:var(--button-c1-text); padding:1em 2em; border-radius:2em; font-size:0.875em; text-align:center; text-transform: uppercase; border:none; }
.formbutton:hover, .formbutton2:hover { background-color: var(--button-c2); color:var(--button-c2-text); }
.icon-button { display:inline-block; background-color: var(--button-c2); color:var(--button-c2-text); padding:0.375em; margin: 0 0.750em 0.500em 0; text-align:center; font-size:1.125em; line-height:8px;}
.icon-button:hover { background-color: var(--button-c1); color:var(--button-c1-text); text-decoration:none; }
.icon-button.txt { padding:0.875em 0.750em 0.750em 0.750em; font-size:0.875em; background-color: var(--button-c1); color:var(--button-c1-text); position:relative; bottom:0.250em; }

input:disabled { background-color:#AAA; }
input:disabled:hover { background-color:#AAA; }

.pagefilter { margin-bottom:2em; }
.pagefilter a { font-size:0.875em; background-color: var(--filter-c1); color:var(--filter-c1-text); padding:8px; margin-right: 4px; display:inline-block; }
.pagefilter a.aktiv, .pagefilter a:hover { background-color: var(--filter-c2); color:var(--filter-c2-text); text-decoration:none; }
.pagefilter .dummy { color:#000; margin: 0 0.563em 1em 0.500em; display:inline-block; }
.pagefilterTxtBtn a { margin:0 1em 1em 0; }
@media screen and (max-width:767px) {
    .pagefilter a { padding:8px; margin-right: 4px; margin-bottom: 0.500em; }
}

.rubrik span { margin:0; line-height:0; padding:0; }
h1.rubrik, h2.rubrik, h3.rubrik, h4.rubrik, h5.rubrik, h6.rubrik, h1.rubrik2, h2.rubrik2, h3.rubrik2, h4.rubrik2, h5.rubrik2, h6.rubrik2 { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
.rubrik, h1.rubrik, h2.rubrik, h3.rubrik, h4.rubrik, h5.rubrik, h6.rubrik { font-size:1.125em; background-color:var(--rubrik-c1); color:var(--rubrik-c1-text); padding:0.875em 0.625em; }
.rubrik2, h1.rubrik2, h2.rubrik2, h3.rubrik2, h4.rubrik2, h5.rubrik2, h6.rubrik2 { font-size:1em; font-weight:bold; }
.rubrikBG2 { background-color:var(--rubrik-c2) !important; color:var(--rubrik-c2-text) !important;}
.rubrik.smallHeight, .rubrik2.smallHeight { padding: 0.625em; }

.rubrikIMG { display:block; width:100%; background-repeat:no-repeat; height:100px; margin-bottom:2em; background-position:50% 50%;}

.colorPicker { border:1px solid grey; width:65px; text-align:center; padding:6px 0; }
.colorPickerFont { font-size:0.875em; font-weight:bold; margin:0 1em 0 0.500em; }
.colorpickerBox { width:24%; display:inline-block; margin-bottom:0.500em; }

.defaultbox { margin:0 0 2em 0; clear:both; }

/*Facebook*/
.socialbuttons { margin:1em 0; }
.socialbuttons .at_flat_counter { background-color:#DDD !important; }
.socialbuttons .at_flat_counter:after { border-color: transparent #DDD transparent transparent !important;}

table { width:100%; max-width:100%; font-size: 0.875em; margin-bottom:1em; }
table img.avatar { max-width:60px; display:block; }
table p { margin-top:-0.188em; }
table .titel { font-size:1em; font-weight:bold; margin-bottom:0.500em; }
table.default { border-collapse: collapse; border-spacing: 0; margin: 2em 0; }
table a { color: var(--link-c2); }
tr.thead td { color:#FFF; background-color: #363636 !important; font-weight:bold; }
td, th { padding: 0.375em 0.500em; vertical-align:top; line-height:1.250em; }
tr:nth-child(even) td { background-color: #EEE; }
tr:nth-child(odd) td { background-color: #FFF; }

.notiz { font-size:0.938em; color:#FFF; padding:0.625em; margin:1em 0; line-height:1.250em; }
.notiz.hinweis { background-color: #F1F1F1; color:#000; }
.notiz.erfolg { background-color: #17A017; }
.notiz.warnung { background-color: #CA0006; }
.notiz.iconWarnung { background-image: url("../bilder/icons/notiz-achtung.png"); background-position:99% 50%; background-repeat:no-repeat; }
.notiz.iconUser { background-image: url("../bilder/icons/notiz-user.png"); background-position:99% 50%; background-repeat:no-repeat; }
.notiz.iconCheck { background-image: url("../bilder/icons/notiz-check.png"); background-position:99% 50%; background-repeat:no-repeat; }

/* CrumbPath */
#crumbpath ol, #crumbpath ol li { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; list-style: none; }
#crumbpath { font-size: 0.750em; text-transform:uppercase; margin: 2em 0; margin-top:4em; }
#crumbpath ol { width:100%; }
#crumbpath ol li { display: inline; }
#crumbpath ol li:after { content:"\20\BB\20"; }
#crumbpath ol li:last-child:after { content:''; }
#crumbpath ol li:last-child a { color:var(--text-c1); }

/* Big Header */
.bigHeader { margin-bottom:2em; }
.bigHeader h1 { font-size:1.875em; text-transform: uppercase; line-height:1.125em; margin: 0 0 0.125em 0; text-transform:uppercase; font-weight:bold; }
.bigHeader h5 { font-size:1.125em; text-transform: uppercase; font-weight:bold; margin-bottom:0.250em; color: var(--text-c1); }
.bigHeader .teaserBox { display:flex; flex-flow:row nowrap; font-weight:bold; align-items: flex-start; margin-top:1.500em; font-size:1em; }
.bigHeader .imagebox { margin-right:10px; max-width:100px; margin-right:1em; }
.bigHeader .imagebox img { witdh:100%; }
.bigHeader .imagebox.left { float:left; }
.bigHeader .teaser, .bigHeader .teaser2, .bigHeader .teaser3  { line-height:1.500em;  }
.bigHeader .teaser { margin-top:-0.438em; }
.bigHeader .teaser2 { margin-top:0.875em; }
.bigHeader a { color: var(--link-c2); }
.bigHeader .highlight { color: var(--text-c1); }
@media screen and (max-width:767px) {
    .bigHeader h1 { font-size:1.500em; }
    .bigHeader .teaser, .bigHeader .teaser2, .bigHeader .teaser3  { font-size:0.875em;  }
}    

/*Preview Boxen Poster, Serien, Specials*/
.previewBox { display:flex; flex-flow:row nowrap; margin:1em 0 2em 0; }
.previewBox.wrap { flex-flow:row wrap; }
.previewBox .box { max-width:34%; margin-right:1em; flex:1 1 auto; position:relative; overflow:hidden; }
.previewBox .box:last-child { margin-right:0; }
.previewBox .box .poster { max-height:255px; overflow:hidden; width: 100%; padding-top: 140%; position: relative; }
.previewBox .box .poster .image { position: absolute; top: 0; left:0; width:100%; }
.previewBox .box .poster .image img { width:100%; display:block; }
.previewBox .box .text { background-color: var(--main-c1); color:var(--main-c1-text); text-align: center; padding:0.500em 0; }
.previewBox .box .banderole { z-index:99; position: absolute; top: 5%; right: -2.8em; z-index: 10; display: inline-block; font-size: 0.750em; width: 10em; text-align: center; color: white; transform: rotate(45deg); background: var(--main-c2); padding:5px 0; }
.previewBox .box a:hover img { opacity:0.8; }
.previewBox .box a:hover .banderole, .previewBox .box a:hover .text { opacity:0.8; }
.previewBox .box a:hover { text-decoration:none; }
.previewBox .box img.bewertung { width:80%; margin-top:0.313em; margin-left:10%; }
.previewBox .large { width:100%; }
.previewBox .large img { width:100%; display:block; }
.previewBox .topliste { min-width:28%; margin-right:1em; flex:1 1 0; margin-bottom:1em; }
.previewBox .topliste:nth-of-type(3n) { margin-right:0; }
.previewBox .topliste a:hover img { opacity:0.8; }
@media screen and (max-width:767px) {
    .previewBox .box:nth-of-type(n+5) { display:none; }
    .previewBox .box:nth-of-type(n+4) { margin-right:0; }
    .previewBox.mobwrap { flex-flow:row wrap; }
    .previewBox.mobwrap .box { max-width:50%; min-width:40%; }
    .previewBox.mobwrap .box:nth-of-type(even) { margin-right:0; }
    .previewBox .box { margin-bottom:1em; }
    .previewBox .box .banderole { display:none; }
    .previewBox .playBtn { background-size: 80px 80px; width:100%; }
    .previewBox .playBtn:hover { opacity:1; background-size: 85px 85px; }
    .previewBox .topliste { min-width:100%; margin-right:0; margin-bottom:1em; }
}

#trailerBox { background-color:#F2F2F2; padding:1em; }
#trailerBox .intro { font-size:0.938em; line-height:1.375em; margin:0 0 1em 0;}

.trailerPreview { display:flex; flex-flow:row wrap; }
.trailerPreview .trailer { position:relative; background-color:#000; display:flex; flex-flow:row nowrap; align-items: center; margin-bottom:1em; max-height:150px; overflow:hidden; min-width:28%; max-width:33%; flex:1 1 0; margin-right:1em; }
.trailerPreview .trailer:nth-of-type(3n+3) { margin-right:0; }
.trailerPreview .trailer .inner { position:relative; }
.trailerPreview .trailer .inner img { width:100%; }
.playBtn { background-image: url(../bilder/play-button.png); display:block; position:absolute; top:0px; background-repeat:no-repeat; background-position: center; background-size: 60px 60px; width:100%; height:100%; opacity:0.6; }
.playBtn:hover { opacity:1; background-size: 65px 65px; }
.trailerPreview .trailer .text { position:absolute; bottom:0px; background-color:#000; color:#FFF; padding:3px 5px; font-size:10px; font-weight:bold; }
.trailerPreviewEmbed { background-color:#363636; margin: 1em 0; }
.trailerPreviewEmbed .description { padding:5px; text-align:center; }
.trailerPreviewEmbed .description a { color:#FFF; }
@media screen and (max-width:767px) {
    .trailerPreview .trailer { min-width:40%; max-width:50%;  }
    .trailerPreview .trailer:nth-of-type(3n+3) { margin-right:1em; }
    .trailerPreview .trailer:nth-of-type(2n+2) { margin-right:0em; }
    .trailerPreview .trailer:nth-of-type(n+9) { display:none; }
    .playBtn { background-size: 40px 40px; width:100%; height:100%; opacity:0.6; }
    .playBtn:hover { background-size: 40px 40px; }
}
    
/*Header + Navigation*/
#mjnav { color:#000; padding-top:0.250em; }
#mjnav .navl1 { margin:0; font-size:0.813em; text-transform:uppercase; padding:4px 0 3px 0; }
#mjnav .navl1 a { color:#222; }
#mjnav .navl1 .menuLink:after { content:"|"; padding:0 0.500em; color:#888; }
#mjnav .navl1 .menuLink:last-child:after { content:""; padding-right:0; }
#mjnav .navl1 .menuLink { margin-bottom:5px; display:inline-block; }
#mjnav .navl1 .schnellstart { text-align:left; margin-left:1em; margin:5px 0; }
#mjnav .navl1 .schnellstart .bold { font-weight:bold; }
#mjnav .navl1 .submenu { float:right; margin-right:1em; margin-top:4px; }
#mjnav .navl1 .suchLupe { background-image:url(../bilder/icons/suche_lupe.png); background-repeat:no-repeat; width:20px; height:20px; display:inline-block; background-position: center; background-size: 20px; }
#mjnav .navl1 .suchLupe:hover, #mjnav .navl1 .mails:hover { opacity: 0.7; }
#mjnav .navl1 .mails { background-image:url(../bilder/icons/mail.png); background-repeat:no-repeat; width:22px; height:22px; display:inline-block; background-position: center; background-size: 22px; opacity:0.9; }
@keyframes blink { 0% { opacity: 1; } 50% { opacity: 0; } 100% { opacity: 1; }}
#mjnav .navl1 .mails.blink { animation: blink 2s; animation-iteration-count: infinite; }
#mjnav .navl2 { position:relative; background-repeat: no-repeat; height:150px; background-position: center;}
#mjnav .navl3 { position:absolute; bottom:0; margin-top:0.500em; padding:12px 0; text-align:center; background: var(--nav-c1); width:100%; text-transform:uppercase; }
#mjnav .navl3 a { font-size:0.938em; font-weight:bold; margin: 0 1.25em; color:var(--nav-c1-text); text-shadow: 1px 1px 1px #000; }
#mjnav .navl3 a:hover, #mjnav .navl3 a.active { text-decoration: none; border-bottom:6px solid var(--main-c3); padding-bottom:4px; }
#mjnav .navl4 { margin-top:-2px; display: flex; justify-content: center; text-align:center; text-transform:uppercase; }
#mjnav .navl4 a { font-size:0.750em; font-weight:bold; color:#222; background: #DDD; padding:0.500em 1em; margin-right:0.750em; border-bottom-left-radius:1em; border-bottom-right-radius:1em; }
#mjnav .hpLink { display:inline-block; width:100%; height:100%; }
#mjnav .shortcut { position:relative; color:#000; z-index:9999;}
#mjnav .shortcut:after { content:"|"; padding-right:0.500em; color:#888;}
#mjnav .shortcut a { color:#000; }
#mjnav .shortcut a:hover { color:#FFF !important; text-decoration:none; }
#mjnav .shortcut ul { text-align: left; display: inline; margin: 0 !important; padding: 0; list-style: none; font-weight:bold; }
#mjnav .shortcut ul li:hover a { color:#FFF !important; text-decoration:none; }
#mjnav .shortcut ul li { display: inline-block; margin: 0; position: relative;  cursor: pointer; padding: 3px 8px 3px 1em; }
#mjnav .shortcut ul li:hover { background: var(--main-c3); color:var(--main-c3-text); }
#mjnav .shortcut ul li ul { padding: 0; position: absolute; top: 26px; left: 0px; width: 170px; display: none; opacity: 0; visibility: hidden; }
#mjnav .shortcut ul li ul li { background: var(--main-c1); display: block; color:var(--main-c1-text); padding-left:1.250em; padding: 3px 8px 3px 1em;}
#mjnav .shortcut ul li ul li:hover { background: #666; }
#mjnav .shortcut ul li:hover ul { display: block; opacity: 1; visibility: visible; }
#mjnav .shortcut ul li ul a { color:#FFF; }

.mobMails { background-image:url(../bilder/icons/mail_mob.png); background-repeat:no-repeat; width:25px; height:25px; display:inline-block; background-position: center; background-size: 25px; opacity:0.9; margin-top:8px; margin-left:1.25em; }
.mobMails.blink { animation: blink 2s; animation-iteration-count: infinite; }

/*Suche*/
#mainSearch { display:none; width:100%; background-color:var(--main-c1); text-align:center; padding:1em 0; }
#subSearch { width:100%; background-color:var(--main-c1); text-align:center; padding:1em 0; }
#mainSearch form, #subSearch form { display:inline-block; width:100%; }
.searchBox { padding:1em; color:#000; border:none; max-width:40%; width:100%; }
.searchBtn { display:inline-block; background-color: var(--main-c3); color:var(--main-c3-text); padding:1em; border-radius:2em; font-size:1em; text-align:center; text-transform: uppercase; font-weight:bold; border:none; width:140px; }
.searchBtn.small { font-size:0.813em; }

/*Startseite*/
h1.start { font-size:2.25em; margin:1em 0 2em 0; text-align:center; text-transform: uppercase; font-weight:bold; }
h1.start:before { content: " "; border:10px solid var(--main-c1); border-right:none; margin-right:10px; padding:0px 5px; }
h1.start:after  { content:" ";  border:10px solid var(--main-c1); border-left:none;  margin-left:10px;  padding:0px 5px; }

#startTopnews img { width: 100%;  }
#startTopnews .topnews { margin:2em 0; }
#startTopnews .newsbox { background-color: #222222; font-weight:bold; }
#startTopnews .short { font-size:0.875em; font-weight:bold; color: var(--text-c1); margin-bottom:0.500em; }
#startTopnews .titel { font-size:1.125em; font-weight:bold; margin-bottom:0.500em; line-height:1.250em; }
#startTopnews .vorschau { font-size:0.875em; line-height:1.375em; color:#FFF; padding:0.625em 0.875em 0.750em 0.875em; }
#startNews .startBeliebt { font-size: 0.938em; margin:1.250em 0;}
#startNews .startBeliebt a { color:#000; }
/* Newsbox Startseite und Archive */
.nbox { display:flex; flex-flow:row nowrap; margin:1.250em 0; }
.nbox .b1 { background-color: var(--main-c3); color:var(--main-c3-text); text-transform:uppercase; text-align: center; }
.nbox .b1 img { max-width:100px; }
.nbox .b1 .kategorie { font-size:0.750em; font-weight:600; padding-top: 5px; }
.nbox .b1 .kommentar { font-size:0.625em; padding: 1px 0 5px 0; }
.nbox .b1 .kommentar a { color:var(--main-c3-text); }
.nbox .b2 { background-color: #F2F2F2; padding:0.500em 0.825em; line-height:1.375em;}
.nbox .b2 .titel { font-size:1.125em; font-weight:bold; margin-bottom:0.500em; }
.nbox .b2 .teaser { font-size:0.875em; }
.nbox .b3 { display: flex; flex-direction: column; justify-content: center; }
.nbox .b3 .corner { width: 0; height: 0; border-style: solid; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #F2F2F2; }
.nbox .b4 { display: flex; flex-direction: column; justify-content: center; margin-left:0.625em; }
.nbox .b4 .circle { border-radius: 50%; background-color: var(--main-c3); color:var(--main-c3-text); height:70px; width:70px; text-align:center; }
.nbox .b4 .circle .tag { font-weight:bold; font-size:1.750em; padding: 17px 0 7px 0; }
.nbox .b4 .circle .monat { font-weight:bold; font-size:0.688em; text-transform:uppercase; }
@media screen and (max-width:767px) {
    #startNews .startBeliebt { display:none; }    
    .nbox .b3, .nbox .b4, .nbox .b2 .teaser, .nbox .b1 .kommentar, .nbox .b1 .kategorie { display:none; }
    .nbox .b1 img { max-width:80px; }
    .nbox .b1, .nbox .b2 { background-color: #FFF; padding-top:0; }
    .nbox .b2 .titel { font-size:1em; margin:0;  }
    .nbox .b2 .mobile { font-size: 13px; margin-bottom:0.250em; margin-top:-5px; font-weight:bold; }    
}

#startKritik { margin-bottom:1em; }
#startKritik .intro { font-size:0.938em; text-align:center; line-height:1.375em; margin:1em 0;}
#startKritik .intro a { color: var(--link-c2); }

#startForum { background-color:#F2F2F2; }
#startForum .inner { margin:1em; }
#startForum .intro { font-size:0.938em; line-height:1.375em; margin:1em 0;}
#startForum .innerContent { display:flex; flex-flow:row wrap; }
#startForum .box { width:50%; display:flex; flex-flow:row nowrap; margin:1em 0; font-size:0.875em; }
#startForum .left { max-width:60px; height:60px; overflow:hidden; }
#startForum .left img { width:100%; }
#startForum .right { line-height:1.5em; margin:0 1em; position:relative; top:-5px; }
#startForum a.user { color: var(--link-c1); font-weight: bold; }
#startForum a.thread { color: var(--link-c2); font-weight: bold; }
@media screen and (max-width:767px) {
    #startForum .box { width:100%; }
}

/*Landingpages*/

.landingContent { display:flex; flex-flow:row wrap; }
.landingContent a { margin-right:1em; width:45%; flex:1 1 auto; margin-bottom:1em; }
.landingContent a:nth-of-type(2n) { margin-right:0em; }
@media screen and (max-width:767px) {
    .landingContent a { margin-right:0; width:100%; flex:1 1 auto; }
}

/*News & Kritikseiten*/
article { line-height:1.375em; }
article .xxlimage { margin-bottom:1.500em; }
article .maintxt { }
article .maintxt.small { font-size: 0.938em; }
article a { color: var(--link-c1); }
article .quelle { font-size:0.875em; }
article iframe, article embed { max-width: 100%!important; }
article .maintxt h2 { font-size: 1.250em; font-weight:bold; line-height:1.375em; }
article .maintxt h3 { font-size: 1.250em; font-weight:bold; margin-top:1.500em;  line-height:1.375em; } 
article .maintxt h4 { font-size: 1em; font-weight:bold; color: var(--text-c1); margin-top: 0.250em; line-height:1.375em; }
article .maintxt h3.h3betont, article .maintxt h2.betont, article .maintxt h3.betont { color: var(--text-c2); }
article .maintxt h3.betont2, article .maintxt h2.betont2 { color: var(--text-c1); }
article .maintxt h2.trailer { color: #000; font-size: 1em; font-weight:bold; line-height:1.375em; margin-bottom:1em; }
article .imgbox { margin:1em 0 2em 0; }
article .imgbox img { max-width:100%; }
article .imgbox .desc { font-size:0.750em; line-height:1.250em; margin-top:0.250em; }
article ol { line-height:1.500em; list-style-type:decimal; margin:2em 0; margin-left:1em; }
article ul { line-height:1.500em; list-style-type: square; margin:2em 0; margin-left:1em; }
article li { line-height:1.500em; list-style-position:outside !important; margin-left:1em; padding-left:1em; margin-top:0.500em; }
article .maintxt .notiz { font-weight:bold !important; }
article .maintxt .trailerblock { background-color:#F2F2F2; padding:1em; margin: 1em 0; }
article .bewertung { padding:0 1% 1em 1%; width:98%; font-weight:bold; text-align:center; margin:1em 0; line-height:1.250em;  }
article img { margin-top:0.500em; }
@media screen and (max-width:767px) {
    article .maintxt .trailerblock { background-color:#FFF; padding:0; }
}
/*Filmseite Serienseite*/
#filmseiteHead {  }
#filmseiteHead h1 { font-size:2.500em; text-transform: uppercase; line-height:1.125em; margin: 0 0 0.125em 0; text-transform:uppercase; font-weight:bold; }
#filmseiteHead h2, #filmseiteHead .filmmeta { margin-bottom:0.250em; font-size:0.913em; line-height:1.500em; }
#filmseiteHead h2 a, #filmseiteHead .filmmeta a { color: var(--text-c1); }
#filmseiteHead .filmmeta .info.color { color: var(--text-c1); }
#filmseiteHead .filmmeta .info:after { content:' | ' }
#filmseiteHead .filmmeta .info:last-child:after { content:'' }

img.bannerSerie { width:100%; margin:0; }

#filmseiteContent { display:flex; flex-flow:row wrap; }
#filmseiteContent .left { min-width:150px; width:25%; max-width:220px; margin-right:1em; margin-bottom:1em; text-align:center; }
#filmseiteContent .left img.poster { width:100%;  }
#filmseiteContent .left img.bewertung { margin:1em auto; width:80%; }
#filmseiteContent .inhalt { flex:1 1 0; font-size:0.875em; min-width:55%; }
#filmseiteContent .inhalt a { color: var(--link-c1); }
#filmseiteContent .inhalt h3, #filmseiteContent .inhalt h2 { font-size: 1.250em; font-weight:bold; line-height:1.375em; }
#filmseiteContent .inhalt .txtbutton2 { background-color: var(--box-c3) !important; color: var(--box-c3-text); }
#filmseiteContent .inhalt .txtbutton2:hover { background-color: var(--box-c2) !important; }
#filmseiteContent .trailerBox { flex:1 1 0; min-width:55%; }
#filmseiteContent .trailerBox .trailer { background-color:#F2F2F2; padding:1em; }
#filmseiteContent .trailerBox .liste a { color: var(--text-c2); position:relative; }
#filmseiteContent .trailerBox .liste a:nth-of-type(odd) { background-color:#E6E6E6; display:block; padding:0.250em 1em; }
#filmseiteContent .trailerBox .liste a:nth-of-type(even) { background-color:#F2F2F2; display:block; padding:0.250em 1em; }
#filmseiteContent .trailerBox .liste a:hover { background-color: var(--main-c1); color:var(--main-c1-link); text-decoration: none; }
#filmseiteContent .trailerBox .liste a .desc { position:absolute; top:6px; font-size:0.875em; }
#filmseiteContent .trailerBox .liste a .datum { position:absolute; top:8px; right:1em; font-size:0.750em; }
#filmseiteContent .trailerBox .liste a.active { background-color: var(--main-c1); color:var(--main-c1-text); text-decoration: none; }
#filmseiteContent .trailerBox .play { margin-right:1em; display:inline-block; background-color: var(--main-c3); color:var(--main-c3-text); width:25px; height:25px; border-radius:50%; margin-top:1px; }
#filmseiteContent .trailerBox .playIcon { position:relative; left:9px; top:6px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:0; height:0; border-top:7px solid transparent; border-left:10px solid #FFF; border-bottom:7px solid transparent; color:#FFF; }
#filmseiteContent .trailerBox .btnAll { float:right; display:inline-block; background-color: var(--main-c3); color:var(--main-c3-text); padding:0.500em 1em; font-size:0.750em; text-align:center; text-transform: uppercase; font-weight:bold; }
#filmseiteContent .trailerBox .btnAll:hover { text-decoration: none; background-color: var(--main-c2); color:var(--main-c2-text); }
#filmseiteContent .galerie { flex:1 1 0; min-width:55%; }
@media screen and (max-width:767px) {
    #filmseiteContent .left { width:100%; max-width:100%; margin-bottom:2em; }
    #filmseiteContent .left img.poster { width:90%; margin:0.250em auto; }
    #filmseiteContent .left img.bewertung { margin:1em auto; width:70%; }
    #filmseiteContent .trailerBox .trailer { background-color:#FFF; padding:0; }
}

.fsInfoBox { background-color:#F2F2F2; margin-bottom:2em; line-height:1.375em; }
.fsInfoBox .inner { padding:1em; }
.fsInfoBox h3 { font-weight:bold; margin-bottom:1em; }
.fsInfoBox .cast { display:flex; flex-flow:row nowrap; font-size: 0.875em; }
.fsInfoBox .cast .left  { width:15%; font-weight:bold; }
.fsInfoBox .cast .left:after  { content:":"; }
.fsInfoBox .cast .left.nocontent:after  { content:" "; }
.fsInfoBox .cast .right { margin-left:1em; flex:1 1 0; }
.fsInfoBox .cast a { color: var(--link-c2); }
.fsInfoBox .cast .full { width:100%; }
.fsInfoBox .fsk { margin:1em 0 1em 0; }
.epiPadding { padding:1em;}
@media screen and (max-width:767px) {
    .fsInfoBox .cast .left  { width:20%; margin-right:1em;}
}

/*Galerien bei einem Film/Serie*/
#galerieBox { display:flex; flex-flow:row wrap; justify-content:center; background-color:#F2F2F2; padding:0.500em; margin-bottom:2em; align-items: center; }
#galerieBox.nowrap { flex-flow:row nowrap; }
#galerieBox a.thumb { min-width:15%; max-width: 200px; margin:0.500em; flex: 1 1 0; }
#galerieBox.nowrap a.thumb { min-width:5%; max-width: 200px; margin:0.500em; flex: 1 1 0; }
#galerieBox img.thumb { width:100%; display:block; max-height:135px; border-radius: 5%; }
#galerieBox a.gal_prev { max-width:25px; flex: 1 1 0; width:30px; margin:0.250em;  }
#galerieBox img.gal_prev { max-width:25px; display:block; }
@media screen and (max-width:767px) {
    #galerieBox a.thumb { min-width:23%; max-width: 200px; margin:0.500em; flex: 1 1 0; }
    #galerieBox.nowrap a.thumb:nth-of-type(3n) { display:none; }
}

/*Galerieseiten*/
#galVorschau { display:flex; flex-flow:row nowrap; justify-content:center; align-items: center; }
#galVorschau .prevPic { max-width:10%; flex:1 1 0; margin-right:2em; }
#galVorschau .mainPic { max-width:70%; flex:1 1 auto; text-align:center; }
#galVorschau .prevPic img, #galVorschau .nextPic img { border-radius: 5%; }
#galVorschau .mainPic.zoom { max-width:100% }
#galVorschau .mainPic img { width:100%; border-radius: 2%; }
#galVorschau .mainPic .copyright { margin-top:0.250em; line-height:1.375em; font-size:0.750em; }
#galVorschau .nextPic { max-width:10%; flex:1 1 0; margin-left:2em; }

@media screen and (max-width:767px) {
    #galVorschau .mainPic { max-width:95%; flex:1 1 auto; text-align:center; }
}    

/*Kritikarchiv*/
.kritikArchiv { margin-bottom:1em; padding:1em; }
.kritikArchiv:nth-child(odd) { background-color:#F2F2F2; }
.kritikArchiv .box { display:flex; flex-flow:row no-wrap; }
.kritikArchiv .box .left { min-width:80px; max-width:15%; margin-right:1em; }
.kritikArchiv .box .left img.poster { width:100%; }
.kritikArchiv .box .left img.posterSerie { width:100%; margin-top:1em;}
.kritikArchiv .box .left img.bewertung { margin-top:0.500em; }
.kritikArchiv h3 { margin-bottom:0.250em; font-size:1.125em; font-weight:bold; line-height:1.375em; }
.kritikArchiv h4 { margin-bottom:0.750em; font-size:0.875em; }
.kritikArchiv .kommentar { font-size:0.875em; margin-bottom:0.375em; line-height:1.375em; }
.kritikArchiv .teaser { font-size:0.938em; line-height:1.375em; margin-bottom:1.500em; }
.kritikArchiv .kommentar a { color: var(--link-c2); font-weight:bold; }

.galeriethumbs { margin:2em 0; display:flex; flex-flow:row wrap; background-color:#F2F2F2; padding:0.500em; }
.galeriethumbs a { min-width:150px; margin:0.500em; flex: 1 1 auto; display: flex; align-items: center; justify-content: center; }
.galeriethumbs a img { width:100%; max-width:185px; max-height: 135px; }
.galeriethumbs a.big { width:100%; }
.galeriethumbs a.big img { width:100% !important; max-width:100%; max-height:100%; }
@media screen and (max-width:767px) {    
    .galeriethumbs a { min-width:135px; }
    .galeriethumbs a img { max-width:135px; max-height: 95px; }
    .galeriethumbs a.big { max-width:100%; }
}

.mehrlinks { background-color:#F2F2F2; padding:0.500em; }
.mehrlinks .content { background-color:#FFF; margin:0.250em; padding:0.500em 0.500em; display:flex; flex-flow:row nowrap; }
.mehrlinks .content .head { color: var(--text-c2); font-size:0.875em; font-weight:bold; margin-bottom:0.125em; }
.mehrlinks .content .titel { font-weight:bold; font-size:1em; line-height:1.250em; margin-bottom:0.375em; }
.mehrlinks .content .titel a { color: var(--link-c1); }
.mehrlinks .content .info { font-size:0.750em; }
.mehrlinks .content img { margin-right:0.500em; width:80px; height:80px; max-height:80px; max-width:80px; }
.mehrlinks .content .description { margin-left:0.500em; }
@media screen and (max-width:767px) {
    .mehrlinks .content img { margin-right:0; width:50px; height:50px; max-height:50px; max-width:50px; }
}

/*Boxen rechts*/
.box-rechts { background-color:#F2F2F2; margin-bottom:2em; }
.box-rechts .inner { padding:1em; }
.box-rechts .inner a:hover { text-decoration: none; }
.box-rechts .inner:hover img { opacity:0.8;}
.box-rechts .inner img { display:block; }
.box-rechts .inner.nopadtb { padding-top:0; padding-bottom:0.500em; }
.box-rechts .inner img.big { width:100%; }
.box-rechts img.gewinnspiel { width:100%; margin-bottom:0.750em; display:block; }

.specials_r img { width:100%; margin-bottom:1em; }
.gw_r img { margin-bottom:0.250em; }

.ama_r a.titel { font-size:0.913em; }
.ama_r .pic { float:left; width:25%; margin: 5px 3% 12px 0; }
.ama_r .pic img { width:100%; }
.ama_r .info { float:left; font-size:0.938em; line-height:1.250em; width: 70%; margin-bottom:0.750em; }
.ama_r .preis { font-size:0.813em; margin-top:5px;}
.ama_r .order { margin: 5px 0 12px 0; font-size:0.875em; font-weight:bold; }
.ama_r .order a { color: var(--text-c1); }
.streamInfo { background-color:var(--box-c1); color:var(--box-c1-text); padding: 1em; font-size:0.875em; line-height:1.500em; }
.streamInfo a { color: var(--box-c1-link); }
.relativeBox { position: relative; }
.triangle { position:absolute; right:0; bottom:0; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; }
.triangle.c1 { border-color: transparent transparent var(--main-c1) transparent; }
.triangle.c2 { border-color: transparent transparent var(--main-c3) transparent; }

.artikelliste { padding:1em 0; margin:0 0.500em; }
.artikelliste.bot { padding:4px 0; }
.artikelliste .artikelbox { display:flex; flex-flow:row nowrap; background-color:#FFF; margin:4px 0; padding:0 0 4px 0; }
.artikelliste .artikelbox.betont { background-color:#F0F0F0; }
.artikelliste .artikelbox img { max-width:65px; margin:0.3em 0 0 0.3em; border:none; display:block; }
.artikelliste .artikelbox .content { line-height:1.125em; margin-left:0.825em; padding-right:0.313em; }
.artikelliste .artikelbox .content .head { color: var(--text-c2); font-size:0.625em; font-weight:bold; }
.artikelliste .artikelbox .content .titel { font-weight:bold; font-size:0.813em; }
.artikelliste .artikelbox .content .info { font-size:0.750em; margin-top:1em; }
.artikelliste .artikelbox.kritik .content { padding-top:0.750em; }
.artikelliste .artikelbox.kritik .head { font-size:0.750em; }
.artikelliste .artikelbox.kritik .titel { font-size:1em; }
.artikelliste .artikelbox.kritik .info { font-size:0.750em; }
.artikelliste .artikelbox.bot .content { padding-top:0.250em; }
.artikelliste .artikelbox.bot .head { font-size:0.750em; }
.artikelliste .artikelbox.bot .titel { font-size:1em; }
.artikelliste .artikelbox.bot .info { font-size:0.750em; margin-top:0.500em; }
.artikelliste .artikelbox.topliste .content { padding-top:0.375em; }
.artikelliste .artikelbox.topliste .head { font-size:0.750em; }
.artikelliste .artikelbox.topliste .titel { font-size:0.938em; }
.artikelliste .artikelbox.topliste .info { font-size:0.750em; }
.artikelliste .mehr { margin:2em 0 1em 0; }
@media screen and (max-width:767px) {
    .artikelliste .artikelbox.kritik .content { padding-top:0.500em; }
    .artikelliste .artikelbox.kritik .head, .artikelliste .artikelbox.kritik .info { font-size:0.875em; }
}

#artikellisteBig img { width: 100%; display:block; }
#artikellisteBig .topnews { margin:2em 0; }
#artikellisteBig .short { font-size:0.875em; font-weight:bold; color: var(--text-c1); margin-bottom:0.250em; }
#artikellisteBig .titel { font-size:1.125em; font-weight:bold; margin-bottom:0.375em; line-height:1.250em; }
#artikellisteBig .vorschau { font-size:0.875em; line-height:1.375em; padding:0.625em 0.875em; background-color: var(--main-c2); color:var(--main-c2-text); }

/*Film/Serie Topheader*/
#fsHead a { color:var(--fshead-c1-text); font-weight:bold; }
#fsHead h4.topHead { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
#fsHead h4.topHead { font-size:1.125em; background-color:var(--fshead-c1); color:var(--fshead-c1-text); padding:0.500em 0.688em 0.625em 0.688em; margin-bottom:2px; line-height:1.250em; }
#fsHead .subHead { display:flex; flex-flow:row nowrap; font-size: 0.875em; max-height:2.125em; }
#fsHead .subHead .headRubrik { background-color:var(--fshead-c2); color:var(--fshead-c2-text); margin-left:2px; flex:1 1 auto; text-align:center; padding:0.500em 0.688em; }
#fsHead .subHead .headRubrik:first-of-type { margin-left:0; }
#fsHead .subHead .headRubrik.left { text-align: left; flex:0 1 auto; }
#fsHead .subHead .headRubrik.rating { margin-right:2px; flex:0 1 auto; }
#fsHead .subHead .headRubrik.chosen, #fsHead .subHead a.headRubrik:hover { background-color:var(--fshead-c1); color:var(--fshead-c1-text); text-decoration: none; }
#fsHead .subHead .headRubrik .topflop { width:18px; height:18px; }

/*Filmbox*/
/*#filmlisting { display:flex; flex-flow:row wrap; }
#filmlisting .notiz { width:100%; }*/
.filmbox { display:flex; flex-flow:row nowrap; margin-bottom:1em; flex:1 1 0; }
.filmbox .b1 { text-transform:uppercase; text-align: center; }
.filmbox .b1 img { max-width:120px; min-width:120px; border:none; display:block; }
.filmbox .b1 img:hover { max-width:200px; }
.filmbox .b1 .text { font-size:0.750em; font-weight:600; padding-top: 5px; background-color: var(--main-c2); color:var(--main-c2-text); }
.filmbox .b1 .datum { font-size:0.625em; padding: 1px 0 5px 0; background-color: var(--main-c2); color:var(--main-c2-text); }
.filmbox .b1 .pos { font-size:1.125em; font-weight:bold; padding: 0.313em 0 0.500em 0; color:#FFF; background-color: var(--main-c2); color:var(--main-c2-text); }
.filmbox .b2 { background-color: #F2F2F2; padding:0.500em 0.825em 0 0.825em; line-height:1.375em; flex: 1 1 auto; }
.filmbox .b2 .film { font-size:1.125em; font-weight:700; margin-bottom:0.750em; }
.filmbox .b2 .text { font-size:0.875em; }
.filmbox .b2 .text a { color:var(--link-c2); }
.filmbox .b2 .bewertung { margin: 0.500em 0 0 0; font-size:0.875em; }
.filmbox .b2 .film-icons { margin:1em 0 0 0; }
.filmbox .b2 .boxoffice { background-color:#FFF; text-align:center; padding:0.500em 0; margin:2em 0 0.250em; }
.filmbox .b2 .boxoffice .bo1 { font-size:1.125em; margin-bottom:0.250em; font-weight:bold; }
.filmbox .b2 .boxoffice .bo2 { font-size:0.875em; }
.filmbox .b2 .topliste { font-size:0.813em; margin:1em 0; padding:1em; background-color:#FFF; }

/*Personbox*/
.personbox { display:flex; flex-flow:row nowrap; margin-bottom:1em; }
.personbox .b1 { background-color: #F2F2F2; }
.personbox .b1 img { max-width:120px; }
.personbox .b1 img:hover { max-width:200px; }
.personbox .b2 { background-color: #F2F2F2; padding:0.500em 0.825em 0 0.825em; line-height:1.375em; flex: 1 1 auto; }
.personbox .b2 .name { font-size:1.125em; font-weight:700; margin-bottom:0.625em; }
.personbox .b2 .text { font-size:0.875em; }
.personbox .b2 .text a { color:var(--text-c2); }

#personDetail { display:flex; flex-flow:row nowrap; margin-bottom:2em; justify-content: center; }
#personDetail .b1 { max-width:250px; min-width:25%; }
#personDetail .b1 img { width:100%; display:block; }
#personDetail .b1 .copyright { font-size:0.750em; margin-top:0.500em; text-align:center; width:100%; }
#personDetail .b2 { margin-left:1em; flex:1 1 auto; width:100%; }
#personDetail .b2 .beschreibung { margin-top:-1.125em; }
@media screen and (max-width:767px) {
    #personDetail { flex-flow:row wrap; }
    #personDetail .b1 { max-width:250px; min-width:25%; margin-bottom:2em; }
    #personDetail .b2 { margin:0; }
}
    
.userPromotionFlex { display:flex; flex-flow:row nowrap; }
.userPromotion.flex { margin-right:1em; }
.userPromotion.flex:last-of-type { margin-right:0; }
.userPromotion { background-color:var(--box-c1); padding:1em 1em 2em 1em; color:var(--box-c1-text); position:relative; margin-bottom:1em; }
.userPromotion a { color:var(--box-c1-text); }
.userPromotion .titel { margin-bottom: 1em; font-size:1.125em; font-weight:bold; line-height:1.250em; }
.userPromotion .text { font-size:1em; font-style:italic; line-height:1.375em; }
.userPromotion .datum { font-size:0.875em; line-height:1.375em; margin-top:1em; }
.userPromotion img.avatar { width:60px; height:60px; margin-top:1em; position:absolute; bottom:1em; right:1em; border:1px solid white; }
.userPromotion img.bewertung { max-width: 150px; margin-top:2em; background-color:#F2F2F2; padding:4px; border-radius:4px; }
@media screen and (max-width:767px) {
    .userPromotionFlex { flex-flow:row wrap; }
    .userPromotion.flex { width:100%; margin-right:0; }
}

/*Quizbox*/
#quizListe { display:flex; flex-flow:row wrap; }
.quizbox { display:flex; flex-flow:row nowrap; margin-bottom:1em; flex:1 1 0; min-width:48%; margin-right:1em; }
.quizbox:nth-of-type(even) { margin-right:0; }
.quizbox .b1 { background-color: #F2F2F2; text-transform:uppercase; color:#FFF; text-align: center; }
.quizbox .b1 img { max-width:100px; width:100px; height:142px; border:none; display:block; }
.quizbox .b2 { background-color: #F2F2F2; padding:0.500em 0.825em; line-height:1.375em; flex: 1 1 auto; }
.quizbox .b2 .titel { font-size:1.125em; font-weight:700; margin-bottom:0.250em; }
.quizbox .b2 .teaser { font-size:0.813em; }

#quiz h3, #quiz h3.small { line-height:1.375em; font-size:1.125em; font-weight:bold; margin-top:-0.250em; margin-bottom:1em; }
#quiz h3.small { font-size:1em; }
#quiz { display:flex; flex-flow:row nowrap; margin-bottom:2em; } 
#quiz .poster { min-width:80px; max-width:140px; margin-right:2em; }
#quiz .poster img { width:100%; }
#quiz .qbox { flex:1 1 auto; }

@media screen and (max-width:767px) {
    .quizbox { margin-right:0; flex:1 1 0; min-width:100%; width:100%; }
    #quiz { flex-flow:row wrap; } 
    #quiz .poster { min-width:70%; margin:0 auto 2em auto; max-width:70%; }
    #quiz .poster img { width:100%; }
}

/*Ratecontainer*/
#rateArea { margin:2em 0; display:flex; flex-flow:row wrap; }
.rateContainer { margin:0 1em 1em 0; background-color:#F2F2F2; padding:0.500em; min-width:325px; max-width:47.5%; flex:1 1 0; display:flex; flex-flow:row nowrap;} 
.rateContainer:nth-child(even) { margin-right:0; }
.rateContainer .b1 { max-width:95px; margin-right:0.750em; }
.rateContainer .b2 .top { margin-bottom:1.250em; display:flex; flex-flow:row nowrap; line-height:1.250em; }
.rateContainer .b2 .top img.avatar { width:60px; height:60px; margin-right:1em; }
.rateContainer .b2 .top .info { flex:1 1 0; }
.rateContainer .b2 .top .info a { color:var(--text-c2); }
.rateContainer .b2 .top .user { margin-bottom:0.500em; margin-top:-0.125em; }
.rateContainer .b2 .bottom img.rateBewertung { max-width:150px; }
@media screen and (max-width:767px) {
    .rateContainer { margin:0 0 1em 0; width:100%; max-width:100%; } 
}

/*Forum*/
#forum { line-height:1.125em; }
#forum .forenblock { margin: 2em 0 0 0; }
#forum .forenblock .kategorie { margin-top:1em; margin-bottom:0.5em; }
#forum .forenblock .kategorie a { font-size: 1.125em; color: var(--text-c1); font-weight:bold;}
#forum .forenblock .meta { margin-bottom:0.5em; }
#forum .forenblock .lastlink a { font-size: 0.875em; color: var(--text-c2); }
#forum .forenblock .list { display:flex; flex-flow:row nowrap; justify-content: top; width:100%; margin-bottom:1em; }
#forum .forenblock .list:nth-child(even) {background: #F2F2F2; }
#forum .forenblock .list a { font-weight: bold; }
#forum .forenblock .list a:hover { color:var(--text-c2); }
#forum .forenblock .list .shortlinks { font-size: 0.813em; margin: 1em 0 0 0; }
#forum .forenblock .list .shortlinks a { font-weight: none; margin: 0 0.250em 0 0; padding: 5px; background-color: #363636; color: #fff; }
#forum .forenblock .list .shortlinks a:hover { opacity:0.8; text-decoration:none; }
#forum .forenblock .list .meta { font-size: 0.813em;  margin: 0.250em 0 0 0; }
#forum .forenblock .list .thread { font-size:1.125em; margin-bottom:0.250em; }
#forum .forenblock .list .block1 img { width: 100px; min-width:75px; align-self:center; }
#forum .forenblock .list .block2 { flex: 1 1 auto; line-height:1.250em; margin: 0.375em 1em 0.375em 1em;}
#forum .forenblock .list .block3 { line-height:1.250em; margin: 0.250em 1em 0 0; }

/*Oscars*/
.oscarMain { margin-bottom:2em; }
.oscarMain .oscarBox { display:flex; flex-flow:row nowrap;  padding: 0.375em; font-size: 0.938em; }
.oscarMain .oscarBox .oscar { width:20px; margin:0.625em 0.250em 0 0.250em;  }
.oscarMain .oscarBox .image { max-width:60px; width:100%; margin-right:1em;  }
.oscarMain .oscarBox .image img { width:100%; }
.oscarMain .oscarBox .info { margin-right:1em; width:40%; line-height:1.125em; padding-top:10px; }
.oscarMain .oscarBox .info a { font-weight:bold; color:var(--text-c2); }
.oscarMain .oscarBox .info2 { margin-right:1em; width:70%; line-height:1.125em; }
.oscarMain .oscarBox .info2 .subinfo { font-size: 0.875em; }
.oscarMain .oscarBox .info2 a { font-weight:bold; color:var(--text-c2); }
.oscarMain .oscarBox .awards { padding-top:10px; }
.oscarMain .oscarBox:nth-child(odd) { background-color: #EEE; }

/*Toplisten*/
.tbox { display:flex; flex-flow:row nowrap; margin-bottom:1em; width:100%; }
.tbox .b1 { background-color: var(--main-c3); color:var(--main-c3-text); text-transform:uppercase; text-align: center; width:90px; flex: 0 1 auto; }
.tbox .b1 img { min-width:90px; }
.tbox .b1 .kategorie { font-size:0.750em; font-weight:600; padding-top: 5px; }
.tbox .b1 .kommentar { font-size:0.625em; padding: 1px 0 5px 0; }
.tbox .b2 { background-color: #F2F2F2; padding:0.500em 0.825em; line-height:1.375em; flex: 1 1 auto; }
.tbox .b2 .titel { font-size:1.125em; font-weight:700; margin-bottom:0.5em; }
.tbox .b2 .teaser { font-size:0.875em; }
.tbox .b2 .teaser a { color:var(--text-c2); }

/*Toplistedit*/
.topTitel { font-size:1em; font-weight:bold; } 
.topOrder { font-size:1em; margin:0.500em 0; }
.topInhalt { height:200px;}
.topSearch { padding:0.500em 0.750em; font-size:1.125em; flex:1 1 auto; }

/*Filmbox*/
/*#filmlisting { display:flex; flex-flow:row wrap; }
#filmlisting .notiz { width:100%; }*/
.topbox { display:flex; flex-flow:row nowrap; margin-bottom:1em; flex:1 1 0; }
.topbox .b1 { background-color: var(--main-c2); color:var(--main-c2-text); text-transform:uppercase; text-align: center; }
.topbox .b1 img { max-width:100px; min-width:100px; }
.topbox .b2 { background-color: #F2F2F2; padding:0.500em 1.250em 0 0.825em; line-height:1.375em; flex: 1 1 auto; display:flex; flex-flow:column wrap;  }
.topbox .b2 .film { font-size:1.125em; font-weight:700; margin-bottom:0.750em; flex:1 1 auto; }
.topbox .txtfield {  margin-bottom:1em; flex:1 1 auto; padding:1em; height:100px; max-height:100px; }
.topbox .select { font-size:0.875em; margin: 1em 0; }
.topbox .delete { margin-bottom:1em; font-size:0.875em; font-weight:bold; }

/*Userbox*/
.userBox_r { background-color:var(--box-c1); color:var(--box-c1-text); margin-bottom:2em; padding:1em; }
.userBox_r img.avatar { width: 70px; border:1px solid white; }
.userBox_r .avatarLink { position:relative; overflow:hidden; float:right; }
.userBox_r .avatarLink .banderole { z-index:99; position: absolute; top: 7%; right: 0.1em; z-index: 10; display: inline-block; font-size: 0.688em; width: 10em; text-align: center; color: white; transform: rotate(-45deg); background: var(--main-c2); padding:1px 0; }
.userBox_r .avatarLink:hover .banderole { opacity:0.8; }
@media screen and (max-width:767px) {
    .userBox_r .avatarLink .banderole { display:none; }
}
.userBox_r .userInfo a.name { color:var(--box-c1-text); font-weight:600; }
.userBox_r .userInfo .titel { font-size:0.875em; font-weight:600; margin-bottom:0.750em; margin-top:0.250em; }
.userBox_r .userInfo .txt { line-height:1.125em; margin:0.500em 0; font-size:0.875em; }
.userBox_r .user_mehr { margin-top:2em; font-size:0.875em; }
.userBox_r .user_mehr .kategorie { font-weight:600; font-weight:bold; }
.userBox_r ul { margin:1em 0 2em 0; list-style-type: square; }
.userBox_r li { color: var(--box-c3); line-height:1.375em; list-style-position:outside; margin-left:1em; margin-top:0.250em; }
.userBox_r li > b { color:var(--box-c1-text); font-weight:normal; }
.userBox_r ul a { color:var(--box-c1-text); }
.userBox_r .txtbutton, .userBox_r .txtbutton2 { background-color: var(--box-c3) !important; color: var(--box-c3-text); }
.userBox_r .txtbutton:hover, .userBox_r .txtbutton2:hover { background-color: var(--box-c2) !important; color: var(--box-c2-text); }
@media screen and (max-width:767px) {
    .userBox_r .user_mehr { font-size:1em; }
}
    
#userBoxRating { background-color:var(--box-c1); color:var(--box-c1-text); text-transform: uppercase; font-weight:bold; font-size:0.875em; }
#userBoxRating .inner { padding:0.875em; }
#userBoxRating .top { display:flex; flex-flow:row nowrap; line-height:0.750em; }
#userBoxRating .top img.avatar { margin-right:5%; margin-bottom:1em; width:73px; height:73px; border:1px solid white; }
#userBoxRating .top .merken { margin-bottom:1em; }
#userBoxRating .top .merken .rating { margin-top:0.625em; }
#userBoxRating .top .merken .rating img { width:17px; margin-right:0.125em; }
#userBoxRating .top .merken a.watchlist { color:var(--box-c1-text); font-size:1.125em; display:block; margin:0.500em 0 0.875em 0; display:inline-block; }
#userBoxRating .top .merken .watchlistIcon { position:relative; display:inline-block; margin-right:0.375em; width: 0; height: 0; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent var(--box-c1-text); }
#userBoxRating .top .social { margin-top:0.750em; }
#userBoxRating .bottom { display:flex; flex-flow:row wrap; line-height:2em; }
#userBoxRating .bottom .bewertung { flex:1 1 auto; text-align:center; }
#userBoxRating a.diary { background-color:var(--box-c2); color:var(--box-c2-text); text-align: center; padding:0.500em 0; display:block; }
#userBoxRating a.diary:hover { text-decoration:none; transition: .3s opacity; opacity:0.9; }

#bewertungBox { position:relative; background-image:url(../bilder/kritik_bg.jpg); color:#FFF; padding:2em; margin-bottom:2em; margin-top:0em; }
#bewertungBox .teaser { font-size:2em; margin: 0 0 1em 0; margin-right:2em; line-height: 2em;}
#bewertungBox .info { font-size:1.500em; margin: 0.750em 0 0.250em 0; line-height: 1.750em; }
#bewertungBox .uebersicht { font-size:1.250em; margin: 0.500em 0 0.250em 0; line-height: 1.750em; font-weight:bold; }
#bewertungBox img.close { width:50px; height:50px; margin:2em 0 0 0; position:absolute; top:0; right:2em; }
#bewertungBox a { color:#FFF; }

#tagebuchBox { width:100%; margin:2em 0; }
#tagebuchBox.diaryHide { display:none; }
#tagebuchBox .inner { background-size: 143%; background-image:url(../bilder/kritik_bg.jpg); width:94%; color:white; padding:2% 3% 3% 3%; }
#tagebuchBox .teaser { font-size:1.750em; margin: 0; margin-right:2em; line-height: 1.750em;}
#tagebuchBox .info { font-size:1.250em; margin: 0 0 0.250em 0; line-height: 1.750em; }
#tagebuchBox .diaryDate { width:125px; text-align:center; background-color:#F2F2F2; font-size:0.913em; padding:0.250em; }
#tagebuchBox .diaryTitel { width:200px; background-color:#F2F2F2; font-size:0.913em; padding:0.250em; }
#tagebuchBox .diaryNotiz { width:80%; margin:0.750em 0; display:block; background-color:#F2F2F2; }
#tagebuchBox img.close { display:none; }
@media screen and (max-width:767px) {
    #tagebuchBox .diaryTitel { margin-bottom:0.500em; }
    #tagebuchBox .teaser { 1.500em; line-height: 1.500em; margin-bottom:1em; }
    #tagebuchBox img.close { width:50px; height:50px; margin:2em 0 0 0; position:absolute; bottom:2em; right:2em; display:inline; }
    #tagebuchBox { position:absolute; top:210px; left:0; width:98%; padding:0 1%; z-index:99; }
    #tagebuchBox .inner { width:92%; padding:1em 4% 2em 4%; border-bottom:8px solid white; border-top: 8px solid white;}
    #tagebuchBox .info { margin-bottom:1em; }
    #tagebuchBox .diaryNotiz { width:100%; }
}

.tagebuchWrap { width:100%; border-bottom:1px solid #F2F2F2; padding:0.500em 0; }
.tagebuchWrap:nth-of-type(2n) { background-color:#F2F2F2; }
.tagebuchWrap .notiz { font-size:0.813em; color:#000; padding: 0 1em; margin:0.500em 0;}
.tagebuchEintrag { display:flex; flex-flow:row nowrap; padding:0.500em 0 0 0; align-items: center; }
.tagebuchEintrag:nth-of-type(2n) { background-color:#F2F2F2; }
.tagebuchEintrag .poster { width:50px; max-width:10%; margin-left:1em; }
.tagebuchEintrag .titel { margin-left:1em; line-height:1.250em; width:40%; flex:1 1 auto; }
.tagebuchEintrag .titel a { font-size:1em; font-weight:bold; }
.tagebuchEintrag .titel a:hover { color: var(--link-c1);}
.tagebuchEintrag .titel .diaryNotiz { font-size:0.813em; color:#000; margin-right:1em;}
.tagebuchEintrag .titel img.privat { width:10px; margin-top:5px; }
.tagebuchEintrag .rewatch { width:30px; margin-left:2em; margin-right:1em; text-align:center; }
.tagebuchEintrag .rewatch img.again { width:100%; }
.tagebuchEintrag .rewatch img.remind { width:20px; }
.tagebuchEintrag img.edit { width:20px; margin-left:1em; margin-right:1em; }
.tagebuchEintrag .datumTag { font-size:1em; font-weight:bold; background-color:var(--box-c1); color:var(--box-c1-text); padding:0.500em; border-radius:50%; margin-left:1em;  }
.tagebuchEintrag .calendar { border-radius:5px; overflow:hidden; border:1px solid #bdbdbd; width:60px; margin-left:0.500em; }
.tagebuchEintrag .calendar.dummy { padding-left:2px; border:none; }
.tagebuchEintrag .calendar .jahr { font-size:12px; text-align:center; font-weight:bold; background-color:var(--box-c1); color:var(--box-c1-text); padding:0.313em 0.750em 0.250em 0.750em; }
.tagebuchEintrag .calendar .monat { font-size:12px; text-align:center; font-weight:bold; padding:0.250em 0.250em 0.375em 0.250em; text-transform:uppercase; }
.tagebuchEintrag img.rating { margin-left:1em; width:100px; max-width:15%; }
.tagebuchEintrag img.avatar { width:50px; height:50px; margin-left:1em; border-radius:5px; }
.tagebuchEintrag img.details { width:20px; margin-left:1em; }
@media screen and (max-width:767px) {
    .tagebuchEintrag img.avatar { width:35px; height:35px; }
    .tagebuchEintrag .titel .mobDatum { font-size:0.750em; color:var(--text-c2); font-weight:bold; line-height:1em; }
    .tagebuchEintrag .titel a { font-size:0.938em; font-weight:bold; }
}

/*Empfehlungen*/
.empfspecials { display:flex; flex-flow:row nowrap; }
.empfspecials a { margin:1em 1em 0 0; }
.empfspecials img { flex:0 1 auto; }
.empfspecials a:last-child { margin-right:0; }             
@media screen and (max-width:767px) {
    .empfspecials { display:flex; flex-flow:column; }
    .empfspecials a { margin:1em 0 0 0; }
    .empfspecials img { width:100%; }
}

/* Filmsuchspiel */
#suchDenFilm {}
#suchDenFilm .flexField { display:flex; flex-flow:row nowrap; margin:0 auto; align-items: center; justify-content: center; }
#suchDenFilm .fieldElement { flex:1 0 0; border:1px solid black; margin:2px; padding:10px 0px; text-align:center; cursor: pointer; max-width:5%; }
@media screen and (max-width:767px) {
    #suchDenFilm .fieldElement { margin:0px !important; max-width:15%;}
}
#suchDenFilm .fieldElement.bgColor1 { background-color:#DDD; }
#suchDenFilm .fieldElement.bgColor2 { background-color:#CA0006 !important; color:#FFF; font-weight:bold; }
#suchDenFilm .fieldElement.bgColor3 { background-color:#17A017; color:#FFF; font-weight:bold; }
#suchDenFilm .suchwort { font-weight:bold; display:inline-block; background-color: var(--button-c1); color:var(--button-c1-text); padding:0.500em 1em; font-size:0.875em; text-align:center; text-transform: uppercase; margin-bottom:0.500em; }
#suchDenFilm .suchwortCheck { background-color: var(--button-c2); color:var(--button-c2-text); opacity:0.5; font-weight:normal; }

/* Wer bin ich? */
.whoAmITitel { font-size:1.375em; font-weight:bold; text-transform:uppercase; margin-top:1em; margin-bottom:1em; line-height:1.375em; }
.whoAmI .frage { font-size:1.250em; line-height:1.375em; font-weight:bold; }
.whoAmI .barOuter { border:1px solid #CCC; margin:1em 0; padding:0.313em; }
.whoAmI .barInner { background-color:#17A017; font-weight:bold; text-align:center; padding:0.313em 0; color:#FFF; }
.whoAmI .barInner.textBlack { color:#000; }
.whoAmI .checkBox { font-size:1.125em; margin:1em 0; font-weight:bold; }
.whoAmI img.who { width:49%; margin-right:2%; margin-bottom:1em; float:left; }
.whoAmI img.who:nth-child(odd) { margin-right:0%; }
.whoAmI img.who:hover { cursor: pointer; opacity:0.8; }
.whoAmI img.whoRadio { width:30%; margin-right:3%; margin-bottom:1em; float:left; }
.whoAmI .radioBreak { line-height:1.250em; float:left; width:63%; }
.whoAmI .radioBreak .radioLeft { width:10%; float:left; margin-bottom:0.750em; }
.whoAmI .radioBreak .radioRight { width:89%; float:left; margin-bottom:0.750em; }
.whoAmI .radioBreak .antwort { clear:both; }
.whoAmI .radioBreak .antwort:hover { cursor: pointer; }
.whoAmI .dubist  { margin-top:1em; font-weight:bold; }
.whoAmI .loesung { font-size:1.125em; padding:0.750em; background-color:#17A017; color:#FFF; margin:0.438em 0 1em 0; font-weight:bold; }
.whoAmI .beschreibung { padding:0.625em; background-color:#EEE; line-height:1.250em; margin-bottom:2em; }
.whoBox { display:flex; flex-flow:row wrap; }
.whoBox a.box2 { min-width:45%; flex:1 1 0; margin:0 1em 1em 0; }
.whoBox a.box2:nth-of-type(even) { margin-right:0em; }
@media screen and (max-width:767px) {
    .whoAmIPrev img.pic1, .whoAmIPrev img.pic2{ width:100%; margin:0; float:none; margin-bottom:2em; }
}

/*MovieMeter*/
#mmeter table.default { margin:0.500em 0 2em 0; }
#mmeter .platz { font-weight:bold; font-size:1.250em; }
#mmeter .change { font-color:#DDD; margin:0.125em 0; }
#mmeter .up { width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #A9CF38 transparent; }
#mmeter .down { width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #C92626 transparent transparent transparent; }
#mmeter img { max-width:60px; }
#mmeter .b1 { width:20px; }
#mmeter .b2 { width:60px; }
#mmeter .b4 a { font-weight:bold; }
#mmeter .mmTitle { font-weight:bold; }
#mmeter .mmMeta { margin-top:5px; font-size:0.9em; }
#mmeter .top25 { margin-bottom:0.125em; font-weight:bold; }

/*BOT-LIGA*/
#botliga table.default { margin:0.500em 0 2em 0; }
#botliga .platz { font-weight:bold; font-size:1.250em; }
#botliga .change { font-color:#DDD; margin:0.125em 0; }
#botliga .up { width: 0; height: 0; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #A9CF38 transparent; }
#botliga .down { width: 0; height: 0; border-style: solid; border-width: 10px 7.5px 0 7.5px; border-color: #C92626 transparent transparent transparent; }
#botliga .botTitle { font-weight:bold; }
#botliga .botMeta { margin-top:5px; font-size:0.9em; }
#botliga .botz { margin-bottom:0.125em; font-weight:bold; }
#botliga img.avatar { width:60px; height:60px; }
#botliga img.pokal { height:60px; }
#botliga tr.betont td { background-color:#F0F0F0 !important; }
#botliga .b1 { width:20px; }
#botliga .b2 { width:60px; }
#botliga .b4 { width:60px; }
.botSaison { display:flex; flex-flow:row nowrap; }
.botSaison a { flex: 1 1 auto; margin-right:0.500em; }
.botSaison a:last-child { margin-right:0; }
#botSlider .tipp { font-size:2em; font-weight:bold; line-height:2em; }
#botSlider .slider { text-align:center; padding:0.250em; margin-bottom:0.500em; font-size:3em; color:var(--text-c1); font-weight:bold; width:225px; border:1px solid var(--text-c1); }
.botAufgabe { font-size:1.125em; line-height:1.500em; }
.botDetails { font-size:1.063em; line-height:1.500em; }

/*Blogroll*/
#blogroll { margin:0 0 1.250em 0; background-color:#F1F1F1; }
#blogroll .bloghead { background-color:var(--main-c3); color:var(--main-c3-text); }
#blogroll .blogbox { padding:1em; font-size:0.875em; }
#blogroll .update { line-height:1.250em; margin:0 0 0.750em 0; }
#blogroll .update img { position:relative; top:1px; margin-right:0.375em; height:13px; }
#blogroll a { color: var(--text-c2); }
#blogroll .txtbutton { background-color: var(--box-c2) !important; color: var(--box-c2-text); }
#blogroll .txtbutton:hover { background-color: var(--box-c3) !important; color: var(--box-c3-text); }

/*Polls*/
#pollView { background-color:#F2F2F2; padding:1em; margin-bottom:2em; }
#pollView .pollFrage { font-size:1.125em; font-weight:bold; margin-bottom:1em; line-height:1.250em; }
#pollView .antworten { margin: 1.500em auto; width:70%; text-align:left; }
#pollView .poll_left { float:left; margin:0 6px 0.250em 0; width:10%; }
#pollView .poll_right { float:left; line-height:1.250em; width:80%; display:block; margin:0.125em 0 0.250em 0 ;}
#pollView .poll_result, .poll_archiv { text-align:center; margin-top:1em; font-size:0.8em; }
#pollView.pollCenter { text-align:center; }
#pollView.pollRechts { text-align:center; }
#pollView.pollRechts .antworten { width:95%; }
#pollView .poll_antwort { margin-bottom: 0.375em; font-weight: bold; margin-top:1.250em; }
#pollView .poll_hits { float:left; margin-right:1em; width:10%; }
#pollView .poll_box { float:left; background-color:#CCC; border:1px solid white; width:68%; }
#pollView .poll_layer { background-color:var(--main-c3); display:block; font-size:0.750em; }
#pollView .pollVisual { clear:both; margin-bottom:1.500em; font-size:0.938em; }
@media screen and (max-width:767px) {
    #pollView .antworten { width:90%; }
}

/*Kommentare*/
.kommentarBox { width:100%; margin:1em 0 2em 0; background-color:#F2F2F2; }
.kommentarBox.MJ { box-shadow: 5px 5px 10px #aaaaaa; border:1px solid #AAAAAA; }
.kommentarBox.nmt { margin-top:0; }
.kommentarBox.default { margin-left: 1%; margin-right:1%; width:98%;}
.kommentarBox.mjpat { box-shadow: 5px 5px 10px #aaaaaa; }

.kommentarBox .header { display:flex; flex-flow:row nowrap; }
.kommentarBox .header.profil { background-color: var(--user-c1); color:var(--user-c1-text); }
.kommentarBox .header .userprofil { position:relative; overflow:hidden; }
.kommentarBox .header img { float:left; width:100px; height:100px; min-width:100px; min-height:100px; display:block; }
.kommentarBox .header .banderole { z-index:99; position: absolute; top: 7%; right: 2.6em; z-index: 10; display: inline-block; font-size: 0.688em; width: 10em; text-align: center; color: white; transform: rotate(-45deg); background: var(--main-c2); padding:1px 0; }
.kommentarBox .header a:hover .banderole { opacity:0.8; }
@media screen and (max-width:767px) {
    .kommentarBox .header .banderole { top: 9%; right: 0.4em; }
}

.kommentarBox .header .details { position:relative; flex: 1 1 auto; overflow:hidden; }
.kommentarBox .header .details .top { padding:0.500em;  }
.kommentarBox .header .details .top a { font-weight:bold; color:#000; }
.kommentarBox .header .details .top .usertitel { font-weight:normal; }
.kommentarBox .header .details .top .info { color:#000; font-size:0.813em; margin-top:0.500em; padding-bottom:1em;}
.kommentarBox .header .details .top .profilinfo { color:var(--user-c1-text); font-size:0.813em; margin-top:0.500em; padding-bottom:1em;}
.kommentarBox .header .details .top .hut { position:absolute; display:inline-block; right:-25px; top:-10px; background-color: var(--user-c3); color:#FFF; width:90px; height:90px; border:3px solid var(--user-c3-text); border-radius:50%; background-image:url(../bilder/icons/hut_kommentar.png); background-repeat:no-repeat; background-position: 30% 47%; font-size:1em; line-height: 85px; text-align:center; }
.kommentarBox .header .details .top .hut .jonesi { margin-right:1em }
.kommentarBox .header .subheader { position:absolute; background-color: var(--main-c2); color:var(--main-c2-text); display:flex; flex-flow:row nowrap; font-size:0.750em; bottom:0; width:100%;}
.kommentarBox .header .subheader .kontakt { width:100px; min-width:100px; background-color: var(--user-c1); color:var(--user-c1-text); text-align:center; padding:0.375em 0; }
.kommentarBox .header .subheader .kontakt a { color:var(--user-c1-text); }
.kommentarBox .header .subheader .info { background-color: var(--user-c2); color:var(--user-c2-text); text-align:left; flex:1 1 auto;  padding:0.375em 1em; }
.kommentarBox .header .details .profilSub { position:absolute; background-color: var(--user-c2); color:var(--user-c2-text); display:flex; flex-flow:row nowrap; font-size:0.750em; bottom:0; width:100%;}
.kommentarBox .header .details .profilSub .box { flex:1 1 0; min-width:30%; text-align:center; padding:0.375em 0; border-right: 1px solid var(--user-c1); }
.kommentarBox .firstcomment { padding:1em 1em 0 1em; font-size:0.913em; }
.kommentarBox .profildata { display:flex; flex-flow:row nowrap; width:100%; font-size:0.750em; }
.kommentarBox .profildata .kontakt { min-width:100px; width:100px; padding:0.375em 0; background-color: var(--user-c1); color:var(--user-c1-text); text-align:center; }
.kommentarBox .profildata .kontakt a { color:var(--user-c3-text); }
.kommentarBox .profildata .box { flex:1 1 0; text-align:center; padding:0.375em 0; border-right: 1px solid var(--user-c1); background-color: var(--user-c2); color:var(--user-c2-text); border-top: 1px solid var(--user-c1);}
.kommentarBox .textblock { padding:1.500em 1.250em 1em 1.250em; font-size:0.875em; line-height:1.375em; overflow:hidden; }
.kommentarBox .textblock p { line-height:inherit; }
.kommentarBox .textblock .datum { margin-bottom:0.750em; }
.kommentarBox .textblock .beitrag img.bewertung { max-width:70%; margin:1em 0; display:block; height:auto; }
.kommentarBox .textblock .beitrag img.embed { max-width:95%; margin:2em 0; display:block; height:auto; }
.kommentarBox .textblock .beitrag a { color: var(--link-c2); }
.kommentarBox .textblock .beitrag .signatur { font-size:0.875em; line-height:1.500em; margin-top:2em; padding-top:0.750em; border-top:1px solid #888; }
.kommentarBox iframe, .kommentarBox embed { width:95%; max-width: 100% !important; margin:1em 0; height:auto; z-index:1; }
.kommentarBox h1.thema, .kommentarBox h1.themaFirst { margin-bottom: 0.750em; font-weight:bold; font-size:1.250em; line-height:1.250em; }
.kommentarBox ul { list-style-type: square; list-style-position: outside; margin-left:1em; }
.kommentarBox ol li, .kommentarBox ul li { padding-left:1em; margin-bottom:0.250em; }

@media screen and (max-width:767px) {
    .kommentarBox h1.thema { font-size:1em; }
    .kommentarBox .header img { width:75px; height:75px; min-width:75px; min-height:75px; display:block; }
    .kommentarBox .header .details { height:75px; overflow:hidden; }
    .kommentarBox .header .details .top { padding:0.500em; }
    .kommentarBox .header .details .top .info { margin-top:0.250em; }
    .kommentarBox .header .details .top .hut {  background-size: 45px 30px; right:-25px; top:-17px; width:80px; height:80px; background-position: 25% 47%; line-height: 75px; }
    .kommentarBox .profildata .kontakt { min-width:75px; width:75px; }
}

.imgupload { float:left; padding-top:3px; }
.spoiler { background-color: #999; color: #999; }
.spoiler:hover { background: none; color: #000; }
.loginBoxComment { background-color: var(--box-c1); color:var(--box-c1-text); padding:3em 2em; margin:1em 0; text-align:center; }
.loginBoxComment .inputLine { display:flex; flex-flow:row nowrap; justify-content:center; }
.loginBoxComment .inputBox { width:49%; display:flex; flex-flow:row nowrap; justify-content:center; }
.loginBoxComment .input { margin:0 1em 1em 1em; border:none; display:inline-block; background-color: #FFF; padding:1em 1em; border-radius:2em; font-size:0.875em; text-align:center; color:#555; text-transform: uppercase; font-weight:bold; flex:1 1 0; max-width:60%; }
.loginBoxComment .circle { margin-bottom:1em; border:5px solid var(--main-c3); display:inline-block; border-radius:50%; background-color:#FFF; padding:4px; height:30px; width:30px; min-width:30px; min-height:30px; }
.loginBoxComment a { color: var(--box-c1-link); } 
.loginBoxComment a.fb {display: flex; align-items: center; justify-content:center; color:#FFF !important; background-color: #3b5998 !important; width:50%; padding:0.750em 1em; }
.loginBoxComment img.fbimg { width:25px; margin:0 1em 0 0; } 
.loginBoxComment a:hover { opacity:0.8; } 
.loginBoxComment .submit { text-align:center; width:50%; margin:0 auto; margin-bottom:1em; }
@media screen and (max-width:767px) {
    .loginBoxComment .inputLine { display:flex; flex-flow:row wrap; justify-content:center; }
    .loginBoxComment .inputBox { width:100%; align-items: center; margin:0; }
    .loginBoxComment .submit { width: 100%; }
    .loginBoxComment .input { width:60%; max-width:60%; margin-right:0; flex:1 1 0; }
}

/* Footer */
#footer { color:var(--footer-c2-text); text-align:center; }
#footer a { color:var(--footer-c2-text); font-size:0.875em; line-height:1.75em; }
#footer .copyright { display:block; width:100%; margin:5px auto; font-size:0.875em; }
#footer .footerbg { background-color:var(--footer-c2); color:var(--footer-c2-text); padding:2.5em; }

.footerboxen { background-color:var(--footer-c1); color:var(--footer-c1-text); padding:2.5em 0; }
.footerboxen .fRubrik { width: 100%; margin: 0 auto 1.25em auto; overflow: hidden; text-align: left; color:var(--footer-c1-text); text-transform:uppercase; font-weight:bold; }
.footerboxen .fRubrik:after { content: "";  display: inline-block;  width: 90%;  margin: 0 .5em 0 -55%;  vertical-align:baseline;  border-bottom: 1px solid; }
.footerboxen .fRubrik:after { margin: 0 -55% 0 .5em; }
.footerboxen a { color:var(--footer-c1-text) !important; font-size:0.875em; }
.footerboxen a:hover { color:var(--footer-c1-text); }
.footerboxen .weiterfooter { margin-top:1.250em; text-transform: uppercase; font-weight:bold; }
.footerboxen ul { list-style-image: url(../bilder/icons/li_white.png) }
.footerboxen li { margin-left:1em; line-height:1.5em; padding-left:1em; }

.footersoc { margin:1.875em auto 0 auto; }
.footersoc a.icon { padding-left:3px; }
.footersoc a.icon:hover { opacity:0.8; }

/*Werbung Adcodes, Sonstiges*/
#amazondvd { display:flex; flex-flow:row nowrap; justify-content:center; }
#amazondvd a { max-height:130px; margin: 0 4% 0 0; flex:1 1 auto;}
#amazondvd a:last-child { margin:0; }
#amazondvd img { max-height:130px; width:100%; max-width:100px; }
#amazondvdNews { justify-content:center; padding:1.5em; border:1px solid var(--rubrik-c1); }
#amazondvdNews .recommendation { display:flex; flex-flow:row nowrap; justify-content:center; }
#amazondvdNews .recommendation a { max-height:130px; margin: 0 4% 0 0; flex:1 1 auto;}
#amazondvdNews .recommendation a:last-child { margin:0; }
#amazondvdNews .recommendation img { max-height:130px; width:100%; max-width:100px; }
#amazondvdNews .amazonIntro { font-weight:bold; font-size: 1.125em; padding:0 0 1em 0; text-align:center; text-transform:uppercase; }

/*Support MJ Patreon/Paypal */
.displaySupportGrid { display: flex; flex-flow:row nowrap; align-items: center; justify-content: center; }
.displaySupportGrid .desktopMargin { margin-right:1em; } 
@media screen and (max-width:767px) {   
    .displaySupportGrid { flex-flow:row wrap; }
    .displaySupportGrid .desktopMargin { margin-right:0em; margin-bottom:2em; } 
}

.vgwort img { display:none; }

/*Filme raten*/
.rateFilmBtn { display:inline-block; background-color: var(--button-c1); color:var(--button-c1-text); font-size:0.913em; margin-bottom:0.500em; }
.rateFilmBtn:hover { text-decoration: none; background-color: var(--button-c2); color:var(--button-c2-text); }
.rateFilmBtn .pad { padding:0.750em 0.750em; }
.rateFilmTxtInput { padding:1em; font-size:1.250em; font-weight:bold; text-align:center; }

/*Gewinnspiele*/
.gwbox { margin:1em 0 2em 0; background-color:#F2F2F2;}
.gwbox.nmt { margin-top:0; }
.gwboxtext { text-align:center; background-color:#F2F2F2; }
.gwboxtext .inner { padding:0.750em; }
.gwbox input.formbutton { font-size:1em; }

/*Swiper*/
.swiper-slide { position:relative; margin-top:2em; }
.swiper-slide .txt { position:absolute; top:40%; left:10%; color:#FFF; }
.swiper-slide .titel { font-weight:bold; font-size:2.250em; margin-bottom:0.500em; margin-right: 2em; }
.swiper-slide .subtitel { text-transform: uppercase; font-size:1.500em; margin-right: 2em; }
.swiper-slide img.overlay { position:absolute; top:0; left:0; }
@media screen and (max-width:767px) {    
    .swiper-slide { margin-top:0; margin-bottom:1em; }
    .swiper-slide .txt { top:35%; }
    .swiper-slide .titel { font-size:1.250em; line-height:1.125em; }
    .swiper-slide .subtitel { font-size:1em; }
}

/*****************/
/* RateIT-Skript */

.rateit { display: -moz-inline-box; display: inline-block; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; }
.rateit .rateit-range { position: relative; display: -moz-inline-box; display: inline-block; background: url(../bilder/rateit/star.gif); height: 16px; outline: none; }
.rateit .rateit-range * { display:block; }
* html .rateit, * html .rateit .rateit-range { display: inline; } /* for IE 6 */
* + html .rateit, * + html .rateit .rateit-range { display: inline; } /* for IE 7 */
.rateit .rateit-hover, .rateit .rateit-selected { position: absolute; left: 0px; }
.rateit .rateit-hover-rtl, .rateit .rateit-selected-rtl { left: auto; right: 0px; }
.rateit .rateit-hover { background: url(../bilder/rateit/star.gif) left -32px; }
.rateit .rateit-hover-rtl { background-position: right -32px; }
.rateit .rateit-selected { background: url(../bilder/rateit/star.gif) left -16px; }
.rateit .rateit-selected-rtl { background-position: right -16px; }
.rateit .rateit-preset { background: url(../bilder/rateit/star.gif) left -48px; }
.rateit .rateit-preset-rtl { background: url(../bilder/rateit/star.gif) left -48px; }
.rateit button.rateit-reset:hover, .rateit button.rateit-reset:focus { background-position: 0 -16px; }
.smallstars .rateit-range { background: url(../bilder/rateit/star-white18.png); height: 18px; }
.smallstars .rateit-hover { background: url(../bilder/rateit/star-gold18.png); }
.smallstars .rateit-selected { background: url(../bilder/rateit/star-gold18.png); }
.smallstars .rateit-reset { background: url(../bilder/rateit/star-black18.png); width: 18px; height: 18px; }
.smallstars .rateit-reset:hover { background: url(../bilder/rateit/star-white18.png); }
.medstars .rateit-range { background: url(../bilder/rateit/star-white20.png); height: 20px; }
.medstars .rateit-hover { background: url(../bilder/rateit/star-gold20.png); }
.medstars .rateit-selected { background: url(../bilder/rateit/star-gold20.png); }
.medstars .rateit-reset { background: url(../bilder/rateit/star-black20.png); width: 20px; height: 20px; }
.medstars .rateit-reset:hover { background: url(../bilder/rateit/star-white20.png); }
.bigstars .rateit-range { background: url(../bilder/rateit/star-white24.png); height: 24px; }
.bigstars .rateit-hover { background: url(../bilder/rateit/star-gold24.png); }
.bigstars .rateit-selected { background: url(../bilder/rateit/star-gold24.png); }
.bigstars .rateit-reset { background: url(../bilder/rateit/star-black24.png); width: 24px; height: 24px; }
.bigstars .rateit-reset:hover { background: url(../bilder/rateit/star-white24.png); }
.xlstars .rateit-range { background: url(../bilder/rateit/star-white32.png); height: 32px; }
.xlstars .rateit-hover { background: url(../bilder/rateit/star-gold32.png); }
.xlstars .rateit-selected { background: url(../bilder/rateit/star-gold32.png); }
.xlstars .rateit-reset { background: url(../bilder/rateit/star-black32.png); width: 32px; height: 32px; }
.xlstars .rateit-reset:hover { background: url(../bilder/rateit/star-white32.png); }

/***********/
/* MJ FONT */

@font-face { font-family: "mj-font"; src:url("fonts/mj-font.eot"); src:url("fonts/mj-font.eot?#iefix") format("embedded-opentype"), url("fonts/mj-font.woff") format("woff"),  url("fonts/mj-font.ttf") format("truetype"), url("fonts/mj-font.svg#mj-font") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: "mj-font" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^="icon-"]:before,
[class*=" icon-"]:before { font-family: "mj-font" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-shopping-cart:before { content: "N"; }
.icon-device-camera-video:before { content: "y"; }
.icon-book:before { content: "M"; }
.icon-device-camera:before { content: "G"; }

/*********/
/* Forms */
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form textarea { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pure-form select { padding: 0 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pure-form input:not([type]) { padding: 0.5em 0.6em; display: inline-block; border: 1px solid #ccc; box-shadow: inset 0 1px 3px #ddd; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pure-form input[type="color"] { padding: 0.2em 0.5em; }
.pure-form input[type="text"]:focus,
.pure-form input[type="password"]:focus,
.pure-form input[type="email"]:focus,
.pure-form input[type="url"]:focus,
.pure-form input[type="date"]:focus,
.pure-form input[type="month"]:focus,
.pure-form input[type="time"]:focus,
.pure-form input[type="datetime"]:focus,
.pure-form input[type="datetime-local"]:focus,
.pure-form input[type="week"]:focus,
.pure-form input[type="number"]:focus,
.pure-form input[type="search"]:focus,
.pure-form input[type="tel"]:focus,
.pure-form input[type="color"]:focus,
.pure-form select:focus,
.pure-form textarea:focus { outline: 0; border-color: #129FEA; }
.pure-form input:not([type]):focus { outline: 0; border-color: #129FEA; }
.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus { outline: thin solid #129FEA; outline: 1px auto #129FEA; }
.pure-form .pure-checkbox,
.pure-form .pure-radio { margin: 0.5em 0; display: block; }
.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; }
.pure-form input:not([type])[disabled] { cursor: not-allowed; background-color: #eaeded; color: #cad2d3; }
.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] { background-color: #eee;  color: #777; border-color: #ccc; }
.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid { color: #b94a48; border-color: #e9322d; }
.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus { outline-color: #e9322d; }
.pure-form select { height: 2.25em; border: 1px solid #ccc; background-color: white; }
.pure-form select[multiple] { height: auto; }
.pure-form label { margin: 0.500em 0 0.250em; font-size: 0.938em; }
.pure-form fieldset { margin: 0; padding: 0.375em 0 0.750em; border: 0; }
.pure-form legend { display: block; width: 100%; padding: 0.3em 0; margin-bottom: 0.3em; color: #333; border-bottom: 1px solid #e5e5e5; }
.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea { display: block; margin: 0.25em 0; }
.pure-form-stacked input:not([type]) { display: block; margin: 0.25em 0; }
.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-message-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.pure-form-aligned textarea { vertical-align: top; }
/* Aligned Forms */
.pure-form-aligned .pure-control-group { margin-bottom: 0.5em; }
.pure-form-aligned .pure-control-group label { text-align: right; display: inline-block; vertical-align: middle; width: 10em; margin: 0 1em 0 0; }
.pure-form-aligned .pure-controls { margin: 1.5em 0 0 11em; }
/* Grouped Inputs */
.pure-form .pure-group fieldset { margin-bottom: 10px; }
.pure-form .pure-group input,
.pure-form .pure-group textarea { display: block; padding: 10px; margin: 0 0 -1px; border-radius: 0; position: relative; top: -1px; }
.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus { z-index: 3; }
.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child { top: 1px; border-radius: 4px 4px 0 0; margin: 0; }
.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child { top: 1px; border-radius: 4px; margin: 0; }
.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child { top: -2px; border-radius: 0 0 4px 4px; margin: 0; }

/* Aenderungen fuer Parallax-Ad*/
img[src*="ATCollapse.gif"] { display:none !important;}
#parallaxMJR-sub-5 { position:relative; margin-bottom: 1em;}

/****************/
/* Media Queries*/
@media screen and (max-width:767px) {
    .grid-container { padding: 0; }
    .grid-100, .mobile-grid-100 { padding-left:0.500em; padding-right:0.500em; }
    #wrapper { margin:0; }
    #innerWrap { padding-top:2em; }
    .mob_np { padding-left:0; padding-right:0; }
    .mw100 { width:100%  !important; }
    .searchBox { max-width:80%; width:100%; }
}