.icon::before {
  content: '\00a0';
}
.icon {
  display: inline-block; height:auto; width:1em;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 80%;
  background-position: left center;
}


.icon_link { background-image: url('/static/img/index/Linkpfeil-Extern-klein.svg'); }
.icon_link:hover, a:hover > .icon_link { background-image: url('/static/img/index/Linkpfeil-Extern-klein-rollover.svg'); }

.icon_dvd { background-image: url('/static/img/index/DVD.svg'); background-size: 90%; height:1.5em; width:1.5em}
.icon_dvd:hover, a:hover > .icon_dvd,  a:hover > .buyicon > .icon_dvd { background-image: url('/static/img/index/DVD-rollover.svg');}
.icon_dvd.inactive { background-image: url('/static/img/index/DVD-grau.svg'); }
.icon_dvd.inactive:hover { background-image: url('/static/img/index/DVD-rollover-grau.svg'); }

.icon_publication { background-image: url('/static/img/index/Publication.svg'); background-size: 90%; height:1.5em; width:1.5em}
.icon_publication:hover, a:hover > .icon_publication,  a:hover > .buyicon > .icon_publication { background-image: url('/static/img/index/Publication-rollover.svg');}
.icon_publication.inactive { background-image: url('/static/img/index/Publication-grau.svg'); }
.icon_publication.inactive:hover { background-image: url('/static/img/index/Publication-rollover-grau.svg'); }

.icon_download { background-image: url('/static/img/index/Download.svg');  background-size: 90%; height:1.6em; width:1.6em;  background-position: left 0.1em;}
.icon_download:hover, a:hover > .icon_download,  a:hover > .buyicon > .icon_download  { background-image: url('/static/img/index/Download-rollover.svg'); }
.icon_download.inactive { background-image: url('/static/img/index/Download-grau.svg'); }
.icon_download.inactive:hover { background-image: url('/static/img/index/Download-rollover-grau.svg'); }

.icon_stream { background-image: url('/static/img/index/Stream.svg'); background-size: 100%; height:1.8em; width:1.8em;   background-position: left 0.1em;}
.icon_stream:hover, a:hover > .icon_stream, a:hover > .buyicon > .icon_stream { background-image: url('/static/img/index/Stream-rollover.svg'); }
.icon_stream.inactive { background-image: url('/static/img/index/Stream-grau.svg'); }
.icon_stream.inactive:hover { background-image: url('/static/img/index/Stream-rollover-grau.svg'); }

.icon_warenkorb { background-image: url('/static/img/index/warenkorb.svg'); background-size: 90%; height:1.2em; width:1.2em}
.icon_warenkorb:hover, a:hover > .icon_warenkorb  { background-image: url('/static/img/index/warenkorb-rollover_und_selected.svg')}
.icon_warenkorb.mobilemenu{ background-image: url('/static/img/index/warenkorb-burger-menu-outline.svg'); background-size: 90%; height:1.3em; width:1.3em }
.icon_warenkorb.mobilemenu:hover, a:hover > .icon_warenkorb.mobilemenu  { background-image: url('/static/img/index/warenkorb-burger-menu-weiss.svg'); }


.index_logo { 
  background-image: url('/static/img/index/Index-Logo-blau.svg'); 
  display: inline-block; height:89px; width:200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;  
}

.index_logo_white { 
  background-image: url('/static/img/index/Index-Logo-weiss.svg'); 
  display: inline-block; height:89px; width:200px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;  
}

.sixpackfilm_logo { 
  background-image: url('/static/img/sixpacklogo.svg'); 
  display: inline-block; height:24.5px; width:120px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;  
}