@charset "utf-8";

/* ######################################################################### *
 * 1.) Normalize from http://necolas.github.io/normalize.css/                *
 * 2.) correct padding on all div-tags                                       *
 * ######################################################################### */
@import url('normalize.css');


/* Kevin Powell Tipps - https://www.youtube.com/watch?v=2lyDv0wOQuQ&list=PLZafb0Y4-EOKj-VZ4vfQuxxoszdPwfyoW */
/* makes sizing simpler */
/*
*,
*::before,
*::after {
  box-sizing: border-box;
}
*/
/* remove default spacing */
/* force styling of type through styling, rather than elements */
/*
* {
  margin: 0;
  padding: 0;
  font: inherit;
}
*/
/* dark mode user-agent-styles */
/*
html {
  color-scheme: dark light;
}
*/
/* min body height */
/*
body {
  min-height: 100vh;
}
*/
/* responsive images/videos */
/*
img,
picture,
svg,
video {
  display: block;
  max-width: 100%;
}
*/



/* colors
hsla(0,100%,30%,1.00); rot
hsla(0,0%,29%,1.00); dunkelgrau
hsla(0,0%,96%,1.00); hellgrau
hsla(120,76%,25%,1.00); gruen
hsla(0,0%,0%,1.00); schwarz
*/

:root {
  /*
  --ff: open_sansregular, Helvetica, Arial, sans-serif;
  --ff-hl: open_sansbold;
  */
  --ff: system-ui, sans-serif;

  --fw-400: 400;
  --fw-700: 700;
  --fw-900: 900;

  --fs-400: 1rem;
  --fs-600: 2rem;

  --clr: #000;
  --clr-primary: #990000;
  --clr-bg-light: #fff;
  --clr-bg-dark: #333;
  --clr-brd: #ccc;
}

@media (min-width: 40em) {
  :root {
    --fs-400: 1.125rem;
    --fs-600: 3rem;
  }
}

html, 
.html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 80%;
}

*, *:before, *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body, 
.body {
    color: var(--clr);
    line-height: 1.45;
    background-color: var(--clr-bg-dark);
    font-family: var(--ff);
    padding: 0;
    text-align: center;
}

b, strong, mark {
    font-weight: var(--fw-700);
}

i, 
.italic {
    font-style: italic;
}

input, textarea {
    line-height: 1.45;
}

/* DEPRECATED */
h1, h2, h3, h4, h5, h6 {
    font-weight: var(--fw-900);
}

/* Blocks */
.section {
  margin-top: 2em;
}

.aside, 
.card, 
.search, 
.item, 
.cover {

}

/* Wrapper und Seitenlayouts, main, aside, article, section */
.wrapper, 
.wrapper__content, 
.body__wrapper {
    position: relative;
    width: 1002px;
    margin: 0 auto;
    padding-bottom: 15em;
    min-height: 100vh;
    background-color: #fff;
    text-align: center;
}

.wrapper__content--private, 
.body__wrapper--private {
    padding-top: 2em;
}

.content__main, 
.main {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}



.main__aside {
    padding: 0.5rem;
}
.main__aside--slim {
    flex: 0 1 16%;
    min-width: 16%;
    max-width: 16%;
}
.main__aside--medium {
    flex: 0 1 25%;
    min-width: 25%;
    max-width: 25%;
}
.main__aside--wide {
    flex: 0 1 30%;
    min-width: 30%;
    max-width: 30%;
}



.aside__section {
    text-align: left;
    margin-top: 1rem;
    border: 1px solid var(--clr-brd);
}

.section__shopping, 
.section__menu {
    padding: 0.5rem;
    border: 1px solid hsla(0,0%,80%,1.00);
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}

.section__cover {
    
}

.sideboxes {
    margin: 0 0 1em 0;
    padding: 0.4em;
    border: 1px solid hsla(0,0%,79%,1.00);
}

.sideboxes h4 {
    background-color: #e5e5e5;
    font-weight: var(--fw-900);
    color: #000;
    text-align: center;
    padding: 0.2em;
    font-size: 1.2em;
    font-variant: small-caps;
    margin: 0;
}

.sideboxes h5, 
.aside__shopping--title, 
.section__shopping--title {
    color: #000;
    font-weight: var(--fw-900);
    text-align: center;
    font-size: 1em;
    margin: 0.2em 0;
}

.editMenu__uList, 
.editMenu__oList, 
.publicMenu__uList, 
.publicMenu__oList, 
.privateSection__uList, 
.publicSection__uList, 
.privateSection__oList, 
.publicSection__oList, 
.sideboxes ul, 
.aside__shopping--ulist, 
.section__shopping--ulist, 
.section__menu--ulist {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

.sideboxes ul > li, 
.aside__shopping--uitem, 
.section__shopping--uitem {
    text-align: center;
    margin: 0.8em 0;
}

.sideboxes ul > li a, 
.aside__shopping--ulink, 
.section__shopping--ulink, 
.section__shopping--dlink {
    color: #990000;
    text-decoration: none;
}

.sideboxes ul > li a:hover, 
.aside__shopping--ulink:hover, 
.section__shopping--ulink:hover, 
.section__shopping--dlink:hover {
    text-decoration: underline;
}

/*.publicMenu__descList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.publicMenu__defItem {
    width: 25%;
    text-align: right;
}
.publicMenu__descItem {
    width: calc(100% - 30%);
    margin-left: 3%;
}*/

.editMenu__desc, 
.publicMenu__desc {
    color: hsla(120, 76%, 25%, 1.00);
    font-style: italic;
}
.editMenu__descLink {
    color: hsla(0, 100%, 30%, 1.00);
    font-weight: var(--fw-700);
}
/* .editMenu__form {
    margin-bottom: 1vh;
}
.editMenu__formLabel {}
.editMenu__formInput {}
.editMenu__formSubmitButton {} */
.editMenu__uItem, 
.editMenu__oItem, 
.publicMenu__uItem, 
.publicMenu__oItem, 
.section__menu--uitem {
    margin: 0;
}
.editMenu__Link, 
.publicMenu__Link {
    display: block;
    color: hsla(0, 100%, 30%, 1.00);
    background-color: hsla(0, 0%, 0%, 0.20);
    font-weight: var(--fw-700);
    padding: 0.4em;
    margin-top: 0.4em;
}
.section__menu--btn {
    display: block;
    color: hsla(0, 100%, 30%, 1.00);
    background-color: hsla(0, 0%, 0%, 0.20);
    font-weight: var(--fw-700);
    padding: 0.4em;
    margin: 0.2em 0;
}
.editMenu__Link:hover, 
.publicMenu__Link:hover, 
.section__menu--btn:hover {
    color: #000;
    background-color: hsla(0, 0%, 0%, 0.40);
}
.desclist, 
.section__shopping--dlist, 
.section__menu--dlist {
    display: inline-block;
}
.desclist dt, 
.section__shopping--dtitle, 
.section__menu--dtitle {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0.4em;
}
.desclist dd, 
.section__shopping--ddesc, 
.section__menu--ddesc {
    width: auto;
    display: inline-block;
    vertical-align: top;
    margin: 0.4em;
    text-align: left;
}
@supports (display: grid) {
    .desclist, 
    .section__shopping--dlist, 
    .section__menu--dlist {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0.6em auto;
        grid-template-columns: 1fr auto;
        grid-auto-flow: dense;
        justify-items: start;
        grid-gap: 0.6em;
    }
    .desclist dt, 
    .section__shopping--dtitle, 
    .section__menu--dtitle {
        -ms-grid-column: 1;
        grid-column: 1;
        -ms-grid-row-align: start;
            align-self: start;
        margin: 0;
        width: auto;
    }
    .desclist dd, 
    .section__shopping--ddesc, 
    .section__menu--ddesc {
        -ms-grid-column: 2;
        grid-column: 2;
        margin: 0;
        width: auto;
    }
}
/* Schnittberichte breadcrumbs Navigation
nav.sb-nav-top {
    background-image: url("../pics/head_2/top_back_1.jpg");
    height: 28px;
    text-align: right;
    padding: 0;
    margin: 0;
    font-size: 0.9em;
    color: #fff;
    width: 996px;
}
nav.sb-nav-top ul {
    list-style: disc;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
nav.sb-nav-top li {
    float: left;
    list-style-position: inside;
    margin: 0;
    padding: 5px 2px;
}
nav.sb-nav-top li a {
    color: #fff;
    font-size: 1.1em;
    padding: 0;
}
nav.sb-nav-top li a:hover {
    color: #fff;
    text-decoration-line: underline;
} */
.mainPage__article, 
.mainPage__publicArticle, 
.publicMain__article, 
.privateMain__article, 
.main__article {
    flex: auto;
    padding: 1%;
    text-align: left;
}

/*deprecated
.publicArticle__section {
    margin: 2vh 0;
}*/

.publicArticle__uList {
  /* forces equal cell heights */
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  /* creates gaps */
  padding: 1rem 0 0 1rem;
  /* pulls grid cells hard against edges */
  margin: -1rem;
}

.publicArticle__uItem {
  /* sets column count */
  /* width: calc(100% / 3); */
    flex: 1 0 30%;
    margin: 0;
  /* 1 columns */
  /* creates gaps */
  border: 0 solid transparent;
  border-width: 0 20px 20px 0;
  /* prevents background bleed */
  background-clip: padding-box;
  /* forces inner to take up full grid cell height */
  display: -webkit-box;
  display: flex;
}
.publicArticle__uItem:last-child {
  margin-bottom: 0;
}
@supports (display: grid) {
    .publicArticle__uList {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 1rem;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .publicArticle__uItem {
        margin: 0;
        width: 100%;
        border-width: 0;
    }
}

.article__section {
    margin-bottom: 1rem;
}

.section__text {
    line-height: 1.7rem;
    text-align: justify;
}

.uItem__figure {
    position: relative;
    margin: 0;
}
.figure__imageLink {}
.uItem__figureLink {}
.figure__image {
    display: block;
    width: 100%;
    min-width: 200px;
    max-width: 300px;
    height: auto;
}
.uItem__figcaption {
    padding: 0.1em 0.2em;
    text-align: center;
    background-color: hsla(0, 0%, 100%, 0.80);
    position: absolute;
    bottom: 0;
    font-weight: var(--fw-700);
    width: 100%;
}
.figure__figcaptionLink {}



/* descriptionslists with date */
.dl__date {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin: 0;
}
.dt__date {
    margin: 0 0.3em 0.6em 0;
    flex: 0 1 10em;
}
.dd__date {
    margin: 0 0 0.6em 0.3em;
    flex: 0 1 calc(100% - 10.6em);
}
@supports (display: grid) {
    .dl__date {
        display: grid;
        grid-template-columns: auto 1fr;
        justify-content: start;
        grid-gap: 0.6em;
    }
    .dt__date {
        grid-column: 1;
        margin: 0;
    }
    .dd__date {
        grid-column: 2;
        margin: 0;
    }
}

.section__time {
    font-family: open_sansitalic, Helvetica, Arial, sans-serif;
}


.section__ol {
    margin: 0;
    padding: 0 0 0 2.6em;
}

.ol__item {
    padding: 0.4em;
}

.section__dlist {
    display: grid;
    gap: 0.6rem;
}

.section__dtitle{
    margin: 0;
}

.section__ddesc {
    margin: 0;
}

.dlist-grid-2-cols {
    grid-template-columns: auto auto;
    justify-content: start;
    gap: 0.6rem;
}

.dlist-grid-3-cols {
    grid-template-columns: auto auto auto;
    justify-content: space-between;
}

.dlist-grid-4-cols {
    grid-template-columns: auto auto auto auto;
    justify-content: space-between;
}

/* ######################################################################### *
 * Alte Definitionen                                                         *
 * ######################################################################### */

a:link {
    color: #990000;
    text-decoration: none;
    outline: none;
}
a:visited {
    color: #990000;
    text-decoration: none;
    outline: none;
}
a:hover {
    color: #990000;
    text-decoration: underline;
    outline: none;
}
a:active {
    color: #990000;
    text-decoration: none;
    outline: none;
}
a:focus {
    outline: none;
}
/* ################################### */
/* Hauptnavigation im Head.php */
a.link_small_white {
    font-size: 1em;
    color: white;
    font-weight: var(--fw-700);
    line-height: 1.4em;
}
/* Fehlermeldungen */
a.link_white_bold {
    color: white;
    font-weight: var(--fw-900);
}
/* Alphabetlinks in Head.php */
a.link_white {
    color: white;
}
/* Links für Artikel, mc.com und in Foot.php */
a.link_black {
    color: black;
}
/* Hauptlinks bei mc.com */
a.newslist_title {
    font-weight: var(--fw-900);
}
/* Newslinks bei index.html */
a.sb_start {
    color: #00369A;
    font-weight: var(--fw-700);
}
/* Links für Specials bei index.html */
a.sb_special {
    color: #006E03;
    font-weight: var(--fw-700);
}
div.two-third-text {
    width: 630px;
    float: left;
    margin: 10px 20px 10px 20px;
    text-align: left;
}
div.one-third-side {
    width: 300px;
    float: right;
    margin: 10px 10px 10px 0;
    text-align: left;
}




/************
* Headlines *
************/

.main__headline, 
.mainArticle__headline, 
.article__headline, 
.privateArticle__headline, /* deprecated */
.publicArticle__headline, /* deprecated */
.aside__headline, 
.section__headline {
    color: var(--clr);
    font-weight: var(--fw-900);
}

.headline__mediatitle {
    text-align: left;
    margin: 0;
    border-bottom: 1px solid hsla(0, 0%, 0%, 0.80);
}

.headline__subtitle {
    font-size: 1.1rem;
    margin: 0;
    font-style: italic;
}

.headline__public--T2 {
    color: hsla(0, 0%, 0%, 0.80);
    background-color: hsla(0,0%,90%,1.00);
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
    text-align: center;
    padding: 0.2em;
    font-variant: small-caps;
    margin: 0 0 1em 0;
}

.aside__section--T2, 
.headline__public, 
.headline__private {
    color: hsla(0, 0%, 0%, 0.80);
    font-weight: var(--fw-700);
    background-color: hsla(0,0%,90%,1.00);
    text-align: center;
    padding: 0.2em;
    font-variant: small-caps;
    margin: 0 0 1em 0;
}

.a-standardPage__t2 {
    font-weight: var(--fw-700);
    font-variant: small-caps;
    text-align: left;
    color: #4b4b4b;
    background-color: #e5e5e5;
    margin: 0 0 1vh 0;
    padding-left: 1em;
}

/* h2 headlines */
.titelsubheadlines {
    /* background-color: #990000;
    background-image: linear-gradient(90deg, #990000, #000); */
    color: #4b4b4b;
    font-weight: var(--fw-700);
    border-radius: 0.5em 0 0 0;
    border-bottom: thin solid #4b4b4b;
    padding-bottom: 0.1em;
    margin: 1.6em 0 0.6em 0;
}

/* h3 headlines */
.titelsbserieheadline {
    background-color: #ccc;
    color: #000;
    font-weight: var(--fw-700);
    font-size: 120%;
    padding: 0.2em;
    margin: 0.2em 0;
}

.titelreview h5 {
    border-bottom: thin solid #b6b6b6;
    font-weight: var(--fw-700);
    font-size: 100%;
    margin: 0.2em;
}

.editMenu__T2, 
.publicMenu__T2, 
.editMenu__T3, 
.publicSection__headline, 
.privateSection__headline, 
.headline__menu--T2 {
    background-color: hsla(0, 0%, 0%, 0.60);
    font-weight: var(--fw-700);
    color: hsla(0, 100%, 100%, 0.80);
    text-align: center;
    padding: 0.2em;
    font-variant: small-caps;
    margin: 0.2em;
}

.editMenu__T3 {
    background-color: hsla(0, 0%, 29%, 0.60);
}

.aside__headline, 
.privateSection__headline, 
.publicSection__headline, 
.asideSection__headline {
    text-align: center;
    padding: 0.1em;
    font-size: 1.2rem;
    font-variant: small-caps;
    margin: 0;
}

.-entryT1 {
    text-align: left;
    margin: 0;
    padding: 0.4em;
    background-color: #e5e5e5;
}

.-entryT2 {
    text-align: left;
    margin: 0.2em 0;
    padding: 0.2em 0.4em;
    background-color: #e5e5e5;
}

.-publicT1 {
    text-align: left;
    margin: 0 0 0.6rem 0;
    padding: 0 0 0.4rem 0.4rem;
    border-bottom: 1px solid #000;
}

.-publicT2 {
    text-align: left;
    margin: 0 0 0.6rem 0;
}

.-infoT2 {
    background-color: hsla(140,43%,42%,1.00);
    text-align: center;
    margin: 0.2em 0;
    padding: 0.2em 0.4em;
    color: hsla(0,0%,100%,1.00);
}

/* Unterüberschriften */
.-publicTeaser {
    font-size: 1.6rem;
    margin: 0;
    padding: 0 0 0.4em 0.4em;
    font-weight: var(--fw-700);
}

.-publicT3, .-publicT4, .-publicT5, .-publicT6 {
    text-align: left;
    margin: 0 0 1em 0;
}

.-editT1 {
    text-transform: uppercase;
    text-align: left;
    margin: 0 0 1em 0;
    color: hsla(0, 0%, 0%, 0.80);
    /* background-color: hsla(0,0%,0%,0.10); */
    padding-left: 1em;
    border-bottom: 1px solid hsla(0, 0%, 0%, 0.40);
    /* -webkit-border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -moz-border-top-left-radius: 0.5em;
    -moz-border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em; */
}

.-editT2 {
    color: hsla(0, 0%, 0%, 0.80);
    padding: 0.2em 0;
    margin: 0 0 0.4em 0;
    font-variant: small-caps;
    text-decoration: underline;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
    /* text-transform: uppercase;
    border-bottom: 1px solid hsla(0, 0%, 29%, 1.00); */
}

.-editT3, .-editT4, .-editT5, .-editT6 {
    text-align: left;
    padding: 0.2em 0 0.2em 0.4em;
}







/* Seitenformatierungen ####################################################################### */
/* table, tr, th, td, thead, tbody, tfoot, colgroup, col, colspan, rowspan, caption */
/* tabellen als Liste mit display:table */
.publicArticle__table, 
.editArticle__table {
    list-style: none;
    display: table;
    padding: 0;
    margin: 0 auto 2rem auto;
    width: 100%;
}
.publicArticle__thead, 
.editArticle__thead {
    display: table-header-group;
    margin: 0;
}
.publicArticle__tfoot, 
.editArticle__tfoot {
    display: table-footer-group;
    margin: 0;
}
.publicArticle__th, 
.editArticle__th {
    display: table-cell;
    color: #fff;
    background-color: hsla(0, 0%, 0%, 0.60);
    font-family: "open_sanssemibold", "Helvetica", "Arial", "sans-serif";
    margin: 0;
    padding: 0.4rem 0;
    border: 1px solid hsla(0, 0%, 100%, 1.00);
    text-transform: uppercase;
}
.publicArticle__tbody, 
.editArticle__tbody {
    display: table-row-group;
    margin: 0;
}
.publicArticle__tr, 
.editArticle__tr {
    display: table-row;
    padding: 0;
    list-style: none;
}
.publicArticle__tr:nth-child(odd), 
.editArticle__tr:nth-child(odd) {
    background-color: hsla(0, 0%, 0%, 0.05);
}
.publicArticle__tr:nth-child(even), 
.editArticle__tr:nth-child(even) {
    background-color: hsla(0, 0%, 0%, 0.10);
}
.publicArticle__tr--hover:hover, 
.editArticle__tr--hover:hover {
    /* filter: brightness(120%); */
    background-color: hsla(0, 100%, 3%, 0.20);
}
.publicArticle__td, 
.editArticle__td {
    display: table-cell;
    border: 1px solid hsla(0, 0%, 100%, 1.00);
}
.editArticle__th--left, 
.editArticle__td--left {
    text-align: left;
    padding-left: 0.2em;
}
.editArticle__th--center, 
.editArticle__td--center {
    text-align: center;
    padding-left: 0.2em;
    padding-right: 0.2em;
}
.editArticle__th--right, 
.editArticle__td--right {
    text-align: right;
    padding-right: 0.2em;
}
.publicArticle__td--hover:hover, 
.editArticle__td--hover:hover {
    background-color: hsla(0, 100%, 30%, 0.80);
    color: hsla(0, 100%, 100%, 1.00);
}
.publicArticle__tcaption, 
.editArticle__tcaption {
    display: table-caption;
    caption-side: top;
    background-color: hsla(0, 0%, 0%, 0.60);
    color: hsla(0, 100%, 100%, 1.00);
    text-transform: uppercase;
}

.tcaption__headline--publicT2 {
    text-align: left;
    padding: 0.2rem 0.4rem;
    margin: 0;
    color: hsla(0, 100%, 100%, 1.00);
    font-family: "open_sanssemibold";
    text-transform: uppercase;
}

.publicTd__Link, 
.editTd__Link {
    display: block;
    padding: 0.4rem 0;
}
.publicTd__Link:hover, 
.editTd__Link:hover {
    color: hsla(0, 100%, 100%, 1.00);
    background-color: hsla(0, 100%, 30%, 0.80);
}
.-trHover:hover {
    background-color: hsla(0, 100%, 30%, 0.60);
}
.-tdHover:hover {
    color: hsla(0, 0%, 100%, 1.00);
    background-color: hsla(0, 100%, 30%, 1.00);
}
.-trIsactive {
    background-color: hsla(0, 0%, 0%, 0.30);
}
.-tdLeft {
    text-align: left;
    padding-left: 0.4em;
}
.-tdCenter {
    text-align: center;
}
.-tdRight {
    text-align: right;
    padding-right: 0.4em;
}
.-trInvisible {
    display: none;
}




/* Listen im Grid */
.edit__gridLayout {
    display: grid;
    grid-template-columns: repeat(6, auto);
    list-style: none;
    padding: 0;
}
.edit__gridHeader {
    background-color: hsla(0, 100%, 30%, 1.00);
    font-weight: var(--fw-900);
    color: #fff;
    margin: 0;
}
.edit__gridCell {
    margin: 0;
}
.-justifyStart {
    justify-self: start;
}
.-justifyCenter {
    justify-self: center;
}
.-justifyEnd {
    justify-self: end;
}
.-span2 {
    grid-column: span 2;
}










.edit__table,
.private__table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 1rem;
}
.edit_caption, 
.privateTable__caption {
    caption-side: top;
    padding: 0.2rem 0;
    font-weight: var(--fw-900);
    font-variant: small-caps;
    font-size: 1.4rem;
    color: hsla(0, 0%, 0%, 0.60);
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-top-right-radius: 0.5em;
    -moz-border-top-left-radius: 0.5em;
    -moz-border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    background-color: hsla(0, 0%, 0%, 0.10);
}
.edit__tableHead, 
.privateTable__thead, 
.privateTable__tfoot {
    background-color: hsla(0, 0%, 0%, 0.10);
}
.privateTable__tbody {
    
}
.edit__tableHeadrow, 
.privateTable__tr {
    
}
.edit__tableRow:nth-child(odd), 
.privateTable__tr--hover:nth-child(odd) {
    background-color: hsla(0, 0%, 96%, 0.20);
    vertical-align: middle;
}
.edit__tableRow:nth-child(even), 
.privateTable__tr--hover:nth-child(even) {
    background-color: hsla(0, 0%, 96%, 0.80);
    vertical-align: middle;
}
.edit__tableRow:hover, 
.privateTable__tr--hover:hover {
    background-color: hsla(0, 100%, 30%, 0.20);
}
.edit__tableHeader, 
.privateTable__th {
    color: hsla(0, 0%, 0%, 0.40);
    text-transform: uppercase;
}
.edit__tableData, 
.privateTable__td {
}
.privateTable__th--center, 
.privateTable__td--center {
    text-align: center;
}
.edit__tableData:hover, 
.privateTable__td--hover:hover {
    color: hsla(0, 100%, 100%, 1.00);
    background-color: hsla(0, 100%, 30%, 0.80);
}
.edit__tableLink, 
.privateTable__Link {
    color: hsla(0, 100%, 30%, 1.00);
    padding: 0.4rem 0;
    display: block;
}
.edit__tableLink:hover, 
.privateTable__Link--hover:hover {
    color: hsla(0, 100%, 100%, 1.00);
}
/*
.edit__tableLink:link, 
.edit__tableLink:visited, 
.edit__tableLink:hover, 
.edit__tableLink:focus, 
.edit__tableLink:active, 
.edit__tableLink:visited:hover, {
    font-weight: var(--fw-900);
    color: #fff;
}
*/
.-tableRight {
    text-align: right;
    padding-right: 0.2em;
}
.-tableCenter {
    text-align: center;
}
.-tableRowInvisible {
    display: none;
}
/* ################################### */

.article__shopping {
    columns: 2 auto;
}

.article__shop {
    margin: 0 0 1rem 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.article__shoptitle {
    font-weight: var(--fw-700);
    text-decoration: underline;
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
}

.article__shopitem {
    margin: 0.6em;
}

.article__shoplink {
    
}











/* ################################### */
/* ################################### */
.suggest_link {
    background-color: #fff;
    padding: 2px;
}
.suggest_link_over {
    background-color: #fff;
    padding: 2px;
}
.search__suggest {
    text-align: left;
    cursor: pointer;
    margin: 1em 0;
}
/* ################################### */
input.mu {
    padding: 4px;
    border: 1px solid #C76363;
}
input.op {
    padding: 4px;
    border: 1px solid black;
}
select.op {
    padding: 4px;
    border: 1px solid black;
}
select.mu {
    padding: 4px;
    border: 1px solid #C76363;
}
textarea.op {
    padding: 4px;
    border: 1px solid black;
}
textarea.mu {
    padding: 4px;
    border: 1px solid #C76363;
}
/* ################################### */
td.oben {
    background-color: #D4D4D4;
    font-weight: var(--fw-900);
    padding: 6px;
    border: 1px solid white;
}
td.unten {
    background-color: #F5F5F5;
    vertical-align: top;
    padding: 6px;
    border: 1px solid white;
}
td.oben2 {
    font-weight: var(--fw-900);
    padding: 3px;
    border-bottom: 1px solid grey;
}
td.unten2 {
    vertical-align: top;
    padding: 3px;
    border-bottom: 1px solid #F5F5F5;
}
td.unten3 {
    vertical-align: top;
    padding: 3px;
    border-bottom: 8px solid white;
    border-top: 1px solid grey;
}

/* Tagline für Titel */
div.sh_ad {
    padding: 20px 5px;
    font-size: 0.9em;
    border: 1px solid #E5E5E5;
    text-align: center;
    -webkit-box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0px 0px 10px 3px rgba(0, 0, 0, 0.1);
}

/* Deprecated */
li.standard {
    list-style-position: outside;
    margin-left: 0;
}
.borderOPT {
    border-width: 1px;
    border-style: solid;
    border-color: #404040;
    padding: 3px;
    color: #404040;
}
.borderMUST {
    border-width: 1px;
    border-style: solid;
    border-color: #B53131;
    padding: 3px;
    color: #404040;
}
.borderFIX {
    border-width: 1px;
    border-style: solid;
    border-color: #C8C8C8;
    padding: 3px;
    color: #C8C8C8;
}
/* für Formulare */
.b1 {
    border-width: 1px;
    border-style: solid;
    border-color: #404040;
    padding: 1px;
    color: #404040;
    font-size: 0.9em;
}
/* Newsliste */
span.newslist_date {
    color: #575757;
    margin-left: 12px;
    margin-right: 5px;
}
span.newslist_teaser {
    font-size: 0.9em;
}
p.newsteaser {
    margin-left: 10px;
    font-size: 1.2em;
    margin-bottom: 8px;
    font-weight: var(--fw-900);
}
p.newstitel {
    color: #B03232;
    font-size: 2.0em;
    font-weight: var(--fw-900);
    margin-left: 10px;
    margin-top: 32px;
    text-shadow: 0.5px 0.5px #A49494;
    line-height: 0.8em;
}

/* Deprecated dzt nur in quiz */
p.big3 {
    font-size: 1.6em;
    font-weight: var(--fw-900);
    margin-left: 10px;
    margin-top: 32px;
    text-shadow: 0.5px 0.5px #A49494;
    line-height: 1.5em;
}

div.SB_Box1 {
    padding: 7px;
    background-color: #F4F4F4;
    border: 1px solid black;
    text-align: left;
    margin-bottom: 15px;
}
div.SB_Box2 {
    padding: 7px;
    background-color: #FFFFFF;
    border: 1px solid white;
    text-align: left;
    margin-bottom: 15px;
}
/*div.Titel_Box1 {
    margin: 0px -2px 30px 0px;
    border-top: 1px solid black;
    padding-top: 10px;
}*/
div.Box_left1 {
    padding: 6px;
    background-color: #F4F4F4;
    border: white 1px solid;
    outline: #B6B6B6 1px solid;
    margin: 0px 7px 12px 0px;
}
div.HeadlineB {
    font-size: 1.7em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 15px 0px 25px 0px;
}
div.HeadlineM {
    font-size: 1.4em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 25px 0px 20px 0px;
}
div.HeadlineS {
    font-size: 1.2em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 20px 0px 15px 0px;
}
div.HeadlineBu {
    font-size: 1.7em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 15px 12px 25px 0px;
    border-bottom: 1px solid #404040;
}
div.HeadlineMu {
    font-size: 1.6em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 30px 12px 20px 6px;
    border-bottom: 1px solid #404040;
}
div.HeadlineMu2 {
    font-size: 1.6em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 0px 0px 3px 0px;
    border-bottom: 1px solid #404040;
}
div.HeadlineMu3 {
    font-size: 1.6em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 0px 0px 18px 0px;
    border-bottom: 1px solid #404040;
}
div.HeadlineSu {
    font-size: 1.2em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 20px 12px 15px 0px;
    border-bottom: 1px solid #404040;
}
div.HeadlineBo {
    font-size: 1.7em;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 15px 0px 25px 0px;
}
div.HeadlineMo {
    font-size: 1.4em;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 25px 0px 20px 0px;
}
div.Uber_14 {
    border-bottom: 0px solid #C76363;
    padding-bottom: 6px;
    color: black;
    font-weight: var(--fw-900);
    font-size: 1.5em;
    margin: 32px 20px 18px 0px;
}
div.FBox {
    padding: 8px;
    background-color: #F0F0F0;
    display: table-cell;
    vertical-align: middle;
    font-weight: var(--fw-900);
    border-right: 15px white solid;
    border-bottom: 15px white solid;
}
div.HeadlineKo {
    font-size: 1.1em;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin: 25px 0px 10px 0px;
}
/*
div.HeadlineKo3 {
	font-size: 1.3em;
	color: #4B4B4B;
	font-weight: var(--fw-900);
	line-height: 1.2em;
	margin: 8px 0px;
}
*/
div.HeadlineSo {
    font-size: 1.2em;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    font-style: italic;
    line-height: 1.2em;
    margin: 28px 0px 15px 0px;
    text-indent: 12px;
}
/*
div.HeadlineSo2 {
	font-size: 1.2em;
	color: #4B4B4B;
	font-weight: var(--fw-900);
	font-style: italic;
	line-height: 1.2em;
	margin: 5px 0px 15px 0px;
	text-indent: 12px;
}
*/
div.HeadlineBox1 {
    background-color: #D4D4D4;
    color: black;
    font-weight: var(--fw-900);
    font-size: 1.1em;
    padding: 6px;
}
div.Box1 {
    border: 1px solid #D4D4D4;
    margin-bottom: 20px;
}
div.TitelPoster130_outer {
    position: relative;
    float: left;
    width: 130px;
    margin-right: 8px;
    margin-left: 17px;
    margin-bottom: 30px;
}
div.TitelPoster130_inner {
    width: 130px;
    height: 185px;
    overflow: hidden;
    margin-bottom: 8px;
    box-shadow: 2px 2px 14px 1px #DDD;
}
div.TitelPoster130_159_inner {
    width: 130px;
    height: 159px;
    overflow: hidden;
    margin-bottom: 8px;
    box-shadow: 2px 2px 14px 1px #DDD;
}
div.TitelPoster130_text {
    font-size: 1.0em;
    font-weight: var(--fw-900);
    text-align: left;
    margin-bottom: 3px;
    overflow: hidden;
}

img.coverShadow {
    align: center;
    border: 1px solid black;
    margin-bottom: 17px;
    -moz-box-shadow: 1px 1px 4px 5px #DDD;
    -webkit-box-shadow: 1px 1px 4px 5px #DDD;
    box-shadow: 2px 2px 14px 1px #DDD;
}

td.tab {
    padding: 6px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
}
td.tabr {
    padding: 6px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: right;
}
td.tab_end {
    padding: 6px;
    margin: 0px;
    text-align: left;
}
td.tab_smaller {
    padding: 3px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
}
td.tab_end_smaller {
    padding: 3px;
    margin: 0px;
    text-align: left;
}
td.tab2 {
    padding-top: 3px;
    padding-bottom: 3px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
}
td.tab3 {
    padding: 3px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
}
td.tabr3 {
    padding: 3px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: right;
}
td.tab_end2 {
    padding-bottom: 3px;
    padding-top: 3px;
    margin: 0px;
    text-align: left;
}
td.tab_end3 {
    padding-bottom: 3px;
    padding-top: 3px;
    margin: 0px;
    text-align: left;
    font-size: 0.9em;
}
td.tab_end8 {
    padding-bottom: 8px;
    padding-top: 8px;
    margin: 0px;
    text-align: left;
    font-size: 0.9em;
}
tr.tab2 {
    border-bottom: 1px solid #CCCCCC;
}
td.ep1 {
    padding: 6px;
    border-bottom: 4px solid white;
}
td.ep2 {
    padding: 6px;
    border-bottom: 4px solid white;
    background-color: #F5F5F5;
}
td.f_vergleich1 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: right;
    font-weight: var(--fw-900);
}
td.f_vergleich2 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
}
td.f_vergleich3 {
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
    text-align: left;
}
td.m1 {
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 2px;
    text-align: left;
    font-size: 0.9em;
}
td.m1r {
    padding-bottom: 4px;
    padding-top: 4px;
    margin: 2px;
    text-align: right;
    font-size: 0.9em;
    padding-right: 8px;
}
td.m2r {
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: right;
    font-size: 0.9em;
    padding-right: 8px;
}
/* Ausgabe Galerie */
td.galerie1 {
    width: 110px;
    color: #4D4D4D;
}
/* Ausgabe Fassungs-Liste */
td.listOverall {
    border: 6px solid white;
    text-align: left;
}
td.listLeft {
    width: 80px;
    color: #4D4D4D;
}
td.listRight {}
td.listHead {
    font-weight: var(--fw-900);
    font-variant: small-caps;
    font-size: 1.1em;
    text-align: left;
}
td.listHeadCut {
    font-weight: var(--fw-900);
    padding-right: 5px;
    width: 4px;
}
/* Ausgabe Titel-Liste */
td.listHeadT {
    padding-left: 2px;
    font-variant: small-caps;
    font-size: 1.1em;
    text-align: left;
    width: 600px;
}
td.listHeadVote {
    font-weight: var(--fw-900);
    padding-right: 5px;
    width: 20px;
}
td.listLeftT {
    width: 60px;
    color: #4D4D4D;
}
td.listRightT {}
/* Ausgabe Fassungs-SB */
td.listOverall2 {
    border: 4px solid white;
    text-align: left;
}
td.listLeft2 {
    width: 80px;
    color: #4D4D4D;
    font-weight: var(--fw-900);
}
td.listRight2 {}
td.listHead2 {
    font-weight: var(--fw-900);
    font-variant: small-caps;
    font-size: 0.9em;
    text-align: left;
}
/* Ausgabe Lange Tabellen */
.tr0 {
    background-image: url(../pics/tr_back_dark.gif);
    height: 22px;
    padding: 0px;
    margin: 0px;
    font-variant: small-caps;
}
.tr1 {
    background-image: url(../pics/tr_back.gif);
    height: 22px;
    padding: 0px;
    margin: 0px;
}
/* Ausgabe Stats */
td.stat {
    padding: 2px;
    font-size: 0.9em;
    text-align: center;
}
td.statl {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    text-align: left;
    border-left: 1px solid #D1D1D1;
}
td.statc {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    text-align: center;
    border-left: 1px solid #D1D1D1;
}
td.statr {
    width: 28px;
    padding-left: 2px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    text-align: right;
    border-left: 1px solid #D1D1D1;
}
td.statre {
    width: 28px;
    padding-left: 2px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    text-align: right;
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
}
td.statrb {
    width: 28px;
    padding-left: 2px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    text-align: right;
    border-left: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
}
td.statrbe {
    width: 28px;
    padding-left: 2px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    text-align: right;
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
}
td.statt {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    text-align: center;
    border-left: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
}
td.statte {
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    text-align: center;
    border: 1px solid #D1D1D1;
}
td.stattl {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 0.9em;
    text-align: left;
    border-left: 1px solid #D1D1D1;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
}
td.stattre {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 10px;
    font-size: 0.9em;
    text-align: right;
    border: 1px solid #D1D1D1;
}
td.statb {
    text-align: right;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 0.9em;
    border-top: 1px solid #D1D1D1;
}

div.newslist {}
/* Fassungsausgabe News */
div.FV_Over {
    border-bottom: 1px solid #CCCCCC;
    margin: 12px 5px;
    padding: 6px 0px 6px 0px;
}
div.FV_Cover {
    position: relative;
    float: left;
    width: 130px;
    margin-left: 3px;
}
div.FV_Schere {
    float: right;
    position: absolut 0px 0px;
}
div.FV_Titel {
    font-weight: var(--fw-900);
    margin: 4px 25px 6px 0px;
    font-size: 1.2em;
}
td.FV_Release {
    width: 80px;
    line-heigt: 0.8em;
    color: #4D4D4D;
}
div.FV_IA {
    padding: 5px;
    font-size: 0.9em;
    line-heigt: 0.8em;
}
div.FV_Info {
    background-color: #F3F3F3;
    line-height: 1.8em;
    padding: 8px;
    text-align: left;
}
div.Cover2 {
    width: 230px;
    background-color: #F7F7F7;
    padding: 0px;
}
div.Cover3 {
    width: 130px;
    background-color: #F7F7F7;
    padding: 0px;
}
div.CoverFloat330_outer {
    position: relative;
    float: left;
    width: 230px;
    margin: 0 0.5em 1em 0;
}
div.CoverFloat330_inner {
    width: 230px;
    height: 330px;
    overflow: hidden;
    margin-bottom: 12px;
}
div.CoverFloat185_outer {
    position: relative;
    float: left;
    width: 130px;
    margin-right: 22px;
    margin-left: 22px;
    margin-bottom: 30px;
}
div.CoverFloat185_outer2 {
    position: relative;
    float: left;
    width: 130px;
    margin-right: 8px;
    margin-left: 18px;
    margin-bottom: 30px;
}
div.CoverFloat185_outer3 {
    position: relative;
    float: left;
    width: 130px;
    margin-right: 14px;
    margin-left: 26px;
    margin-bottom: 30px;
}
div.CoverFloat185_inner {
    width: 130px;
    height: 185px;
    overflow: hidden;
    margin-bottom: 8px;
    box-shadow: 2px 2px 14px 1px #DDD;
}
div.greybox3 {
    border: 1px solid #E9E9E9;
    padding: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    line-height: 1.5em;
}

div.uber1 {
    font-size:0.9em;
    font-weight:bold;
    margin-left:10px;
    margin-bottom:6px;
    margin-top:16px;
    font-family:arial;
}

div.sub1 {
    font-size:0.9em;
    margin-left:20px;
    margin-bottom:3px;
    margin-top:5px;
    padding:5px;
    text-align:justify;
}

input.feld0 {
    font-size:0.9em;
    color:#575757;
    border:1px solid #7B7B7B;
    padding:4px;
}

input.feld1 {
    font-size:0.9em;
    color:#6D4141;
    margin-left:10px;
    margin-bottom:8px;
    margin-top:2px;
    padding:4px;
    border:1px solid #B53131;
}

input.feld2 {
    font-size:0.9em;
    color:#575757;
    margin-left:10px;
    margin-bottom:8px;
    margin-top:2px;
    padding:4px;
    border:1px solid #7B7B7B;
}

textarea.feld2 {
    font-size:1.1em;
    color:#575757;
    margin-left:10px;
    margin-bottom:8px;
    margin-top:2px;
    padding:4px;
    border:1px solid #7B7B7B;
}

select.feld1 {
    font-size:0.9em;
    color:#575757;
    margin-left:10px;
    margin-bottom:8px;
    margin-top:2px;
    padding:4px;
    border:1px solid #7B7B7B;
    z-index:5;
}

select.feld2 {
    font-size:0.9em;
    color:#575757;
    margin-left:10px;
    margin-bottom:8px;
    margin-top:2px;
    padding:4px;
    border:1px solid #7B7B7B;
    z-index:5;
}

select.feld3 {
    font-size:0.9em;
    color:#6D4141;
    margin-left:10px;
    margin-bottom:8px;
    margin-top:2px;
    padding:4px;
    border:1px solid #B53131;
    z-index:5;
}

input.feld3 {
    font-size:0.9em;
    color:#575757;
    margin-left:2px;
    margin-bottom:8px;
    margin-top:2px;
    padding:4px;
    border:1px solid #7B7B7B;
}

div.box {
    padding: 0px;
    border: 1px solid #C9C9C9;
    background-color: #F0F0F0;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    font-size: 0.9em;
}
div.box2 {
    padding: 0px;
    border: 1px solid #C9C9C9;
    background-color: #F0F0F0;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
    margin-right: 5px;
}
div.box3 {
    padding: 3px;
    border: 1px solid #C9C9C9;
    background-color: #F0F0F0;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.1em;
    font-weight: var(--fw-900);
}
div.td1 {
    padding: 5px;
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: var(--fw-900);
}
div.must {
    padding-left: 3px;
    padding-right: 3px;
    font-weight: var(--fw-900);
    color: #990000;
    border: 1px solid white;
    background-color: white;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}
div.opt {
    padding-left: 3px;
    padding-right: 3px;
    font-weight: var(--fw-900);
    border: 1px solid white;
    background-color: white;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

div.menuoben {
    position: fixed;
    width: 100%;
    background-color: #f2f2f2;
    padding: 5px;
    top: 0;
    -moz-box-shadow: 2px 2px 2px 2px #271513;
    -webkit-box-shadow: 2px 2px 2px 2px #271513;
    box-shadow: 2px 2px 2px 2px #271513;
    z-index: 9999;
}

div.report_error {
    float: right;
    width: 90px;
    height: 20px;
    border: 1px solid #9E0000;
    font-size: 0.8em;
    text-align: center;
    background-color: #990000;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
}

div.help {
    width: 20px;
    height: 20px;
    border: 1px solid #9E0000;
    font-size: 0.9em;
    text-align: center;
    background-color: #990000;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
}

div.titel {
    font-size: 1.7em;
    font-variant: small-caps;
    color: #4B4B4B;
    font-weight: var(--fw-900);
    line-height: 1.2em;
    margin-bottom: 6px;
}

div.oops {
    font-size: 2.5em;
    color: #73B373;
    font-weight: var(--fw-900);
    line-height: 1.6em;
    margin-bottom: 6px;
    text-shadow: 2px 2px #AAD6AA;
}
div.titel_k {
    font-size: 1.3em;
    font-variant: small-caps;
    color: #333333;
    font-weight: var(--fw-900);
    margin-bottom: 6px;
}

div.Message {
    background-color: #EBFFEB;
    border: 1px solid #00C800;
    text-align: left;
    margin: 20px 50px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
}
div.Message2 {
    border: 1px solid #959595;
    text-align: left;
    width: 695px;
    margin-bottom: 20px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
}

div.Error {
    background-color: #FFEBEB;
    border: 1px solid #C80000;
    text-align: left;
    margin: 20px 50px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
}
div.inner {
    margin: 10px;
}
div.ErrorSmall {
    background-color: #FFEBEB;
    border: 1px solid #C80000;
    padding: 5px;
    text-align: left;
    width: 205px;
    margin-bottom: 15px;
    margin-top: 15px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
}
div.ErrorSmall2 {
    background-color: #FFEBEB;
    border: 1px solid #C80000;
    padding: 5px;
    text-align: left;
    width: 355px;
    margin-bottom: 15px;
    margin-top: 15px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
}
div.innerSmall {
    margin: 4px;
}
div.SuccessSmall {
    background-color: #EBFFEB;
    border: 1px solid #00C800;
    padding: 5px;
    text-align: left;
    width: 215px;
    margin-bottom: 15px;
    margin-top: 15px;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
}

div.spot1 {
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    width: 526px;
    background-color: black;
    color: white;
    font-weight: var(--fw-900);
    margin-bottom: 12px;
    font-size: 1.2em;
}
div.spot2 {
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: center;
    width: 388px;
    background-color: #111111;
    color: white;
    font-weight: var(--fw-900);
    margin-bottom: 10px;
    font-size: 1.1em;
    font-variant: small-caps;
}

div.metainfo {
    color: #ccc;
    border: 0 solid #fff;
    background-color: #fff;
    font-size: 0.9em;
    font-weight: normal;
    margin: 5px 0;
    text-align: right;
}
div.newsinfo {
    padding: 10px;
    background-color: #F3F3F3;
    margin: 10px 0;
}

/* Descriptionlist für serienschnittberichte */
.titelsbserie {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1em;
    margin: 0;
}
.titelsbseriedt {
    flex: 0 1 auto;
}
.titelsbseriedd {
    flex: 0 1 80%;
    margin: 0;
}

/* ungeordnete liste für specials */
.titelspecial li {
    display: inline-block;
    width: 30%;
    margin-right: 1%;
    vertical-align: top;
}
@supports (display: grid) {
    .titelspecial {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-flow: dense;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .titelspecial li {
        list-style-type: none;
        text-align: center;
        margin: 0;
        max-width: 220px;
        min-width: 220px;
    }
}

.titelreview {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: dense;
    grid-gap: 0.5em;
    list-style: none;
    padding: 0;
    margin: 0;
}
.titelreview li {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
}
.titelreview li a {
    background-color: #e5e5e5;
    border: thin solid #b6b6b6;
    display: block;
    padding: 0.8em;
    color: #990000;
}
.titelreview li a:hover {
    color: #000;
    background-color: #b6b6b6;
    border: thin solid #e5e5e5;
}

div.kaufbutton {
    border: 1px solid #9e0000;
    font-size: 0.8em;
    font-weight: 700;
    text-align: center;
    background-color: #990000;
    -moz-border-radius: 4px;
    -khtml-border-radius: 4px;
    margin-top: 5px;
}
div.kaufbutton a {
    color: #fff;
}
.badge {
    background-position: right top;
    background-repeat: no-repeat;
    margin: 0;
    height: 75px;
    text-align: left;
}
.badge a {
    display: block;
    font-size: 1.2em;
    width: 100%;
    height: 100%;
}

.biglink {
    background-color: #e5e5e5;
    text-align: center;
    padding: 0.4em 0;
    margin: 0;
}
.biglink a {
    color: #990000;
    font-weight: var(--fw-900);
    font-variant: small-caps;
    font-size: 1.2em;
    text-decoration: none;
    text-align: center;
}
.biglink a:hover {
    text-decoration: underline;
}
ul.listleft {
    list-style: disc;
}
ul.listleft > li {
    text-align: left;
    margin-left: 1em;
}
.timeinfo {
    text-align: center;
}
.timeinfo time {
    font-style: italic;
}


.tech-specc {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-gap: 0.8em;
  margin: 2em 0 0 0;
  font-size: initial;
}

.tech-specc dt {
  font-weight: 700;
}

.tech-specc dd {
  margin: 0;
}


.technisches {
    display: inline-block;
}
.technisches dt {
    width: 10em;
    display: inline-block;
    vertical-align: top;
    margin: 1em 0.5em;
    text-align: right;
}
.technisches dd {
    width: 35em;
    display: inline-block;
    vertical-align: top;
    margin: 1em 0.5em;
    text-align: left;
}
@supports (display: grid) {
    .technisches {
        display: grid;
        grid-template-columns: 15% auto;
        grid-auto-flow: dense;
        grid-gap: 1em;
        margin: 0 0 1em 0;
        padding: 0.8em;
        border: 1px solid #c0c0c0;
    }
    .technisches dt {
        grid-column: 1;
        font-weight: 700;
        justify-self: right;
        align-self: start;
        width: auto;
        margin: 0;
    }
    .technisches dd {
        grid-column: 2;
        margin: 0;
        width: auto;
    }
}



/* Ticker-archiv */
.tickerliste {
    display: inline-block;
}
.tickerliste dt {
    display: inline-block;
    vertical-align: top;
    margin: 0.4em;
    width: 25%;
}
.tickerliste dd {
    display: inline-block;
    vertical-align: top;
    margin: 0.4em;
    text-align: left;
    width: 70%;
}
@supports (display: grid) {
    .tickerliste {
        display: grid;
        grid-template-columns: 25% auto;
        grid-auto-flow: dense;
        justify-items: start;
        grid-gap: 0.6em;
    }
    .tickerliste dt {
        grid-column: 1;
        align-self: start;
        margin: 0;
        width: auto;
    }
    .tickerliste dd {
        grid-column: 2;
        margin: 0;
        width: auto;
    }
}

/* Descriptionlist für news, ticker in Fassungen
und listen für news-archive */
.titelticker {
    font-family: open_sansregular, Helvetica, Arial, sans-serif;
    display: inline-block;
}
.titelticker dt {
    display: inline-block;
    vertical-align: top;
    margin: 0.4em;
    width: 15%;
}
.titelticker dd {
    display: inline-block;
    vertical-align: top;
    margin: 0.4em;
    text-align: left;
    width: 80%;
}
@supports (display: grid) {
    .titelticker {
        display: grid;
        grid-template-columns: 15% auto;
        grid-auto-flow: dense;
        justify-items: start;
        grid-gap: 0.6em;
    }
    .titelticker dt {
        grid-column: 1;
        align-self: start;
        margin: 0;
        width: auto;
    }
    .titelticker dd {
        grid-column: 2;
        margin: 0;
        width: auto;
    }
}

/* Blättern für mehrseitige Artikel */
.pagination {
    margin: 0;
    padding: 0;
    background-color: #e5e5e5;
}
.pagination > li {
    display: inline-block;
    margin: 0.1em 0;
    padding: 0.4em;
}
.pagination > li:hover {
    background-color: #ccc;
}
.special-pagination {
    margin: 0;
    padding: 0 0 1rem 0;
    display: flex;
    justify-content: space-around;
    font-size: 1.4em;
    color: hsla(0, 0%, 0%, 0.80);
    font-family: "open_sanssemibold", "Helvetica", "Arial", "sans-serif";
}
.special-pagination__item {
    list-style: none;
    align-self: center;
}
.special-pagination__btn {
    display: block;
    padding: 0.5em 1em;
}
.special-pagination__btn:hover {
    background-color: hsla(0,100%,30%,1.00);
    color: hsla(0,0%,100%,1.00);
}
.btn__prev::before {
    content: "\2190";
    padding-right: 0.5rem;
}
.btn__next::after {
    content: "\2192";
    padding-left: 0.5rem;
}
/* Textauszeichnungen */
.a-pubTime__time {
    color: #000;
    font-family: open_sansitalic, Helvetica, Arial, sans-serif;
}
/* Status- und Editbar für Schnittberichte */
.barstatus {
    padding: 0;
    margin: 0.5vh auto;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
.barstatus > li {
    padding: 0.3vh 0;
    margin: 0 0.4em;
    flex: 1 1 0%;
    background-color: #ebffeb;
    border: 1px solid #00c800;
}
li.closed {
    background-color: #ff4d4d;
    border: 1px solid #990000;
    color: #fff;
}
.baredit {
    list-style: none;
    margin: 0.4em 0;
    padding: 0.2em;
    background-color: #ebffeb;
    border: 1px solid #00c800;
    text-align: center;
}
.baredit > li {
    display: inline-block;
    text-align: center;
    margin: 0;
    padding: 0 0.4em;
}
.baredit > li a {
    color: #000;
    text-decoration: none;
}
.baredit > li a:hover {
    text-decoration: underline;
}
[data-tooltip] {
    position: relative;
}
[data-tooltip]::after {
    content: attr(data-tooltip);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
    display: block;
    position: absolute;
    bottom: 1em;
    left: -6em;
    width: 15em;
    padding: 0.5em;
    z-index: 100;
    color: #000;
    background-color: #ffebe6;
    border: solid 1px #c32e04;
    border-radius: 0.5em;
}
[data-tooltip]:hover::after {
    opacity: 1;
}
/* Formulare neu */
.editForm__wrapper {
    margin-bottom: 1em;
    padding: 1em;
    border: 1px solid hsla(0, 0%, 0%, 0.40);
    background-color: hsla(0, 0%, 0%, 0.10);
}
.editForm {}
.editForm__fieldset {
    margin: 2em 0;
    padding: 0.6em 0.8em;
    /* border: 1px solid hsla(0, 0%, 0%, 0.40); */
    border-width: 0;
    -webkit-border-radius: 0.6em;
    -moz-border-radius: 0.6em;
    border-radius: 0.6em;
    background-color: hsla(0, 0%, 0%, 0.10);
}
.editForm__fieldset:focus-within {
    background-color: hsla(50, 100%, 50%, 0.20);
}
.editForm__legend {
    font-weight: var(--fw-700);
    text-transform: uppercase;
    background-color: hsla(0, 0%, 100%, 1.00);
    color: hsla(0, 0%, 0%, 1.00);
    border: 1px solid hsla(0, 0%, 0%, 0.40);
    -webkit-border-radius: 0.6em;
    -moz-border-radius: 0.6em;
    border-radius: 0.6em;
    padding: 0.4em 0.4em;
}
.editForm__columnSingle {
    margin-bottom: 1em;
}
.editForm__column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}
.editForm__columnItem {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    margin: 0;
}
.editForm__label {
    font-weight: var(--fw-700);
    text-transform: uppercase;
}
.editForm__uList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    padding: 0;
    justify-content: space-between;
}
.editForm__listItem {
    flex: 0 1 auto;
    margin: 0.2em;
    list-style: none;
}
.editForm__definitionList {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
}
.editForm__definitionTerm {
    flex: 0 0 5%;
}
.editForm__definitionDescription {
    margin: 0;
    flex: 0 0 95%;
}
.editForm__input, 
.editForm__inputDate, 
.editForm__inputTime, 
.editForm__select, 
.editForm__selectOption, 
.editForm__textArea {
    font-family: open_sansregular, Helvetica, Arial, sans-serif;
    width: 100%;
    text-align: left;
    padding: 0.4em;
}
.editForm__input:required {
    border: 1px solid hsla(0, 100%, 30%, 1.00);
}
.editForm__textArea {
    resize: vertical;
    min-height: 20em;
}
.editForm__inputCheckbox, 
.editForm__inputRadio {
    opacity: 0;
    position: fixed;
    width: 0;
}
.-checkboxButton, 
.-radioButton {
    display: inline-block;
    background-color: #ddd;
    padding: 0.4em 0.6em;
    border: 2px solid #444;
    border-radius: 0.4em;
}
.-checkboxButton:hover, 
.-radioButton:hover {
    background-color: #dfd;
}
.editForm__inputCheckbox:focus + label, 
.editForm__inputRadio:focus + label {
    border: 2px dashed #444;
}
.editForm__inputCheckbox:checked + label, 
.editForm__inputRadio:checked + label {
    background-color: #bfb;
    border-color: #4c4;
}
.editForm__desc {
    padding: 1em;
}
.-startPos {
    margin-right: 0.5em;
}
.-middlePos {
    margin-right: 0.5em;
    margin-left: 0.5em;
}
.-endPos {
    margin-left: 0.5em;
}
.-tenth {
    flex-basis: 10%;
}
.-twenty {
    flex-basis: 20%;
}
.-thirty {
    flex-basis: 30%;
}
.-forty {
    flex-basis: 40%;
}
.-fifty {
    flex-basis: 50%;
}
.-sixty {
    flex-basis: 60%;
}
.-seventy {
    flex-basis: 70%;
}
.-eigthy {
    flex-basis: 80%;
}
.-ninety {
    flex-basis: 90%;
}
.-hundred {
    flex-basis: 100%;
}
.-valignMiddle {
    align-self: center;
    text-align: center;
}
.editForm__submitButton {
    font-weight: var(--fw-700);
    text-transform: uppercase;
    background-color: hsla(0, 0%, 0%, 0.10);
    border: 1px solid hsla(0, 0%, 0%, 0.40);
    padding: 0.2em 0.4em;
}

.footer {
    background-color: hsla(0, 100%, 30%, 1.00);
    position: absolute;
    bottom: 0;
    width: 100%;
}
.footer__section {
    background-color: #990000;
}
.footer__nav {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 1em 0;
    justify-content: center;
}
.footer__navItem {
    flex: 0 1 auto;
    margin: 0 0.5em;
    border: 2px solid hsla(0, 0%, 100%, 1.00);
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    min-width: 15%;
}
.footer__navLink, .footer__navlink:visited, .footer__navlink:link {
    display: block;
    padding: 0.4em;
    background-color: hsla(0, 0%, 100%, 1.00);
    color: hsla(0, 100%, 30%, 1.00);
    font-weight: var(--fw-700);
}
.footer__navLink:hover {
    background-color: hsla(0, 100%, 30%, 1.00);
    color: hsla(0, 0%, 100%, 1.00);
}
.footer__desc {
    color: hsla(0, 0%, 100%, 1.00);
}
.footer__copyright {
    color: hsla(0, 0%, 100%, 1.00);
}
/* Grandmaster */
div.grand_sonstiges {
    border: 1px solid grey;
    margin: -2px 3px;
    background-color: #FEFAF2;
    padding: 8px;
    line-height: 1.7em;
    -webkit-box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
    box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
}
div.grand_alt {
    border: 1px solid grey;
    margin: -2px 3px;
    background-color: #F2FEF2;
    padding: 8px;
    line-height:1.7em;
    -webkit-box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
    box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
}
div.grand_cut {
    border: 1px solid grey;
    margin: -2px 3px;
    background-color: #F2F3FE;
    padding: 8px;
    line-height: 1.7em;
    -webkit-box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
    -moz-box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
    box-shadow: 1px 2px 5px -2px rgba(0,0,0,0.25);
}

/* Clearfix für floats*/
.clearfix::before, 
.clearfix::after {
    content: " ";
    display: table;
}

.clearfix::after {
    clear: both;
}

.clearfix {
    *zoom: 1; /* Für den IE6 und IE7 */
}

/* Specials Image Compare Repacks */
.image__compare--list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0;
    justify-content: center;
    align-items: center;
}

.image__compare--item {
    flex: 0 1 auto;
    margin: 0.2em;
    list-style: none;
}

.image__compare--image {
    width: 100%;
    height: auto;
}

/* Suchausgabe */
.section__card {
  padding: 1em;
  background-color: #F4F4F4;
  border-radius: 1rem;
}

.card__headline {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #6F6F6F;
  font-variant: small-caps;
}

.card__search {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0 0;
}

.search__item {
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1rem;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0.2rem 0.2rem 0.2rem #ccc;
  width: 165px;
  margin: 0 1rem;
}

@supports (display: grid) {
  .card__search {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 1rem;
  }

  .search__item {
    width: auto;
    margin: 0;
  }
}


.search__item:focus, 
.search__item:hover {
  box-shadow: 0.2rem 0.2rem 0.2rem #6f6f6f;
  cursor: pointer;
}

.search__item a:focus, 
.search__item a:hover {
  color: #000;
}

.search__item a::before, 
.search__item a::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.item__cover {
  margin: 0;
  max-width: 100%;
}

.item__link {

}

.cover__container {
  margin: 0;
  max-width: 100%;
}

.cover__image {
  height: 180px;
  width: 100%;
  object-fit: cover;
}

.cover__description {
  font-weight: 900;
  text-align: center;
  width: 130px;
}