@charset 'iso-8859-15';

/* -------------------- bider und tanner colors
H      S       V        rgb hex
210.0  100.0   40.0     #003366
210.0   77.8   53.3     #1e5388
210.0   55.6   66.6     #4b7baa
210.0   33.4   79.9     #88aacc
210.0   11.2   93.2     #d3e1ee
*/

/* -------------------- blue header */
header > table > tbody .icon-menu,
header > table > tbody .icon-notepad,
header > table > tbody .icon-user,
header > table > tbody .icon-basket {
  color:                #d3e1ee;
}
header > table > tbody .icon-menu:hover,
header > table > tbody .icon-notepad:hover,
header > table > tbody .icon-user:hover,
header > table > tbody .icon-basket:hover {
  color:                #88aacc;
}
header .preview.account .icon-user.loggedIn:before {
  background-color:     #4b7baa;
}
header .preview.basket .freeShippingInfo,
header .preview.basket .freeShippingInfo .icon-help {
  color:                #d3e1ee;
}
header .hoverDropdown:hover .hoverDropdownTrigger,
header .hoverDropdown:focus .hoverDropdownTrigger,
header .hoverDropdown.keepVisibleOnAutocomplete .hoverDropdownTrigger,
header .hoverDropdown:hover .hoverDropdownTrigger [class*='icon-'],
header .hoverDropdown:focus .hoverDropdownTrigger [class*='icon-'],
header .hoverDropdown.keepVisibleOnAutocomplete .hoverDropdownTrigger [class*='icon-']{
  color:                #4b7baa;
}
header .headerSearch .quick form {
  border-radius:        0.2rem;
}
header nav.flyoutNavigation > ul > li > a,
header nav.flyoutNavigation > ul > li.active > a,
header nav.flyoutNavigation > ul > li.activePath > a {
  color:                #d3e1ee;
}
header nav.flyoutNavigation > ul > li:hover > a,
header nav.flyoutNavigation > ul > li:focus > a,
header nav.flyoutNavigation > ul > li:active > a {
  color:                #88aacc;
}

/* -------------------- columns */
/* 2018-09-15 mv ersetzt siehe unten */
/*
main h1 + .columns,
main .columns + .columns {
  margin:               0;
}
*/


/* -------------------- article item as tile */
.articleItem.coverItem .sectionHeading {
  border-top:           0.2rem solid #848484;
}
.articleItem.coverItem:hover .sectionHeading,
.articleItem.coverItem:focus .sectionHeading {
  border-top-color:     #003366;
}
/* step M: 3 in a row */
body.step-M main .columns .rack  {
  justify-content:      space-evenly;
}
body.step-M main .columns .rack .column:nth-child(3):not(:last-child) {
  page-break-before:    always;
}

/* -------------------- column biblio item as animation */
main .column.biblio.animation {
  flex-grow:            1;
  margin:               1rem 0 1.2rem 0;
  border-top:           0.2rem solid #848484;
  border-right:         1px solid #e6e8e8;
  border-bottom:        1px solid #e6e8e8;
  border-left:          1px solid #e6e8e8;
  background-color:     #d3e1ee;
  background-image:     linear-gradient(to bottom, #ffffff, #d3e1ee);
  overflow:             hidden;
}
main .column.biblio.animation:hover {
  border-top-color:     #003366;
}
main .column.biblio.animation .query > a {
  position:             relative;
  z-index:              1;
}
main .column.biblio.animation .query h5 {
  margin:               0.8rem 0.8rem 0 0.8rem;
  font-size:            1.6rem;
}
main .column.biblio.animation .query .panel .positions {
  padding-top:          1.2rem;
}
main .column.biblio.animation .query .panel .positions .viewport {
  text-align:           center;
}
main .column.biblio.animation .query .panel .positions .viewport > div:only-child {
  height:               18.6rem;
  width:                12.2rem;
  margin:               0.2rem 0 0.8rem 0;
}

/* -------------------- gift papers */
.bpmSeOptionsGiftPaper .giftpaper.books:before,
.basket.confirm .giftpack .giftpaper.books:before {
  background-image:     url(images/giftPaper-books.jpg);
}
.bpmSeOptionsGiftPaper .giftpaper.feet:before,
.basket.confirm .giftpack .giftpaper.feet:before {
  background-image:     url(images/giftPaper-feet.jpg);
}
.bpmSeOptionsGiftPaper .giftpaper.lines:before,
.basket.confirm .giftpack .giftpaper.lines:before {
  background-image:     url(images/giftPaper-lines.jpg);
}
.bpmSeOptionsGiftPaper .giftpaper.points:before,
.basket.confirm .giftpack .giftpaper.points:before {
  background-image:     url(images/giftPaper-points.jpg);
}
.bpmSeOptionsGiftPaper .giftpaper.xmas:before,
.basket.confirm .giftpack .giftpaper.xmas:before {
  background-image:     url(images/giftPaper-xmas.jpg);
}

/* -------------------- track data */
.tracks .key {
  font-weight:          400;
  font-size:            1.8rem;
}
.tracks table {
  margin-top:           1.6rem;
  border-top:           1px solid #e6e8e8;
}
.tracks td {
  border-top:           0;
  padding-top:          0.2rem;
  padding-bottom:       0.2rem;
}
.tracks td:first-child {
  width:                2.4rem;
  font-size:            1.2rem;
}
.tracks .tl-odd {
  background-color:     #e6e8e8;
}
.tracks .tl-title {
  font-weight:          600;
}
.tracks .tl-symbol {
  width:                0;
}
.tracks .tl-symbol img {
  display:              none;
}
.tracks .tl-links {
  width:                8rem;
}
.tracks .tl-text:last-child {
  font-size:            1.2rem;
  text-align:           left;
}


/* ---Hinweis Adobe DRM stark hervorheben */

.biblioEbookProtection, .biblioEbookProtection a, .biblioFormatProtection , .biblioFormatProtection a {
  color:                red !important;
  font-weight:          600;
}

.biblioFormat, .biblioFormat a {
  color:                black !important;
  font-weight:          600;
}

/* --- Auf Detailseite Titel der Stichwortliste verbergen */
.biblioSubject .label {
  display: none;
}

/* --- Darstellung link zu externem Ticketshop */
/* --- Verlinkungen bei Artikeln (Veranstaltungen) prominenter auszeichnen */
/*Linklist Links prominenter */

.ticketLink, .articleLink a, .linkList a {
  background-color: rgb(75,123,170);
  border-color: rgb(75,123,170);
  color: rgb(255,255,255);
  padding-left: 6px;
  padding-right: 6px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-radius: 2px;
  font-size: 1.8rem;
margin-top: 1rem;
}

.ticketLink:hover, .articleLink a:hover, .linkList a:hover {
  background-color: rgb(30,83,136);
  border-color: rgb(30,83,136);
  color: rgb(255,255,255);
}

.linkList a + a::before {
  color: rgb(75,123,170);
  content: '';
}

/* ---Groesseres Icon auf der Download-Seite für Speichern */
/* ---Erwarte klasse downloadpage von Entwicklung */

.icon-save {
  height: 3.6rem;
  width: 3.6rem;
  background-color: rgb(75,123,170);
  border-color: rgb(75,123,170);
  border-radius: 4px;
}

.icon-save:hover {
  background-color: rgb(30,83,136);
  border-color: rgb(30,83,136);
  color: rgb(255,255,255);
}

.icon-save::before {
  font-size: 2.6rem;
  color: white;
  top: 0.6rem;
  left: 0.5rem;
}

/* Titel auf Kacheln blau einfärben */

.articleItem.coverItem:not(.eventArticle) .sectionHeading {
  padding-top: 0;
  padding-bottom: 0;
  background-color: rgb(30,83,136);
  border-color: rgb(30,83,136);
}

.articleItem.coverItem:not(.eventArticle) .articleHeading, .articleItem:not(.eventArticle).coverItemPlus .articleHeading {
  color: white !important;
  background-color: rgb(30,83,136);
  border-color: rgb(30,83,136);
} 

/* Titel auf Kacheln auf kleinen Bildschirmen verkleinern */

@media (max-width: 576px) {
  .articleItem.coverItem .articleHeading, .articleItem.coverItemPlus .articleHeading {
    font-size: 1.3rem;
 }
}


@media (min-width: 992px) {
  .articleItem.coverItem:not(.eventArticle)  .articleHeading, .articleItem.coverItemPlus:not(.eventArticle)  .articleHeading {
    font-size: 2rem;
 }
}

/* -------------------- columns */
/* 2018-09-15 mv handling Abstand zwischen Reihen  */

main h1 + .columns,
main .articleDetail +.columns,
main .columns + .columns {
  margin: 0;
}

/* ---auf Seite mit BT-Magazin die Uebeblendung auf Cover ausschalten (Seite mit Klasse bt-magazin */
.bt-magazin .sectionHeading 
{ 
  display: none; 
}

/* ---Grösserer Abstand rechts bei Logo */
.headerLogo {
  width: 22.3rem;
}

/* ---Grösserer Abstand unter Artikel-Animation auf detailseite */
/* Müsste auch entsprechende Seiten-Klasse haben, wie download */
.articleAnimation {
  margin-bottom: 2rem;
}

/* ---Problem mit den Titel-Link überdeckenden divs in Accordions Korr. Hotfix 20.9.2018 */
/*
.animation .query .heading {
  margin-bottom: 0;
}
*/

/* ---Bei Aktualitaets-Slider die Navigation wegnehmen */
.no-slider-navigation .animation .query .panel .pagination .up,
.no-slider-navigation .animation .query .panel .pagination .down,
.no-slider-navigation .animation .query .panel .bobble {
  display: none !important;
}

/* KLK-Tag Artikel des Monats */
.biblioTag .value .monatsArtikel a  {
  background-color: #1E5388;
  color: white;
  line-height: 2.6rem
}

.biblioTag .value .monatsArtikel a:hover  {
  background-color: #003366;
}

/* ---Gestaltung des Prozent-Zeichens für Rabatt */
.biblioCover .description {
  background-color: #1E5388;
  color: white;
}

/* ---Hilfe-Icons besser sichtbar */

.contextHelp > div .icon-help {
  color: #1E5388 !important;
}
.contextHelp > div .icon-help:hover {
  color: #003366 !important;
}