/* ===============================
   Font:  Open Sans
   =============================== */


/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('/fonts/open-sans-v44-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('/fonts/open-sans-v44-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('/fonts/open-sans-v44-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('/fonts/open-sans-v44-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('/fonts/open-sans-v44-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('/fonts/open-sans-v44-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('/fonts/open-sans-v44-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/fonts/open-sans-v44-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('/fonts/open-sans-v44-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('/fonts/open-sans-v44-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('/fonts/open-sans-v44-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('/fonts/open-sans-v44-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

body {
  font-family: 'Open Sans', 'Helvetica', 'Arial', 'Verdana', sans-serif;
}

/* ===============================
   Corporate Design Farben
   =============================== */
:root {
  --cd-blue: #4a667a;  /* RGB 74,102,122 */
  --cd-red: #b3242d;   /* RGB 179,36,45 */
  --badge-bg: #ffeb9c; /* Badge Hintergrundfarbe */
  --badge-color: #000; /* Badge Textfarbe */
}

/* ===============================
   Layout / Beautifications
   =============================== */

/* DataTables: Entfernt Pfeile/Markierungen */
.dataTables_filter label::after,
.dataTables_length label::after {
  content: "" !important;
}

/* Hauptbereich flexibel */
[role="main"] {
  min-height: 0;
  border-top: 1px solid rgb(204, 204, 204);
}

/* Abstand oben für Ressourcen & Zusatzinfos */
#dataset-resources,
.additional-info {
  padding-top: 10px;
}

/* Homepage Suchmodul bündig */
.homepage .module-search {
  border: none;
  background: transparent;
  box-shadow: none;
  padding: 0;
  justify-content: center;
}

.homepage .module-search .ster-home-search {
  display: flex;
  justify-content: center;
}

.homepage .module-search form.search-form {
    margin: 0;
    width: 60%;
}

.homepage .module-search .search-input {
  margin: 0;
}

/* Homepage Statistiken hervorheben */
.homepage .stats strong {
  display: block;
  font-size: 300%;
}

.homepage .module-stats {
  padding: 30px;
  margin-top: 20px;
}

/* Homepage Statistik eigen */
.stats-list {
  margin-top: 15px;
}

.stats-list .stat-item {
  flex: 1;
}

.stats-list .stat-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.stats-list i {
  font-size: 1.8em;
  margin-bottom: 5px;
  color: #2c3e50;
}

.stats-list strong {
  font-size: 1.6em;
  line-height: 1.2;
}

.stats-list .label {
  font-size: 0.9em;
  color: #666;
}

/* Optional: Hover wie CKAN */
.stats-list .stat-item a:hover {
  color: #005ea5;
}

.stats-list .stat-item a:hover i {
  color: #005ea5;
}
/* --- ENDE Statistik eigen --- */


/* Homepage Module bündig */
.homepage .module {
  margin: 0;
}

/* Eingebettete Notizen Abstand unten */
.notes.embedded-content {
  padding-bottom: 10px;
}

/* Footer Label Abstand */
.site-footer label {
  margin-top: 3px;
}

/* Well-Boxen: Textumbruch kontrollieren */
.well {
  white-space: normal;
  word-break: keep-all;
}

/* Elemente mit Trennlinie */
.with-separator {
  border-bottom: 1px dotted #dddddd;
}

/* ===============================
   Farben / Corporate Design
   =============================== */

/* Links */
a {
  color: #b32932;   /* Farbe für Links*/
  text-decoration: none;
}

/* Hover und Fokus-Farbe */
a:hover,
a:focus {
  color: #b32932; /* rote Farbe beim Hover */
  text-decoration: underline; /* optional */
}

/* Farbe der Willkommens-Überschrift anpassen */
.homepage .module-promotion h1 {
  color: #b32932;
  font-weight: bold;     /* optional */
  margin-bottom: 0.8em; /* optional Abstand */
}

/* Masthead Konto-Bereich */
.account-masthead {
  background-color: var(--cd-red);
}

.account-masthead .account .notifications a span.badge,
span.badge {
  color: var(--badge-color);
  background-color: var(--badge-bg);
  border-radius: 4px;
  margin-left: 3px;
}

span.ckan-icon-flame {
  margin-bottom: 3px;
}

.account-masthead .account ul li a {
  color: rgba(255, 255, 255, 0.6);
}

.account-masthead .account ul li a:hover {
  color: rgba(255, 255, 255, 0.7);
  background-color: #003e69;
}

/* Hauptnavigation */
.masthead {
  background-color: var(--cd-blue);
}

.masthead .navigation .nav-pills li a:hover {
  background-color: #003e69;
  color: #fff;
}

.masthead .navigation .nav-pills li.active a {
  background-color: var(--cd-blue);
}

/* Suchfeld Fokus */
.masthead input[type="text"]:focus {
  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.7);
}

/* Homepage Suchmodul transparent */
.homepage .module-search .module-content,
.homepage .module-search .tags {
  background: transparent;
  padding: 0;
}

/* Footer */
body,
.site-footer {
  background-color: var(--cd-blue);
}

.site-footer,
.site-footer label,
.site-footer small,
.site-footer a {
  color: rgba(255, 255, 255, 0.6);
}

/* ===============================
   Sonstiges
   =============================== */

/* Medien Overlay / Feeds ausblenden */
.media-overlay {
  display: none;
}
.homepage .module-feeds {
  display: none;
}

/* Startseiten-Bild */
.homepage img[alt="Open Data Greifswald"] {
  max-width: 900px;
  width: 100%;
  height: auto;
  display: block;
  margin: 20px auto 0;
  border-radius: 8px; /* optional */
}


.greifswald_homepage_title_img div {
    width: 100%;
    text-align: right;
    margin-bottom: 20px;
}

.greifswald_homepage_title_img div img {
    width: 100%;
    /* object-fit: cover; */
    /* object-position: center; */
    /* aspect-ratio: 3.73/1; */
    max-width: 1000px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.greifswald_homepage_title_img div span {
    color: #000;
    background-color: rgba(220, 220, 220, 0.75);
    padding: 5px;
}

/* homepage groups */

.front-categories {
    margin: 20px auto;
    padding: 0 !important;
    /* max-width: 940px; */
}
.front-categories .view-content {
    align-content: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin:  0 auto 0;
    position: relative;
    z-index: 1;
    width: 85%;
    justify-content: flex-start;
}
.front-categories .view-content div.grid-2 {
    /* flex: 1 0 calc(14% - 0.5%); */
    aspect-ratio: 1/1;
    width: 13.5%;
    margin: 0.25%;
}
.front-categories .view-content div.grid-2 div {
    height: 100%;
    width: 100%;
}
.front-categories .view-content div.grid-2 a {
    background-color: #ffffff;
    /* background-color: #dcdcdc; */
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: 0.8125rem;;
    font-weight:700;
    /* height: 190px; */
    height: 100%;
    justify-content: space-between;
    line-height: 14px;
    padding: 8px 5px 0;
    text-align: center;
    text-decoration: none;
    transition: top 0.2s ease-out, left 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.front-categories .view-content div.grid-2 a:hover {
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .25);
    transform: scale(1.1);
    z-index: 10;
}
.front-categories .view-content div.grid-2 a i.icon-large {
    color: #202020;
    display: block;
    font-size: 2rem;
    height: 45px;
    line-height: 45px;
}
.front-categories .view-content div.grid-2 a img {
    height: 45px;
    width: 45px;
    margin: auto;
}
.front-categories .view-content div.grid-2 a p.data-name {
    display: block;
    min-height: 50px;
    margin: 2.5px 0 2.5px 0;
}
.front-categories .view-content div.grid-2 a p.data-count {
    font-weight: bold;
    text-transform: none;
    margin: 0 0 5px 0;
}
.front-categories .view-content div.grid-2 a p.data-count span {
    color: #333;
}

@media (max-width: 1199px) {
    .front-categories .view-content div.grid-2 {
        /* flex: 1 0 calc(20% - 0.5%); */
        margin: 0.25%;
        width: 19.5%;
    }
}

@media (max-width: 991px) {
    .front-categories .view-content div.grid-2 {
        /* flex: 1 0 calc(25% - 0.5%); */
        margin: 0.25%;
        width: 24.5%;
    }
}

@media (max-width: 639px) {
    .front-categories .view-content div.grid-2 {
        /* flex: 1 0 calc(33% - 0.5%); */
        margin: 0.25%;
        width: 32.5%;
    }
}

@media (max-width: 477px) {
    .front-categories .view-content div.grid-2 {
        /* flex: 1 0 calc(50% - 0.5%); */
        margin: 0.25%;
        width: 49.5%;
    }
}

@media (max-width: 316px) {
    .front-categories .view-content div.grid-2 {
        flex: 1 0 1;
        margin: 0.25% 0;
        width: 100%;
    }
    .front-categories .view-content {
        flex-direction: column;
    }
}

/* versteckt komplette Form-Gruppe (Label + Input) */
.scheming-hidden-field {
  display: none !important;
}

/* markdown page */

.greifswald_page {
  margin: 0 auto;
  width: 100%;
  padding: 1rem;
}

.greifswald_page h1 {
  font-size: 2.2em;
  font-weight: 600;
  margin: 24px 0 0 0;
  border-bottom: none;
  color: #4A667A;
}

.greifswald_page h2 {
  border: none; 
  margin-top: 0;
}

.greifswald_page .info-box {
border-left: 4px solid #B3242D;
padding: 12px 16px;
background-color: #fff5f5;
margin: 20px 0;
border-radius: 4px;
}

.greifswald_page h4 {
  border-left: 4px solid #B3242D; 
  padding: 12px 16px; 
  background-color: #fff5f5;
}

.greifswald_page hr {
  border: none; 
  border-top: 2px solid #4A667A; 
  margin: 22px 0 22px 0;
}
/* Beta Banner */

.cr {
    width: 210px;
    padding: 16px;
    position: absolute;
    text-align: center;
    color: #f0f0f0;
    z-index: 1;
  }

  

  .cr-sticky {
    position: fixed;
  }

  /* Positions */

  .cr-top    { top: 25px; }
  .cr-bottom { bottom: 25px; }
  .cr-left   { left: -50px; }
  .cr-right  { right: -50px; }


  /* Rotations */

  .cr-top.cr-left,
  .cr-bottom.cr-right {
    transform: rotate(-45deg);
  }

  .cr-top.cr-right,
  .cr-bottom.cr-left {
    transform: rotate(45deg);
  }
  
  /* Colors */

  .cr-white     { background-color: #f0f0f0; color: #444; }
  .cr-black     { background-color: #333; }
  .cr-grey      { background-color: #999; }
  .cr-blue      { background-color: #39d; }
  .cr-green     { background-color: #2c7; }
  .cr-turquoise { background-color: #1b9; }
  .cr-purple    { background-color: #95b; }
  .cr-red       { background-color: #e43; }
  .cr-orange    { background-color: #e82; }
  .cr-yellow    { background-color: #ec0; }