/* header: fix logo / name distance */

/* Bootstrap/Sunflower fixes */

.theme--default .bloginfo h2 {
	font-family: "PT Sans";
}

span.aggregated-data-timestamp {
    font-size: 0.7rem;
    /* vertical-align: sub; */
    font-family: 'PT Sans';
}

.questa_slab {
    font-family: 'Questa Slab' !important;
}

footer .radial-main a, footer .radial-main a:hover, footer .radial-main a:focus, footer .radial-main a:active {
    color: #fff;
    text-decoration-line: underline;
    text-decoration-color: #FFF17A;
}

/* Footer + Radial */

footer .radial-main a:hover {
    color: #fff;
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
}

/* Footer Header */
.theme--default footer h3 {
    font-family: 'GrueneType';
}

/* Keywords from Bundestag */
.keywords {
    font-family: 'Questa Slab';

}
.keywords ul {
    display: inline-block;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    margin-right: -.7rem;
    margin-top: -1rem;
    padding: 0;
}

.keywords ul li {
    display: inline-block;
}

.keywords a, .keywords span {
    font-family: 'Questa Slab';
    font-size: 1.1rem;
    line-height: .9;
    font-weight: 400;
    text-decoration: none;
    background: #f2f2f2;
    border: 1px solid transparent;
    border-radius: 2rem;
    color: #067836;
    display: inline-block;
    padding: .5em .8em;
}

.keywords a:focus, .keywords a:hover {
    border: 1px solid #cc134e;
}

/* Radial Backgrounds, from https://www.gruene-bundestag.de/ footer */

.radial-main {
    background: #067840;
    color: #fff;
    overflow: hidden;
    position: relative;
}

.radial-bg-1 {
    background-image: radial-gradient(circle closest-side at center, #01a147 0, #01a647 8%, rgba(61, 149, 186, 0) 100%);
    background-repeat: no-repeat;
    bottom: 60%;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: -2%;
    transform: translate(50%, 50%);
    width: 100%;
}

.radial-bg-2 {
    background-image: radial-gradient(circle closest-side at center, #3d95ba 0, #3d95ba 33%, rgba(61, 149, 186, 0) 100%);
    background-repeat: no-repeat;
    height: 180%;
    pointer-events: none;
    position: absolute;
    right: -5%;
    top: 0;
    transform: translate(50%, -50%);
    width: 100%;
}

.radial-bg-3 {
    background-image: radial-gradient(circle closest-side at center, #6eb22a 0, #79ba28 20%, rgba(61, 149, 186, 0) 100%);
    background-repeat: no-repeat;
    height: 190%;
    left: -10%;
    pointer-events: none;
    position: absolute;
    top: 114%;
    transform: translate(-50%, -50%);
    width: 100%;
}

/* Custom elements: Raute-Hintergrund */

.decoration-primary:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    background: #005437;
    width: 100vw;
    height: 125%;
    right: 0;
    top: 50%;
    transform: skewX(-12deg) translateY(-50%);
}

.decoration-primary {
    position: relative;
    z-index: 0;
    /*cursor: pointer;*/
    display: inline-block;
    padding-right: 2.5rem;
    color: #fff;
}

.decoration-primary .btn {
    vertical-align: top;
}

.decoration-primary a {
    color: #fff;
    text-decoration: underline;
}

.decoration-primary a:active, .decoration-primary a:hover {
    color: #fff;
    text-decoration: underline;
    text-decoration-color: #6eb22a;
}

/* Custom elements: Edding-Marker */
/* Highlighted class, see https://afd-verbot.jetzt/de/abgeordnetentool for example */
.highlighted {
    position: relative;
    display: inline-block;
    /* font-weight: 900; */
}
.highlighted:after {
    content: "";
    position: absolute;
    z-index: -1;
    margin-left: -2%;
    top: 30%;
    left: 0;
    height: 70%;
    width: 104%;
    transform: skewY(-4deg);
    transform-origin: left bottom;
    background: #FFF17A; /* Hier eine GRÜNE Farbe */
}

.highlighted.tanne, .highlighted.himmel {
    color: #F5F1E9;
}

.highlighted.tanne:after {
	background: #005538;
}

.highlighted.klee:after {
	background: #008939;
}

.highlighted.grashalm:after {
	background: #8ABD24;
}

.highlighted.sand:after {
	background: #F5F1E9;
}

.highlighted.himmel:after {
	background: #0BA1DD;

}

.highlighted.sonne:after {
	background: #FFF17A;
}

.highlighted.pink:after {
	background: #ff6dae;
}

/* "rich-text" aka Marker Link */
:root {
    --mark-height: 0.8em;
    --mark-color: #fff17a;
    --mark-skew: calc(var(--mark-height) / 100 * 22.5);
    --mark-overlap: 0.3em
}
.rich-text a {
    cursor: pointer;
    --tw-text-opacity: 1;
    color: rgb(0 84 55/var(--tw-text-opacity));
    text-decoration-line: underline;
    text-underline-offset: 4px
}

.rich-text a:active,.rich-text a:hover {
    text-decoration-line: none;
    margin-inline:calc(var(--mark-overlap) * -1);padding-inline: var(--mark-overlap);
    background-color: transparent;
    background-image: linear-gradient(to bottom right,transparent 0 50%,var(--mark-color) 50% 100%),linear-gradient(var(--mark-color),var(--mark-color)),linear-gradient(to top left,transparent 50%,var(--mark-color) 50%);
    background-size: calc(var(--mark-skew)) calc(var(--mark-height)),calc(100% - var(--mark-skew) * 2 + .5px) var(--mark-height),calc(var(--mark-skew)) var(--mark-height);
    background-position: 0 100%,bottom,100% 100%;
    background-repeat: no-repeat;
    color: inherit;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.rich-text a:visited {
    --tw-text-opacity: 1;
    color: rgb(0 84 55/var(--tw-text-opacity));
    text-decoration-line: underline;
    text-underline-offset: 4px
}

/* Custom elements: Sonnenblumen-Hintergrund */

.sunflower-background {
    background-image: url("/static/images/sunflower.4f17bad19c65.jpg");
    position: relative;
    background-size: cover;
    background-position-x: center;
    background-position-y: top;
    overflow: hidden;
    padding: 3.5rem 0;
}

.sunflower-background h1 {
    color: #fff;
    text-shadow: 0 5px 15px black;
}

/* Bootstrap: Carousel fixes */

.carousel-caption {
    background-color: #005437;
    opacity: 0.91;
}

/* Bootstrap: Alert fixes */

.alert p {
    margin-bottom: 0;
}

/* Bootstrap: Navigation / Pagetree class="subpages" */
nav.subpages.navbar-light .navbar-nav > .nav-item {
    border-bottom: 4px solid #005437;
}

nav.subpages.navbar-light .navbar-nav > .nav-item:hover {
    border-bottom: 4px solid #0BA1DD;
}

nav.subpages.justify-content-center .navbar-collapse {
    justify-content: center;
}

/* Animated Typing rotatingtext */
.rotatingtext-word {
    position: absolute;
    width: 220px;
    opacity: 0;
}

.rotatingtext-word .letter {
    display: inline-block;
    position: relative;
    float: left;
    transform: translateZ(25px);
    transform-origin: 50% 50% 25px;
}

.rotatingtext-word .letter.out {
    transform: rotateX(90deg);
    transition: transform 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.rotatingtext-word .letter.behind {
    transform: rotateX(-90deg);
}

.rotatingtext-word .letter.in {
    transform: rotateX(0deg);
    transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/* Blauer Kreis Störer */
.circle {
    width:500px;
    height:500px;
    border-radius:250px;
    font-size:50px;
    color:#fff;
    line-height:500px;
    text-align:center;
    background:#0BA1DD;
    font-family: GrueneType;
    transform: rotate(-7deg);
    display: block
}

/* djangoCMS branding */
.cms-icon-logo:before, div.cms .cms-toolbar-item-logo a:before {
    content: "GrünenCMS" !important;
    font-family: 'GrueneType' !important;
}

/* gruene_cms Calendar Plugin */

.calendarnode {
    padding-top: 0.44rem;
}

/* gruene_cms News Plugin */

.news-table .news-summary p, .news-table .news-title, .news-table .news-subtitle, .news-table .news-meta {
    font-size: smaller;
}

.news-table .news-meta {
    font-size: small;
}

.news-content-rendered ol > li {
    padding-top: 1rem;
}

/* remove first image from news-summary (Deutschlandfunk) and some brs */

.news-summary > p > img, .news-summary > p > br {
    display: none;
}

input#id_q, input[name="q"] {
    font-family: 'GrueneType';
    padding: 0.5rem;
}

.theme--default h2.news-subtitle {
    font-family: 'Questa Slab';
}

.news-bg-opacity {
    background-repeat: no-repeat;
    background-blend-mode: lighten;
    /*
    background-size: cover;
    background-position: center;
    */
    background-size: 50%;
    background-position: center right;

    background-color: rgba(255, 255, 255, 0.8);
}

/* gruene_cms WebDAV Plugin */

.folder-list li.folder {
    list-style-image: url("/static/images/Icons-mini-folder.c02b0d0684cf.gif");
}

.folder-list li.file {
    list-style-image: url("/static/images/Icons-mini-page_text.a6b2b4ca0eb1.gif");
}

.folder-list li.image {
    list-style-image: url("/static/images/Icons-mini-image.afaf217b75f8.gif");
}

.folder-list li.audio {
    list-style-image: url("/static/images/Icons-mini-page_sound.a8ea38b8bdd7.gif");
}

.folder-list li > ul, .folder-list li > ol {
    margin-bottom: 0;
    margin-left: 0;
}

/* accordion */

.accordion-button {
    padding: 0.25rem 1rem;
}

.accordion-header {
    opacity: 0.25;
}

.accordion-header:hover {
    opacity: 1;
}

/* Gruenen CMS Simple Menu */
nav.subpages.navbar-light .navbar-nav > .nav-item.active {
    border-bottom: 4px solid #0BA1DD;
}

/* missing bootstrap styles */

.font-weight-light {
    font-weight: 100 !important;
}

/* form */
.form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after {
    background-color: inherit;
}

/* Newsticker */
.newsticker-item blockquote {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 2rem;
    border-left: 3px solid #eee;
    padding-left: 1rem;
    font-style: italic;
    font-family: serif;
    font-synthesis: none; /* avoids italic emojis */
}
  .newsticker-summary p {
    margin-bottom: 0.5rem;
    text-wrap-style: pretty;
  }
  .newsticker-summary span.marker {
    background-color: gold;
  }

  .newsticker-summary p cite, cite {
    color: rgb(0, 137, 57) !important;
    font-style: normal;
  }

  .newsticker-summary ul li > ul {
    margin-left: 0;
    list-style-type: circle;
    padding-left: 1.3rem;
  }

  .newsticker-summary ul li > ul li > ul {
    margin-left: 0;
    list-style-type: square;
    padding-left: 1.3rem;
  }

  .hyphens-auto {
    hyphens: auto;
  }
  .newsticker-item sup {
    white-space: nowrap;
  }

  .newsticker-item var {
      font-family: 'PT Sans';
      font-style: italic;
      color: #6d6d6d;
  }

  .newsticker-summary .var-more-content {
    border-left: 1px dashed rgb(0, 137, 57);
    padding-left: 1rem;
    margin-left: calc(-1rem - 1px); /* -1px due to border */
    border-radius: 15px;
  }

  .newsticker-summary td ul {
      margin-bottom: 0;
  }

  .newsticker-item u {
    text-decoration-style: solid;
    text-decoration-color: #fdef79;
    text-decoration-thickness: 5px;
  }

  .newsticker-item h5 {
    line-height: 2rem;
    text-wrap-style: pretty;
  }


  /* Scroll offset */
  .newsticker-item[id]::before {
    content: '';
    display: block;
    height: 2rem;
    margin-top: -2rem;
    visibility: hidden;
  }
  .newsticker-item[id]:target .newsticker-summary {
    border-left: 5px dotted rgb(0, 137, 57);
    padding-left: calc(1rem + 2px);
    margin-left: calc(-1rem - 5px - 2px); /* -1px due to border */
  }


/* Media Querys - overwriting existing styles */


/* Small	sm	≥576px */
@media (min-width: 768px) {
    
}

/* Medium	md	≥768px */
@media (min-width: 768px) {
    .bloginfo .img-container {
        margin-right: 1.25rem;
    }
    
    .decoration-primary {
        padding-right: 3.75rem;
    }
    h4, .h4 {
        font-size: 24px;
    }

    h5, .h5 {
        font-size: 22px;
    }

    img.news-image {
        max-width: 100%;
        /*max-width: 50vw;*/
        /*max-width: 50%;*/
    }
    
    footer .radial-bg-1 {
        bottom: -6%;
        right: 10%;
    }
    footer .radial-bg-2 {
        right: -5%;
        top: 0;
    }
    footer .radial-bg-3 {
        left: -7%;
        top: -25%;
    }

    header .radial-bg-3 {
        left: -5%;
        top: -19%;
    }

    .meta-seperator {
        padding-left: 0.5rem;
    }
}

/* Large	lg	≥992px */
@media (min-width: 992px) {
    .decoration-primary {
        padding-right: 5rem;
    }
    .navbar-light .navbar-nav > .nav-item.active {
        border-bottom: 4px solid #005437;
    }
    .navbar-light .navbar-nav .nav-link.active {
        color: #005437;
    }
    img.news-image {
        max-width: 50vw;
    }
    footer .radial-bg-1 {
        bottom: -15%;
        right: 8%;
    }
    footer .radial-bg-2 {
        right: -15%;
        top: -20%;
    }
    footer .radial-bg-3 {
        left: -27%;
        top: -27%;
    }
    header .radial-bg-3 {
        left: -2%;
        top: -13%;
    }

    .decoration-primary.w-200:before {
    width: 200% !important;
    }

    .decoration-primary.w-105:before {
        width: 105% !important;
    }
}

/* Extra large	xl	≥1200px */

@media (min-width: 1200px) {
    img.news-image {
        max-width: 40vw;
    }
    footer .radial-bg-1 {
        bottom: -20%;
        right: 5%;
    }
    footer .radial-bg-2 {
        right: -5%;
        top: -20%;
    }
    footer .radial-bg-3 {
        left: -10%;
        top: -21%;
    }
    header .radial-bg-3 {
        left: -2%;
        top: -13%;
    }


}

/* Extra extra large	xxl	≥1400px */
@media (min-width: 1400px) {
    img.news-image {
        max-width: 40%;
    }
}


/* fix btn visited */

a.btn-primary.btn:visited, a.btn-secondary.btn {
    color: #eee;
}