/*** ZOLLGSB-1028: Fokus bei Vergrößerung auf 200% [BITV OPL-12] <-- Fokus-Zustand deutlich darstellen ***/
#togglenav .mobileLogo a:active,
#togglenav .mobileLogo a:focus,
#togglenav .mobileLogo a:hover,
#togglenav a.navMobileMenu:active,
#togglenav a.navMobileMenu:focus,
#togglenav a.navMobileMenu:hover,
#togglenav a.navMobileSearch:active,
#togglenav a.navMobileSearch:focus,
#togglenav a.navMobileSearch:hover {
  outline: 3px dotted  #000;
}
/*** ZOLLGSB-1039: Pagination - Schalter "Vor/Zurück" [BITV OPL-47] <-- Focus-Zustand deutlich darstellen ***/
.navIndex .back:hover,
.navIndex .back:focus,
.navIndex .back:active,
.navIndex .forward:hover,
.navIndex .forward:focus,
.navIndex .forward:active,
.c-results-per-page .back:hover,
.c-results-per-page .back:focus,
.c-results-per-page .back:active,
.c-results-per-page .forward:hover,
.c-results-per-page .forward:focus,
.c-results-per-page .forward:active,
.navIndex a:hover,
.navIndex a:focus,
.navIndex a:active,
.c-results-per-page a:hover,
.c-results-per-page a:focus,
.c-results-per-page a:active {
    border-color: #1f3347;
    outline: 2px solid #1f3347;
    color: #333333;
    background-color: #fff;
}
.navIndex span.back:hover,
.navIndex span.back:focus,
.navIndex span.back:active,
.navIndex span.forward:hover,
.navIndex span.forward:focus,
.navIndex span.forward:active,
.c-results-per-page span.back:hover,
.c-results-per-page span.back:focus,
.c-results-per-page span.back:active,
.c-results-per-page span.forward:hover,
.c-results-per-page span.forward:focus,
.c-results-per-page span.forward:active {
    border: 0;
    outline: 0;
}
/*** ZOLLGSB-1041: Checkbox - Markierung ist Hintergrundgrafik [BITV OPL-49] <-- ausgewählte Facette zusätzlich hervorheben ***/
.c-facets__ul--checkbox .c-facets__selected {
    font-weight: bold;
}
/*** ZOLLGSB-1053 - Fokus bei Akkordeons [BITV OPL-11] ***/
.c-akkordeon-wrapper .c-akkordeon__heading:focus,
.c-akkordeon-wrapper--w .c-akkordeon__heading:focus {
    outline: 3px dotted  #000;
    text-decoration: underline;
    z-index:2;
}
/*** Alternativ-Texte darstellen für die Suche in der Navigation ***/
#navPrimary > ul > li .depth-1__a.search-switch {
    font-size: 1.7rem;
}
#navPrimary > ul > li .depth-1__a.search-switch img {
    position: relative;
    top: -8px;
}
/*** Fokus für Pagination von Dots im Slick Slider ***/
.c-wrapper-carousel .c-carousel .slick-dots li,
.c-wrapper-carousel .c-carousel-textbox .slick-dots li,
.c-wrapper-carousel .c-carousel-zahlen-und-fakten .slick-dots li,
.c-wrapper-carousel-textbox .c-carousel .slick-dots li,
.c-wrapper-carousel-textbox .c-carousel-textbox .slick-dots li,
.c-wrapper-carousel-textbox .c-carousel-zahlen-und-fakten .slick-dots li,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel .slick-dots li,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-textbox .slick-dots li,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-zahlen-und-fakten .slick-dots li {
  height: 15px;
}
.c-wrapper-carousel .c-carousel .slick-dots button:focus,
.c-wrapper-carousel .c-carousel .slick-dots button:hover,
.c-wrapper-carousel .c-carousel-textbox .slick-dots button:focus,
.c-wrapper-carousel .c-carousel-textbox .slick-dots button:hover,
.c-wrapper-carousel .c-carousel-zahlen-und-fakten .slick-dots button:focus,
.c-wrapper-carousel .c-carousel-zahlen-und-fakten .slick-dots button:hover,
.c-wrapper-carousel-textbox .c-carousel .slick-dots button:focus,
.c-wrapper-carousel-textbox .c-carousel .slick-dots button:hover,
.c-wrapper-carousel-textbox .c-carousel-textbox .slick-dots button:focus,
.c-wrapper-carousel-textbox .c-carousel-textbox .slick-dots button:hover,
.c-wrapper-carousel-textbox .c-carousel-zahlen-und-fakten .slick-dots button:focus,
.c-wrapper-carousel-textbox .c-carousel-zahlen-und-fakten .slick-dots button:hover,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel .slick-dots button:focus,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel .slick-dots button:hover,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-textbox .slick-dots button:focus,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-textbox .slick-dots button:hover,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-zahlen-und-fakten .slick-dots button:focus,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-zahlen-und-fakten .slick-dots button:hover {
  border: 3px solid #2d6f9e;
  background: #fff;
}
.c-wrapper-carousel .c-carousel .slick-dots .slick-active button:disabled,
.c-wrapper-carousel-textbox .c-carousel .slick-dots .slick-active button:disabled,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel .slick-dots .slick-active buttons:disabled {
  cursor: default;
}
.c-wrapper-carousel .c-carousel .slick-dots .slick-active button:focus,
.c-wrapper-carousel .c-carousel .slick-dots .slick-active button:hover,
.c-wrapper-carousel .c-carousel-textbox .slick-dots .slick-active button:focus,
.c-wrapper-carousel .c-carousel-textbox .slick-dots .slick-active button:hover,
.c-wrapper-carousel .c-carousel-zahlen-und-fakten .slick-dots .slick-active button:focus,
.c-wrapper-carousel .c-carousel-zahlen-und-fakten .slick-dots .slick-active button:hover,
.c-wrapper-carousel-textbox .c-carousel .slick-dots .slick-active button:focus,
.c-wrapper-carousel-textbox .c-carousel .slick-dots .slick-active button:hover,
.c-wrapper-carousel-textbox .c-carousel-textbox .slick-dots .slick-active button:focus,
.c-wrapper-carousel-textbox .c-carousel-textbox .slick-dots .slick-active button:hover,
.c-wrapper-carousel-textbox .c-carousel-zahlen-und-fakten .slick-dots .slick-active button:focus,
.c-wrapper-carousel-textbox .c-carousel-zahlen-und-fakten .slick-dots .slick-active button:hover,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel .slick-dots .slick-active button:focus,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel .slick-dots .slick-active button:hover,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-textbox .slick-dots .slick-active button:focus,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-textbox .slick-dots .slick-active button:hover,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-zahlen-und-fakten .slick-dots .slick-active button:focus,
.c-wrapper-carousel-zahlen-und-fakten .c-carousel-zahlen-und-fakten .slick-dots .slick-active button:hover {
  border: 1px solid #585858;
  background: #2d6f9e;
}
/*** Fokus für Lupen-Icon ***/
.picture .loupe:active img,
.picture .loupe:hover img,
.picture .loupe:focus img {
  outline: 2px solid #2d6f9e;
  position: relative;
  top: -2px;
  left: -2px;
}
.picture .loupe:focus img {
  outline: 2px dotted #fff;
}
/*** ZOLLGSB-1070: Fokus bei Schalter "Suche zurücksetzen" [BITV OPL-51]***/
.c-facets-reset__a:hover,
.c-facets-reset__a:focus,
.c-facets-reset__a:active {
    background-color: #2d6f9e;
    text-decoration: underline;
}
.c-facets-reset__a--inactive.c-facets-reset__a:hover {
    background: #f4f8fa;
    text-decoration: none;
    color: #666666;
}
/*** ZOLLGSB-1044: Fokus bei Listbox im Firefox [BITV OPL-56] ***/
#zollUndPostApp button.dropdown:focus,
#zollUndReiseApp button.dropdown:focus {
    outline: 2px solid #2d6f9e;
}
/**** ZOLLGSB-1025: Fokus bei Schriftgrafiken [BITV OPL-7]****/
@media only screen and (min-width: 1024px) {
  #navPrimary > ul > li:focus,
  #navPrimary > ul > li.navprimary__search-overlay-toggle a:focus {
    outline: 3px dotted;
  }
  #navPrimary > ul > li:focus .depth-1__a {
    padding-bottom: 17px;
    border-bottom: 3px solid #1f3347;
    color: #1f3347;
    text-decoration: none;
  }
}
/**** ZOLLGSB-1049: Fokus bei Download in Hinweisbox [BITV OPL-69]****/
.c-marginalspalten-boxen--bild .wrapper-text a:hover,
.c-marginalspalten-boxen--bild .wrapper-text a:focus,
.c-marginalspalten-boxen--bild .wrapper-text a:active {
    text-decoration: underline;
}
/**** Fokus-Darstellung auf 3px angleichen ****/
#header .logo a:focus,
.footer .meta .logo-wrapper a:focus,
.footer .meta a.social:focus,
.StndGallery .galleryPagination .slide a:focus,
.StndGallery .galleryPagination .slide a:hover {
  outline: 3px dotted #000;
}
.StndGallery .galleryPagination .slide {
  height: 106px;
  padding-top: 3px;
}
.StndGallery .galleryPagination .gallery-active:before {
  top: 3px;
  bottom: 4px;
}
/**** Abstand zum Seitenende zur Darstellung des Fokus der Footer-Links ****/
.copyright {
  margin-bottom: 10px;
}
/*** Hoverzustand für Links in Suche-Bühnen ***/
.c-buehne__wrapper .c-suche__user-hint a:active,
.c-buehne__wrapper .c-suche__user-hint a:focus,
.c-buehne__wrapper .c-suche__user-hint a:hover {
    text-decoration: underline;
}
/*** ZOLLGSB-1168: Hochkontrastmodus ***/
@media (forced-colors: active) {
  /* Styles here only apply to Forced Colors Mode */
  form[name*=search] input {
    border: 2px solid currentColor;
  }
}
/*** ZOLLGSB-1170: Fokusreihenfolge Suche ***/
.c-searchteaser.c-searchteaser--icon {
  padding-top: 20px;
  padding-bottom: 20px;
}
.c-searchteaser.c-searchteaser--icon .c-searchteaser__infowrapper,
.c-searchteaser.c-searchteaser--icon .c-searchteaser__textwrapper {
  padding-top: 0;
  padding-bottom: 0;
}
.c-searchteaser.c-searchteaser--icon .c-searchteaser__textwrapper {
  display: flex;
  flex-direction: column;
}
.c-searchteaser.c-searchteaser--icon .c-searchteaser__textwrapper .c-searchteaser__infowrapper {
  order: -1;
  padding-left: 0;
}
.c-searchteaser__catinfo--icon {
  text-transform: none;
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .c-searchteaser.c-searchteaser--icon {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}