/* retina.css */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
.serviceNavi li a,
.serviceNavi li a:hover,
.serviceNavi li a:focus,
.serviceNavi li a:active,
.serviceNavi li.leichteSprache a,
.serviceNavi li.gebaerdensprache a,
.headerSuche .submit,
#breadcrumb ul li .icon,
#breadcrumb ul li.act .icon,
#breadcrumbStart ul li .icon,
#breadcrumbStart ul li.act .icon,
.serviceLinks li.printDialog a,
.serviceLinks li.seitenanfang a,
.footerSitemap li a,
#footer a,
.boxWrap .box .text p a,
.boxWrap h2 a,
.boxWrap h2 a,
#contentMarginal li.lipfeil_marginal a,
#contentMarginal form .checkLabel a,
.textBlock p a,
.flex-direction-nav a.flex-prev,
.flex-direction-nav a.flex-next,
.flex-pauseplay a.flex-pause,
.flex-pauseplay a.flex-play,
.teaserNavigation ul li.pause a,
.teaserNavigation ul li.play a,
.teaserNavigation button,
.copyrightInfo a,
#contentMarginal li.lipfeil_marginal a,
.textBlock ul.lipfeil li,
.textBlock ul.lipfeil li.linkDownload,
.divGallery .enlargeImage a,
.divGallery .enlargeImage a:link,
.divGallery .enlargeImage a:active,
.divGallery .enlargeImage a:focus,
.divGallery .enlargeImage a:visited,
.divGallery .enlargeImage:hover a,
.textBlock h4.ankerTitel,
.textBlock h4.ankerTitelAktiv,
input.button_star_active,
input.button_star_active[type="submit"]:hover,
input.button_star_inactive[type="submit"]:hover,
input.button_star_inactive,
.shortUrl ul li a,
.shortUrl ul li a:hover,
.textBlock h4.ankerTitelAktiv,
.textBlock h4.ankerTitel,
.textBlock h4.ankerTitelAktiv,
#contentNewsletter .collageFacebook h2 a,
#contentNewsletter .collageGoogle h2 a,
#contentNewsletter .collageTwitter h2 a,
#contentNewsletter .collageYoutube h2 a,
#contentNewsletter .mehr a,
#contentNewsletter ul.linkListe a,
#contentNewsletter .collageFacebook h2 a,
#contentNewsletter .collageGoogle h2 a,
#contentNewsletter .collageTwitter h2 a,
#contentNewsletter .collageYoutube h2 a,
#contentNewsletter #index a,
#contentNewsletter .leseempfehlungen .linkBox li a,
/* #contentNewsletter .zitat blockquote, */
#contentNewsletter .zitat,
.kategorieListe a,
.kategorieListe li div,
.pubService a,
.topThema .sliderInfoSimple .text p a.link,
.sitemapBox a,
.textBlock a.js_checkboxAktiv,
#resultContainer .resultlinkPlain,
.tvAnkerliste a,
.topVideoLink a,
.mediathekSEMehr,
#mediathek .mediathekOverview .mediathekVLBlock .mediathekSEInfos, div.mediathekSEMehr,
.topVideoLink a,
.alleErgebnisseMobil,
.smartphoneNavigation p:last-child a,
.standardTabelle table tr a,
p a.mail,
p a.mailtolink,
table tr a.mail,
table tr a.mailtolink,
.textBlock a.internLink,
a.videoControl:link, a.videoControl:visited, a.videoControl:hover, a.videoControl:focus, a.videoControl:active,
.bildwechselButtons .bwText a,
.lexikonReiter .reiterListe li.aktiv div,
.smartphoneNavigation p:last-child a,
.smartphoneNavigation p:first-child a,
.landTabelle table.responsive th a.glossar,
.landTabelle table.responsive th a.glossar:before, 
.showAllResults, 
#sl_loadContent input[type=submit], 
#menuLinks a.foldOut,
.resultBox .result,
.topThema .slideContent .text p a:link,
.topThema .slideContent .text p a:visited,
.textBlock .presseStartTermine a, 
.topThema .slideContent .text p a:link, .topThema .slideContent .text p a:visited, .topThema .slideContent .text p a:hover, .topThema .slideContent .text p a:focus, .topThema .slideContent .text p a:active, 
.textBlock .teaserTopTextLandQuelle ul li, 
#ohneContext #contentWrap #contentMain .textBlock .teaserBox.teaserRegionen div.teaserBoxMehrLink a,
.laenderSuche .submit,
.textBlock a.downloadLink,
.textBlock a.sammelmappeLink,
.serviceNavi li.sammelmappeButton a:link,
.serviceNavi li.sammelmappeButton a:visited,
.serviceLinks li.sammelmappeButton a:link,
.serviceLinks li.sammelmappeButton a:visited,
.serviceNavi li.sammelmappeButton a:hover,
.serviceNavi li.sammelmappeButton a:focus,
.serviceLinks li.sammelmappeButton a:hover,
.serviceLinks li.sammelmappeButton a:hover,
.tooltip.sammelmappe .tooltip_head_content h3,
.naviPrev a, .naviNext a, 
.thementhekListView a, 
#thementhek .teaserUebersicht .textbereich,
.publikation .pubMeta a
    {
        background-image: url(../images/_layout/responsive/sprites/sprite_retina.png) !important;
        background-size:400px auto !important;
    }

    .socialTwitter a, .socialGoogle a, .socialFacebook a, .socialYoutube a, .socialInstagram a {
        /*background-image: url(../images/_layout/responsive/sprites/sprite_socialmedia_retina.png) !important;
        background-size:400px auto !important;*/
        background-position: center!important;
        background-size: contain!important;
    }
  
    .socialTwitter a {
        background: url(../images/_layout/responsive/retina_einzeln/icon_twitter.png) center center no-repeat;
    }

    .socialGoogle a {
        background: url(../images/_layout/responsive/retina_einzeln/icon_google_plus.png) center center no-repeat;
    }

    .socialFacebook a {
        background: url(../images/_layout/responsive/retina_einzeln/icon_facebook.png) center center no-repeat;
    }

    .socialYoutube a {
        background: url(../images/_layout/responsive/retina_einzeln/icon_youtube.png) center center no-repeat;
    }

    .socialInstagram a {
        background: url(../images/_layout/responsive/retina_einzeln/icon_instagram.png) center center no-repeat;
    }
    
    
    /* Sonderfaelle, nicht per Sprite abzubilden */
    
    #contentMarginal li.linkDownload a {
        background-image: url(../images/_layout/responsive/retina_einzeln/link_download.png) !important;
        background-size: 13px auto !important;
    }
    
    .textBlock a.glossar, .landTabelle table.responsive th a.glossar {
        background-image: url(../images/_layout/responsive/retina_einzeln/info.png) !important;
        background-size: 9px auto !important;
    }
    
    .showAllResults {
        background-image: url(../images/_layout/responsive/retina_einzeln/showall.png) !important;
        background-size: 18px auto !important;
    }
    
    .infoKasten {
        background-image: url(../images/_layout/responsive/retina_einzeln/quote_start.png) !important;
        background-size:25px auto !important; 
    }
    
    .infoKasten blockquote {
        background-image: url(../images/_layout/responsive/retina_einzeln/quote_ende.png) !important;
        background-size:25px auto !important; 
    }
    
    .textBlock h4.ankerTitel, #contentMarginal h1, .textBlock h4.klappBoxTitel, .textBlock h4.klappBoxTitelAktiv, .textBlock h5.klappBoxTitel, .textBlock h5.klappBoxTitelAktiv, #contentMarginal h1 {
        background-image:url(../images/_layout/responsive/retina_einzeln/anker_down.png) !important;
        background-size:27px auto !important;
    }
    
    .textBlock h4.ankerTitelAktiv, #contentMarginal h1.active, .textBlock h4.klappBoxTitelAktiv, .textBlock h5.klappBoxTitelAktiv, #contentMarginal h1.ankerTitelAktiv  {
        background-image:url(../images/_layout/responsive/retina_einzeln/anker_up.png) !important;
        background-size:27px auto !important;
    }
    
    .bildwechselButtons li.active .bwText {
        background-image: url(../images/_layout/responsive/retina_einzeln/bildwechsel_active.png) !important;
        background-size:10px auto !important; 
    }
    
    /*.bwButton {
        background-image: url(../images/_layout/responsive/retina_einzeln/bildwechsel_link_open.png) !important;
        background-size:21px auto !important; 
    }
    
    li.active .bwButton {
        background-image: url(../images/_layout/responsive/retina_einzeln/bildwechsel_link_close.png) !important;
        background-size:21px auto !important; 
    }*/
    
    #contentNewsletter .zitat {
        background-image: url(../images/_layout/responsive/retina_einzeln/quote_o_start.png) !important;
        background-size:25px auto !important;
    }
    
    #contentNewsletter .zitat blockquote {
        background-image: url(../images/_layout/responsive/retina_einzeln/quote_o_ende.png) !important;
        background-size:25px auto !important;
}
  
    a.videoControl:link {
        background: url("../../jwplayer/skinBmz/display/playIcon.png") !important;
        background-size: contain !important;
        position: absolute;
        left: calc(50% - 3.5em / 2);
        bottom: calc(50% - 3.5em / 2);
    }
    
    /* Sonstiges */
    
    .textBlock #lexikonContent p a, .textBlock ul li p a {
        background-image: none !important;
    }
    
    #sl_close {
        background-image: url(../images/_layout/responsive/retina_einzeln/lightbox_close.png);
        background-size: 19px auto;
    }
    
    a.tooltip_close {
        background-image: url(../images/_layout/responsive/retina_einzeln/tooltip_close.png);
        background-size: 35px auto;
    }
    
    form.sammelmappe table td.loeschen a:link,
    form.sammelmappe table td.loeschen a:visited {
	    background-image: url("../images/_layout/responsive/retina_einzeln/tooltip_close.png");
	    background-size: 100% auto;
    }

    form.sammelmappe table td.loeschen a:hover,
    form.sammelmappe table td.loeschen a:focus {
	    background-image: url("../images/_layout/responsive/retina_einzeln/tooltip_close_hover.png");
    }

    a.videoControl:hover span.linkPhrase, a.videoControl:focus span.linkPhrase, a.videoControl:active span.linkPhrase {
        display: none;
    }

    a.videoControl:hover, a.videoControl:focus, a.videoControl:active {
        background-position: -154px -1329px;
        width: 3.5em;
    }
    
    .mainImage #mainTitle h1 {
        background-image: url(../images/_layout/responsive/retina_einzeln/icon_headline.png);
    }
    
    .minislider li div:nth-of-type(2) a, .themensuche_noentry a, #thementhek .thementhekListe li .text .h3 {
        background-image: url(../images/_layout/responsive/retina_einzeln/miniteaser_link.png);
        background-size: 16px auto;
    }
    
    #thementhek input[type="submit"] {
        background-image: url(../images/_layout/responsive/retina_einzeln/content_suche_submit.png);
        background-size: 33px auto;
    }
    
    #thementhek .tt-menu a {
        background-image: url(../images/_layout/responsive/retina_einzeln/suggest_link.png);
        background-size: 16px auto;
    }
    
    a.ui-input-clear {
        background-image: url(../images/_layout/responsive/retina_einzeln/searchfield_clear.png);
        background-size: 24px auto;
    }
    
    .thementhekThemenListe .showAllThemes a {
        background-image: url(../images/_layout/responsive/retina_einzeln/showall.png);
        background-size: 18px 17px;
    }
    
    .thementhek_suggest a {
        background-image: url(../images/_layout/responsive/retina_einzeln/suggest_link.png);
        background-size: 16px 16px;
    }
    
    /* BMZIN-6561 HTML-Umsetzung und WCMS-Integration Social-Media-Icons in Startseitenslider */
    /*.socialGoogle a {
        background: url(../images/_layout/responsive/retina_einzeln/social_media_google_plus.png);
        background-image: url(../images/_layout/responsive/retina_einzeln/social_media_google_plus.png)!important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain!important;
    }
    .socialGoogle a:hover {
        background: url(../images/_layout/responsive/retina_einzeln/social_media_google_plus_hover.png);
        background-image: url(../images/_layout/responsive/retina_einzeln/social_media_google_plus_hover.png)!important;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain!important;
    }*/
    /* //BMZIN-6561 HTML-Umsetzung und WCMS-Integration Social-Media-Icons in Startseitenslider */

    .textBlock .publikation .arrow
    {
        background: transparent url(../images/_layout/responsive/retina_einzeln/publications_arrow.png) 0 4px no-repeat;
        background-size: 7px 12px !important;
    }

    .publikation .pubTitel .arrow-right {
        background: transparent url(../images/_layout/responsive/retina_einzeln/publications_arrow.png) 0 4px no-repeat;
        background-size: 7px 12px;
        height: 1em;
    }
  
    #contentMain .textBlock ul.lipfeil li.linkDownload {
      background: url(../images/_layout/responsive/retina_einzeln/link_download.png) 0 7px no-repeat!important;
      background-size: 13px 12px!important;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) and (min-width: 320px) and (max-width: 767px) {
    .publikation .pubTitel .arrow-right {
        background-position: 0 6px;
    }
}