/*Farbsammlung*/

/*
Grau: #999;
Grau Hover: #D8D8D8;
Blau: #097fcc;
"Schwarz": #151515

*/

/* latin-ext */

/* PMODIF FUNKINFORM TS 2022-07-06 removed for customer */
/*@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/

/* latin */

/* PMODIF FUNKINFORM TS 2022-07-06 removed for customer */
/*@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local("Roboto Light"), local("Roboto-Light"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fBBc4.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}*/

/* latin-ext */

/* PMODIF FUNKINFORM TS 2022-07-06 removed for customer */
/*@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxKOzY.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/

/* latin */

/* PMODIF FUNKINFORM TS 2022-07-06 removed for customer */
/*@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxK.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}*/

/* latin-ext */

/* PMODIF FUNKINFORM TS 2022-07-06 removed for customer */
/*@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2)
      format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
    U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}*/

/* latin */

/* PMODIF FUNKINFORM TS 2022-07-06 removed for customer */
/*@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"),
    url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfBBc4.woff2)
      format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
    U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}*/

/*Farbsammlung*/

/*Links*/

/*a { text-decoration: none; color: #fff; }
a:link { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; color: #D8D8D8; }*/

article.StoryPreviewBox .TextInside .TextContainer a:hover {
  text-decoration: none;
  color: #d8d8d8;
}

body {
  font-family: "Roboto", sans-serif;
  background-color: #45474c;
  /*#3c3d3f;*/
  color: #151515;
  font-weight: 300;
  font-size: 20px;
}

.maxwidth70percent {
  max-width: 70%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .maxwidth70percent {
    max-width: 100%;
  }
}

.marginTop20 {
  margin-top: 20px;
}

.marginTopBottom20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .fullwidth {
    margin-left: -30px;
    margin-right: -30px;
  }
}

.bg-dark {
  background-color: #232222;
  padding: 20px 30px;
  margin-bottom: 0;
  color: white;
}

.bg-dark h2 {
  color: white;
}

.bg-dark-narrow > .col-xs-12 {
  max-width: 80%;
  margin: 0 auto;
  float: none;
}

strong {
  font-weight: 700;
}

.WatchListModule .WatchListText .WatchListHeading {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

/*ZAK Footer*/

.h3zakfooter {
  padding: 16px;
  color: #fff;
}

.zakfooter {
  background-color: #232222;
  font-size: 15px;
}

.zakfooter > .col-xs-12 {
  max-width: 80%;
  margin: 30px auto;
  float: none;
}

.zakfooter a {
  color: #fff;
}

.zakfooter ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.zakfooter li {
  float: left;
}

ul.footer li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

ul.footer.footerortsmarken li a {
  padding-top: 0;
  font-size: 12px;
}

.zakfooter p {
  padding: 16px;
}

.zakfooter img {
  padding-bottom: 10px;
}

.footerBtn {
  background-color: #222223;
  color: white;
  border: 1px solid white;
  border-color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  padding: 8px 16px;
  position: absolute;
  left: 10px;
}

.footerBtn span {
  margin-right: 0;
}

.footerBtn-r {
  left: auto;
  right: 10px;
}

.CustomFooter {
  margin: 0 -15px -20px -15px;
}

.footerortsmarken a {
  color: #999 !important;
}

img[alt="ZAK Logo invertiert"] {
  height: 40px;
}

/*ZAK Footer Ende*/

/*Navbar*/

.navbar {
  margin: 0 -15px 0 -15px;
}

article.StoryPreviewBox .article-heading a {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 18px !important;
}

.StoryShowShare a[title="Google+"] {
  display: none;
}

a.StoryShowPictureLink {
  background-position-y: 6px;
}

/* Druck und Kommentar Icons verstecken */

.StoryShowInteraction a[title=Drucken], .StoryShowInteraction a[title=Kommentare] {
  display: none;
}

/*Artikel Vorspann*/

.StoryShowBox .intro {
  font-weight: 700;
  color: #151515;
  font-size: 20px;
}

.navbar-brand > img {
  max-width: 100%;
}

.breadcrumb {
  display: none;
}

/*Bildunterschrift und Bildcredit in Artikeln*/

figcaption,
.image-credit {
  font-size: 14px;
  color: #999999;
}

.StoryShowGalleryBox figcaption p,
.StoryShowBaseTextBox:not(.Paywall) p:first-child {
  margin-top: -30px;
  background-color: transparent;
  color: #999999;
  margin-left: -5px;
}

.PictureGalleryCopyright {
  float: right;
  margin-top: 0 !important;
}

.img-responsive {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .img-responsive-m {
    width: 100%;
  }
}

/* Logo */

#WcmsLogo img {
  width: 350px;
}

a {
  color: #097fcc;
}

h1,
h2,
h3,
h4 {
  color: #097fcc;
}

/* Zwischentitel */

.StoryShowBaseTextBox p .IMTitle {
  margin-top: 30px;
  border: none;
  background: transparent;
  font-weight: 600;
  margin-bottom: 0;
}

/* Topstories, Artikellisten und Ressort-Seiten) */

article.StoryPreviewBox h1.article-heading {
  font-size: 28px;
  color: white;
  font-weight: 700;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  article.StoryPreviewBox h1.article-heading {
    font-size: 14px;
  }
}

article.StoryPreviewBox h2.article-heading,
article.StoryPreviewBox .TextInside .TextContainer h2 {
  font-size: 13px;
  font-weight: 700;
  color: white;
  line-height: 1.3;
}

@media screen and (min-width: 1200px) {
  article.StoryPreviewBox h2.article-heading a,
  article.StoryPreviewBox .TextInside .TextContainer h2 {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .topStory-l {
    margin-right: -27px;
  }
  .topStory-r-top,
  .topStory-r-bottom {
    margin-left: -27px;
  }
  .topStory-r-top article.StoryPreviewBox .TextInside {
    margin-bottom: 12px;
  }
}

.topStories .padding-bottom-20.visible-xs {
  padding-bottom: 0;
  margin-bottom: 18px;
}

/* Ende Topstories */

#DesktopNavigation li a span.caret {
  display: none;
}

.headline-newsubscription {
  font-family: "Roboto", sans-serif;
  font-size: 20px;
}

/*
 * Artikelüberschrift Örtlichkeit, Datum und Bookmark-Icon
 */

.ZAKLocation {
  color: #097fcc;
  text-transform: uppercase;
  display: inline;
}

.ZAKLocation + .row {
  margin: 0;
}

.row .StoryShowInteraction {
  margin-top: -34px;
  width: 100%;
  padding: 0;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .row .StoryShowInteraction {
    margin-top: -30px;
  }
}

.AddToWatchListLink {
  width: 30px;
  height: 30px;
  background: #097fcc;
  display: block;
  text-align: center;
  margin-right: -18px;
}

.AddToWatchListLink svg {
  width: 16px;
  height: 16px;
}

.AddToWatchListLink svg > path {
  fill: white !important;
}

/* Artikel Meta Block */

.StoryShowMeta.col-xs-12 {
  margin: 0 20px;
}

/* Leere Unter-Überschriften ausblenden */

h2:empty {
  display: none;
}

/* Artikelüberschrift - linksbündig */

article.StoryPreviewBox .TextInside .TextContainer {
  background: rgba(0, 0, 0, 0.4);
  text-align: left;
  color: #fff;
  padding: 8px 10px 12px 10px;
}

/* Autor Metatag Vorschauboxen*/

.StoryPreviewBoxZAK .article-meta span {
  font-size: 12px;
  color: #fff;
}

/* Autor Metatag Webseite*/

.article-meta {
  font-size: 12px;
  color: #999;
}

.article-pubdate span {
  color: #097fcc;
  font-size: 12px;
}

.StoryPreviewBoxArticleZAK .article-meta span {
  font-size: 12px;
  color: #fff;
}

/* headline Teaser Top Story Text im Bild*/

header h1 .article-heading {
  padding-left: 12px;
}

/* Titel über Modulen/Containern */

.headLine,
.headLineSmall {
  font-weight: 700;
  font-size: 32px;
  letter-spacing: -0.02em;
  margin-top: 7px;
  margin-bottom: 7px;
  color: #151515;
  position: relative;
  text-transform: none;
  border: none;
  margin-bottom: 15px;
}

.headLineSmall {
  font-size: 20px;
}

/* Strich-Auszeichnung nach Headlines */

@media screen and (min-width: 480px) {
  .headLine:after,
  .headLineSmall:after {
    content: "___";
    color: rgba(0, 0, 0, 0);
    border-bottom: #097fcc solid 4px;
    bottom: 12px;
    position: absolute;
    margin-left: 7px;
  }
}

.headLineSmall:after {
  bottom: 6px;
}

/* Bildergalerie */

.PictureGalleryNavigation.headLine {
  font-size: 16px;
}

.PictureGalleryNavigation.headLine:after {
  content: "";
}

.PictureGalleryImage.row figure.row > figcaption.col-md-6 {
  width: 100%;
  font-size: 14px;
  color: #999999;
  padding-top: 5px;
}

/* Gallerien */

.PictureGalleryPreviewModule .PictureGalleryPreviewDoc {
  margin-bottom: 20px;
}

.PictureGalleryPreviewModule .PictureGalleryPreviewDoc .imageContainer {
  margin-bottom: 0;
}

.PictureGalleryPreviewModule
  .PictureGalleryPreviewDoc.PictureGalleryLayer
  div.heading-layer
  span,
.PictureGalleryPreviewModule .PictureGalleryPreviewDoc span.picgallery-heading {
  font-family: Roboto;
  font-weight: 300;
  font-size: 14px;
}

.PictureGalleryPreviewModule
  .PictureGalleryPreviewDoc.PictureGalleryLayer:hover {
  background: #097fcc;
}

.paddingBottom56 {
  padding-bottom: 56px;
}

.CustSwiperGalleryPreviewHeader {
  display: none;
}

.bg-dark .swiper-pagination-bullet {
  background: #fff;
}

/* Kachel Text im Bild */

article.StoryPreviewBox.article-tile .TextInside .article-heading a {
  letter-spacing: -0.01em;
}

article.StoryPreviewBox.article-tile .TextInside .article-heading {
  margin-bottom: 0px;
}

article.StoryPreviewBox .TextInside .TextContainer h3,
article.StoryPreviewBox .article-locality,
article.StoryPreviewBox .article-section,
article.StoryPreviewBox .article-headline,
.WatchListModule .WatchListText .WatchListSection {
  color: #097fcc;
  letter-spacing: -0.02em;
}

/* Kompakt Text im Bild*/

article.StoryPreviewBox.article-compact h4 {
  margin-bottom: 5px;
  margin-left: 2px;
}

/* ohne layout = standard */

/*PMODIF JST 2018-11-14 removed mail 14.11. hjs*/

article.StoryPreviewBox .TextInside .TextContainer h2 {
  /*margin-left: 3px;*/
  margin-bottom: 5px;
}

/* abstand bild zum text bild oben text unten kachel*/

article.StoryPreviewBox figure {
  margin-bottom: 14px;
}

/*Abstand Titel zum Text */

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  margin-bottom: 6px;
}

/* Überschrift Text Kompakt" */

article.StoryPreviewBox.article-compact h4 {
  padding-top: 0px;
}

/* Überschrift im Artikel */

.StoryShowBox h1 {
  font-size: 35px;
  letter-spacing: -0.01em;
  /* font-weight: 700; */
  margin-top: 12px;
  margin-bottom: 10px;
  color: #151515;
  font-weight: bold;
}

/* Datum und Autorenzeile*/

.StoryShowBox .artikelhead {
  font-size: 13px;
  letter-spacing: 0em;
  border: 0px;
}

.StoryShowBox .date {
  font-size: 14px;
  display: inline;
}

.StoryShowBox .author {
  font-size: 14px;
  display: inline;
}

/* Zwischenüberschrift */

h3 {
  font-size: 19px;
  font-weight: 700;
}

/* Interviewfrage */

.if {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
}

/* Kastenrahmen Abstand */

.infoblock {
  border: 1px solid #aaa;
  padding: 5px 20px 5px 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}

/* Kastenüberschrift im Artikel */

.infoblock h4 {
  font-weight: 100;
  font-size: 28px;
}

.NavigationHeader {
  font-size: 16px;
}

/* Tabellen */

.table > tbody {
  font-size: 16px;
}

.table-no-border > tbody > tr > td {
  border: none !important;
}

.table-responsive {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/*
 *
 * ZAK Plus Icons
 *
 *
 */

.premium {
  width: 60px;
  height: 30px;
  background-image: url(/MediaLayout/zak-plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  color: rgba(0, 0, 0, 0);
  z-index: 10;
}

/* In Top Stories */

.topStories .premium {
  position: absolute;
  top: 10px;
}

/* On article top */

.StoryShowInteraction .premium {
  left: auto;
  top: 4px !important;
  bottom: auto;
  right: 44px;
  position: absolute;
}

/* anpassung an verschiedene spaltenbreiten und screengrößen */

@media screen and (min-width: 768px) {
  div[class="col-xs-12 col-sm-6 col-sm-push-6"] .premium {
    position: absolute;
    left: -174px;
    top: 10px;
  }
  div[class="col-xs-12 col-sm-9 col-sm-push-3"] .premium {
    position: absolute;
    left: -112px;
    top: 4px;
  }
  div[class="col-xs-12 col-sm-8 col-sm-push-4"] .premium {
    position: absolute;
    left: -154px;
    top: 4px;
  }
  .RelatedWebStoriesModule .col-xs-12 .premium {
    position: absolute;
    top: -40px;
    left: 14px;
  }
  .StoryPreviewBox .premium {
    position: absolute;
    top: 10px;
  }
}

@media screen and (min-width: 992px) {
  .premium {
    width: 80px;
  }
  div[class="col-xs-12 col-sm-6 col-sm-push-6"] .premium {
    left: -228px;
  }
  div[class="col-xs-12 col-sm-9 col-sm-push-3"] .premium {
    left: -148px;
  }
  div[class="col-xs-12 col-sm-8 col-sm-push-4"] .premium {
    left: -204px;
  }
  .StoryShowInteraction .premium {
    top: 0 !important;
  }
  .RelatedWebStoriesModule .col-xs-12 .premium {
    top: -48px;
  }
}

@media screen and (min-width: 1200px) {
  .premium {
    width: 100px;
  }
  div[class="col-xs-12 col-sm-6 col-sm-push-6"] .premium {
    left: -278px;
  }
  div[class="col-xs-12 col-sm-9 col-sm-push-3"] .premium {
    left: -180px;
  }
  div[class="col-xs-12 col-sm-8 col-sm-push-4"] .premium {
    left: -250px;
  }
}

.fixed {
  position: fixed;
}

/* Social Buttons */

.StoryShowShare {
  width: 100%;
  font-size: 14px;
  margin: 20px 0 50px 0;
}

.StoryShowShare > div {
  font-weight: 700;
  color: #151515;
  font-size: 20px;
}

.StoryShowShare ul {
  margin-left: 0;
}

.StoryShowShare a,
.StoryShowShare a:active {
  color: white;
}

.StoryShowShare a:hover {
  text-decoration: none;
}

.StoryShowShare li:nth-child(1) {
  background: #395b94;
}

.StoryShowShare li:nth-child(2) {
  background: #1482bf;
}

.StoryShowShare li:nth-child(3) {
  background: #4f4f4f;
}

.StoryShowShare img {
  height: 14px;
  width: 14px;
  margin: 8px;
  display: block;
  float: left;
}

.StoryShowShare span {
  background: rgba(255, 255, 255, 0.15);
  display: block;
  margin-left: 32px;
  padding: 5px 12px;
  height: 30px;
}

.StoryShowShare li {
  margin-right: 10px;
  padding: 0;
}

/*
 * Paywall
 */

.CustomBaseTextWithGradient {
  position: relative;
  display: inline-block;
}

.CustomGradient {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    white 90%
  );
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(255, 255, 255, 0)),
    color-stop(90%, white)
  );
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 90%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.CustomPaywallHiddenTextHint {
  color: #097fcc;
  font-size: 14px;
  font-weight: 500;
}

.CustomPaywallHiddenTextHint:after {
  content: "__________";
  color: rgba(0, 0, 0, 0);
  border-bottom: 3px solid #097fcc;
  width: 30%;
  display: block;
  height: 8px;
}

.CustomPaywall {
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  padding: 15px;
  margin-top: 20px;
}

.CustomPaywall > div:first-child {
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	background: #097fcc;
	padding: 18px;
	margin: -15px -15px 0 -15px;
	/* text-align: center; */
 }
 
 .CustomPaywall div:first-child + div {
	background: none;
 }
 
 .CustomPaywall .AboLink,
 .CustomPaywall .RegLink,
 .CustomPaywall .panel-heading {
	text-align: center;
	margin-top: 15px;
	padding: 10px;
	background: #eee;
 }
 
 .CustomPaywall a {
	font-weight: 500;
	color: #097fcc;
 }
 
 .CustomPaywall .custom-purchase .panel:nth-child(2) {
	display: none;
 }
 .CustomPaywall .panel {
	border: none;
	border-radius: 0;
	padding: 0;
 }
 .CustomPaywall .panel-title {
	font-size: 20px;
 }
 
 .WcmsPageWideBannerPlaceHolder.col-md-8 {
  width: 100%;
  max-width: 70%;
  margin: 0 auto;
  float: none;
}

@media screen and (max-width: 767px) {
  .WcmsPageWideBannerPlaceHolder.col-md-8 {
    max-width: 100%;
  }
}

/* Autorenbild unter headline ausblenden */

p.author > img {
  display: none;
}

/* Autor folgen Funktion ausblenden */

.AddFollowAuthor {
  display: none;
}

/* Autorenbild am Artikelende */

.StoryAuthors .AuthorShowModule .row > .col-md-3 {
  top: -55px;
}

/* Textlisten */

.TextGalleryNavigation.headLine {
  font-size: 20px;
}

.TextGalleryNavigation.headLine:after {
  content: "";
}

.TextListBoxContent {
  font-family: Roboto;
  font-weight: 300;
  font-size: 26px;
}

.TextListBoxContent > p:first-child {
  margin-top: 0 !important;
  margin-left: 0 !important;
}

/*Abo*/

.SubscriptionNewOption {
  background: none;
  padding: 10px 0 0 0;
}

@media screen and (min-width: 768px) {
  .SubscriptionNewOption > ul {
    min-height: 130px;
    margin-left: 0px;
    padding-left: 20px;
  }
}

.SubscriptionNewOption > a {
  width: 100%;
}

/* Abo Print Button Farben */

#m_wctrlPrintSubscriptions .row:nth-child(3) .col-md-3:nth-child(1) a {
  background: #0b9444;
}

#m_wctrlPrintSubscriptions .row:nth-child(3) .col-md-3:nth-child(2) a {
  background: #f1592a;
}

#m_wctrlPrintSubscriptions .row:nth-child(3) .col-md-3:nth-child(3) a {
  background: #13a89e;
}

#m_wctrlPrintSubscriptions .row:nth-child(3) .col-md-3:nth-child(4) a {
  background: #262262;
}

/* Abo Digital Button Farben */

#m_wctrlDigitalSubscriptions .row:nth-child(3) .col-md-3:nth-child(1) a {
  background: #f1592a;
}

#m_wctrlDigitalSubscriptions .row:nth-child(3) .col-md-3:nth-child(2) a {
  background: #13a89e;
}

#m_wctrlDigitalSubscriptions .row:nth-child(3) .col-md-3:nth-child(3) a {
  background: #262262;
}

#m_wctrlDigitalSubscriptions .row:nth-child(3) .col-md-3:nth-child(4) a {
  background: #662d91;
}

/*Buttons*/

.btn-primary {
  background-color: #097fcc;
}

/*Law stuff*/

.law {
  font-size: 10px;
}

/*Market fixes*/

.MarketNav a:hover {
  text-decoration: none;
}

.MarketNav a:hover .market-subhead,
.MarketNav a:hover .market-headline {
  color: #204060;
}

.MarketNav .col-md-4 .market-background {
  background: transparent;
}

.MarketNav .col-md-4 h2:after {
  content: ":";
}

.MarketNav .col-md-4 .ad-links {
  margin-right: 0;
}

.MarketNav .col-md-4 h2,
.MarketNav .col-md-4 .ad-links a {
  color: #097fcc;
}

.MarketNav .col-md-4 .ad-links p {
  text-align: center;
  margin-top: 20px;
}

.MarketNav .col-md-8 .market-background {
  background-color: #097fcc;
}

.MarketNav .market-headline {
  color: #097fcc;
}

.MarketNav .col-md-8 .market-subhead,
.MarketNav .col-md-8 .market-headline {
  font-size: 16px;
}

.MarketNav .col-md-8 .market-headline {
  margin-top: 28px;
}

.MarketSearchBoxBgk .col-md-6 > #btnSearch input[type=submit] {
  background-color: #097fcc;
  color: white;
  border: none;
  padding: 5px 15px;
  height: auto;
  width: auto;
  margin: 10px 0;
}

.MarketSearchBoxBgk > #btnSearch input[type=submit] {
  background-color: #097fcc;
  color: white;
  border: none;
  padding: 5px 15px;
  height: auto;
  margin: 10px 0;
}

#btnSearch {
  padding: 0;
}

@media screen and (max-width: 768px) {
  .MarketSearchBoxBgk {
    padding: 0;
    margin: 0;
  }
  .MarketSearchCtrl {
    height: 300px;
  }
}

.MarketShowLeftContent a:not(:first-child) {
  display: none;
}

.MarketShowRight {
  display: none;
}

/*Customer area "Mein konto"*/

/*Konto löschen, Profilbild, Interessen (mobil separat) ausblenden*/

.deleteaccount,
#m_btnChangeProfilPic,
#m_ImgProfilPic,
#ctl00_ctl00_m_wctrlWcmsHeader_m_wctrlLoginLinkMobile_m_waMyContentMobile,
#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_wctrlUserNavigatorModule_m_wliContentPersonalization {
  display: none;
}

/*Pseudonym Eingabefeld und Ausgabe ausblenden*/

.UserEditPage > div:nth-child(3) > .col-md-8 .form-group:nth-child(2) {
  display: none;
}

/*Top Articles Cursor*/

.TextBackground {
  cursor: pointer;
}

/*OptIN*/

.ConsentPurpuseToConfirm {
  padding-bottom: 25px;
}

.ConfirmEmail #SubmitSendConfirmEMail,
.ConfirmEmail #SubmitSendConfirmEMail:hover {
  color: #151414;
  cursor: pointer;
  font-weight: 700;
  display: block;
  margin-top: 10px;
}

/*Gewinnspielbox Padding*/

.gewinnspiel p {
  margin-left: 0px;
}

/* Widget / Dialog */

.ui-widget {
  background: white;
  border: none;
  box-shadow: 0 3px 10px black;
  border-radius: 0;
}

.ui-widget-header {
  border-radius: 0;
  border: none;
  background: #097fcc;
}

/* Content margins */

#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_oContent,
#ctl00_ctl00_m_ctrlMainMasterContentPlaceHolder_m_ctrlMainContentPlaceHolder_m_wctrlNoSubscription {
  margin-bottom: 30px;
}

/* Service dropdown */

#ctl00_ctl00_m_wctrlWcmsHeader_m_oTopNavigation {
  list-style-type: none;
  padding-left: 0;
}

#ctl00_ctl00_m_wctrlWcmsHeader_m_oTopNavigation li {
  padding: 3px 15px;
}

#ctl00_ctl00_m_wctrlWcmsHeader_m_oTopNavigation li > a {
  display: block;
}

/* Userpage */

.UserEditPage .edit-section-header {
  font-family: inherit;
  color: #097fcc;
  font-weight: 700;
}

.Wcms .WcmsContentHeader h1 {
  color: #097fcc;
}

/* Alerts */

.alert-info {
  background-color: #097fcc;
  color: white;
  border: none;
}

.text-info {
  color: #097fcc;
}

.WcmsHint {
  color: #097fcc;
  text-align: left !important;
}

/* Pagination */

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #097fcc;
  border-color: #097fcc;
}

/* Suche */

.searchExtended {
  font-size: 14px;
}

/*Marktplatz*/

#m_hRefLightBox-400 {
  visibility: hidden;
}

/*Trauer-Muster*/

.trauer-padding {
  padding: 15px;
}

/*Dokument Versenden Button*/

#m_ctrlOpenSendMailPanel {
  visibility: hidden;
}

/* Video Über- und Unterschriften */

.VideoShowHeader,
.VideoShowDescription,
.VideoShowDuration {
  display: none;
}

.VideoShowCopyright {
  font-size: 12px;
}

/* Ladespinner */
.zakspinner {
  height: 100px;
  width: 100px;
  margin: 0 auto;
  position: relative;
}
.zakspinner img {
  position: absolute;
}
.zakspinner img:nth-child(1) {
  -webkit-animation: spin 4s linear infinite;
  -moz-animation: spin 4s linear infinite;
  animation: spin 4s linear infinite;
  transform-origin: 50% 50%;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* HTML-Banner */
.banner-outer {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.banner-outer iframe,
.banner-outer a {
  position: absolute;
  height: 100%;
  top: 5px;
  left: 0px;
  /* fixes iOS cropping "bug" */
  min-width: 100%;
  width: 100px;
  *width: 100%;
}

.subscriptionList ul {
  list-style: none;
  padding-left: 0;
}

.subscriptionList li {
  margin-top: 25px;
}

.subscriptionList li a {
  color: #45474c;
}

.WcmsAdHint {
  text-align: center;
}

.BannerModule img {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    margin-left: auto;
    margin-right: auto;
}

 Cookiebot Layout
/*#CybotCookiebotDialog { 
  border: 0px solid #097fcc !important; 
  transform: scale(1,1) !important;
left: 20% !important;
}

@media (max-width: 768px) {
    #CybotCookiebotDialog {
  border: 0px solid #097fcc !important; 
        max-width: 100dvw !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }
}*/

@media screen and (max-width: 480px) {

#CybotCookiebotDialog {
    max-width: calc(100vw - 16px) !important;
    left: 25% !important;
}
#CookiebotWidget.CookiebotWidget-open{
    top: 5px !important;
    left: 10px !important;
    max-width:95vw !important;
}
}

/* AdManager AdUnits */
#bannergrid{
 max-width:90vw;
 min-height:270px;
 padding: 10px 0 10px 10px;
}

#bannergrid::before{
content: "Anzeigen";
    position: absolute;
    top: -10px;
    display: block;
    left: 30px;
    text-transform: uppercase;
    font-weight: 300;
    color: #888b8d;
    font-size: 12px;
}

#zak_medium_rectangle_1{
 width:300px;
 height:250px;
 float: left;
 margin: 0 30px 0 80px;
}

#zak_medium_rectangle_2{
 width:300px;
 height:250px;
 float: left;
 margin: 0 30px 0 0;

}
#zak_medium_rectangle_3{
 width:300px;
 height:250px;
 float:left;
}

@media screen and (max-width: 480px) {
#bannergrid{
 max-width:90vw;
 min-height:270px;
 padding: 10px 0 10px 40px;
}

#bannergrid::before{
content: "Anzeigen";
    position: absolute;
    top: -10px;
    display: block;
    left:30px;
    text-transform: uppercase;
    font-weight: 300;
    color: #888b8d;
    font-size: 12px;
}


#zak_medium_rectangle_1, 
#zak_medium_rectangle_2{
    width:300px;
    height:250px;
    float: left;
    margin: 0 10px 30px 0
 }
}

#zak_skyscraper_1{
    margin: 310px 0 0 20px;
    position: fixed;
}

#zak_skyscraper_1::before{
    content: "Anzeige";
    position: absolute;
    top: -22px;
    display: block;
    left: 0px;
    text-transform: uppercase;
    font-weight: 300;
    color: #ffffff;
    font-size: 12px;
}

#zak_leaderboard_1,
#zak_leaderboard_2,
#zak_billboard_2,
#zak_billboard_3,
#zak_billboard_4{
 height: 250px;
 max-width: 970px;
 min-width: 300px;
 margin: 0 auto;
}

#zak_leaderboard_1::before,
#zak_leaderboard_2::before,
#zak_billboard_2::before,
#zak_billboard_3::before,
#zak_billboard_4::before{
   content:"Anzeige";
    position: absolute;
    top: -18px;
    display: block;
    left: 30px;
    text-transform: uppercase;
    font-weight: 300;
    color: #888b8d;
    font-size: 12px;
}


/* OAA Layout */
.fi-motif-model-item-selected {
		background-color: #097fcc;
}

/* Umfragen Style*/
.SurveyModule H2 {
    margin-top: 15px;
    font-family: "Roboto", sans-serif;
    color: #097fcc;
    font-weight: 500;
    line-height: 1.1;
    font-size: 20px;
}


/*
 *
 * Anzeigen Icon Native Ads
 *
 *
 */

.zakad{
  width: 60px;
  height: 30px;
  z-index: 10;
  left: 0px;
  top: 10px;
}
  div[class=col-md-12] .zakad {
    left: 17px;
    top: -30px;
  }

/* In Top Stories */

.topStories .zakad{
  position: absolute;
  top: 10px;
}

/* On article top */

.StoryShowInteraction .zakad {
  left: auto;
  top: 0px !important;
  bottom: auto;
  right: 44px;
  position: absolute;
}

.StoryPreviewBox .PictureContainer .zakad {
top: 10px !important;
}

/* anpassung an verschiedene spaltenbreiten und screengrößen */

@media screen and (min-width: 768px) {
  div[class="col-xs-12 col-sm-6 col-sm-pull-6"] .zakad {
    position: absolute;
    left: 0px;
    top: 10px;
  }
  .RelatedWebStoriesModule .col-xs-12 .zakad {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .StoryPreviewBox .zakad{
    position: absolute;
    top: 10px;
  }
    div[class=col-md-12] .zakad {
    left: 17px;
    top: -30px;
  }
}

@media screen and (min-width: 992px) {
  .zakad {
    width: 80px;
  }
  div[class=col-md-12] .zakad {
    left: 17px;
    top: -14px;
  }
  div[class="col-xs-12 col-sm-6 col-sm-pull-6"] .zakad {
    left: 0px;
  }
  .StoryShowInteraction .zakad {
    top: 0 !important;
  }
  .RelatedWebStoriesModule .col-xs-12 .zakad {
    top: -48px;
  }
}

@media screen and (min-width: 1200px) {
  .zakad {
    width: 100px;
  }
  div[class="col-xs-12 col-sm-6 col-sm-pull-6"] .zakad {
    left: 0px;
  }
  div[class=col-md-12] .zakad {
    left: 17px;
    top: -12px;
  }


.fixed {
  position: fixed;
}