/**
 * @file
 * Subtheme specific CSS.
 */

  /* ++++++++++++++++++ Fonts ++++++++++++++++ */

   /* ++++++++ Font Awesome einbinden +++++ */
@import url('fontawesome/css/all.min.css'); 

/* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/montserrat-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/montserrat-v26-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  
  /* montserrat-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: 'Montserrat';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/montserrat-v26-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/montserrat-v26-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v26-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* montserrat-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: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/montserrat-v26-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

  
  /* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/montserrat-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/montserrat-v26-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  
  /* montserrat-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: 'Montserrat';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/montserrat-v26-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/montserrat-v26-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  
  /* montserrat-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: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/montserrat-v26-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }
  
  /* montserrat-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: 'Montserrat';
    font-style: italic;
    font-weight: 700;
    src: url('fonts/montserrat-v26-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
         url('fonts/montserrat-v26-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
  }


/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/*header#header a[title]:hover::after {
         content: attr(title);
         font-size: 14px;
         color: white;
         background-color: blue;
         padding: 5px;
         border-radius: 5px;
      }*/

/* ++++++++ Chefredaktionsbereich: Interne Navigation + Data Export +++++++++++ */

.menu--shop-produkt-pwt-kurse ul.nav,
.menu--shop-produkt-jahreszeiten-kurse ul.nav {
    margin-left: 0 !important;
}

.menu--shop-produkt-pwt-kurse ul.nav li.nav-item,
.menu--shop-produkt-jahreszeiten-kurse ul.nav li.nav-item {
    float: none !important;
    display: block !important;
    width: 100% !important;
    margin-bottom: 0 !important;
    border-bottom: 1px dotted #666;
    margin-left: 0 !important;
}

.menu--shop-produkt-pwt-kurse ul.nav li.nav-item a:before,
.menu--shop-produkt-jahreszeiten-kurse ul.nav li.nav-item a:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 18px;
  color: #0062AA;
  padding-right: 0.75rem;
  float: left !important;
}


.daten-export table.table-striped th {
   font-size: 17px !important;
  color: #0062AA !important;
    padding: 1rem !important;
}


.daten-export table.table-striped,
.daten-export table.table-striped td {
   font-size: 17px !important;
  color: #0062AA !important;
    padding: 1rem !important;
}

/* +++++++ Benutzerliste - intern ++++++++ */

.path-benutzerliste .view-content {
    padding-left: 1.5rem;
}

 .path-benutzerliste .form-actions {
    margin-top: 0.5rem !important;
} 

.path-benutzerliste .table-responsive {
    font-size: 112.5% !important;
}

.path-benutzerliste .table-responsive tr td {
    color: #000 !important;
    padding: 0.75rem !important;
}

.path-benutzerliste  th#view-mail-table-column {
    color: #0062AA !important;
}

.path-benutzerliste  thead tr th {
    color: #0062AA !important;
}

/* ++++++ Checkform ++++++ */

.form-check-input:checked {
  background-color: #0062AA !important;
  border-color: #0062AA !important;
}


/* +++++ Shop +++++ */


/*  Kurse */

  /* View */

.kurs-uebersicht {
    margin-top: 4rem;
}

.kurs-uebersicht .views-view-responsive-grid__item {
  margin-bottom: 2rem; !important;
}


.kurs-uebersicht .termin-teaser h2 {
    font-size: 24px !important;
}

.kurs-uebersicht .termin-teaser h2 a {
    color: #0062AA !important;
}

.kurs-uebersicht .termin-teaser h3 {
    margin-top: 1.5rem;
    font-size: 18px !important;
    margin-bottom: 0.25rem !important;
}

.kurs-uebersicht .termin-teaser .stock h3 {
    margin-top: 0 !important;
}

.kurs-uebersicht .termin-teaser .stock {
    margin-top: 1.75rem;
    margin-bottom: 2.5rem;
    max-width: 160px;
    background-color: #fff;
    border: 1px solid #0062AA;
    border-radius: 6px;
    padding: 0.55rem 1rem 0.55rem 1rem;
    color: #0062AA;
}

.kurs-uebersicht .ausgebucht {
    display: block;
}

.kurs-uebersicht .ausgebucht a,
.path-product .field--name-field-button-ausgebucht-kurse a{
    margin-top: -0.5rem;
    margin-bottom: 2.5rem;
    max-width: 300px;
    background-color: #fff;
    border: 1px solid #0062AA;
    border-radius: 6px;
    padding: 0.55rem 1rem 0.55rem 1rem;
    color: #0062AA;
    display: inline-block;
}

.kurs-uebersicht .ausgebucht a:hover,
.path-product .field--name-field-button-ausgebucht-kurse a:hover {
    color: #fff !important;
    background: #0062AA;
}

.kurs-uebersicht .ausgebucht a::after,
.path-product .field--name-field-button-ausgebucht-kurse a::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\F054" !important;
    font-size: 14px !important;
    color: #0062AA !important;
    padding-left: 0.5rem;
}

.kurs-uebersicht .termin-teaser .anmeldung a {
  background: #0062AA !important;
  padding: 0.5em 1.25em 0.5em 1.25em !important;
  border-radius: 30px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
}

.kurs-uebersicht .termin-teaser .anmeldung a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\F054" !important;
  font-size: 14px !important;
  color: #fff !important;
  padding-left: 0.5rem;
}

.kurs-uebersicht .termin-teaser .anmeldung a:hover {
   background-color: #FA9200 !important;
   /* border: 1px solid #FA9200 !important;*/
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}

/* Node */


.intro-shopprodukt .field__label {
    font-weight: 500 !important;
}

.intro-shopprodukt .field__label,
.intro-shopprodukt .field__item {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
}

.intro-shopprodukt img {
    display: none;
}

@media (max-width: 980px) {
    
.intro-shopprodukt img {
    display: block !important;
    margin-top: 3rem;
}
}

.kursdetails .field__label {
    font-weight: 500 !important;
}

.kursdetails .block-field-blockcommerce-productkurse-gjzfield-foto-gjz img,
.kursdetails .block-field-blockcommerce-productkurse-pwtfield-foto-gjz img {
  margin-top: -12.5rem !important;
  border: 8px solid #fff;
}


@media (max-width: 980px) {
.kursdetails  .block-field-blockcommerce-productkurse-gjzfield-foto-gjz img,
.kursdetails .block-field-blockcommerce-productkurse-pwtfield-foto-gjz img {
  display: none !important;
}
}

.intro-kurse .block-field-blockcommerce-productkurse-gjzfield-foto-gjz img {
  margin-top: 1rem !important;
  border: 0 none !important;
}
}

.block-field-blockcommerce-productkurse-gjztitle {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
    font-size: 40px;
}

.block-field-blockcommerce-product-variationdefaultfield-stock,
.block-field-blockcommerce-product-variationdefaultfield-freie-plaetze {
    max-width: 135px;
    background-color: #fff;
    border: 1px solid #0062AA;
    border-radius: 6px;
    padding: 0.75rem 1rem 0.75rem 1rem;
    color: #0062AA;
}

/* Button Warenkorb */

.field--name-variations .btn.btn-primary:hover {
     background-color: #FA9200 !important;
    border: 1px solid #FA9200 !important;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
}


/* Warenkorb Fly Out */


.cart-offcanvas {
    margin-top: 4rem !important;
    padding: 6rem 1rem 0rem 1rem !important;
    background-color: #deebf5;
}


.cart-block--offcanvas-cart-table.table tr {
    background: #fff !important;
}

.cart-block--offcanvas-cart-table.table tr td {
    border: 1px solid #deebf5 !important;
}

.cart-offcanvas .table>:not(caption)>*>* {
   color: #0062AA !important;
} 

.cart-block--offcanvas-cart-table__title {
    line-height: 1.2rem !important;
}

.cart-offcanvas .cart-block--offcanvas-contents__update.button.btn.btn-primary {
    font-size: 87.5% !important;
    line-height: 1rem !important;
}

.cart-offcanvas .cart-block--offcanvas-contents__update.button.btn.btn-primary:hover {
    font-size: 90% !important;
    line-height: 1.25rem !important;
     background-color: #FA9200;
    border: 1px solid #FA9200;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


.cart-offcanvas .cart-block--offcanvas-cart-table__remove .button.btn {
     color: #0062AA !important;
     font-size: 110% !important;
}

.cart-offcanvas .cart-block--offcanvas-cart-table__remove .button.btn {
     color: #0062AA !important;
     font-size: 110% !important;
}

.cart-offcanvas .cart-block--offcanvas-contents__links a {
    color: #0062AA !important;
    text-decoration: none;
    margin-top: 2rem;
    font-weight: 500;
    line-height: 1.25rem;
}
.cart-offcanvas .cart-block--offcanvas-contents__links a:hover {
  border-bottom: 1px solid #0062AA
}

.cart-offcanvas .cart-block--offcanvas-contents__links a::before {
   font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f061" !important;
    font-size: 18px;
    color: #FA9200 !important;
    padding-right: 0.5rem;
}

/* Warenkorb-Seite */

.path-cart .container .cart.cart-form {
    padding-left: 1.9rem !important;
    padding-right: 1.9rem !important;
  }

.path-cart .container .cart.cart-form table {
    background-color: #deebf5 !important;
}

/* Tabelle Warenkorb + Pruefung */
.view-commerce-cart-form table.table tr,
.view-commerce-checkout-order-summary table.table tr,
.checkout-order-summary table.table.table-striped tr {
  border-bottom: 1px solid #ccc !important;
  padding: 0.1em 0.6em;
  background: #deebf5 !important;
    --bs-table-striped-bg: #deebf5 !important;
}

.path-cart .container .cart.cart-form table thead th {
 color: #0062AA !important;
font-size: 110% !important;
    font-weight: 500 !important;
}

.path-cart .container .cart.cart-form .table>:not(caption)>*>* {
   color: #0062AA !important;
    font-size: 110%;
} 

.path-cart .container .cart.cart-form button.btn.btn-primary:hover {
    background-color: #FA9200;
    border: 1px solid #FA9200;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

/* Checkout Bestellinformationen + Bestellung pruefen */

.path-checkout .layout-checkout-form .col-sm-6 {
    padding-left: 1.1rem !important;
  }

.path-checkout .layout-checkout-form .col-sm-6 .checkout-pane.checkout-pane-payment-information legend {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
    font-size: 27px;
    margin-bottom: 1.75rem;
}

.path-checkout .checkout-pane-review #edit-review-contact-information .fieldset-wrapper {
    margin-bottom: 1rem;
}

.path-checkout .checkout-pane-review #edit-review-contact-information legend,
.path-checkout .checkout-pane-review  #edit-review-payment-information legend {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
    font-size: 27px;
}

.path-checkout .checkout-pane-review .profile--type--customer {
    margin-top: 1.75rem;
     margin-bottom: 1.25rem;
}

.path-checkout .layout-checkout-form .col-sm-6 .checkout-pane.checkout-pane-payment-information .fieldset-wrapper legend {
    margin-bottom: 0.5rem !important;
    font-size: 22px !important;
}

.path-checkout #edit-payment-information-payment-method--wrapper .fieldset-wrapper {
    margin-bottom: 1.75rem !important;
}

.path-checkout .layout-checkout-form .col-sm-6 h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
    font-size: 27px !important;
}

/*.path-checkout .checkout-pane-order-summary {
    margin-left: 1rem !important;
}*/

.path-checkout .checkout-order-summary .table,
.path-checkout .view-commerce-checkout-order-summary .table {
    background-color: #deebf5 !important;
}

.path-checkout .checkout-order-summary .table thead th,
.path-checkout .view-commerce-checkout-order-summary thead th {
 color: #0062AA !important;
font-size: 110% !important;
 font-weight: 500 !important;
}

.path-checkout .checkout-order-summary .table>:not(caption)>*>*,
.path-checkout .view-commerce-checkout-order-summary .table>:not(caption)>*>* {
   color: #0062AA !important;
    font-size: 110%;
} 

.path-checkout .checkout-order-summary .table .field.field--name-title,
.path-checkout .view-commerce-checkout-order-summary .table .field.field--name-title {
    font-weight: 500 !important;
}

.path-checkout .checkout-order-summary .table .field--name-product-id a:hover,
.path-checkout .view-commerce-checkout-order-summary .table .field--name-product-id a:hover {
    text-decoration: underline !important;
}

.path-checkout button.btn.btn-primary {
    margin-left: 1.5rem;
}

.path-checkout button.btn.btn-primary:hover {
    background-color: #FA9200;
    border: 1px solid #FA9200;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.path-checkout .address-book-edit-button {
    border: 1px solid #F1EEEA;
    margin-top: 1rem;
    background-color: #F1EEEA;
}

.path-checkout a.link--previous {
    margin-left: 2rem;
}

.path-checkout a.link--previous:hover {
   text-decoration: underline !important;
}


 /* Label fuer Checkbox ausblenden */
.path-checkout .js-form-item-order-fieldscheckout-field-zustimmung-checkout-value label.form-check-label {
display: none !important;
  } 

.path-checkout .region-content-header {
    padding-bottom: 2rem !important;
}

/* Bestellung komplett */

.path-checkout .commerce-checkout-flow-multistep-default {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.path-checkout .checkout-complete__payment-instructions {
    margin-top: 2.5rem;
}

/* Uebersichtsseite Meine Bestellungen */

.page-view-commerce-user-orders main#content .view-content {
      padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}

.page-view-commerce-user-orders main#content table {
    margin-bottom: 2rem;
  
}

.page-view-commerce-user-orders main#content table thead th {
    font-weight: 500 !important;
    padding: 1rem !important;
    color: #0062AA !important;
    font-size: 120% !important;
}

.page-view-commerce-user-orders main#content table thead th a {
  color: #0062AA !important;
}


.page-view-commerce-user-orders main#content table.table tr{
  border-bottom: 1px solid #deebf5 !important;
  padding: 0.1em 0.6em;
  background: #fff !important;
  background: rgba(0, 0, 0, 1);
}

.page-view-commerce-user-orders main#content table.table tr td {
  border: 1px solid #deebf5 !important;
}

.page-view-commerce-user-orders main#content table tbody td {
     padding: 1rem !important;
   color: #0062AA !important;
}

.page-view-commerce-user-orders main#content table tr,
.page-view-commerce-user-orders main#content table tr,
.page-view-commerce-user-orders main#content table-striped tr {
  border-bottom: 1px solid #ccc !important;
  padding: 0.1em 0.6em;
  background: #Faf9f8 !important;
    --bs-table-striped-bg: #Faf9f8 !important;
}

/* Adressbuch bearbeiten */

.path-user main#content .content {
     padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 2rem;
}

body.path-user .address-book__profile .field--label-inline .field__label {
  width: 200px !important;
}

body.path-user .address-book__profile .field--label-inline .field__item {
  padding: 0.25rem 1rem;
  border-radius: 1rem;
  background: #fff !important;
  min-width: 250px;
  margin: 0.25rem 0;
}

/* +++++ Sucheergebnisseite +++++ */

.js-form-item.js-form-type-search-api-autocomplete {
    margin-top: 0.25rem;
}


.view-suche  h3 {
    margin-bottom: 0 !important;
}

.view-suche .views-field-created {
font-size: 90% !important;
  font-style: italic;
}

.view-suche .views-row {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px dashed #0062AA;
}


/* Login Mitgliederbereich */

.user-logged-in .vor_allen_eingeloggten_usern_verbergen {
    display: none !important;
}

.admin.user-logged-in .vor_allen_eingeloggten_usern_verbergen {
    display: block !important;
}

.guest .eingelogged {display: none !important;}



/* Blockbearbeitungs-Link beim Hamburger-Menue ausblenden */
#block-patchworkgilde-cheesburgermenuausloser .contextual{
    display: none !important;
}


/* TEST Karten */

.col-12.row.row-cols-1.row-cols-md-3.g-4,
.col-12.row.row-cols-1.row-cols-md-2.g-4  {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
  padding-right: 0 !important;
}


/* +++++ Meine Beitraege +++++ */

.meine-beitraege table thead th {
    font-weight: 500 !important;
    padding: 1rem !important;
    color: #0062AA !important;
}

.meine-beitraege table thead th a {
  color: #0062AA !important;
}


.meine-beitraege table.table tr{
  border-bottom: 1px solid #deebf5 !important;
  padding: 0.1em 0.6em;
  background: #fff !important;
  background: rgba(0, 0, 0, 1);
}

.meine-beitraege table.table tr td {
  border: 1px solid #deebf5 !important;
}

.meine-beitraege table tbody td {
     padding: 1rem !important;
   color: #0062AA !important;
}

.meine-beitraege table tbody td.views-field-edit-node a,
.meine-beitraege table tbody td.views-field-delete-node a {
    background-color: #fff !important;
    color: #0062AA !important;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem !important;
    border-radius: 5px;
    border: 1px solid #0062AA;
}

.meine-beitraege table tbody td.views-field-edit-node a:hover,
.meine-beitraege table tbody td.views-field-delete-node a:hover {
    background-color: #0062AA!important;
    color:  #fff !important;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem !important;
    border-radius: 5px;
    border: 1px solid #0062AA;
}


/* ++++++ Suche +++++ */

.path-search form#search-form,
.path-search h2,
.path-search .list-group.node_search-results {
  padding-left: 1.5rem;
}

.path-search h2 {
  margin-top: 2rem;
}

.path-search h3 {
  display: none !important;
}


.path-search #edit-types-fieldset,
.path-search #edit-lang-fieldset {
  display: none !important;
}

/* ++++++ Views: Ubersichstseiten Pagination +++++ */

.pagination.js-pager__items {
    margin-top: 4rem !important;
    text-align: center !important;
}

.pagination .active>.page-link, .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #0062AA !important;
    border-color: #0062AA !important;
}


  /* +++++ Formulare – Webform +++++ */

.bs-bg-beige form.webform-submission-form {
     background: #f9f7f6;
}

.bs-bg-weiss form.webform-submission-form,
.bs-bg-hellblau form.webform-submission-form {
     background: #e8f1f8 !important;
}



form.webform-submission-form {
    margin-top: 2rem;
    padding: 2rem 3rem 1rem 4rem;
    border-radius: 15px;
}

form.webform-submission-form section {
    margin-bottom: 2.5rem;
    padding-bottom: 2rem;
    border-bottom: 2px dotted #999;
}

form.webform-submission-form  .webform-section-title {
    margin-left: -0.3rem !important;
    margin-bottom: 1.5rem !important;
    font-size: 24px !important;
}

form.webform-submission-form .js-form-type-managed-file,
form.webform-submission-form .js-form-type-webform-image-file{
    background: #fff !important;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

form.webform-submission-form .webform-element-description {
    font-size: 15px !important;
    margin-left: 0.2rem;
}

  /* +++++ Formulare zum Eintragen: Gruppen, Termine, KL + MG-Galerien ... +++++ */




  .node-gruppen-form,
.node-kursleiter-form.node-form,
.node-termin-form.node-form,
.node-galerie-mitgliederquilts-form.node-form {
    padding: 2rem 3.5rem 1rem 4rem;
    background: #f9f7f6;
    border-radius: 15px;
    margin-left: 1.5rem;
  }

  .node-gruppen-form .col-md-6,
.node-kursleiter-form.node-form .col-md-6,
.node-termin-form .col-md-6,
.node-galerie-mitgliederquilts-form.node-form .col-md-6 {
    width: 100% !important;
  }

  .node-gruppen-form .js-form-item,
.node-kursleiter-form.node-form .js-form-item,
.node-termin-form.node-form .js-form-item,
.node-galerie-mitgliederquilts-form.node-form .js-form-item {
    margin-bottom: 1.75rem !important;

  }

.node-gruppen-form .js-form-item label,
.node-kursleiter-form.node-form .js-form-item label,
.node-termin-form.node-form .js-form-item label,
.node-galerie-mitgliederquilts-form.node-form .js-form-item label {
  color: #0062AA !important;
  font-weight: 400 !important;
 margin-bottom: 0.25rem !important;
}


 /* Neue Gruppen */
.node-gruppen-form .field--name-field-neue-mitglieder legend,
.node-kursleiter-form.node-form .field--name-field-neue-mitglieder legend,
.node-termin-form.node-form legend,
.node-galerie-mitgliederquilts-form.node-form node-form legend {
  color: #0062AA !important;
  font-size: 18px;
  font-weight: 500 !important;
}

.node-gruppen-form .field--name-field-neue-mitglieder .js-form-item,
.node-kursleiter-form.node-form .field--name-field-neue-mitglieder .js-form-item {
  margin-bottom: 0.5rem !important;
}

.node-gruppen-form .field--name-field-neue-mitglieder .form-check-label,
.node-kursleiter-form.node-form  .field--name-field-neue-mitglieder .form-check-label {
  font-weight: 300 !important;
  color: #000 !important;
  margin-top: 0 !important
}

.node-gruppen-form #edit-field-adresse-0-format-help,
.node-gruppen-form #edit-field-inhaltsbereich-0-format-help,
.node-kursleiter-form.node-form  #edit-field-adresse-0-format-help,
.node-kursleiter-form.node-form  #edit-field-inhaltsbereich-0-format-help,
.node-termin-form.node-form #edit-field-inhaltsbereich-0-format-help,
.node-termin-form.node-form #edit-field-ansprechpartner-kontakt-0-format-help-about,
.node-termin-form.node-form #edit-field-oeffnungszeiten-0-format-help,
.node-termin-form.node-form #edit-field-adresse-0-format-help-about {
  display: none !important;
}

  /* Eingabefelder Texteditor */
  .node-gruppen-form  .form-textarea-wrapper,
 .node-kursleiter-form.node-form .form-textarea-wrapper,
.node-termin-form.node-form .form-textarea-wrapper,
.node-galerie-mitgliederquilts-form.node-form .form-textarea-wrapper  {
      width: 100% !important;
    }
    
  .node-gruppen-form #edit-comment-body-wrapper,
 .node-kursleiter-form.node-form #edit-comment-body-wrapper,
.node-termin-form.node-form #edit-comment-body-wrapper,
.node-galerie-mitgliederquilts-form node-form #edit-comment-body-wrapper {
      padding-left: .5rem !important;
      margin-bottom: 2.25rem !important;
  }
    
  .node-gruppen-form .js-text-format-wrapper.text-format-wrapper.js-form-item.form-item,
  .node-kursleiter-form.node-form .js-text-format-wrapper.text-format-wrapper.js-form-item.form-item,
.node-termin-form.node-form .js-text-format-wrapper.text-format-wrapper.js-form-item.form-item,
.node-galerie-mitgliederquilts-form.node-form .js-text-format-wrapper.text-format-wrapper.js-form-item.form-item {
      margin-right: 0 !important;
    }

/* CK Editor */
.node-gruppen-form .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused),
.node-kursleiter-form.node-form .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused),
.node-termin-form.node-form .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused),
.node-galerie-mitgliederquilts-form node-form.node-form .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused)  {
  border-color: #ededed !important;
}

.node-gruppen-form .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.node-kursleiter-form.node-form .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.node-termin-form.node-form .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.node-galerie-mitgliederquilts-form.node-form .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
  border-color: #ededed !important;
}

#node-kursleiter-form .field-multiple-table h4,
#node-termin-form.node-form .field-multiple-table h4,
#node-galerie-mitgliederquilts-form .field-multiple-table h4  {
    color: #0062AA !important;
  }

#node-kursleiter-form .link.tabledrag-toggle-weight,
#node-termin-form.node-form  .link.tabledrag-toggle-weight,
#node-galerie-mitgliederquilts-form .link.tabledrag-toggle-weight {
    border: 1px solid #0062AA !important;
    padding: 0.5rem !important;
    display: none !important;
}

#node-kursleiter-form #edit-field-bild-kursleiterin-wrapper,
#node-termin-form.node-form #edit-field-image-wrapper,
#node-termin-form.node-form #edit-field-download-wrapper,
#node-galerie-mitgliederquilts-form #edit-field-bildergalerie-wrapper {
padding: 2rem 3rem 2rem 3rem;
background: #fff;
max-width: 100% !important;
border: 1px solid #ededed;
margin-left: 0rem;
}

#node-termin-form.node-form #edit-field-image-wrapper .details-description.text-muted,
#node-galerie-mitgliederquilts-form #edit-field-image-wrapper .details-description.text-muted {
    display: none !important;
}


#node-kursleiter-form #edit-field-bild-kursleiterin-wrapper summary,
#node-termin-form.node-form #edit-field-image-wrapper summary,
#node-termin-form.node-form #edit-field-download-wrapper summary,
#node-galerie-mitgliederquilts-form #edit-field-bildergalerie-wrapper summary {
  color: #0062AA  !important;
  font-weight: 500 !important;
}


#node-termin-form.node-form #edit-field-termin-kategorie--wrapper .js-form-type-checkbox {
    margin-bottom: 0.5rem !important;
}

#node-termin-form.node-form #edit-field-termin-kategorie--wrapper legend {
    margin-bottom: 1.5rem !important;
}

#node-termin-form.node-form #edit-field-termin-kategorie--wrapper label.form-check-label {
    font-weight: 300 !important;
}



/* +++++  Login-Block + Neues Benutzerkonto + Passwort vergessen +++++ */

fieldset.captcha {
    padding-left: 1.5rem !important;
    margin-bottom: 2rem;
}

fieldset.captcha .captcha__element {
    width: 95%;
}

/*fieldset.captcha .captcha__description {
    padding-left: 1.5rem !important;
}*/

.bs-bg-hellblau .block-user-login-block  {
     background: #e8f1f8 !important;
}

  .user-logged-in .contextual-region.profile {
    padding: 2rem 1.5rem 1rem 2.5rem;
    background: #f9f7f6;
    border-radius: 15px;
   /*  margin-left: 1.25rem; */
    margin-bottom: 1.75rem;
  }

  .user-logged-in .field--name-field-button-link {
   margin-left: 1.25rem;
  }

  .block-user-login-block,
  .path-user .user-login-form,
  .path-user .user-register-form,
  .path-user .user-pass {
    padding: 2rem 1.5rem 1rem 2.5rem;
    background: #f9f7f6;
    border-radius: 15px;
  }

.path-user .user-register-form {
    background: #fff !important;
}
    
.path-user .user-register-form #edit-account {
      padding: 2rem 1.5rem 1rem 2.5rem;
    background: #f9f7f6;
    border-radius: 15px;
} 

.path-user .user-register-form .field--name-persoenliche-daten-profiles {
    padding: 2rem 1.5rem 1rem 2.5rem;
    background: #f9f7f6;
    border-radius: 15px;
    margin-top: 2rem;
} 

.path-user .user-register-form .field--name-persoenliche-daten-profiles summary {
    margin-bottom: 1.5rem;
    color: #0062AA !important;
    font-size: 100%;
    font-weight: 400;
}

  .block-user-login-block h2 {
    margin-bottom: 0.25rem !important;
    padding-bottom: 1.5rem !important;
      padding-left: 1rem;
  }

  .block-user-login-block .list-group {
    margin-top: 2rem;
  }

  .block-user-login-block .list-group-item {
    background: transparent !important;
    border: none !important;
  }

  .block-user-login-block .list-group-item::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f061" !important;
    font-size: 18px;
    color: #FA9200 !important;
    padding-right: 0.5rem;
  }

/* ++++++++ Specials: persoenliche Daten +++++ */

.user-logged-in.path-user #profile-persoenliche-daten-edit-form {
     padding: 2rem 1.5rem 1rem 2.5rem;
    background: #f9f7f6;
    border-radius: 15px;
    margin-left: 1.25rem; 
    margin-right: 1.35rem; 
    margin-bottom: 1.75rem;
}

  /* +++++ Specials: Login-Block Startseite +++++ */

  .page-user-login.path-user #block-patchworkgilde-loginhinweis {
    padding-left: 1.5rem;
  }

  .page-user-login.path-user #block-patchworkgilde-content {
    margin-top: 2rem;
  }

  .page-user-login .user-login-form .form-actions {
  margin-left: 1.5rem;
  }

  .page-user-login.path-user form.user-login-form,
  .page-user-password form.user-pass {
    padding-top: 1.5rem;
    margin-left: 1.5rem;
    margin-bottom: 2rem;
  }

  .page-user-login.path-user form.user-login-form .js-form-item {
    margin-left: 1.25rem !important;
  }

  .page-user-register .user-register-form {
    padding-top: 2rem !important;
    margin-left: 1.5rem;
    margin-bottom: 2rem;
  }

  .page-user-register.path-user #block-patchworkgilde-hinweisbenutzerkontoerstellen {
    padding-left: 1.5rem;
    margin-bottom: 2.5rem;
  }

/* Benutzerregistrierung */

.page-user-reset .block-system-main-block {
    padding-left: .6rem !important;
}

.path-user .profile {
     padding-left: .6rem !important;
}

/* +++++ Kommentare +++++ */

article.contextual-region.profile {
  display: none !important;
}

.comment__content h3 {
  margin-top: 0 !important;
}

.field--name-field-kommentare-news h2.title {
/*display: none !important;*/
}

.field--name-field-kommentare-news h2.title.comment-form__title {
  display: block !important; 
  margin-top: 3rem;
  border-top: 1px dotted #666;
  padding-top: 3rem;
  }


  .comment-form label {
  margin-bottom: 0.25rem !important;
  }

.comment-form .field--name-field-einwilligung,
.comment-form .field-privacy-blog-comments {
  margin-left: 1.85rem !important;
}
  
.comment-form .js-form-item-field-einwilligung-value,
.comment-form .js-form-item-field-privacy-blog-comments-value {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
padding: 1rem 1rem 1rem 1rem;
  }



 /* Label fuer Checkbox ausblenden */
.comment-form  .form-item-field-einwilligung-value label,
.comment-form  .form-item-field-privacy-blog-comments-value label {
display: none !important;
  } 

.comment-form  #edit-field-einwilligung-value--description,
.comment-form  #edit-field-privacy-blog-comments-value--description {
  line-height: 0.65rem;
}

.comment-form {
  padding: 2rem 2rem 1rem 4.5rem;
  background: #f9f7f6;
  border-radius: 15px;
}

.comment-form .js-form-item label {
  margin-top: 0rem !important;
}

/* Betreff: */
.comment-form .js-form-item-subject-0-value input {
  border-radius: 0 !important;
  border-color: #ededed !important;
}

/* Link Hilfe Textformat */
.comment-form #edit-comment-body-0-format-help,
.comment-form #edit-field-kommentar-blog-0-format-help {
  display: none !important;
    }

    /* Eingabefeld Kommentartext*/
.comment-form  .form-textarea-wrapper {
  width: 100% !important;
}

.comment-form #edit-comment-body-wrapper  {
  padding-left: .5rem !important;
  margin-bottom: 2.25rem !important;
}


.comment-form .js-text-format-wrapper.text-format-wrapper.js-form-item.form-item {
  margin-right: 0 !important;
}

/* Bilder */

.comment-form #edit-field-images-comments-ajax-wrapper table.table-striped th,
.comment-form #edit-field-images-bog-comments-ajax-wrapper table.table-striped th{
color: #0062AA  !important;
font-weight: 500 !important;
    display: none !important;
}

.comment-form  #edit-field-images-comments-ajax-wrapper,
.comment-form  #edit-field-images-blog-comments-ajax-wrapper {
padding: 2rem 3rem 2rem 3rem;
background: #fff;
max-width: 97.5% !important;
border: 1px solid #ededed;
margin-left: -0.27rem;
}

.comment-form  #edit-field-images-comments-ajax-wrapper summary,
.comment-form  #edit-field-images--blog-comments-ajax-wrapper summary {
  color: #0062AA  !important;
  font-weight: 500 !important;
}

/* CK Editor */
.comment-form .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border-color: #ededed !important;
}

.comment-form .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
  border-color: #ededed !important;
}

/* Kommentarfelder */
.links-inline span {
  border: 1px solid #f1eeea !important;
padding: 0.25rem  0.5rem 0.25rem 0.5rem !important;
border-radius: 6px !important;
font-size: 16px !important;
margin-right: 1rem;
background: #F1EEEA!important;
}

main .content .links-inline span a {
  color: #000 !important;
}

main .content .links-inline span a:hover {
  color: #0062AA  !important;
}

/* Bearbeitungsmous: Feld Startseite ausblenden */
.js-form-item-homepage.form-item-homepage {
  display: none !important;
}

.comment-form .btn-check:checked + .btn {
  background: #0062AA  !important;
  color: #fff !important;
}


 /* ++++++++++ Formulare ++++++++++ */

 .captcha.captcha-type-challenge--riddler {
  margin-top: 2rem;
}

.captcha.captcha-type-challenge--riddler .captcha__title {
  color: #0062AA  !important;
  font-size: 100%;
  font-weight: 400;
}

.captcha.captcha-type-challenge--riddler .captcha__description.description {
  font-size: 16px;
  line-height: 1.5rem !important;
}



/* TEST */

  #block-patchworkgilde-seitentitel {
    margin-bottom: 1rem !important;
  }


  .layout-builder__layout .col-12 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .region-content-header {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  footer.site-footer .container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .page-hero .container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .node--type-termin .container.termin-beschreibung {
    padding-left: 2.5rem !important;
    padding-right: 1.5rem !important;
  }

  .node--type-termin .container.infos  {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .path-user main .container {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  #user-login-form {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }


@media (min-width: 992px) {
  .hoch {
      margin-top: -6rem !important;
   }

}


@media (max-width: 991px) {
  .hoch {
      margin-top: 1rem !important;
   }

}

  /* TEST Ende */



 

  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Layout Builder +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */

  /* +++++++++++++++++++ allgemeine Formatierungen ++++++++++++++++++++++++ */


.block-layout-builder {
  margin-bottom: 2.5rem;
  margin-bottom: 0rem;
  margin-bottom: 2rem !important;
 /* padding-left: 0.5rem;
  padding-right: 0.5rem; */
}

/* Abschnitte */

/* Intro-Block – Klassenzuweiseung in der Vorlage */
.intro .layout-builder__layout {
  padding-top: 5px !important;
  padding-bottom: 30px !important; 
  padding-bottom: 50px !important; 
}

/* Intro-Block – Klassenzuweiseung in der Vorlage */
.intro .dicht .layout-builder__layout {
  padding-top: 5px !important;
  padding-bottom: 30px !important; 
  padding-bottom: 0px !important; 
}

/* Intro-Block – Klassenzuweisung in der Vorlage */
.intro .mittel .layout-builder__layout {
  padding-top: 5px !important;
  padding-bottom: 30px !important; 
  padding-bottom: 20px !important; 
}

/* Intro-Block – Klassenzuweiseung in der Vorlage */
.intro._none .layout-builder__layout {
  padding-top: 5px !important;
  padding-bottom: 30px !important; 
  padding-bottom: 50px !important; 
}

/* Intro-Block – Zeitschrift Ausgaben */
.node--type-zeitschrift-ausgaben- .intro .layout-builder__layout {
  padding-top: 0px !important;
  padding-bottom: 20px !important; 
  margin-top: 0rem;
}


/* Bei zweiter Reihe dichter nach oben */

.intro .dicht._none .layout-builder__layout {
  padding-top: 0px !important;
  padding-bottom: 50px !important; 
  margin-top: -1rem !important;
}

/* Seiten mit Taxonomy-Termins Termine */

.page-vocabulary-termine .container-fluid.termin-infos,
.page-vocabulary-veranstaltungen-schlagworte .container-fluid.termin-infos {
display: none !important;
}

.page-vocabulary-veranstaltungen-schlagworte .views-row {
    padding-left: 2rem !important; 
}

.page-vocabulary-veranstaltungen-schlagworte .container.termin-beschreibung {
    margin-bottom: 1rem !important;
    padding-left: 1rem !important;
}

.page-vocabulary-termine .termin-beschreibung {
  margin-bottom: 1rem !important;
}

/* TEST mit Karte */

.intro.karten._none .layout-builder__layout {
  padding-top: 0px !important;
  padding-bottom: 80px !important; 
  margin-top: -2rem;
}

/* Abstaende der Abschnitte */

  .layout-builder__layout {
    padding-top: 60px ;
    padding-bottom: 60px; 
    padding-top: 80px !important;
    padding-bottom: 50px !important; 
    }


  .mittel .layout-builder__layout {
      padding-top: 60px !important;
      padding-bottom: 0px !important; 
      }

  .klein .layout-builder__layout {
        padding-top: 60px !important;
        padding-bottom: 0px !important; 
        margin-bottom: -4rem !important;
        }


/* +++++++++++++ Layout Builder Styles: eigene Klassen ++++++++++++  */

/* Zugriff */

body.guest .hide-guest,
body.non-reg-member .hide-non-reg-members,
body.user-logged-in .hide-all-logged-in-users{
display: none !important;
}

body.admin.user-logged-in .hide-all-logged-in-users,
body.editor-chief.user-logged-in .hide-all-logged-in-users {
    display: block !important;
}

/* Abstaende */

    .klein-oben.layout-builder__layout {
          padding-top: 0px !important;
        }

    .klein-unten.layout-builder__layout {
          padding-bottom: 0px !important; 
        }

    .mittel-oben.layout-builder__layout {
          padding-top: 40px !important;
        }

    .mittel-unten.layout-builder__layout {
          padding-bottom: 40px !important; 
        }

    .gross-oben.layout-builder__layout {
          padding-top: 80px !important;
        }

    .gross-unten.layout-builder__layout {
          padding-bottom: 80px !important; 
        }

        /* Bearbeitungsfenster */

        #layout-builder-modal label {
          color: #26a5ff !important;
        }

        .node-layout-builder-form .js-form-item label,
        .bs_tab-pane .form-check-label {
          color: #0062AA !important;
          font-weight: 500;
          margin-top: 0rem !important; 
        }

        .node-layout-builder-form .form-check {
          margin-top: 1.5rem !important;
        }

    /* Bearbeitungsfenster Blockkonfiguration: weissen Bg entfernen */

    .table > :not(caption) > * > * {
      background-color: transparent !important;
    }

    label.option {
      color:  #fff !important;
    }

/* TEST Aktuelles Uebersicht */

.intro.aktuelles._none .layout-builder__layout,
.intro.aktuelles .layout-builder__layout {
  padding-top: 0px !important;
  padding-bottom: 30px !important; 
  margin-top: -2.5rem;
}

/* Exposed Filters */
.intro.aktuelles._none .layout-builder__layout .js-form-item {
margin-left: -0.45rem !important;
}

.layout-builder__layout .js-form-item {
  margin-left: -0.45rem !important;
  }

/* +++++++++++++++++ Layout Builder ++++++++++++  */


/* +++++ Farben Modul Bootstrap Styles +++++ */

option.bs-bg-beige,
.bs-bg-beige {background-color: #F1EEEA !important;}
option.bs-bg-hellblau,
.bs-bg-hellblau {background-color: #deebf5 !important;}
option.bs-bg-blau,
.bs-bg-blau {background-color: #0062AA !important;}
option.bs-bg-weiss,
.bs-bg-weiss {background-color: #fff !important;}

.option.bs-text-weiss,
.option.bs-text-white {
  color: #fff !important; 
  background-color: #fff !important;
  border-color: #fff !important;
}

/* Schrift */
.bs-text-weiss {
  color: #fff !important; 
  border-color: #fff !important;
}

.bs-text-weiss h2 {
  color: #fff !important; 
}

.bs-text-blau {
  color: #0062AA !important;
  }
  
  .bs-text-blau h2 {
    color: #0062AA  !important;
    }

/* Slider-Maske */

.details-description.text-muted {
  color: #fff !important;
}

  /* ++++++++++++++++++ Layout Builder: Darstellung im Bearbeitungsmodus +++++++++++++++++ */


  .field-multiple-table h4 {
    color: #26a5ff !important;
  }

  .table>:not(caption)>*>* {
    color: #fff !important;
  }

  .btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-active-color);
    background-color: #fff !important;
    border-color: var(--bs-btn-active-border-color);
  }

 

.layout-builder-block {
  padding: 1.5em;
  cursor: move;
  background-color: transparent !important;
}

.ck.ck-editor__main {
  color: #000 !important;
}

.draggable {
  color: #000 !important;
}

/* Beschreibungstexte in Eingabemaske */
#layout-builder-modal .description.text-muted {
  color: #f2f2f2 !important;
}

#node-einfache-bild-text-header-layout-builder-form {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}


 /* Duplizieren-Fenster */

 .layout-builder-block-cloneclone-block-form .btn.btn-outline-primary {
  background-color: transparent !important;
}

.layout-builder-block-cloneclone-block-form .description.text-muted {
  color: #f2f2f2 !important;
  font-size: 80% !important;
  font-style:italic !important;
}

   
  
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Typo +++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */


body {
  line-height: 1.75rem !important;
  font-family: 'Roboto', sans-serif !important;
   font-weight: 300 !important;
   font-size: 17px !important; 
}


  h1,h1.title,h2,h3,h4,h5,h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500 !important;
  }

  h1,
  h1.title {
    font-size: 1.75rem !important;
    font-size: 2rem !important;
    font-size: 40px !important;
   /* margin-bottom: 2rem !important; */
  }

  h2 {
    margin-bottom: 2rem !important;
    font-size: 27px !important; 
  }

  .path-frontpage h2 {font-size: 45px !important; font-weight: 400 !important; }
  
  /*.block-layout-builder  h2 {
    margin-bottom: 1.75rem !important;
    padding-left: 1rem !important
  } */

  .site-footer h2 {
    font-size: 20px !important; 
  }

  h3 {
    margin-bottom: 1.25rem !important;
    font-size: 22px !important;
  }


  h4 {
    font-size: 1.35rem !important;
    margin-bottom: 1.25rem !important;
    font-size: 19px !important;
  }

/* Silbentrennung */
h1,h2,h3,h4,h5,h6 {
-moz-hyphens: auto !important;
-webkit-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important; 
    }

  b, strong {
    font-weight: 500 !important;
}

  em, i {
  font-style: italic;
}




    
/* +++++ Links +++++ */

main .content a {
      color: #0062AA !important;
      text-decoration: none !important;
    }

main .bs-text-weiss a {
  color: #0062AA !important;
      text-decoration: none !important;
    }

main .content ul {
  margin-left: 1rem !important;
}

main .content ul li {
  margin-bottom: 0.6rem !important;
} 


/* +++++ Bilder +++++ */

img {
    max-width: 100% !important;
    height: auto !important;
}


/* ++++++++ Buttons allgemein +++++++ */
.btn {
  color: #fff !important;
  border-radius: 30px !important;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem !important;
  text-decoration: none !important;
  font-weight: 600 !important;
} 

/* +++++ System-Buttons +++++++ */

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0062AA !important;
  --bs-btn-border-color:#0062AA !important;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0062AA !important;
  --bs-btn-hover-border-color:#0062AA !important;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0062AA !important;
  --bs-btn-active-border-color: #0062AA !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0062AA !important;
  --bs-btn-disabled-border-color: #0062AA !important;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++  Views Filter vorlaeufig +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */


select.form-select {
  margin-top: 1rem !important;
  font-weight: 300 !important;
}

.views-exposed-form {
  padding-left: .5rem !important;
}

/* Filter-Links Ressorts + Aktuelles + Blog + PWT-Kurse */
#views-exposed-form-aktuelles-uebersicht-block-1 .form-type-select,
#views-exposed-form-ressorts-uebersichtsseite-block-1 .form-type-select,
#views-exposed-form-blog-uebersicht-block-1 .form-select,
#views-exposed-form-blog-uebersicht-mitgliederbereich-block-1 .form-type-select,
#views-exposed-form-blog-uebersicht-alle-oeffentlich-block-1 .form-type-select,
#views-exposed-form-gilde-akademie-kursvorschau-pwt-block-1 .form-type-select,
#views-exposed-form-shop-produkt-kurse-uebersicht-patchworktage-kurs-uebersicht .form-type-select {
  border: 0 !important;
  background-image: none !important;
  margin-bottom: 0rem !important;
  background: transparent !important;
}

#views-exposed-form-aktuelles-uebersicht-block-1 .form-type-select ul,
#views-exposed-form-ressorts-uebersichtsseite-block-1 .form-type-select ul,
#views-exposed-form-blog-uebersicht-block-1 .form-select ul,
#views-exposed-form-blog-uebersicht-mitgliederbereich-block-1 .form-type-select ul,
#views-exposed-form-blog-uebersicht-alle-oeffentlich-block-1 .form-type-select ul,
#views-exposed-form-gilde-akademie-kursvorschau-pwt-block-1 .form-type-select ul,
#views-exposed-form-shop-produkt-kurse-uebersicht-patchworktage-kurs-uebersicht .form-type-select ul {
  margin-bottom: 0rem !important;
  margin-left: -2rem !important;
    margin-top: 0.75rem !important;
}

#views-exposed-form-aktuelles-uebersicht-block-1 ul li,
#views-exposed-form-ressorts-uebersichtsseite-block-1 ul li,
#views-exposed-form-blog-uebersicht-block-1 ul li,
#views-exposed-form-blog-uebersicht-alle-oeffentlich-block-1 ul li,
#views-exposed-form-blog-uebersicht-mitgliederbereich-block-1 ul li,
#views-exposed-form-gilde-akademie-kursvorschau-pwt-block-1 ul li,
#views-exposed-form-shop-produkt-kurse-uebersicht-patchworktage-kurs-uebersicht ul li {
  list-style-type: none !important;
  margin-bottom: 0.5rem; 
margin-right: 0.5rem;
  display: inline-block !important;
}

#views-exposed-form-aktuelles-uebersicht-block-1 .form-type-select ul li a,
#views-exposed-form-ressorts-uebersichtsseite-block-1 .form-type-select ul li a,
#views-exposed-form-blog-uebersicht-block-1 .form-type-select ul li a,
#views-exposed-form-blog-uebersicht-mitgliederbereich-block-1 ul li a,
#views-exposed-form-blog-uebersicht-alle-oeffentlich-block-1 ul li a,
#views-exposed-form-gilde-akademie-kursvorschau-pwt-block-1 ul li a,
#views-exposed-form-shop-produkt-kurse-uebersicht-patchworktage-kurs-uebersicht ul li a {
  text-decoration: none !important;
  background:  #0062AA !important;
  color: #fff !important;
  padding: 0.2rem 1rem 0.25rem 1rem !important;
  border-radius: 4px;
  margin-bottom: 0.5rem; 
    font-weight: 400 !important;
}

#views-exposed-form-aktuelles-uebersicht-block-1 a.bef-link:hover,
#views-exposed-form-ressorts-uebersichtsseite-block-1 a.bef-link:hover,
#views-exposed-form-blog-uebersicht-block-1 a.bef-link:hover,
#views-exposed-form-blog-uebersicht-mitgliederbereich-block-1 a.bef-link:hover,
#views-exposed-form-blog-uebersicht-alle-oeffentlich-block-1 a.bef-link:hover,
#views-exposed-form-gilde-akademie-kursvorschau-pwt-block-1 a.bef-link:hover,
#views-exposed-form-shop-produkt-kurse-uebersicht-patchworktage-kurs-uebersicht a.bef-link:hover {
  background: #999 !important;
}

#views-exposed-form-aktuelles-uebersicht-block-1 a.bef-link.bef-link--selected,
#views-exposed-form-ressorts-uebersichtsseite-block-1  a.bef-link.bef-link--selected,
#views-exposed-form-blog-uebersicht-block-1  a.bef-link.bef-link--selected,
#views-exposed-form-blog-uebersicht-mitgliederbereich-block-1 a.bef-link.bef-link--selected,
#views-exposed-form-blog-uebersicht-alle-oeffentlich-block-1 a.bef-link.bef-link--selected,
#views-exposed-form-gilde-akademie-kursvorschau-pwt-block-1 a.bef-link.bef-link--selected,
#views-exposed-form-shop-produkt-kurse-uebersicht-patchworktage-kurs-uebersicht a.bef-link.bef-link--selected {
  background: #999 !important;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Layout +++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* ++++++++++ allgemein ++++++++++ */


.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .0) !important;
  padding-left: calc(var(--bs-gutter-x) * .0) !important;
  margin-top: var(--bs-gutter-y);
}

.views-row {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

#main-wrapper {
  padding: 2rem 0 2rem 0;
  padding: 2rem 0 2rem 0;
}

.node--type-flexible-seite #main-wrapper,
.node--type-einfache-bild-text-header #main-wrapper,
.node--type-seite-intro-seite-patch-kids #main-wrapper,
.node--type-seite-patch-kids #main-wrapper,
.node--type-anleitungen-patch-kids #main-wrapper,
.node--type-seite-flexibel-bild-mitglieder #main-wrapper,
.node--type-seite-flexibel-mit-bild-mitglied #main-wrapper,
.node--type-aktuelles #main-wrapper,
.node--type-blog #main-wrapper,
.node--type-galerie-patch-kids #main-wrapper,
.node--type-seite-intro-seite-patch-kids #main-wrapper,
.node--type-aktuelles-patch-kids #main-wrapper,
.node--type-sammlung #main-wrapper,
.node--type-galerie-t-m #main-wrapper,
.node--type-galerie-gildeausstellungen #main-wrapper,
.node--type-galerie-eqa #main-wrapper,
.node--type-galerie-mitgliederquilts #main-wrapper,
.node--type-galerie-kursleiterausbildung #main-wrapper,
.node--type-galerie-sew-along #main-wrapper,
.node--type-regionalseite #main-wrapper,
.node--type-region-bayern-regionaltreffen #main-wrapper,
.node--type-region-baden-bw-regionaltreffen #main-wrapper,
.node--type-region-berlin-bb-regionaltreffen #main-wrapper,
.node--type-region-bremen-regionaltreffen #main-wrapper,
.node--type-region-hamburg-regionaltreffen #main-wrapper,
.node--type-region-hessen-regionaltreffen #main-wrapper,
.node--type-region-mv-regionaltreffen #main-wrapper,
.node--type-region-bayern-regionaltreffen #main-wrapper,
.node--type-region-nds-sued-regionaltreffen #main-wrapper,
.node--type-region-nordbayern-regionaltreff #main-wrapper,
.node--type-region-nordrhein-regionalteffen #main-wrapper,
.node--type-region-rhein-n-regionaltreffen #main-wrapper,
.node--type-region-rheinland-regionaltreffen #main-wrapper,
.node--type-region-sachsen-regionaltreffen #main-wrapper,
.node--type-region-schwaben-regionaltreffen #main-wrapper,
.node--type-internationales-info-festivals #main-wrapper,
.node--type-anzeigenkunde #main-wrapper,
.node--type-verband #main-wrapper,
.node--type-sponsor #main-wrapper,
.node--type-adventskalender #main-wrapper,
.node--type-gruppen #main-wrapper {
  padding: 1rem 0 0rem 0 !important;
  padding: 4.5rem 0 2rem 0;
  padding: 4.5rem 0 0rem 0 !important;
  margin-bottom: 0 !important;
} 



/* +++++++++++ Header +++++++++++ */

/* Navigationsleiste */
 
.navbar {
  padding-left: 40px !important;
  padding-right: 40px !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  background: #fff !important;
  }

/* Logo Desktop-Version */
header#header img {
  width: 450px;
  height: auto; 
}

/* Aenderung nach dem Scrollen */

.scrolled .navbar {
  padding-top: 1rem !important;
}

.scrolled header#header .navbar-brand img {
  width: 320px !important;
  height: auto;
  transition: all 0.5s ease;
}

.scrolled .navbar {
  box-shadow: 0 8px 6px -6px #999 !important;
}

/* +++++ Header Iconleiste +++++ */

#block-patchworkgilde-iconskontakt img,
#block-patchworkgilde-iconssocialmedia img,
#block-patchworkgilde-iconssystem img  {
  width: 32px !important;
  height: 32px !important;
  margin-right: 1.5rem;
}


/* ++++++++++++++ Hero: Intro-Bereich blaue Flaeche ++++++++++++ */


.page-hero {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: padding-box;
  background-position: left bottom;
  padding-bottom: 2.5rem;
  padding-top: 2.25rem;
}


/* ++++++++++ Header-Breadcrumb  ++++++++++++++++ */

.page-hero ol.breadcrumb {
  float: right;
 /* letter-spacing: 1px; */
 font-family: 'Montserrat', sans-serif !important;
 font-weight: 300 !important;
 padding-top: 1.2rem;
    padding-left: 1rem !important;
/* line-height: 2.5rem; */
}

.page-hero ol.breadcrumb li:first-child,
.page-hero ol.breadcrumb li:nth-child(4),
.page-hero ol.breadcrumb li:nth-child(5) {
display: none !important;
}


.page-hero ol.breadcrumb a {
  text-decoration: none !important;
  color: #fff !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 300 !important;
}

.page-hero ol.breadcrumb li:nth-child(2) {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 40px !important;
  color: #fff !important;
  text-decoration: none !important;
  }
  

.page-hero ol.breadcrumb li:nth-child(2) a {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 600 !important;
  font-size: 40px !important;
  color: #fff !important;
  text-decoration: none !important;
  }
  

.page-hero ol.breadcrumb li:nth-child(3) {
font-weight: 300 !important;
font-size: 30px !important;
color: #fff !important;
padding-top: 0.25rem !important; 
}

.page-hero .breadcrumb-item+.breadcrumb-item::before {
    content: " " !important;
}


/* Special Aktuelles */
.node--type-aktuelles .page-hero ol.breadcrumb li:first-child,
.node--type-aktuelles .page-hero ol.breadcrumb li:nth-child(3){
display: none !important;
}

/* Special Blog*/
.node--type-blog .page-hero ol.breadcrumb li:first-child,
.node--type-blog .page-hero ol.breadcrumb li:nth-child(3){
display: none !important;
}




/* Special Werbung */
.node--type-werbung .page-hero ol.breadcrumb li:first-child,
.node--type-werbung .page-hero ol.breadcrumb li:nth-child(3){
display: none !important;
}

/* Special Zusatzinfo Heft 162 */
.page-node-3037 .page-hero ol.breadcrumb {
display: none !important;
}



/* Special flexible Seite Bild-/Text-Header */
.node--type-einfache-bild-text-header .page-hero ol.breadcrumb li:first-child,
.node--type-einfache-bild-text-header .page-hero ol.breadcrumb li:nth-child(3){
/* display: none !important;*/
font-weight: 300 !important;
font-size: 30px !important;
color: #fff !important;
padding-top: 0.14rem !important; 
line-height: 2rem;
max-width: 15ch;
max-width: 19ch;
    max-width: 22ch;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/* Special flexible Seite Text-Header */
.node--type-flexible-seite .page-hero ol.breadcrumb li:first-child,
.node--type-flexible-seite .page-hero ol.breadcrumb li:nth-child(3){
  /* display: none !important; */
  font-weight: 300 !important;
font-size: 30px !important;
color: #fff !important;
padding-top: 0.14rem !important; 
line-height: 2rem;
}


/* Special Seite Regionalseiten */
.page-node-167 .page-hero ol.breadcrumb li.breadcrumb-item.active {
  display: block !important;
}


/* Special Regionalseite */

.node--type-regionalseite .page-hero ol.breadcrumb li:nth-child(3) {
  display: none !important;
}
.node--type-regionalseite .page-hero ol.breadcrumb li:nth-child(4) {
  display: block !important;
  font-weight: 300;
  font-size: 30px !important;
  color: #fff !important;
  padding-top: 0.25rem !important; 
}

/* Special Regionen: Berlin  */
.node--type-region-berlin-bb-regionaltreffen .page-hero ol.breadcrumb li:first-child,
.node--type-region-berlin-bb-regionaltreffen .page-hero ol.breadcrumb li:nth-child(3){
display: none !important;
}

.node--type-region-berlin-bb-regionaltreffen .page-hero ol.breadcrumb li:nth-child(4) {
  display: block !important;
  font-weight: 300;
  font-size: 30px !important;
  color: #fff !important;
  padding-top: 0.25rem !important; 
}

.node--type-region-berlin-bb-regionaltreffen .page-hero ol.breadcrumb li:nth-child(4) a {
  color: #fff !important;
text-decoration: none !important;
}


  
  
/* +++++ Hero: BG-Grafiken + Bilder ++++++++ */

/* Special: Flexible Seite mit Text-Header */

.page-hero {
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/header/pwg_header_text.svg');
  min-height: 275px;   
}


/* Special: Flexible Seite mit Bild-Header */

/* Hintergrundgrafik */
.node--type-einfache-bild-text-header .page-hero {
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/header/pwg_header_bild.svg');
  min-height: 320px;   
}

/* +++++ Headerbilder flexible Seiten +++++ */
/* Bildblock */
.block-views-blockheaderbilder-block-1,
.block-views-blockheaderbilder-patch-kids-block-1 {
  float: left;
}

.block-views-blockheaderbilder-block-1 img,
.block-views-blockheaderbilder-patch-kids-block-1 img {
position: relative;
z-index: 10 !important;
margin-bottom: -5.5rem !important;
padding-left: 1.5rem;
padding-top: 0.9rem;
}


/* +++++++++ Featured Bottom – Werbeblock  +++++++++++++ */

.region-featured-bottom-first {
  padding-left: 3rem;
  padding-right: 1.25rem;
}

.featured-bottom {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: #faf9f8;
  background: #f9f7f6;
/* TEST
    margin-top: -4rem !important;*/
}

/* .page-view-frontpage .featured-bottom {
     margin-top: 0rem !important;
} */

.featured-bottom .container {
  border-left: 25px solid #F1EEEA;
  position: relative !important; 
}




/* ++++++++++++++++ Footer +++++++++++++++++++ */

.site-footer {
      font-family: 'Roboto', sans-serif !important;
      padding: 4.5rem 0 4.5rem 0;
      background: #0062AA !important;
}

.site-footer .content {
  color: #fff !important;
  color: #fff !important;
  font-size: 0.857em;
  font-size: 16px !important;
}

.site-footer__top p {
      margin-top: 0em !important;
      opacity: 1 !important;
      line-height: 1.75rem !important;
}

.site-footer .block {
      margin: 0 !important;
      border: none !important;
      border-color: rgba(255, 255, 255, 0.1);
      padding: 0 !important;
}

.site-footer .block a {
      color: #fff !important;
      opacity: 1 !important;
      text-decoration: none !important;
}

.site-footer .block a:hover {
      opacity: 0.8 !important;
}

  .site-footer__top h2 {
    font-family: 'Montserrat', sans-serif !important;
      color: #fff !important;
      opacity: 1 !important;
      margin-bottom: 1.25rem !important;
      border-bottom: 1px solid #fff !important;
      border-bottom-color: #fff !important;
      border-color: #fff !important;
      font-size: 1em;
      margin-bottom: 0;
      padding-bottom: 10px !important;
      text-transform: uppercase;
}

  .site-footer h5 {
      font-size: 110% !important;
    }

  .site-footer .views-field-field-inhaltsbereich {
      padding-left: 0rem;
      padding-top: 0 !important;
    }

   .site-footer .region-footer-first,
  .site-footer .region-footer-second,
.site-footer .region-footer-third {
    padding-bottom: 2.5rem;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Seitentypen   +++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */


/* +++++++++++ Adventskalender  ++++++++ */

/* +++++ Node +++++ */

.node--type-adventskalender .field--name-field-bild-kalendertuer img {
  margin-top: -6rem !important;
  border: 8px solid #fff;
}

@media screen and (max-width: 981px) {
    
.node--type-adventskalender .field--name-field-bild-kalendertuer img  {
  margin-top: 1.5rem !important;
}
}


/* +++++ View +++++ */

.view-adventskalender {
  margin-top: 4rem !important;
}

/* +++++++++++ Sew Along: meehrgilde ++++++++ */

/* +++++ Node +++++ */

/* erstes bild */
.node--type-sew-along-meehrgilde .field--name-field-bild-sew-along img {
  margin-top: -12rem !important;
  border: 8px solid #fff;
  border: 8px solid #dbebf5;
  padding: 8px;
  background-color: #ffff;
}


@media screen and (max-width: 981px) {
    
.node--type-sew-along-meehrgilde .field--name-field-bild-sew-along img  {
  margin-top: 1.5rem !important;
}
}



/* Bildergalerie */

.node--type-sew-along-meehrgilde .field--name-field-bildergalerie-sew-along img {
  float: left !important;
  margin-right: 1rem !important;
  margin-bottom: 1rem !important;
}

/* FlipBook-Text */


.node--type-sew-along-meehrgilde .block-field-blocknodesew-along-meehrgildefield-hinweis-flipbook-sew-along {
  padding-top: 17.5%;
}

.node--type-sew-along-meehrgilde .field--name-field-link-flipbook-sew-along a::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 18px;
  color: #0062AA;
  padding-right: 0.5rem;
}

.node--type-sew-along-meehrgilde .field--name-field-link-flipbook-sew-along {
  font-size: 1.5rem;
}

/* Downloads */

.node--type-sew-along-meehrgilde .field--name-field-download-sew-along-meehr .field__item {
  margin-bottom: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px dotted #0062AA;
}

.node--type-sew-along-meehrgilde .field--name-field-download-sew-along-meehr .field__item::before { 
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f019" !important;
  font-size: 20px;
  color:  #0062AA;
  padding-right: 0.75rem;
}

/* .file--application-pdf {
  background-image: none !important;
}

.file--application-pdf::before {  
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f1c1" !important;
  font-size: 20px;
} */

/* Links */

.node--type-sew-along-meehrgilde .field--name-field-weitere-links-sew-along .field__item {
  margin-bottom: .75rem;
  padding-bottom: .75rem;
  border-bottom: 1px dotted #0062AA;
}

.node--type-sew-along-meehrgilde .field--name-field-weitere-links-sew-along a::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 18px;
  color: #0062AA;
  padding-right: 0.5rem;
}


/* +++++++++++ Sew Along: Dreiklang +++++++++ */

/* +++++ Node +++++ */

.field--name-field-titel-sew-along {
  color: #0062AA !important;
  margin-bottom: 0rem !important;
  font-size: 1.5rem !important;
}

.block-field-blocknodesew-along-dreiklangfield-anleitung-autorin,
.block-field-blocknodesew-along-flexagonfield-anleitung-autorin {
  padding-top: 2rem;
}

.field--name-field-anleitung-autorin {
  padding-top: 2rem !important;
}


.field--name-field-anleitung-autorin::before { 
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f044" !important;
  font-size: 20px;
  color:  #0062AA;
  padding-right: 0.75rem;
}

.field--name-field-download-sew-along-drei::before,
.field--name-field-download-sew-along::before{ 
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f019" !important;
  font-size: 20px;
  color:  #0062AA;
  padding-right: 0.75rem;
}

.field--name-field-kontakt-sew-along::before { 
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f658" !important;
  font-size: 20px;
  color:  #0062AA;
  padding-right: 0.75rem;
}



/* +++++ View Sew Along Dreiklang + meehrgilde +++++  */

/* Blockueberschrift Dreiklang */
.block-views-blocksew-along-dreiklang-uebersicht-block-1 h2 {
  margin-bottom: 2.5em !important;
 /*  font-size: 158% !important;
   font-weight: 400 !important; */
} 

/* Special meehrgilde */
.sew-along-teaser .text {
  padding-top: 5%;
}

.sew-along-teaser img {
  padding: 0 3rem 1.5rem 0;
  }
  
  .sew-along-teaser .row {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 2px dashed #0062AA;
  }
  
  .sew-along-teaser p a::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f061" !important;
    font-size: 18px;
    color: #0062AA;
    padding-right: 0.5rem;
  }
  

/* +++++++++++ Galerien ++++++++++++++ */

/*  ++++ node allgemein ++++ */

.field--name-field-bildergalerie {
  clear: both;
} 

.field--name-field-bildergalerie img {
  float: left !important;
  margin-right: 1rem !important;
  margin-bottom: 1rem !important;
}

/* ++++ node Patch-Kids +++++ */

.field--name-field-jahr-des-wettbewerbs {
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500 !important;
}

/* ++++ node Galerie Mitglieder-Quilts +++++ */

.node--type-galerie-mitgliederquilts .block-field-blocknodegalerie-mitgliederquiltsfield-vorname {
    margin-right: 0.3rem !important;
}

.node--type-galerie-mitgliederquilts .block-field-blocknodegalerie-mitgliederquiltsfield-vorname,
.node--type-galerie-mitgliederquilts .block-field-blocknodegalerie-mitgliederquiltstitle {
display: inline-block;
font-size: 40px;
font-family: 'Montserrat', sans-serif;
font-weight: 500 !important;
}


/* +++++ node Sammlung +++++ */

.node--type-sammlung .field--name-field-bild-sammlung img {
  margin-top: -12rem !important;
  border: 8px solid #fff;
}


@media (max-width: 991px) {
.node--type-sammlung .field--name-field-bild-sammlung img {
    margin-top: 1.5rem !important;
  }
}

.node--type-sammlung .field--name-field-titel-des-quilts {
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500 !important;
margin-bottom: 0;
padding-bottom: 0;
}




/* ++++++ View Gruppen +++++ */

.block-views-exposed-filter-blockgruppen-uebersicht-block-1 h2 {
  color: #0062AA !important;
  margin-bottom: 0rem !important;
  font-size: 1.5rem !important;
  margin-left: -0.5rem;
}


/* +++++ view Sammlung +++++ */

.views-field-field-titel-des-quilts p a {
  color: #000 !important;
  font-size: 18px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.views-field-field-titel-des-quilts p a:hover {
  color: #0062AA !important;
  font-size: 18px;
}


/* +++++ View Verbaende + Sponsoren + Anzeigenkunden + Kursleiterinnen + +++++ */

.block-views-exposed-filter-blockverbaende-uebersicht-block-1 h2,
.block-views-exposed-filter-blocksponsoren-uebersicht-block-1 h2,
.block-views-exposed-filter-blockanzeigenkund-innen-uebersicht-block-1 h2,
.block-views-exposed-filter-blockkursleiter-uebersicht-block-1 h2 {
  color: #0062AA !important;
  margin-bottom: 0rem !important;
  font-size: 1.5rem !important;
  margin-left: -0.5rem;
}


.masonry-4col.view-verbaende-uebersicht .masonry-item,
.masonry-4col.view-sponsoren-uebersicht .masonry-item,
.masonry-4col.view-anzeigenkund-innen-uebersicht .masonry-item {
  background: #fff !important;
}

.masonry-4col.view-verbaende-uebersicht .masonry-item .views-field-field-logo,
.masonry-4col.view-sponsoren-uebersicht .masonry-item .views-field-field-logo,
.masonry-4col.view-anzeigenkund-innen-uebersicht .masonry-item .views-field-field-logo {
  padding-top: 1.5rem !important;
}

/* ++++ Adventskalender +++++ */


.masonry-4col.view-adventskalender .masonry-item {
  padding: 1.5rem 0 1.5rem 0 !important;
}

.masonry-4col.view-adventskalender .masonry-item .views-field-field-bild-kalendertuer {
  padding: 1.5rem 1.5rem 0 1.5rem !important;
}

.masonry-4col.view-adventskalender .masonry-item.views-row {
  padding-bottom: 1.4rem !important;
  margin-bottom: 1.5rem !important;
}

  /* Buchbesprechungen */
  .masonry-4col .masonry-item  .views-field-field-untertitel .field-content {
    margin-top: 1.5rem;
    font-size: 18px !important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 0.5rem !important;
    color: #0062AA !important; 
  }

  .masonry-4col .masonry-item  .views-field-field-verlag .field-content {
    margin-top: 1.5rem;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .masonry-4col .masonry-item  .views-field-field-autor .field-content {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

    
/* Anleitungen */

.masonry-4col.anleitungen-uebersicht .masonry-item {
  background: #fff !important;
}
.masonry-4col.anleitungen-uebersicht .masonry-item .views-field-title {
  margin-top: 1.5rem;
  font-size: 20px !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 1.25rem !important;
  color: #0062AA !important; 
}

.masonry-4col.anleitungen-uebersicht .masonry-item .views-field-field-einleitung-anleitung,
.masonry-4col.anleitungen-uebersicht .masonry-item .views-field-field-einleitung-anleitung-pk   {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
  text-align: left !important;
}


/* Kursleiterinnen */

.masonry-4col .masonry-layout-kursleiter-uebersicht .masonry-item {
  background: #Faf9f8;
  text-align: center;
  padding: 0 0.5rem 2rem 0.5rem;
  margin-bottom: 25px;
  margin-bottom: 35px;
  min-height: 180px !important;
  }

/* Gruppen */

.masonry-4col  .masonry-layout-gruppen-uebersicht .masonry-item {
  background: #Faf9f8;
  text-align: center;
  padding: 0 0.3rem 2rem 0.5rem;
  margin-bottom: 25px;
  margin-bottom: 35px;
  min-height: 205px !important;
  }


/* Patch-Kids: Abstimmung */

.masonry-4col .masonry-layout-abstimmung-patch-kids-uebersicht .masonry-item {
  background: #Faf9f8;
  text-align: center;
  padding: 0 0.3rem 2rem 0.5rem;
  margin-bottom: 25px;
  margin-bottom: 35px;
  min-height: 460px !important;
  }




/* +++++ view allgemein+++++ */


.masonry-4col .masonry-item {
  background: #Faf9f8;
  text-align: center;
  padding: 0 0 2rem 0;
  margin-bottom: 25px;
  margin-bottom: 35px;
  }

  .masonry-4col .masonry-item.views-row {
    padding: 0 0 2rem 0 !important;
  }
  /* .masonry-4col .masonry-item img {
    margin-bottom: 1.5rem;
  } */

  .masonry-4col .masonry-item h3 {
    margin-bottom: 0.75rem !important;
    font-size: 20px !important;
    
  }

  .masonry-4col .masonry-item  .views-field-title .field-content {
    margin-top: 1.5rem;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }





@media screen and (min-width: 769px) {
  .masonry-4col .masonry-item {
  float: left;
  width: 22%;
  }
  }

  @media screen and (min-width: 581px) and (max-width: 980px) {
    .masonry-4col .masonry-item {
    float: left;
    width: 45% !important;
    }

    .masonry-4col .masonry-item h3 {
      margin-bottom: 0.75rem !important;
      font-size: 18px !important;
    }
    }

      @media screen and (max-width: 580px) {
        .masonry-4col .masonry-item {
        float: none;
        width: 100%;
        }

        .masonry-4col .masonry-item h3 {
          margin-bottom: 0.75rem !important;
          font-size: 18px !important;
      
        }
        }
    

/* ++++++++++ Patch-Kids: Abstimmungen ++++++++++ */

.node--type-patch-kids-abstimmung h2 {
    font-size: 20px !important;
    margin-bottom: 1rem !important;
}

.node--type-patch-kids-abstimmung .block-field-blocknodepatch-kids-abstimmungfield-erlaeuterung-idee-patch-ki {
    margin-bottom: 3rem !important;
}

/* ++++++++++ Zeitschrift – Ausgaben ++++++++++ */

.node--type-zeitschrift-ausgaben- .field--name-field-hinweis-extrablatt {
    margin-top: -1.75rem;
}

.node--type-zeitschrift-ausgaben- .field--name-field-datum-zeitschrift {
font-size: 22px;
margin-bottom: 0;
padding-bottom: 0;
}

.node--type-zeitschrift-ausgaben- .field--name-field-thema-zeitschrift {
  font-size: 22px;
  margin-bottom: 0;
  margin-top: -1.25rem;
  padding-bottom: 0;
font-family: 'Montserrat', sans-serif !important;
    font-weight: 500;
    font-size: 26px;
}

.node--type-zeitschrift-ausgaben- .field--name-field-cover-zeitschrift img {
  margin-top: -11rem !important;
  border: 8px solid #fff;
}



@media (max-width: 991px) {
  .node--type-zeitschrift-ausgaben- .field--name-field-cover-zeitschrift img {
    margin-top: 1.5rem !important;

  }

}

.node--type-zeitschrift-ausgaben- h2 {
  font-size: 26px !important;
  margin-bottom: 1rem !important;
}

.node--type-zeitschrift-ausgaben- ul {
  margin-left: 0.25rem !important;
  padding-left: 0;
  margin-bottom: 2rem;
}

.node--type-zeitschrift-ausgaben- ul li {
  margin-left: 0 !important;
  padding-left: 0;
}

.node--type-zeitschrift-ausgaben- .field--name-field-link-zeitschrift a {
  /* border: 2px solid #fff; */
  border-radius: 30px;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  color: #fff !important;
  text-decoration: none;
  margin-right: 1.5rem;
    margin-bottom: 0.5rem;
    display: inline-block; 
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 1px;
    background: #0062AA;
}

.node--type-zeitschrift-ausgaben- .field--name-field-link-zeitschrift a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  font-size: 16px;
  color: #fff !important;
  padding-left: 0.75rem;
}

.node--type-zeitschrift-ausgaben- .field--name-field-link-zeitschrift a:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #FA9200 !important;
  color: #fff !important;
}

.node--type-zeitschrift-ausgaben- .field--name-field-link-zeitschrifta:hover::after {
  color: #fff !important;
}

.node--type-zeitschrift-ausgaben- #main-wrapper {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* +++++ View Ausgaben + Online + Schnupper +++++ */


#views-exposed-form-zeitschrift-ausgaben-uebersicht-block-1,
#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 {
  margin-bottom: 2rem !important;
}

#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 select option[value="202"],
#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 select option[value="201"],
#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 select option[value="200"],
#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 select option[value="199"],
#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 select option[value="198"],
#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 select option[value="197"],
#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 select option[value="196"],
#views-exposed-form-zeitschrift-online-ausgaben-uebersicht-block-1 select option[value="195"]   {
  display: none !important;
}


.view-zeitschrift-ausgaben-uebersicht .views-view-responsive-grid__item,
.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item,
.view-zeitschrift-schnupperzeitschrift .views-view-responsive-grid__item {
  background: #Faf9f8;
  text-align: center;
  padding-bottom: 2rem;
  border-radius: 0 0 45px 0;
}

.view-zeitschrift-ausgaben-uebersicht .views-view-responsive-grid__item img,
.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item img,
.view-zeitschrift-schnupperzeitschrift .views-view-responsive-grid__item img {
  margin-bottom: 1.5rem;
}


.view-zeitschrift-ausgaben-uebersicht .views-view-responsive-grid__item h3,
.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item h3,
.view-zeitschrift-schnupperzeitschrift .views-view-responsive-grid__item h3 {
  margin-bottom: 0.75rem !important;
     margin-bottom: 0.25rem !important;
  font-size: 23px !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.view-zeitschrift-ausgaben-uebersicht .views-field-field-hinweis-extrablatt  {
    font-size: 16px;
   margin-top: 0rem;
}

.view-zeitschrift-ausgaben-uebersicht .views-view-responsive-grid__item .views-field-field-datum-zeitschrift,
.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item .views-field-field-datum-zeitschrift,
.view-zeitschrift-schnupperzeitschrift .views-view-responsive-grid__item .views-field-field-datum-zeitschrift  {
  font-size: 16px !important;
  margin-bottom: 0.75rem;
  color: #0062AA;
    color: #000 !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

/*.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item .views-field-field-datum-zeitschrift,
.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item .views-field-field-datum-zeitschrift,
.view-zeitschrift-schnupperzeitschrift .views-view-responsive-grid__item .views-field-field-datum-zeitschrift {
  font-size: 19px !important;
  margin-bottom: 0.75rem;
  color: #000 !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
} */

.view-zeitschrift-ausgaben-uebersicht .views-view-responsive-grid__item .views-field-field-thema-zeitschrift,
.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item .views-field-field-thema-zeitschrift,
.vview-zeitschrift-schnupperzeitschrift .views-view-responsive-grid__item .views-field-field-thema-zeitschrift {
  font-size: 19px !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
     color: #0062AA;
}

.view-zeitschrift-ausgaben-uebersicht .views-view-responsive-grid__item,
.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item  {
  margin-bottom: 0rem !important;
}

.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item .views-field-field-link-zur-online-version,
.view-zeitschrift-schnupperzeitschrift .views-view-responsive-grid__item .views-field-field-link-zur-schupper-version {
  margin-top: 0.75rem !important;
}

.view-zeitschrift-online-ausgaben-uebersicht .views-view-responsive-grid__item .views-field-field-link-zur-online-version a::before,
.view-zeitschrift-schnupperzeitschrift .views-view-responsive-grid__item .views-field-field-link-zur-schupper-version a::before  {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 18px;
  color: #FA9200 !important;
  color: #0062AA !important;
  padding-right: 0.5rem;
}


/* ++++++++++ Buchbesprechnungen ++++++++++ */

.block-views-exposed-filter-blockbuchbesprechnungen-uebersicht-block-1 h2 {
  color: #0062AA !important;
  margin-bottom: 0rem !important;
  font-size: 1.5rem !important;
  margin-left: -0.5rem;
}


.view-buchbesprechnungen-uebersicht .views-view-responsive-grid__item {
  background: #Faf9f8;
  text-align: center;
  padding-bottom: 2rem;
  border-radius: 0 0 45px 0;
  margin-bottom: 0 !important;
}

.view-buchbesprechnungen-uebersicht .views-view-responsive-grid__item h3 {
  margin-bottom: 0.5rem !important;
  font-size: 23px !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.view-buchbesprechnungen-uebersicht .views-view-responsive-grid__item h4 {
  margin-bottom: 0.5rem !important;
  font-size: 19px !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 400 !important;
}

.view-buchbesprechnungen-uebersicht .views-view-responsive-grid__item .views-field-field-untertitel {
  font-size: 20px !important;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-bottom: 0.5rem !important;
  color: #0062AA !important; 
}


.view-buchbesprechnungen-uebersicht .views-view-responsive-grid__item img {
  margin-bottom: 1.5rem;
}

.view-buchbesprechnungen-uebersicht .views-view-responsive-grid__item .views-field-field-verlag,
.view-buchbesprechnungen-uebersicht .views-view-responsive-grid__item .views-field-field-autor  {
  padding-left: 1.5rem;
  padding-right: 1.5rem; 
}


/* ++++++++++ Werbung ++++++++++ */


/* Karussel Footer */

.view-werbung-footer .text {
  line-height: 1.5rem !important;
  font-size: 17px !important;
  padding-left: 1rem !important;
}

.view-werbung-footer .col-12.bild {
  padding-bottom: 1rem;
}

.view-werbung-footer .slide__content {
padding-right: 0rem !important;
}

.view-werbung-footer a {
  text-decoration: none !important;
  color: #000 !important;
}

.view-werbung-footer h4 {
  color: #0062AA !important;
  min-height: 60px;
  margin-left: 0 !important;
  padding-left: 0 !important;
}



.view-werbung-footer .slick__slide.slide {
  padding: 0em 2.5em 0em 2.5em !important;
}

.view-werbung-footer .slick__arrow {
  top: 50% !important;
}

.view-werbung-footer .slick-arrow::before {
  color: #0062AA !important;
  font-size: 36px;
  font-size: 2.25rem;
}

.view-werbung-footer .slick-dots {
  position: absolute;
  bottom: -40px;
}

.view-werbung-footer .slick-prev {
  left: -30px;
  }
  
  .view-werbung-footer .slick-next {
  right: -30px;
  }

  /* .view-werbung-footer .read-more::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f0a9" !important;
    content: "\f061" !important; 
    font-size: 20px !important;
    color: #146eb1 !important;
  } */

  .view-werbung-footer .read-more {
    margin-top: 0.5rem;
    color: #000;
  }

  .view-werbung-footer .read-more:hover {
    color: #0062AA !important;
  }

  .view-werbung-footer .read-more::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f061" !important;
    font-size: 18px;
    color: #FA9200 !important;
    padding-right: 0.5rem;
}


/* TEST */
.view-werbung-footer .slick-prev:before, 
.view-werbung-footer .slick-next:before {
    font-family: 'slick'; 
    font-family: none !important;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }
   

 .view-werbung-footer  .slick-prev:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f137" !important;
  /* content: "\f35a" !important; */
  font-size: 32px;
}

.view-werbung-footer  .slick-next:before  {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f138" !important;
  /* content: "\f35a" !important; */
  font-size: 32px;
}



  #block-patchworkgilde-views-block-werbung-footer-block-1 h2 {
    position: absolute;
    left: -75px !important;
    /* writing-mode: vertical-lr;
     -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg); */
    font-size: 1.75rem !important;
    -ms-writing-mode: tb-rl; 
    writing-mode: vertical-rl; 
    transform:rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
  }


  
 /* .user-logged-in #block-patchworkgilde-views-block-werbung-footer-block-1 h2 {
    left: -120px !important;
  }*/

  @media (max-width: 576px) {

    #block-patchworkgilde-views-block-werbung-footer-block-1 h2 {
      position: absolute;
      left: -30px !important;
      font-size: 1.5rem !important;
    }


  .view-werbung-footer {
 padding-left: 2rem !important;
 padding-right: 2rem !important;
  }

  .view-werbung-footer img  {
float: none !important;
text-align: center !important;
margin-left: 25% !important;
margin-right: auto !important;
  }

.view-werbung-footer .slick__slide.slide {
    text-align: center !important;
  }
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Uebersichtsseiten: Termine  +++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* +++++++++ Exposed Filters +++++++++ */


.termine-filter {
    margin-top: 1rem !important;
    margin-left: 0rem !important;
}

.termine-filter h2 {
    margin-left: -0.5rem;
    color: #0062AA !important;
   margin-bottom: 0rem !important;
    padding-bottom: 0 !important;
  font-size: 1.5rem !important;
}

.termine-filter form {
    margin-top: 0rem !important;
}

.termine-uebersicht {
    padding-top: 2.5rem;
}

.termine-uebersicht .view-empty {
    margin-top: -3rem;
}

/*.block-views.block-views-exposed-filter-blocktermine-uebersicht-alle-termine-block-1 {
  margin-top: -1.5rem;
  padding-top: 0;
} */

/* .block-views.block-views-exposed-filter-blocktermine-uebersicht-alle-termine-block-1 h2 {
  color: #0062AA !important;
  margin-bottom: 1rem;
  font-size: 1.5rem !important;
} */

.views-exposed-form .js-form-item {
  margin-right: 2rem;
}

.views-exposed-form .js-form-item label {
  color: #0062AA !important;
  font-weight: 500;
 margin-top: 1rem; 
 margin-bottom: -1.25rem !important;
}

.views-exposed-form .form-type-select label {
 margin-top: 2rem !important; 
}

.views-exposed-form .form-type-select.js-form-item-field-land-value label {
 margin-top: 1rem !important; 
}

.views-exposed-form .form-type-select.js-form-item-field-bundesland-target-id label {
 margin-top: 1rem !important; 
}

/* specials Bundesland + Land */
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-ausstellungen-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-gildeausstellungen-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-t-m-ausstellungen-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-t-m-ausstellungen-block-1 .form-type-select.js-form-item-field-land-value label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-sonstige-ausstellungen-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-gildeausschreibungen-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-nationale-ausschreibungen-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-internationale-ausschreibungen-block-1 .form-type-select.js-form-item-field-land-value label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-messen-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-quip-day-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-gilde-kurse-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-online-kurse-block-1 .form-type-select.js-form-item-field-bundesland-target-id label, 
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-kursleiter-innenausbildung-block-1 .form-type-select.js-form-item-field-bundesland-target-id label,
.views-exposed-form.block-views-exposed-filter-blocktermine-uebersicht-sonstige-termine-block-1 .form-type-select.js-form-item-field-bundesland-target-id label {
 margin-top: 2rem !important; 
}



.views-exposed-form .form-type-select select.form-select {
 margin-top:  0 !important;
}


.views-exposed-form .js-form-type-textfield {
  margin-top: 1rem;
}

.views-exposed-form .js-form-type-textfield label {
  margin-bottom: 0rem
} 

.views-exposed-form .js-form-item-field-postleitzahl-value {
  max-width: 8rem;
}

.views-exposed-form .js-form-item input {
  font-weight: 300 !important;
  color: #666;
}

/* Datumsfilter */

.views-exposed-form .js-form-type-date.form-type-date {
    margin-top: -0.5rem !important;
}
.views-exposed-form .js-form-item.js-form-type-date.form-type-date.js-form-item-field-datum-end-value-1-min.form-item-field-datum-end-value-1-min.mb-3 {
    float: left !important;
    width: 150px !important;
}

.views-exposed-form .js-form-item.js-form-type-date.form-type-date.js-form-item-field-datum-end-value-1-max.form-item-field-datum-end-value-1-max.mb-3 {
    float: left !important;
    width: 150px !important;
}

.views-exposed-form .js-form-item.mb-3 {
    margin-bottom: 0 !important;
}



/* ++++++++ Teaser-Bereich ++++++++ */

.uebersicht-termine {
  margin-top: 3rem;
}

.termin-teaser {
  position: relative;
  background: #fff;
  padding: 0rem 4rem 4rem 4rem;
  border-radius: 0 0 45px 0;
  margin-bottom: 7rem;
}

.termin-teaser .kategorie {
  position: absolute;
  right: 0;
  top: -2rem;
  font-weight: 500;
}

.termin-teaser .datum {
  position: relative;
  left: -5rem;
  top: -2rem;
  background: #0062AA !important;
  color: #fff;
  max-width: 400px;
  padding: 0.8rem 1rem 0.8rem 2rem;
padding: 0.rem 1rem 0rem 2rem;
  font-weight: 500;
display: inline-block !important;
}

.termin-teaser .datum span {
  padding: 1rem 1rem 1rem 2rem;
}

.termin-teaser h3 {
  font-size: 20px;
  margin-bottom: 1rem !important;
}

.termin-teaser h3 a {
 color: #000 !important;
}

.termin-teaser h3 a:hover {
  color: #146eb1 !important;
 }
 

.termin-teaser .ort {
  margin-bottom: 1rem !important;
}

.termin-teaser .col-sm-9 {
  padding-right: 2rem !important;
}

.termin-teaser .col-sm-3 {
text-align: right;
}

.termin-teaser .read-more a {
  color: #000 !important;
}

.termin-teaser .read-more a:hover {
  color: #146eb1 !important;
}

.termin-teaser .read-more::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 18px;
  color: #FA9200 !important;
  padding-right: 0.5rem;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++ Uebersicht Module KL-Ausbildung +++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++ Teaser-Bereich ++++++++ */

/*.block-views-blockgilde-akademie-kl-ausbildung-block-1 { 
 padding-left: 1.5rem !important;
} */

.block-views-blockgilde-akademie-kl-ausbildung-block-1 h2,
.block-views-blockgilde-akademie-bewerbungsquilt-block-1 h2,
.block-views-blockgilde-akademie-optionale-kurse-block-1 h2,
.block-views-blockgilde-akademie-kl-ausbildung-phase-2-block-1 h2,
.block-views-blockgilde-akademie-ausbildungsmappen-block-1 h2,
.block-views-blockgilde-akademie-abschlussarbeit-block-1 h2,
.block-views-blockgilde-akademie-ausstellung-block-1 h2 {
  color: #0062AA !important;
  font-size: 1.75rem;
  margin-bottom: 2rem;
  margin-left: -1.5rem !important;
  padding-left: 0 !important;
}



.uebersicht-module {
  margin-top: 4rem !important;
  margin-left: 2rem !important;
}

.modul-teaser {
  position: relative;
  background: #fff;
  padding: 0rem 4rem 4rem 4rem;
  border-radius: 0 0 45px 0;
  margin-bottom: 7rem;
}

.modul-teaser .kurstitel {
  position: relative;
  left: -5rem;
  top: -2rem;
  background: #0062AA !important;
  color: #fff;
  max-width: 400px;
 max-width: 600px;
  padding: 0.8rem 1rem 0.8rem 2rem;
    display: inline-block !important;
}

.modul-teaser .kurstitel span {
  padding: 1rem 1rem 1rem 2rem;
  padding: 0 !important;
}

.modul-teaser .kurstitel span h3 {
  font-size: 20px;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  padding: 0 1rem 0 2rem !important;
}

.modul-teaser .termine h4 {
    margin-bottom: 0 !important;
}

.modul-teaser .kl {
  position: absolute;
  right: 0;
  top: -2rem;
  font-weight: 500;
  color: #0062AA;
}

.modul-teaser .kl-mobil {
display: none !important;
}



/* Ubersicht Kursleiterinnen PWT + GJZ */

.kursleiterinnen .modul-teaser .kl-bild {
    margin-top: 1.5rem !important;
    display: block;
}

.kursleiterinnen .modul-teaser .kl-bild-mobil {
    display: none !important;
}

@media (max-width: 768px) {
    
.kursleiterinnen  .modul-teaser .kl-bild-mobil {
    display: block !important;
        margin-bottom: 2rem;
}
    
 .kursleiterinnen .modul-teaser .kl-bild  {
    display: none !important;
}
    
.kursleiterinnen .modul-teaser .kurstitel {
  position: relative;
  left: -5rem;
  top: -1.65rem !important;
  background: #0062AA !important;
  color: #fff;
  max-width: 400px;
 max-width: 600px;
  padding: 0.8rem 1rem 0.8rem 2rem;
    display: inline-block !important;
}


}


/* Ubersicht Kursvorschau PWT + GJZ */

.kursvorschau .modul-teaser h4.kurs {
    font-size: 26px !important;
    margin-bottom: 2.5rem !important;
    margin-top: 1.5rem !important;
    color: #0062AA !important;
}

.kursvorschau .modul-teaser .kursbild {
    margin-top: 1.5rem !important;
    display: block;
}

.kursvorschau .modul-teaser .kursbild-mobil {
    display: none !important;
}


.kursvorschau .modul-teaser h5 {
    font-size: 19px !important;
    margin-bottom: 0.15rem !important;
}

.kursvorschau .modul-teaser p {
     margin-bottom: 2rem !important;
}

.kursvorschau .modul-teaser.read-more a {
  color: #000 !important;
}

.kursvorschau .modul-teaser .read-more a:hover {
  color: #146eb1 !important;
}

.kursvorschau .modul-teaser .read-more::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 18px;
  color: #FA9200 !important;
  padding-right: 0.5rem;
}

.kursvorschau .modul-teaser  .read-more a {
    color: #000 !important;
}

@media (max-width: 768px) {
    
.kursvorschau .modul-teaser .kursbild-mobil {
    display: block !important;
        margin-bottom: 2rem;
}
    
.kursvorschau .modul-teaser .kursbild {
    display: none !important;
}

.kursvorschau .modul-teaser .kurstitel {
  position: relative;
  left: -5rem;
  top: -1.65rem !important;
  background: #0062AA !important;
  color: #fff;
  max-width: 400px;
 max-width: 600px;
  padding: 0.8rem 1rem 0.8rem 2rem;
    display: inline-block !important;
}

}


/* +++++ Node Kursvorschau PWT + GJZ++++++ */

.node--type-gilde-akademie-vorschau-pwt-kurs .kursdetails .field--name-field-bild-kurs img,
.node--type-gilde-akademie-vorschau-gjz .kursdetails .field--name-field-bild-kurs img  {
    margin-top: -12.5rem !important;
    border: 8px solid #fff;
}

.node--type-gilde-akademie-vorschau-pwt-kurs .intro-kursdetailseite img,
.node--type-gilde-akademie-vorschau-gjz .intro-kursdetailseite img {
    display: none !important;
}

.node--type-gilde-akademie-vorschau-pwt-kurs .field__label,
.node--type-gilde-akademie-vorschau-gjz .field__label {
    font-weight: 500;
}


.node--type-gilde-akademie-vorschau-pwt-kurs .field--name-field-kursleiter-in-kurse .field__label,
.node--type-gilde-akademie-vorschau-pwt-kurs .field--name-field-kursleiter-in-kurse .field__item,
.node--type-gilde-akademie-vorschau-gjz .field--name-field-kursleiter-in-kurse .field__label,
.node--type-gilde-akademie-vorschau-gjz .field--name-field-kursleiter-in-kurse .field__item  {
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
}

@media (max-width: 980px) {
    
.node--type-gilde-akademie-vorschau-pwt-kurs .intro-kursdetailseite img,
.node--type-gilde-akademie-vorschau-gjz .intro-kursdetailseite img {
    display: block !important;
    margin-top: 3rem;
}
    
.node--type-gilde-akademie-vorschau-pwt-kurs .kursdetails .field--name-field-bild-kurs img,
.node--type-gilde-akademie-vorschau-gjz .kursdetails .field--name-field-bild-kurs img {
    display: none !important;
}
}


/* +++++ Node Module KL-Ausbildung ++++++ */

.node--type-gilde-akademie-kl-ausbildung main.main-content {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.node--type-gilde-akademie-kl-ausbildung .field--name-field-ga-kl {
    margin-bottom: 2rem;
}

.node--type-gilde-akademie-kl-ausbildung .field--name-field-ga-kl .field__label {
    font-weight: 500;
}

.node--type-gilde-akademie-kl-ausbildung .field--name-field-ga-termine {
    margin-top: 2rem;
}

.node--type-gilde-akademie-kl-ausbildung .field--name-field-ga-termine .field__label {
    font-weight: 500;
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Uebersichtsseiten: Aktuelles + Regionen +++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */


.news-teaser .views-view-responsive-grid {
  margin-top: 3.5rem;
 margin-left: 60px !important; 
 }

 .news-teaser .views-view-responsive-grid .views-view-responsive-grid__item {
  margin-bottom: 4.5rem;
  color: #000 !important;
 }


 .news-teaser .views-view-responsive-grid .views-view-responsive-grid__item a {
    text-decoration: none !important;
    color: #000 !important;
}

.news-teaser .views-view-responsive-grid .views-view-responsive-grid__item a:hover {
    text-decoration: none !important;
    color: #0062AA !important;
}


.news-teaser .news-teaser-outer {
position: relative;
z-index: 1;
 }

 .news-teaser .news-teaser-image {
  position: absolute;
  z-index: 2;
  left: -50px;
  top: -40px;
 }

 .news-teaser  .news-teaser-image img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}


 .news-teaser .news-teaser-inner {
  min-height: 255px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 65% !important;
  margin-left: 160px !important;
  padding: 1.5rem 1rem 1rem 6.5rem !important;
 }

 .news-teaser  .news-teaser-inner h3 {
  font-size: 20px !important;
 margin-bottom: 0.4rem !important;
 }

 .news-teaser time.datetime {
    font-size: 90% !important;
    font-style: italic;
}


.news-teaser  .news-teaser-inner p {
  margin-top: 0.4rem;
  line-height: 1.5rem !important;
  font-size: 17px !important;
}

.news-teaser  .read-more {
  margin-right: 2rem;
  position: absolute;
  right: 3.75rem;
  bottom: 0.5rem;
 }


.news-teaser .read-more::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f0a9" !important;
  content: "\f138" !important; 
  /* content: "\f105" !important; */
  font-size: 32px;
  color: #0062AA;
}

.news-teaser time.datetime {
  font-size: 90% !important;
  font-style: italic;
}


.news-teaser p.kommentare {
  font-size: 85% !important;
 color: #0062AA  !important;
}

.news-teaser p.kommentare:before {
    font-family: "Font Awesome 5 Free" !important;
      font-weight: 600;
      content: "\f086" !important;
      font-size: 18px !important;
      color: #0062AA !important;
      margin-left: 0rem !important;
      margin-right: 0.5rem;
}

/* +++++ Special: Aktuelles +++++ */



 .news-teaser .view-aktuelles-uebersicht .news-teaser-inner {
  min-height: 255px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 65% !important;
  margin-left: 160px !important;
  padding: 1.5rem 1rem 1rem 6.5rem !important;
 }


/* Node alle News-Bereich: Aktuelles + Regionen */

.intro-news .field--name-field-datum-aktuelles {
  margin-bottom: 1rem;
  font-style: italic;
}

.intro-news .col-lg-8 {
  padding-right: 1rem !important;
}

.intro-news .col-lg-4 {
  padding-left: 1rem !important;
}

.intro-news._none,
.intro-news,
.intro-news.regionen {
  padding-top: 0px !important; 
  padding-bottom: 40px !important; 
  margin-top: -1rem !important;
} 




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Uebersichten Card-Teaser (RV, Ressorts ...) +++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* allgemein Card-Teaser */

.card-teaser {
  padding: 1rem 2.5rem 1rem 2.5rem;
  background-color: #fff;
  border-radius: 0 0 45px 0;
  position: relative;
  min-height: 420px;
}

.card-teaser .card-header {
  text-align: center;
  min-height: 155px !important;
}

.card-teaser .card-header h3 {
font-size: 1.15rem !important;
margin-top: 1.5rem;
}

.card-teaser .card-header a {
  font-size:100%;
  font-style: italic;
  /* color: #000 !important; */
  display:block;
}

.card-teaser .card-header a:hover {
  color: #0062AA !important;
}

.card-teaser .card-main {
  margin-top: 1.25rem;
  min-height: 125px !important;
  font-size: 18px !important;
  line-height: 1.5rem !important;
  }


.card-teaser .card-main h4 {
  font-size: 1.15rem !important;
  color: #0062AA !important;
  margin-bottom: 1.25rem;
  }

  .card-teaser .card-main p {
    margin-bottom: 0.25rem;
    }


.card-teaser img {
  border-radius: 50% !important;
  margin-top: -100px !important;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}

.card-teaser .card-footer {
  margin-top: 1.25rem; 
  }

  .card-teaser .card-footer {
    text-align: left !important;
  }

  .card-teaser .card-footer p.read-more a::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f061" !important;
    font-size: 16px;
    color: #FA9200 !important;
    padding-right: 0.75rem;
  }

  .views-view-responsive-grid__item {
    margin-bottom: 5rem;
  }


/* special RV-Uebersichtsseite */

.view-regionalvertreter-innen-uebersichtsseite .card-teaser .card-header a {
  font-size:90%;

  /* color: #000 !important; */
}



.view-regionalvertreter-innen-uebersichtsseite {
  padding: 2.5rem 1.5rem 2.5rem 1.5rem !important;
  padding: 0rem 1.5rem 2.5rem 1.5rem !important;
  /* nur voruerbergehend */
  margin-top: -5rem;
}

.view-regionalvertreter-innen-uebersichtsseite .views-view-responsive-grid {
  margin-top: 3rem !important;
}

/* nur voruebergehend */
.page-node-167 .view-regionalvertreter-innen-uebersichtsseite {
margin-top: 3em !important;
}


/* Special Ressort-Uebersichtsseite */

.view-ressorts-uebersichtsseite {
  padding: 5.5rem 1.5rem 2.5rem 1.5rem !important;
}

.view-ressorts-uebersichtsseite .card-teaser {
  text-align: center !important;
  min-height: 350px !important;
}

.view-ressorts-uebersichtsseite .card-teaser .card-header {
  min-height: 0px !important;
}

.view-ressorts-uebersichtsseite .card-teaser .card-main {
  margin-top: 1.25rem;
  min-height: 0 !important;
  }

  .view-ressorts-uebersichtsseite .card-teaser .card-footer {
    text-align: center !important;
  }

  .view-ressorts-uebersichtsseite .card-teaser  a {
    font-size: 100%;
    font-style: italic;
    /* color: #000 !important; */
    display:block;
  }

  .view-ressorts-uebersichtsseite .card-teaser  a:hover {
    color: #0062AA !important;
  }

/* Special Vorstand-Uebersichtsseite */

  .view-vorstand-uebersichtsseite {
    padding: 5.5rem 1.5rem 2.5rem 1.5rem !important;
  }

  .view-vorstand-uebersichtsseite .card-teaser {
    text-align: center !important;
    min-height: 450px !important;
  }
  
  .view-vorstand-uebersichtsseite .card-teaser .card-header {
    min-height: 0px !important;
  }
  
  .view-vorstand-uebersichtsseite .card-teaser .card-main {
    margin-top: 1.25rem;
    min-height: 0 !important;
    }


   

    .view-vorstand-uebersichtsseite .card-teaser .card-main h4 {
      font-size: 1.15rem !important;
      color: #0062AA  !important;
      margin-bottom: 0.5rem !important;
      }

      .view-vorstand-uebersichtsseite .card-teaser .card-main p {
        margin-bottom: 0.25rem !important;
      }

       
    .view-vorstand-uebersichtsseite .card-teaser  .ort {
      font-size: 90%;
      font-style: italic;
    }
  
    .view-vorstand-uebersichtsseite .card-teaser .card-footer {
      text-align: center !important;
    }
    
    .view-vorstand-uebersichtsseite .card-teaser  a {
      font-size: 100%;
      font-style: italic;
      display:block;
     /*  color: #000 !important; */
      text-align: center !important;
    }

    .view-vorstand-uebersichtsseite .card-teaser  a:hover {
      color: #0062AA !important;
    }

  /* Special Redaktionsteam-Uebersichtsseite */

    .view-redaktion-uebersichtsseite {
      padding: 5.5rem 1.5rem 2.5rem 1.5rem !important;
    }
  
    .view-redaktion-uebersichtsseite  .card-teaser {
      text-align: center !important;
      min-height: 500px !important;
    }

    .view-redaktion-uebersichtsseite .card-teaser .card-header {
      min-height: 0px !important;
    }
    
    .view-redaktion-uebersichtsseite .card-teaser .card-main {
      margin-top: 1rem;
      min-height: 0 !important;
      }
  
      .view-redaktion-uebersichtsseite .card-teaser  .ort {
        font-size: 90%;
        font-style: italic;
      }

      .view-redaktion-uebersichtsseite .card-teaser .card-footer {
        text-align: center !important;
      }

      .view-redaktion-uebersichtsseite .card-teaser  a {
        font-size: 100%;
        font-style: italic;
        /* color: #000 !important; */
      }

      .view-redaktion-uebersichtsseite .card-teaser .telefon {
        font-size: 100% !important;
        font-style: normal !important;
      }

      .view-redaktion-uebersichtsseite .card-teaser .telefon a {
        font-size: 100% !important;
        font-style: normal !important;
      }
  
      .view-redaktion-uebersichtsseite .card-teaser .card-main p {
        margin-bottom: 0.25rem !important;
      }


      /* Special Geschaeftsstellen-Uebersichtsseite */

      .view-geschaeftsstelle-uebersichtsseite {
        padding: 5.5rem 1.5rem 2.5rem 1.5rem !important;
     
      }

    
      .view-geschaeftsstelle-uebersichtsseite  .card-teaser {
        text-align: center !important;
        min-height: 240px !important; 
      }
  
      .view-geschaeftsstelle-uebersichtsseite .card-teaser .card-header {
        min-height: 0px !important;
      }
      
      .view-geschaeftsstelle-uebersichtsseite .card-teaser .card-main {
        margin-top: 1.5rem;
        min-height: 0 !important;
        }
    
        .view-geschaeftsstelle-uebersichtsseite .card-teaser .card-main p {
          margin-bottom: 1rem !important;
        }



/* Special Nodes */

.field--name-field-postleitzahlen-regionen .field__item {
  display: inline !important;
}


.node--type-aktuelles .field--name-field-news-kategorie .field__label {
  font-weight: 600;
  margin-bottom: 0.75rem;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Aktuelles +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* +++++ Nodes +++++ */


.node--type-aktuelles .taxonomy-term h2 {
    background: #0062AA !important;
    background: #F1EEEA !important;
    border: none !important;
    padding: 0.25rem 1rem 0.5rem 1rem;
    display: inline-block !important;
    border-radius: 30px;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
}

.node--type-aktuelles .taxonomy-term h2 a {
  color: #000 !important;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Blog +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* +++++ Nodes +++++ */


/*.node--type-blog .field--name-field-blog-kategorie .field__label {
    margin-bottom: 0.75rem;
} */

.node--type-blog .block-user-login-block {
    margin-bottom: 3rem !important;
}

.node--type-blog .taxonomy-term h2 
/*.node--type-blog .field--name-field-blog-kategorie .field__item a */ {
    background: #0062AA !important;
    background: #F1EEEA !important;
    border: none !important;
    padding: 0.25rem 1rem 0.5rem 1rem;
    display: inline-block !important;
    border-radius: 30px;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
}

.node--type-blog .taxonomy-term h2 a
/* .node--type-blog .field--name-field-blog-kategorie .field__item a */ {
  color: #000 !important;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Regionalseiten +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */


/* +++++ Views +++++ */

/* Hinweis zur News-Anzeige fuer nicht eingeloggte User */
.regional-news .text-formatted.field.field--name-body {
    display: none;
}

body.guest .regional-news .text-formatted.field.field--name-body {
    display: block !important;
    margin-bottom: 2.5rem !important;
}

/* +++ News-Teaser +++ */

/* volle Breite */


.news-teaser.regionen  .views-view-responsive-grid .views-view-responsive-grid__item {
  margin-bottom: 6rem;
  color: #000 !important;
 }

.news-teaser.regionen .news-teaser-inner {
  min-height: 255px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 82.5% !important;
  margin-left: 160px !important;
  padding: 2.5rem 1rem 1rem 7.5rem !important;
}

.news-teaser.regionen .news-teaser-inner .teaser-text {
    margin-bottom: 3rem !important;
}

/* +++ Platzhalter-Bild +++ */
.news-teaser.regionen .news-teaser-image {
    background-image: url(images/platzhalter/news-mitglieder.svg);
     background-size: contain;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center;  
    background-color: #fff;
     width: 283px !important;
     height: 212px;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
    }




/* +++++ Nodes +++++ */

.node--type-regionalseite #main-wrapper {
  padding-bottom: 0 !important;
}

.node--type-regionalseite .uebersicht-termine {
  margin-top: 6rem !important;
}

/* PLZ */

.node--type-regionalseite .col-plz {
  font-weight: 500 !important;
}

.node--type-regionalseite .col-plz h2 {
  color: #0062AA !important;
  font-size: 1.25rem !important;
  margin-bottom: 1.15rem !important;
}

.node--type-regionalseite .views-field-field-postleitzahlen-regionen {
  color: #0062AA !important;
}

/* Titel RV-Block */
.node--type-regionalseite .col-rv {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}


.node--type-regionalseite .col-rv h2 {
font-size: 1.25rem !important;
margin-bottom: 1.25rem;
}

.node--type-regionalseite .views-field-title h3 {
  color: #0062AA !important;
  font-size: 1.2rem !important;
  margin-bottom: 0.35rem;
}

.node--type-regionalseite .views-field-field-e-mail {
  margin-bottom: 1.25rem;
}

/* Bild */

.node--type-regionalseite .views-field-field-image {
  text-align: right;
}

.node--type-regionalseite .views-field-field-image img {
  border-radius: 50% !important;
}

/* +++++ Regionaltreffen +++++ */

.intro-regionaltreffen .field--name-field-datum-aktuelles {
  font-style: italic;
}

.field--name-field-bild-regionaltreffen {
      text-align: right !important;
}

.field--name-field-download-regionen-intern .field__label  {
    font-weight: 500 !important;
    margin-bottom: 0.5rem;
}

.field--name-field-download-regionen-intern .field__item {
  margin-bottom: 0.7em !important;
    border-bottom: 1px dotted #666;
    padding-bottom: .751rem;
    padding-left: 0rem;
    padding-top: 0.3rem;
    padding-right: 1rem;
}


main .content .back-overview .field--name-field-button-link a::after {
  content: "" !important;
}


main .content .back-overview .field--name-field-button-link a::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\F053" !important;
  font-size: 14px !important;
  color: #fff !important;
  padding-right: 0.5rem;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Termine: Node +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */



.node--type-termin #main-wrapper {
  padding-bottom: 0 !important;
}


.node--type-termin .field--name-field-datum {
  color: #146eb1;
  font-weight: 500;
  margin-bottom: 1.35rem;
    font-size: 1.35rem !important;
}


.node--type-termin .termin-beschreibung {
  margin-bottom: 8rem;
}

.node--type-termin .termin-beschreibung .col-sm-8.text-termin {
  padding-right:3rem !important;
}

.node--type-termin .field--name-field-image {
  text-align: right;
}


.node--type-termin .field--name-field-download  {
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}


.node--type-termin .field--name-field-download .field__label {
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.node--type-termin .field--name-field-download .field__item {
  color: #146eb1 !important;
  color: #fff;
  font-weight: 600 !important;
  background: #fff !important;
  background: #146eb1 !important;
  border: 1px solid #146eb1 !important;
  padding: 0.5rem 1.25rem 0.5rem 1.5rem;
  padding: 0.25rem 1rem 0.5rem 1rem;
  display: inline !important;
  border-radius: 30px; 
}

main .content .node--type-termin .field--name-field-download .field__item a {
  color: #fff !important;
  font-weight: 400 !important;
  font-size: .9rem !important;
}

main .content .node--type-termin .field--name-field-download span.file--application-pdf {
  background-position: 0em 0.25em !important;
}


.node--type-termin .field--name-field-termin-kategorie,
.node--type-termin .field--name-field-schlagworte {
  margin-top: 1.25rem;
  margin-bottom: 2rem !important;
}


.node--type-termin .field--name-field-termin-kategorie .field__label,
.node--type-termin .field--name-field-schlagworte .field__label {
  font-weight: 500;
  margin-bottom: 0.75rem;
}


.node--type-termin .field--name-field-termin-kategorie .field__item,
.node--type-termin .field--name-field-schlagworte .field__item {
  background: #0062AA  !important;
  background: #F1EEEA !important;
  border: none !important;
  padding: 0.25rem 1rem 0.25rem 1rem;
  display: inline-block !important;
  border-radius: 30px;
    margin-bottom: 0.5rem !important;
}


main .content .node--type-termin .field--name-field-termin-kategorie .field__item a,
main .content .node--type-termin .field--name-field-schlagworte .field__item a {
color: #fff !important;
color: #000 !important;
font-size: .9rem !important;
     
}
 

.node--type-termin .termin-infos  {
background-color: #F1EEEA;
padding-top: 2rem;
padding-bottom: 3.5rem;
}


.node--type-termin .termin-infos .info-block {
  border: 1px solid  #146eb1;
  padding: 2rem 1rem 2rem 1rem;
  margin-top: -7.5rem;
}



.node--type-termin .termin-infos  .info-block  {
  text-align: center;
  font-size: 95% !important;
}


.node--type-termin .termin-infos  .info-block h3 {
margin-top: -3rem;
margin-bottom: 2rem;
color: #146eb1;
font-weight: 400 !important;
}

.node--type-termin .termin-infos  .info-block h3 span {
  background: #fff;
  padding: 1.5rem;
}

.node--type-termin .termin-infos .info-block img {
  margin-bottom: 1.5rem;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}

.node--type-termin .termin-infos  .info-block h4 {
  margin-bottom: 1rem;
  font-weight: 500 !important;
  }

.node--type-termin .termin-infos .info-block .termin-details {
   /* text-align: left !important; */
  }

.node--type-termin .termin-infos .info-block p {
    margin-bottom: 0 !important;
  }

.node--type-termin .termin-infos .info-block .field--name-field-postleitzahl,
  body.node--type-termin .termin-infos .info-block .field--name-field-ort {
    display: inline !important;
  }


 .node--type-termin .termin-infos .link-back {
text-align: center;
margin-top: 3rem;
  }


 .node--type-termin .termin-infos .link-back a.btn-outline-primary {
    color: #146eb1 !important;
    font-weight: 500 !important;
    background: #fff !important;
    border: 1px solid #0062AA  !important;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
  }

 .node--type-termin .termin-infos .link-back a.btn-outline-primary:hover {
    color: #fff !important;
    background: #0062AA  !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


 .node--type-termin .termin-infos .link-back a.btn-outline-primary::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f060" !important;
    content: "\f053" !important;
    font-size: 16px !important;
    color: #0062AA !important;
    margin-right: 0.5rem;
  }

  .node--type-termin .termin-infos .link-back a.btn-outline-primary:hover::before {
    color: #fff !important;
  }



   /* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Gruppen, Verbaende, Sponsoren +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.node--type-buchbesprechungen #main-wrapper {
  padding-bottom: 0 !important;
}

.node--type-buchbesprechungen .beschreibung {
 margin-bottom: 8rem;
 padding-left: 2.5rem;
 padding-right: 1.5rem;
 padding-top: 2rem;
}

.node--type-buchbesprechungen .untertitel {
  padding-left: 2.5rem;
  padding-right: 1.5rem;
  padding-top: 0rem;
  margin-top: -1rem;
  color: #0062AA;
 }
 
 .node--type-buchbesprechungen .field__label {
  /* font-weight: 500 !important; */
  font-style: italic;
 }

.node--type-buchbesprechungen .field--type-image {
    text-align: right !important;
}

.node--type-buchbesprechungen .field--type-image img {
    margin-left: 1.5rem !important;
}


.node--type-verband #main-wrapper {
  padding-bottom: 0 !important;
}

.node--type-verband .beschreibung {
 margin-bottom: 8rem;
 padding-left: 2.5rem;
 padding-right: 1.5rem;
 padding-top: 2rem;
}

.node--type-sponsor #main-wrapper {
  padding-bottom: 0 !important;
}

.node--type-sponsor .beschreibung {
  margin-bottom: 8rem;
  padding-left: 2.5rem;
  padding-right: 1.5rem;
  padding-top: 0rem;
 }

.node--type-sponsor .field--name-field-logo {
    text-align: right !important;
}

.node--type-anzeigenkunde #main-wrapper {
  padding-bottom: 0 !important;
}

.node--type-anzeigenkunde .beschreibung {
  margin-bottom: 8rem;
  padding-left: 2.5rem;
  padding-right: 1.5rem;
  padding-top: 0rem;
 }

.node--type-anzeigenkunde .field--name-field-logo  {
    text-align: right !important;
}


 .node--type-kursleiter #main-wrapper {
  padding-bottom: 0 !important;
}

.node--type-kursleiter .beschreibung {
 margin-bottom: 8rem;
 padding-left: 2.5rem;
 padding-right: 1.5rem;
 padding-top: 2rem;
}

.node--type-kursleiter header .field--name-field-vorname {
display: inline !important;
}

.node--type-kursleiter header {
  padding-left: 1.6rem;
}

.node--type-gruppen .beschreibung .info-text {
 padding-left: 1.5rem !important;
}

.node--type-gruppen .beschreibung .treffen {
 padding-right 1.5rem !important;
}


/*.node--type-kursleiter .beschreibung .field--name-field-inhaltsbereich {
  padding-right: 3.5rem !important;
} */

 .beschreibung h3 {
  margin-bottom: 1rem !important;
}

.zeiten {
  margin-top: 1.5rem !important;
}

 .field--name-field-postleitzahl,
 .field--name-field-ort,
 .field--name-field-ansprechpartnerin-plz,
.field--name-field-ansprechpartnerin-ort,
 .field--name-field-telefon  {
  display: inline;
}


.weitere-infos  {
background-color: #F1EEEA;
padding-top: 2rem;
padding-bottom: 3.5rem;
}

.weitere-infos .info-block {
  border: 1px solid  #146eb1;
  padding: 2rem 1rem 1.5rem 1rem;
  margin-top: -6.5rem;
}

.weitere-infos  .info-block  {
  text-align: center;
  font-size: 95% !important;
}


 .weitere-infos  .info-block h3 {
margin-top: -3rem;
margin-bottom: 1.5rem !important;
color: #146eb1;
font-weight: 400 !important;
}

 .weitere-infos  .info-block h3 span {
  background: #fff;
  padding: 1.5rem;
}

.weitere-infos .info-block img {
  margin-bottom: 1.5rem;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}

.weitere-infos  .info-block h4 {
  margin-bottom: 0.5rem;
  font-weight: 500 !important;
  }

 
 .weitere-infos .info-block p {
    margin-bottom: 0 !important;
  }

.weitere-infos .info-block .field--name-field-postleitzahl,
 .weitere-infos .info-block .field--name-field-ort {
    display: inline !important;
  }

.weitere-infos .details {
    margin-bottom: 1.5rem;
}

.weitere-infos .link-back {
text-align: center;
margin-top: 3rem;
  }


 .weitere-infos .link-back a.btn-outline-primary {
    color: #146eb1 !important;
    font-weight: 500 !important;
    background: #fff !important;
    border: 1px solid #0062AA  !important;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
  }

 .weitere-infos .link-back a.btn-outline-primary:hover {
    color: #fff !important;
    background: #0062AA  !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


  .weitere-infos .link-back a.btn-outline-primary::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f060" !important;
    content: "\f053" !important;
    font-size: 16px !important;
    color: #0062AA !important;
    margin-right: 0.5rem;
  }

  .weitere-infos .link-back a.btn-outline-primary:hover::before {
    color: #fff !important;
  }



  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Gruppen: Node +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */



.node--type-gruppen #main-wrapper {
  padding-bottom: 0 !important;
}


.node--type-gruppen .beschreibung {
 margin-bottom: 8rem;
 padding-left: 2.5rem;
 padding-right: 1.5rem;
 padding-top: 2rem;
}

/*
.node--type-gruppen .gruppen-beschreibung h3 {
  margin-bottom: 1rem !important;
}

.node--type-gruppen p.zeiten {
  margin-top: 1rem;
}

.node--type-gruppen .field--name-field-postleitzahl,
.node--type-gruppen .field--name-field-ort,
.node--type-gruppen .field--name-field-ansprechpartnerin-plz,
.node--type-gruppen .field--name-field-ansprechpartnerin-ort,
.node--type-gruppen .field--name-field-telefon  {
  display: inline;
}


.node--type-gruppen .gruppen-infos  {
background-color: #F1EEEA;
padding-top: 2rem;
padding-bottom: 3.5rem;
}

.node--type-gruppen .gruppen-infos .info-block {
  border: 1px solid  #146eb1;
  padding: 2rem 1rem 2rem 1rem;
  margin-top: -6.5rem;
}

.node--type-gruppen .gruppen-infos  .info-block  {
  text-align: center;
  font-size: 95% !important;
}


.node--type-gruppen .gruppen-infos  .info-block h3 {
margin-top: -3rem;
margin-bottom: 1.5rem !important;
color: #146eb1;
font-weight: 400 !important;
}

.node--type-gruppen .gruppen-infos  .info-block h3 span {
  background: #fff;
  padding: 1.5rem;
}

.node--type-gruppen .gruppen-infos .info-block img {
  margin-bottom: 1.5rem;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}

.node--type-gruppen .gruppen-infos  .info-block h4 {
  margin-bottom: 0.5rem;
  font-weight: 500 !important;
  }

 
  .node--type-gruppen .gruppen-infos .info-block p {
    margin-bottom: 0 !important;
  }

  .node--type-gruppen .gruppen-infos .info-block .field--name-field-postleitzahl,
  .node--type-gruppen .gruppen-infos .info-block .field--name-field-ort {
    display: inline !important;
  }


  .node--type-gruppen .gruppen-infos .link-back {
text-align: center;
margin-top: 3rem;
  }


  .node--type-gruppen .gruppen-infos .link-back a.btn-outline-primary {
    color: #146eb1 !important;
    font-weight: 500 !important;
    background: #fff !important;
    border: 1px solid #0062AA  !important;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
  }

  .node--type-gruppen .gruppen-infos .link-back a.btn-outline-primary:hover {
    color: #fff !important;
    background: #0062AA  !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


  .node--type-gruppen .gruppen-infos .link-back a.btn-outline-primary::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f060" !important;
    content: "\f053" !important;
    font-size: 16px !important;
    color: #0062AA !important;
    margin-right: 0.5rem;
  }

  .node--type-gruppen .gruppen-infos .link-back a.btn-outline-primary:hover::before {
    color: #fff !important;
  }

*/

  /* +++++++++ Internationales +++++++++++ */

  .col-kontakt {
    text-align: center;
  }

  .col-kontakt img {
    border-radius: 50%;
    margin-bottom: 1.5rem;
  }
  .col-kontakt h2 {
   font-size: 1.40rem;
   font-size: 1.25rem !important;
   color: #0062AA  !important;
   margin-bottom: 0.5rem !important;
  }

  .col-kontakt h3 {
    /*font-size: 1.25rem;*/
    font-size: 1.1rem !important;
    color: #0062AA  !important;
    margin-bottom: 0.5rem !important;
   }

   .col-kontakt {
    margin-top: -6rem !important;
  }

  /* ++++++ Aktuelles +++++ */

  /* View */

 .news-teaser.internationales .news-teaser-inner {
  min-height: 255px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 82.5% !important;
  margin-left: 160px !important;
  padding: 2.5rem 1rem 1rem 7.5rem !important;
}

.news-teaser.internationales .news-teaser-image {
    background-image: url(images/platzhalter/news-internationales.svg);
     background-size: contain;
     background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: center;  
    background-color: #fff;
     width: 283px !important;
     height: 212px;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
    }


.news-teaser.internationales  .views-view-responsive-grid .views-view-responsive-grid__item {
  margin-bottom: 6rem;
  color: #000 !important;
 }

.news-teaser.internationales .news-teaser-inner {
  min-height: 255px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 82.5% !important;
  margin-left: 160px !important;
  padding: 2.5rem 1rem 1rem 7.5rem !important;
}

.news-teaser.internationales .news-teaser-inner .teaser-text {
    margin-bottom: 3rem !important;
}


/* Node */

.node--type-aktuelles-aus-aller-welt .block-field-blocknodeaktuelles-aus-aller-weltfield-datum-aktuelles time.datetime {
  font-style: italic;
}

.node--type-aktuelles-aus-aller-welt .field--name-field-download .field__label  {
    font-weight: 500 !important;
    margin-bottom: 0.5rem;
}

.node--type-aktuelles-aus-aller-welt .field--name-field-download .field__item {
  margin-bottom: 0.7em !important;
    border-bottom: 1px dotted #666;
    padding-bottom: .751rem;
    padding-left: 0rem;
    padding-top: 0.3rem;
    padding-right: 1rem;
}

  /* +++++ Festivals +++++ */

  /* Node */

.node--type-internationales-info-festivals .block-field-blocknodeinternationales-info-festivalsfield-image-int-festivals img {
  margin-top: -12rem !important;
  border: 8px solid #fff;
}

@media (max-width: 991px) {
    .node--type-internationales-info-festivals .block-field-blocknodeinternationales-info-festivalsfield-image-int-festivals img {
  margin-top: 1.5rem !important;
}
}


.node--type-internationales-info-festivals .block-field-blocknodeinternationales-info-festivalsfield-stadt-land-internationales {
  font-size: 22px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500 !important;
margin-bottom: 0;
padding-bottom: 0;
}

.node--type-internationales-info-festivals .field__label {
  font-family: 'Montserrat', sans-serif;
 /* font-size: 1.25rem;
 font-size: 1.35rem; */
 font-size: 22px;
 margin-bottom: 1rem;
 font-weight: 500;
 /* color: #0062AA  !important; */
}

/* Website */

/* .node--type-internationales-info-festivals  .block-field-blocknodeinternationales-info-festivalsfield-links {
  margin-left: 4.5rem;
} */

.node--type-internationales-info-festivals .field--name-field-links {
  margin-top: 3rem;
}

.node--type-internationales-info-festivals .field--name-field-links .field__label {
  margin-left: 0rem;
  margin-left: -4.25rem;

}

.node--type-internationales-info-festivals .field--name-field-links .field__label:before {
  font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f0c1" !important;
    font-size: 18px !important;
    color: #0062AA !important;
    margin-left: 0rem !important;
    margin-right: 1.25rem;
    background: #0062AA;
    background: #fff !important;
   color: #fff !important;
   color: #0062AA !important;
   border: 1px solid #0062AA;
    /* background: #fff !important; 
    color: #0062AA !important;*/
    padding: 14px !important;
    border-radius: 50% !important;

    width: 35px;
   height: 35px;
   border-radius: 50%;
   text-align: center;
   line-height: 35px;
   vertical-align: middle;
}

/* Zeitpunkt */
.node--type-internationales-info-festivals .field--name-field-zeitpunkt-internationales {
  margin-top: 3rem;
}

.node--type-internationales-info-festivals .field--name-field-zeitpunkt-internationales .field__label {
  margin-left: 0rem;
  margin-left: -4.25rem;
}

.node--type-internationales-info-festivals .field--name-field-zeitpunkt-internationales .field__label:before {
  font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f060" !important;
    content: "\f274" !important;
    content: "\f017" !important;
    content: "\f073" !important;
    font-size: 18px !important;
    color: #0062AA !important;
    margin-left: 0rem !important;
    margin-right: 1.25rem;
    background: #0062AA;
    background: #fff !important;
   color: #fff !important;
   color: #0062AA !important;
   border: 1px solid #0062AA;
   padding: 14px 16px 14px 16px !important;
   border-radius: 50% !important;

   width: 35px;
   height: 35px;
   border-radius: 50%;
   text-align: center;
   line-height: 35px;
   vertical-align: middle;
}

/* Ort */
.node--type-internationales-info-festivals .field--name-field-ort-internationales {
  margin-top: 3rem;
}

.node--type-internationales-info-festivals .field--name-field-ort-internationales .field__label {
  margin-left: -4.25rem;
}



.node--type-internationales-info-festivals .field--name-field-ort-internationales .field__label:before {
  font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f060" !important;
    content: "\f14e" !important;
    content: "\f3c5" !important;
   content: "\f279" !important; 
    font-size: 18px !important;
    color: #0062AA !important;
    margin-left: 0rem !important;
    margin-right: 1.25rem;
    background: #0062AA;
   color: #fff !important;
   background: #fff !important;
   color: #0062AA !important;
   border: 1px solid #0062AA;
    /* background: #fff !important; 
    color: #0062AA !important;*/
    padding: 14px !important;
    border-radius: 50% !important;

    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}

/* Eintritt */
.node--type-internationales-info-festivals .field--name-field-eintritt-international {
  margin-top: 3rem;
}

.node--type-internationales-info-festivals .field--name-field-eintritt-international .field__label {
  margin-left: 0rem;
  margin-left: -4.25rem;
}

.node--type-internationales-info-festivals .field--name-field-eintritt-international .field__label:before {
  font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f060" !important;
    content: "\f14e" !important;
    content: "\f3c5" !important;
    content: "\f51e" !important;
    font-size: 18px !important;
    color: #0062AA !important;
    margin-left: 0rem !important;
    margin-right: 1.25rem;
    background: #0062AA;
   color: #fff !important;
   background: #fff !important;
   color: #0062AA !important;
   border: 1px solid #0062AA;
    /* background: #fff !important; 
    color: #0062AA !important;*/
    padding: 14px !important;
    border-radius: 50% !important;

    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}


/* Anreise */

.node--type-internationales-info-festivals .field--name-field-anreise-international .field__label {
  margin-left: 0rem;
  margin-left: -4.25rem;
}

.node--type-internationales-info-festivals .field--name-field-anreise-international .field__label:before {
  font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f0f2" !important;
    font-size: 18px !important;
    color: #0062AA !important;
    margin-left: 0rem !important;
    margin-right: 1.25rem;
    background: #0062AA;
   color: #fff !important;
   background: #fff !important;
   color: #0062AA !important;
   border: 1px solid #0062AA;
    /* background: #fff !important; 
    color: #0062AA !important;*/
    padding: 14px !important;
    border-radius: 50% !important;

    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}

/* Unterkunft */
.node--type-internationales-info-festivals .field--name-field-unterkunft-internationales {
  margin-top: 3rem;
}

.node--type-internationales-info-festivals .field--name-field-unterkunft-internationales .field__label {
  margin-left: 0rem;
  margin-left: -4.25rem;
}

.node--type-internationales-info-festivals .field--name-field-unterkunft-internationales .field__label:before {
  font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f060" !important;
    content: "\f14e" !important;
    content: "\f3c5" !important;
    content: "\f51e" !important;
    content: "\f236" !important;
    content: "\f594" !important;
    font-size: 18px !important;
    color: #0062AA !important;
    margin-left: 0rem !important;
    margin-right: 1.25rem;
    background: #0062AA;
   color: #fff !important;
   background: #fff !important;
   color: #0062AA !important;
   border: 1px solid #0062AA;
    /* background: #fff !important; 
    color: #0062AA !important;*/
    padding: 14px !important;
    border-radius: 50% !important;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}

/* download */
.node--type-internationales-info-festivals .field--name-field-download-international {
  margin-top: 3rem;
}

.node--type-internationales-info-festivals .field--name-field-download-international .field__label {
  margin-left: 0rem;
  margin-left: -4.25rem;
}

.node--type-internationales-info-festivals .field--name-field-download-international .field__label:before {
  font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f060" !important;
    content: "\f14e" !important;
    content: "\f3c5" !important;
    content: "\f51e" !important;
    content: "\f236" !important;
    content: "\f019" !important;
    font-size: 18px !important;
    color: #0062AA !important;
    margin-left: 0rem !important;
    margin-right: 1.25rem;
    background: #0062AA;
   color: #fff !important;
   background: #fff !important;
   color: #0062AA !important;
   border: 1px solid #0062AA;
    /* background: #fff !important; 
    color: #0062AA !important;*/
    padding: 14px !important;
    border-radius: 50% !important;
    
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
}

/* Labels in mobiler Ansicht verschieben */

@media (max-width: 991px) {
.node--type-internationales-info-festivals .field__label,
.node--type-internationales-info-festivals .field--name-field-links .field__label,
.node--type-internationales-info-festivals .field--name-field-eintritt-international .field__label,
.node--type-internationales-info-festivals .field--name-field-anreise-international .field__label,
.node--type-internationales-info-festivals .field--name-field-download-international .field__label,
.node--type-internationales-info-festivals .field--name-field-ort-internationales .field__label,
.node--type-internationales-info-festivals .field--name-field-zeitpunkt-internationales .field__label,
.node--type-internationales-info-festivals .field--name-field-unterkunft-internationales .field__label {
  margin-left: 0rem;
}
}


/* +++++ View Weiss auf Blau +++++ */

.view-internationales-uebersicht-festivals .views-view-responsive-grid__item {
  margin-bottom: 2rem;
  text-align: center;
}

.view-internationales-uebersicht-festivals .hexagon {
  cursor: pointer;
  position: relative;
  width: 200px; 
  height: 115.47005383792516px;
  background-color: #0061aa;
  margin: 57.73502691896258px auto 0 auto;
  box-shadow: 0 0 0px rgba(0,255,255,1);
  border-left: solid 3px #0061aa;
  border-right: solid 3px #0061aa;
  display: grid;
  transition: 0s;
}


.view-internationales-uebersicht-festivals .hexagon a:hover {
  color: #0061aa !important;
}

.view-internationales-uebersicht-festivals .hexagon:before, .view-internationales-uebersicht-festivals .hexagon:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 141.42135623730948px;
  height: 141.42135623730948px;
  transform: scaleY(0.5774) rotate(-45deg);
  background-color: inherit;
  left: 26.28932188134526px;
  box-shadow: 0 0 0px rgba(0,255,255,1);
  transition: 0s;
}

.view-internationales-uebersicht-festivals .hexagon:before {
  top: -70.71067811865474px;
  border-top: solid 4.242640687119286px #0061aa;
  border-right: solid 4.242640687119286px #0061aa;
}

.view-internationales-uebersicht-festivals .hexagon:after {
  bottom: -70.71067811865474px;
  border-bottom: solid 4.242640687119286px #0061aa;
  border-left: solid 4.242640687119286px #0061aa;
}

.view-internationales-uebersicht-festivals .hexagon span {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  font-size: 22px !important;
  color: #ffffff !important;
  top: 1.7320508075688767px;
  left: 0;
  width: 194px;
  height: 112.0060px !important; 
  z-index: 2;
  background: inherit;
  transition: 0s;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.view-internationales-uebersicht-festivals .hexagon span a {
  color: #fff !important;
}
  
.view-internationales-uebersicht-festivals .hexagon:hover {
  width: 200px; 
  height: 115.47005383792516px;
  background-color: #ffffff;
  margin: 57.73502691896258px auto 0 auto;
  box-shadow: 0 0 0px rgba(0,255,255,1);
  border-left: solid 3px #0061aa;
  border-right: solid 3px #0061aa;
  color: #0061aa !important;
}

.view-internationales-uebersicht-festivals .hexagon:hover a {
  color: #0061aa !important;
}

.view-internationales-uebersicht-festivals .hexagon:hover:before, .view-internationales-uebersicht-festivals .hexagon:hover:after {
  width: 141.42135623730948px;
  height: 141.42135623730948px;
  transform: scaleY(0.5774) rotate(-45deg);
  left: 26.28932188134526px;
  box-shadow: 0 0 0px rgba(0,255,255,1);
}

.view-internationales-uebersicht-festivals .hexagon:hover:before {
  top: -70.71067811865474px;
  border-top: solid 4.242640687119286px #0061aa;
  border-right: solid 4.242640687119286px #0061aa;
}

.view-internationales-uebersicht-festivals .hexagon:hover:after {
  bottom: -70.71067811865474px;
  border-bottom: solid 4.242640687119286px #0061aa;
  border-left: solid 4.242640687119286px #0061aa;
}

.view-internationales-uebersicht-festivals .hexagon:hover span {
  font-size: 25px;
  color: #0061aa;
  top: 1.7320508075688767px;
  width: 194px;
  height: 112.0060px;
}

/* Ort */

.view-internationales-uebersicht-festivals div.stadt {
clear: both;
display: block;
margin-top: 4.5rem;
}

.view-internationales-uebersicht-festivals .views-field-field-stadt-land-internationales h4 a {
font-size: 20px !important;
}




/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Anleitungen +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */


  .node--type-anleitungen .field--name-field-anleitung-fertig img,
  .node--type-anleitungen-patch-kids .field--name-field-anleitung-pk-fertig img {
    margin-top: -12rem !important;
    border: 8px solid #fff;
  }


@media (max-width: 991px) {
  .node--type-anleitungen .field--name-field-anleitung-fertig img,
  .node--type-anleitungen-patch-kids .field--name-field-anleitung-pk-fertig img {
    margin-top: 1.5rem !important;
  }
}


  .node--type-anleitungen .field--name-field-material-anleitungen,
  .node--type-anleitungen-patch-kids .field--name-field-material-anleitungen-pk {
    margin-top: 3rem;
  }

  .node--type-anleitungen .field--name-field-material-anleitungen .field__label,
  .node--type-anleitungen .field--name-field-download-anleitung .field__label,
  .node--type-anleitungen-patch-kids .field--name-field-material-anleitungen-pk .field__label,
  .node--type-anleitungen-patch-kids .field--name-field-download-pk-anleitung .field__label,
  .node--type-anleitungen-patch-kids .field--name-field-kurzbeschreibung-anleitung .field__label{
    font-family: 'Montserrat', sans-serif;
   font-size: 1.25rem;
   margin-bottom: 1rem;
   font-weight: 500;
   margin-left: -4.25rem;
   /* color: #0062AA  !important; */
  }

  .node--type-anleitungen .field--name-field-material-anleitungen .field__label:before,
  .node--type-anleitungen-patch-kids .field--name-field-material-anleitungen-pk .field__label:before {
    font-family: "Font Awesome 5 Free" !important;
      font-weight: 600;
      content: "\f5ae" !important;
      font-size: 18px !important;
      color: #0062AA !important;
      margin-left: 0rem !important;
      margin-right: 1.25rem;
      background: #0062AA;
      background: #fff;
     color: #fff !important;
     color: #0062AA !important;
     border: 1px solid #0062AA;
      /* background: #fff !important; 
      color: #0062AA !important;*/
      padding: 14px !important;
  
      width: 35px;
      height: 35px;
      border-radius: 50%;
      text-align: center;
      line-height: 35px;
      vertical-align: middle;
  }

.node--type-anleitungen-patch-kids .field--name-field-kurzbeschreibung-anleitung .field__label:before{
    font-family: "Font Awesome 5 Free" !important;
      font-weight: 600;
      content: "\f05a" !important;
      font-size: 18px !important;
      color: #0062AA !important;
      margin-left: 0rem !important;
      margin-right: 1.25rem;
      background: #0062AA;
      background: #fff;
     color: #fff !important;
     color: #0062AA !important;
     border: 1px solid #0062AA;
      /* background: #fff !important; 
      color: #0062AA !important;*/
      padding: 14px !important;
  
      width: 35px;
      height: 35px;
      border-radius: 50%;
      text-align: center;
      line-height: 35px;
      vertical-align: middle;
  }

  .node--type-anleitungen .field--name-field-download-anleitung .field__label::before,
  .node--type-anleitungen-patch-kids .field--name-field-download-pk-anleitung .field__label::before {
    font-family: "Font Awesome 5 Free" !important;
      font-weight: 600;
      content: "\f019" !important;
      font-size: 18px !important;
      color: #0062AA !important;
      margin-left: 0rem !important;
      margin-right: 1.25rem;
      background: #0062AA;
      background: #fff;
     color: #fff !important;
     color: #0062AA !important;
     border: 1px solid #0062AA;
      padding: 14px !important;
      width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
  }
  

@media (max-width: 991px) {
    
   .node--type-anleitungen .field--name-field-material-anleitungen .field__label,
  .node--type-anleitungen .field--name-field-download-anleitung .field__label,
  .node--type-anleitungen-patch-kids .field--name-field-material-anleitungen-pk .field__label,
  .node--type-anleitungen-patch-kids .field--name-field-download-pk-anleitung .field__label,
  .node--type-anleitungen-patch-kids .field--name-field-kurzbeschreibung-anleitung .field__label{
   margin-left: 0rem !important;
  }
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Patch-Kids-Intro-Seite +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */


/* .node--type-seite-intro-seite-patch-kids .view-unterseitenuebersicht-patch-kids {
  margin-top: 0;
  padding: 2rem 1rem 1rem 1rem;
  /* border-bottom: 2px dashed #146eb1 !important; */
  /*background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/bg-patch-kids.svg');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover; 
  position: relative;
  z-index: 1; 
  min-height: 750px;
 } */


 
 /*.node--type-seite-intro-seite-patch-kids .view-unterseitenuebersicht-patch-kids .pk-text {
  padding-top: 2rem;
 } */

 .node--type-seite-intro-seite-patch-kids .view-unterseitenuebersicht-patch-kids a img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4)) !important;
  /* float: left; */
  margin-right: 1.5rem;
  margin-right: 0 !important;
 }

 .node--type-seite-intro-seite-patch-kids .view-unterseitenuebersicht-patch-kids  a {
  text-decoration: none !important;
  }
  
  .node--type-seite-intro-seite-patch-kids .view-unterseitenuebersicht-patch-kids h3 {
    font-size: 18px !important;
    font-size: 19px !important;
   margin-bottom: .75rem !important;
   padding-top: 2.25rem;
   color: #fff !important;
    text-align: center !important;
  }

  .node--type-seite-intro-seite-patch-kids .view-unterseitenuebersicht-patch-kids h3:hover { 
    color: #0062AA !important;
  }
 

  .node--type-seite-intro-seite-patch-kids .view-unterseitenuebersicht-patch-kids .views-view-responsive-grid__item {
    text-align: center !important;
    margin-bottom: 1.5rem;
   }

/* Icons im Hintergrund */
.node--type-seite-intro-seite-patch-kids .naehmaschine {
  position: absolute !important;
  z-index: 20 !important;
  left: 240px !important;
  top: 100px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-naehmaschine.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .node--type-seite-intro-seite-patch-kids .schere {
  position: absolute !important;
  z-index: 20 !important;
  left: 140px !important;
 bottom: 100px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-schere.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .node--type-seite-intro-seite-patch-kids .nadelkissen {
  position: absolute !important;
  z-index: 20 !important;
  right: 240px !important;
  top: 85px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-nadelkissen.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .node--type-seite-intro-seite-patch-kids .buegeleisen {
  position: absolute !important;
  z-index: 20 !important;
  right: 180px !important;
  bottom: 100px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-buegeleisen.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }


/* ++++++++ Patch-Kids: Aktuelles ++++++ */

/* View */

  /* ++++++ Aktuelles +++++ */

  /* View */

 /*.news-teaser.patch-kids .news-teaser-inner {
  min-height: 255px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 82.5% !important;
  margin-left: 160px !important;
  padding: 2.5rem 1rem 1rem 7.5rem !important;
}*/



.news-teaser.patch-kids .news-teaser-image {
    background-image: url(images/platzhalter/news-patch-kids.svg);
     background-size: contain;
     background-size: 60% 60%;
    background-repeat: no-repeat;
    background-position: center;  
    background-color: #fff;
     width: 283px !important;
     height: 212px;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
    }


.news-teaser.patch-kids .views-view-responsive-grid .views-view-responsive-grid__item {
  margin-bottom: 6rem;
  color: #000 !important;
 }

.news-teaser.patch-kids .news-teaser-inner {
  min-height: 255px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 82.5% !important;
 margin-right: 5% !important;
  margin-left: 160px !important;
  padding: 2.5rem 1rem 1rem 7.5rem !important;
}

.news-teaser.patch-kids .news-teaser-inner .teaser-text {
    margin-bottom: 3rem !important;
}



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/* +++++++++++++++++ Startseite +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++  */

/* +++++ Allgemein +++++ */

.path-frontpage .container-fluid {
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
  width: 100%;
  padding-right: 0 !important;
  padding-left: 0 !important;
  margin-right: auto;
  margin-left: auto;
}  

.path-frontpage .container-fluid .container {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
} 



/* +++++ Intro +++++ */


.path-frontpage .intro {
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/header/pwg_header_start.svg');  
    min-height: 650px;  
    background-position-x: -1px; 
}

.path-frontpage .page-hero .intro {
  padding-left: 0;
  padding-right: 0rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-origin: padding-box;
  background-position: left bottom;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}

.path-frontpage .container-fluid .intro {
  padding-top: 5rem;
  color: #fff;

}


/* ++++++ Textblock ++++++ */

.view-startseite-intro- {
padding-right: 3.5rem !important;
padding-top: 1rem;
}

.path-frontpage .container-fluid .intro h1 {
font-size: 2.8rem !important;
font-weight: 400 !important;
margin-bottom: 3rem !important;
}

.path-frontpage .container-fluid .intro .views-field-field-intro-text {
  line-height: 2rem !important;
  font-size: 20px;
}

/* Buttons */

.path-frontpage .container-fluid .intro .views-field-field-intro-buttons {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.path-frontpage .container-fluid .intro .views-field-field-intro-buttons a {
  border: 2px solid #fff;
  border-radius: 30px;
  padding: 0.5rem 1.5rem 0.5rem 1.5rem;
  color: #fff;
  text-decoration: none;
  margin-right: 1.5rem;
    margin-bottom: 0.5rem;
    display: inline-block; 
    font-family: 'Montserrat', sans-serif !important;
    letter-spacing: 1px;
    background: #0062AA;
}

.path-frontpage .container-fluid .intro .views-field-field-intro-buttons a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  font-size: 16px;
  color: #fff !important;
  padding-left: 0.75rem;
}

.path-frontpage .container-fluid .intro .views-field-field-intro-buttons a:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background: #fff !important;
  color: #0062AA !important;
}

.path-frontpage .container-fluid .intro .views-field-field-intro-buttons a:hover::after {
  color: #0062AA !important;
}


 /* +++++++ Slider Home-Intro + +++++++  */

 .view-startseite-intro-slider {
  padding-top: 0.5rem;
  padding-left: 0rem !important;
  padding-right: 1rem !important;
  max-width: 630px;
float: right;
} 

.view-startseite-intro-slider ul.slick-dots button {
  margin-top: 1rem !important;
}


.view-startseite-intro-slider .slide__description  {
  text-align: center !important;
  margin-bottom: 0.5rem !important;
  font-size: 90% !important;
  color: #fff !important;
}


 .view-startseite-intro-slider .slick--skin--classic .slide__caption {
  text-align: center !important;
  margin-bottom: 0.5rem !important;
  font-size: 90% !important;
  background: transparent !important;
  color: #fff !important;
  width: 100% !important;
  }


.view-startseite-intro-slider .slick-prev {
    left: -50px;
    }
    
  .view-startseite-intro-slider .slick-next  {
    right: -50px;
    }
    
.view-startseite-intro-slider .slick__slide {
    margin-bottom: -1rem !important;
    padding-bottom: 0 !important;
  }

.view-startseite-intro-slider .slick-prev:before, 
.view-startseite-intro-slider .slick-next:before {
    font-family: 'slick'; 
    font-family: none !important;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }
   

.view-startseite-intro-slider  .slick-prev:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f053" !important;
  /* content: "\f35a" !important; */
  font-size: 32px;
}

.view-startseite-intro-slider  .slick-next:before  {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  /* content: "\f35a" !important; */
  font-size: 32px;
}


@media (min-width: 1501px) {
.path-frontpage .container-fluid .intro .container {
    max-width: 1500px !important;
}
}


/* +++++ Hexa-Icons ++++++ */

.path-frontpage .container-fluid .hexa-icons {
  padding-top: 2.5rem;
 margin-bottom: -2rem !important;
     margin-bottom: 2.5rem !important;
  padding-bottom: 0rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.path-frontpage .container-fluid .hexa-icons .views-field-title a {
text-decoration: none !important;
}

.path-frontpage .container-fluid .hexa-icons .views-field-title a:hover {
  color: #000 !important;
  }
  

.path-frontpage .container-fluid .hexa-icons h3 {
  margin-top: 1rem;
 font-size: 16px !important;
 /* font-size: 17px !important; */
 color: #0062AA !important;
 text-align: center;
}

.path-frontpage .container-fluid .hexa-icons h3:hover {
 color: #000 !important;

}

.path-frontpage .container-fluid .hexa-icons .views-view-responsive-grid__item {
  text-align: center !important;
    margin-bottom: 0rem !important;
 }




 /* +++++ Aktuelles +++++ */

 .path-frontpage .container-fluid .aktuelles .schere {
  position: absolute !important;
  z-index: 20 !important;
left: 240px !important;
 bottom: -30px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-rechts.svg');
  background-repeat: no-repeat;
  width: 80px;
  height: 55px;
  z-index: 20;
 }


 .path-frontpage .container-fluid .aktuelles {
  background-color: #F1EEEA;
  margin-top: 0rem;
  padding: 3rem 1rem 4rem 1rem;
  border-bottom: 2px dashed #0062AA;
  position: relative;
  z-index: 20;
 }

 .path-frontpage .container-fluid .aktuelles .views-view-responsive-grid {
  margin-top: 3.5rem;
 margin-left: 60px !important; 
 }

 .path-frontpage .container-fluid .aktuelles .views-view-responsive-grid .views-view-responsive-grid__item {
  margin-bottom: 4.5rem;
 }

 .path-frontpage .container-fluid .aktuelles h2 {
  text-align: center;
  /* color: #0062AA; */
  font-weight: 400 !important;
  font-size: 46px;
  margin-bottom: 2rem !important;
 }


.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles a {
    text-decoration: none !important;
    color: #000 !important;
}

.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles a:hover {
    text-decoration: none !important;
    color: #0062AA !important;
}


 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-outer {
position: relative;
z-index: 1;
 }

 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-image {
  position: absolute;
  z-index: 2;
  left: -50px;
  top: -40px;
 }

 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-image img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}

 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-inner {
  min-height: 255px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 70%;
  width: 65%;
  margin-left: 130px;
  margin-left: 160px;
  padding: 1.5rem 1rem 1rem 6.5rem;
 }

 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-inner h3 {
  font-size: 18px !important;
  font-size: 19px !important;
 margin-bottom: 0.4rem !important;
 }

.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles time.datetime {
    font-size: 90%;
    font-style: italic;
}

.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-inner p {
    margin-top: 0.4rem;
    line-height: 1.5rem !important;
    font-size: 17px !important;
}


 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .read-more {
  margin-right: 2rem;
  position: absolute;
  right: 3.75rem;
  bottom: 0.5rem;
 }


 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .read-more::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f0a9" !important;
  content: "\f138" !important; 
  /* content: "\f105" !important; */
  font-size: 32px;
  color: #0062AA;
}

 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .view-footer {
  text-align: center;
  margin-top: 3rem;
  margin-top: 0.5rem;
 }

 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .view-footer a {
  background-color: #FA9200;
  color: #fff !important;
  border-radius: 30px;
  padding: 1rem 2.5rem 1rem 2.5rem;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 1px;
 }

 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .view-footer a:hover {
  background-color: #0062AA !important;
  color: #fff !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 .path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .view-footer a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  font-size: 16px;
  color: #fff !important;
  padding-left: 0.75rem;
}

/* ++++++ Blog ++++++ */

 .path-frontpage .container-fluid .blog .schere {
  position: absolute !important;
  right: 300px !important;
  bottom: -30px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-links.svg');
  background-repeat: no-repeat;
  width: 80px;
  height: 55px;
  z-index: 1 !important;
 }


 .path-frontpage .container-fluid .blog {
  background-color: #deebf5;
  margin-top: 0rem;
  padding: 3rem 1rem 4rem 1rem;
  border-bottom: 2px dashed #0062AA;
  position: relative;
  z-index: 1 !important;
 }

.path-frontpage .container-fluid .blog h2 {
    text-align: center;
    /* color: #0062AA; */
    font-weight: 400 !important;
    font-size: 46px;
    margin-bottom: 2rem !important;
}

.path-frontpage .container-fluid .blog .view-blog-uebersicht .view-footer {
  text-align: center;
  margin-top: 3rem;
  margin-top: 0.5rem;
 }

 .path-frontpage .container-fluid .blog .view-blog-uebersicht .view-footer a {
  background-color: #FA9200;
background-color: #0062AA !important;
  color: #fff !important;
  border-radius: 30px;
  padding: 1rem 2.5rem 1rem 2.5rem;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 1px;
 }

 .path-frontpage .container-fluid .blog .view-blog-uebersicht .view-footer a:hover {
  background-color: #0062AA !important;
       background-color: #FA9200 !important;
  color: #fff !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 .path-frontpage .container-fluid .blog .view-blog-uebersicht .view-footer a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  font-size: 16px;
  color: #fff !important;
  padding-left: 0.75rem;
}

  /* +++++ Termine +++++ */
  
  .path-frontpage .container-fluid .termine {
    margin-top: 1.5rem;
    padding: 2rem 1rem 4rem 1rem;
    position: relative;
    z-index: 1; 
    border-bottom: 2px dashed #146eb1;
    position: relative;
    z-index: 1;
   }
  

   .path-frontpage .container-fluid .termine .views-view-responsive-grid {
    margin-top: 2.5rem;
   /* margin-left: 60px !important; */
   }

   .path-frontpage .container-fluid .termine .views-view-responsive-grid .views-view-responsive-grid__item {
    margin-bottom: 2rem;
   }

   .path-frontpage .container-fluid .termine h2 {
    text-align: center;
    /* color: #146eb1; */
    /*font-weight: 400 !important;
    font-size: 2.875rem;
    font-size: 46px; */
    margin-bottom: 2.25rem !important;
   }
  
   .path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-outer {
    position: relative;
    z-index: 1;
     }

    .path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-image {
      position: absolute;
      z-index: 2;
      left: 0x;
      top: -40px;
     }

     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-image img {
      filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
     }
     
     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-inner {
      min-height: 90px;
      background-color: #F1EEEA !important;
      border-radius: 0 0 45px 0;
      margin-left: 2.5rem;
      padding: 2rem 1rem 1rem 4rem;
     }
    
     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-inner h3 {
     font-size: 1.25rem;
     font-size: 18px !important;
     font-size: 19px !important;
     margin-bottom: .75rem !important;
     }

     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .views-view-responsive-grid__item a {
     color: #000 !important;
     text-decoration: none !important;
     }

     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .views-view-responsive-grid__item a:hover  {
      color: #0062AA !important;
      text-decoration: none !important;
      }
 

     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-inner h3::before {
      font-family: "Font Awesome 5 Free" !important;
      font-weight: 600;
      content: "\f061" !important;
      font-size: 18px !important;
      color: #FA9200 !important;
      padding-right: 0.75rem;
    }

     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .view-footer {
      text-align: center;
      margin-top: 3rem;
     }
    
     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .view-footer a {
      background-color: #FA9200;
      color: #fff;
      border-radius: 30px;
      padding: 1rem 2.5rem 1rem 2.5rem;
      text-decoration: none !important;
      font-weight: 500 !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 1px;
     }

     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .view-footer a:hover {
      background-color: #0062AA !important;
      color: #fff !important;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     }

     .path-frontpage .container-fluid .termine .view-startseite-termine-icons .view-footer a::after {
      font-family: "Font Awesome 5 Free" !important;
      font-weight: 600;
      content: "\f054" !important;
      font-size: 16px;
      color: #fff !important;
      padding-left: 0.75rem;
    }
    
/* +++++ Aktivitaeten +++++ */

.path-frontpage .container-fluid .aktivitaeten {
  margin-top: 0;
  padding: 2rem 2.5rem 2rem 2.5rem;
  border-bottom: 2px dashed #146eb1;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/bg-aktivitaeten.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover; 
  position: relative;
  z-index: 1; 
 }

 .path-frontpage .container-fluid .aktivitaeten .schere {
  position: absolute !important;
  z-index: 20 !important;
left: 240px !important;
 top: -27px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-rechts.svg');
  background-repeat: no-repeat;
  width: 80px;
  height: 55px;
  z-index: 20;
 }

 .path-frontpage .container-fluid .aktivitaeten .schere-unten {
  position: absolute !important;
  z-index: 20 !important;
  right: 100px !important;
  bottom: -30px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-links.svg');
  background-repeat: no-repeat;
  width: 80px;
  height: 55px;
  z-index: 20;
 }


 .path-frontpage .container-fluid .aktivitaeten .outer-container {
  background-color: rgba(217, 232, 243, 0.9) !important;
  margin: 0.75rem 0rem 0.75rem 0.25rem;
  padding: 0 1.5rem 2.5rem 1.5rem;
  border-radius: 40px;
 }

 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid {
  margin-top: 1rem;
 /* margin-left: 60px !important; */
 }

 .path-frontpage .container-fluid .aktivitaeten  .views-view-responsive-grid__item {
    margin-bottom: 0rem !important;
}

 .path-frontpage .container-fluid .aktivitaeten h2 {
  text-align: center !important; 
  /* color: #0062AA;
  font-weight: 400 !important;
  font-size: 46px !important; */
  margin-bottom: 2.5rem !important;
  margin-top: 3.5rem; 
 }


 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item .views-field-field-home-aktivitaeten-icon {
  margin-bottom: 1.5rem;
 }

 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
 }
 

 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item h3 {
  font-size: 20px !important;
 }


 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item .list-group {
  background-color: transparent;
 }

 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item .list-group .list-group-item {
  background-color: transparent;
  border: none !important;
  text-indent: -1.5em;
  padding-left: 1.75em;
 }

 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item .list-group .list-group-item a {
  color: #000 !important;
  text-decoration: none;
 }

 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item .list-group .list-group-item a::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 16px;
  color: #FA9200 !important;
  padding-right: 0.75rem;
}


.path-frontpage .container-fluid .aktivitaeten  .view-startseite-aktivitaeten-icons .view-footer {
  text-align: center;
  margin-top: 2rem !important;
  margin-bottom: 2.5rem !important;
 }

 .path-frontpage .container-fluid .aktivitaeten  .view-startseite-aktivitaeten-icons .view-footer a {
  background-color: #0062AA;
  color: #fff;
  border-radius: 30px;
  padding: 1rem 2.5rem 1rem 2.5rem;
  text-decoration: none !important;
  font-weight: 500 !important;
  font-family: 'Montserrat', sans-serif !important;
  letter-spacing: 1px;
 }

 .path-frontpage .container-fluid .aktivitaeten  .view-startseite-aktivitaeten-icons .view-footer a:hover {
  background-color: #FA9200 !important;
  color: #fff !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }

 .path-frontpage .container-fluid .aktivitaeten .view-startseite-aktivitaeten-icons .view-footer a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  font-size: 16px;
  color: #fff !important;
  padding-left: 0.75rem;
}


  /* +++++++++++++++++ Gilde-Akademie +++++++++++++++++++ */

  
  .path-frontpage .container-fluid .gilde-akademie {
    margin-top: 1.5rem;
    padding: 2rem 1rem 4rem 1rem;
    border-bottom: 2px dashed #146eb1;
    position: relative;
    z-index: 1; 
    border-bottom: 2px dashed #55a5e8;
    position: relative;
    z-index: 1;
   }
  
   .path-frontpage .container-fluid .gilde-akademie .views-row {
    margin-bottom: 1rem;
   }

   .path-frontpage .container-fluid .gilde-akademie h2 {
    text-align: center;
    /* color: #0062AA;
    font-weight: 400 !important;
    font-size: 46px; */
    margin-bottom: 3.5rem !important;
   }

   .path-frontpage .container-fluid .gilde-akademie .view-startseite-gilde-akademie-icons .views-field-field-home-gilde-akademie-icon {
    float: left;
    margin-right: 2.5rem;
   }

   .path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-icon img {
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
   }
   

   .path-frontpage .container-fluid .gilde-akademie .view-startseite-gilde-akademie-icons h3 {
    font-size: 20px;
   }

   .path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-links .list-group {
    background-color: transparent;
    margin-bottom: 2.5rem;
    margin-left: 0;
   }
  
   .path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-links .list-group .list-group-item {
    background-color: transparent;
    border: none !important;
    text-indent: -1.5em;
    padding-left: 1.75em;
   }
  
   .path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-links .list-group-item a {
    color: #000 !important;
    text-decoration: none;
   }
  
   .path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-links .list-group .list-group-item::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f061" !important;
    font-size: 16px;
    color: #FA9200 !important;
    padding-right: 0.75rem;
  }

    .path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-bild img {
       margin-bottom: 2rem;
    }
  

  /* +++++++++++++++++++++++++ Anleitungen ++++++++++++++++++++++++ */
  
   .path-frontpage .container-fluid .anleitungen {
    margin-top: 0;
    padding: 3.5rem 1rem 1rem 1rem;
    border-bottom: 2px dashed #55a5e8;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/bg-anleitungen.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover; 
    position: relative;
    z-index: 20; 
   }

   .path-frontpage .container-fluid .anleitungen .schere {
    position: absolute !important;
    z-index: 20 !important;
  left: 240px !important;
   top: -25px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-hellblau-rechts.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 55px;
    z-index: 20;
   }
  
   .path-frontpage .container-fluid .anleitungen .schere-unten {
    position: absolute !important;
    z-index: 20 !important;
    right: 100px !important;
    bottom: -30px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-hellblau-links.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 55px;
    z-index: 20;
   }
  

   .path-frontpage .container-fluid .anleitungen h2 {
    text-align: center;
    color: #fff;
    /* font-weight: 400 !important;
    font-size: 46px; */
    margin-bottom: 3.5rem !important;
   }


   .path-frontpage .container-fluid .anleitungen img {
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
   }
    
    .path-frontpage .container-fluid .anleitungen h3 {
      margin-top: 1rem;
     font-size: 18px !important;
     font-size: 19px !important;
     color: #fff !important;
     text-align: center;
    }
    
 .path-frontpage .container-fluid .anleitungen a {
    text-decoration: none !important;
    }
    
  .path-frontpage .container-fluid .anleitungen .views-view-responsive-grid__item {
      text-align: center !important;
     }

    
  /* +++++ Mitgliederzeitschrift +++++ */

  .path-frontpage .container-fluid .mitgliederzeitschrift {
    background-color: #F1EEEA;
    margin-top: 0rem;
    padding: 3rem 1rem 5rem 1rem;
    border-bottom: 2px dashed #146eb1;
    position: relative;
    z-index: 1; 
    border-bottom: 2px dashed #55a5e8;
    position: relative;
    z-index: 2;
   }

   .path-frontpage .container-fluid .mitgliederzeitschrift .schere {
    position: absolute !important;
  left: 440px !important;
  bottom: -25px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-rechts.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 55px;
    z-index: 30 important;
   }

   
   .path-frontpage .container-fluid .mitgliederzeitschrift h2 {
    text-align: center;
    /* color:  #0062AA;
    font-weight: 400 !important;
    font-size: 46px; */
    margin-bottom: 3.5rem !important;
   }

   .path-frontpage .container-fluid .mitgliederzeitschrift .views-view-responsive-grid__item {
    margin-bottom: 2.5rem;
   }

   .path-frontpage .container-fluid .mitgliederzeitschrift .views-view-responsive-grid img {
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
    float: left;
    margin-right: 2rem;
   }

   .path-frontpage .container-fluid .mitgliederzeitschrift .views-view-responsive-grid a  {
    color: #000 !important;
    text-decoration: none !important;
    }

   .path-frontpage .container-fluid .mitgliederzeitschrift .views-view-responsive-grid h3 {
    font-size: 18px !important;
    font-size: 19px !important;
   margin-bottom: .75rem !important;
   padding-top: 1.9rem;
   }

   .path-frontpage .container-fluid .mitgliederzeitschrift  .view-startseite-mitgliederzeitschrift-icons-links .view-footer {
    text-align: right;
    margin-top: 3rem;
   }
  
   .path-frontpage .container-fluid .mitgliederzeitschrift  .view-startseite-mitgliederzeitschrift-icons-links .view-footer a {
    background-color: #FA9200;
    color: #fff;
    border-radius: 30px;
    padding: 1rem 2.5rem 1rem 2.5rem;
    text-decoration: none !important;
    font-weight: 500 !important;
    letter-spacing: 1px;
    font-family: 'Montserrat', sans-serif;
   }
  
   .path-frontpage .container-fluid .mitgliederzeitschrift  .view-startseite-mitgliederzeitschrift-icons-links .view-footer a::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f054" !important;
    font-size: 16px;
    color: #fff !important;
    padding-left: 0.75rem;
  }

  .path-frontpage .container-fluid .mitgliederzeitschrift  .view-startseite-mitgliederzeitschrift-icons-links .view-footer a:hover {
    background-color: #0062AA !important;
    color: #fff !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   }
  
/* Bild */
   .path-frontpage .container-fluid .mitgliederzeitschrift .views-field-field-home-mitgliederzeit-bild {
    text-align: right;
   }

   


  /* +++++ Galerien +++++ */

  .path-frontpage .container-fluid .galerien {
    background-color: #fff;
    margin-top: 0rem;
    padding: 3rem 1rem 4rem 1rem;
    border-bottom: 2px dashed #146eb1;
    position: relative;
    z-index: 1; 
    border-bottom: 2px dashed #55a5e8;
    position: relative;

   }

   .path-frontpage .container-fluid .galerien .schere {
    position: absolute !important;
  right: 440px !important;
  bottom: -25px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-hellblau-links.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 55px;
    z-index: 20 !important;
   }

   
   .path-frontpage .container-fluid .galerien h2 {
    text-align: center;
    /* color:  #0062AA;
    font-weight: 400 !important;
    font-size: 46px !important; */
    margin-bottom: 3rem !important;
   }

   .path-frontpage .container-fluid .galerien .views-view-responsive-grid__item {
    margin-bottom: 2.5rem;
   }

   .path-frontpage .container-fluid .galerien .views-view-responsive-grid img {
   /* filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4)); */
   }

   .path-frontpage .container-fluid .galerien .views-view-responsive-grid a  {
    color: #000 !important;
    text-decoration: none !important;
    }

    .path-frontpage .container-fluid .galerien .views-view-responsive-grid a:hover  {
      color: #0062AA !important;
      }

   .path-frontpage .container-fluid .galerien .views-view-responsive-grid h3 {
    font-size: 18px !important;
    font-size: 19px !important;
   margin-bottom: .75rem !important;
   padding-top: 1rem;
   }



  /* +++++ Patchworktage +++++ */

  .path-frontpage .container-fluid .patchworktage  {
    background-color: #146eb1;
    margin-top: 0rem;
    /* padding: 3rem 1rem 5rem 1rem; */
    padding: 0;
    border-bottom: 2px dashed #146eb1;
    position: relative;
    z-index: 1; 
    border-bottom: 2px dashed #55a5e8;
    position: relative;
    z-index: 2;
   }

   .path-frontpage .container-fluid .patchworktage .container-fluid {
    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }   

   .path-frontpage .container-fluid .patchworktage .schere {
    position: absolute !important;
    z-index: 20 !important;
    left: 240px !important;
    top: -30px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-hellblau-rechts.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 50px;
   }

   .path-frontpage .container-fluid .patchworktage .schere-unten {
    position: absolute !important;
    z-index: 20 !important;
    right: 100px !important;
    bottom: -30px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-hellblau-links.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 55px;
    z-index: 20;
   }
   
   .path-frontpage .container-fluid .patchworktage .pwt-text  {
    text-align: center;
    padding-top: 3.5rem;
    padding-bottom: 3rem;
    color: #fff;
   }

  .path-frontpage .container-fluid .patchworktage .container-fluid .row {
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 0;
      display: flex;
      flex-wrap: wrap;
      margin-top: calc(-1 * var(--bs-gutter-y));
      margin-right: 0 !important;
      margin-left: 0 !important;
  }
  

   .path-frontpage .container-fluid .patchworktage .pwt-bild {
    padding: 0 !important;
   }

   .path-frontpage .container-fluid .view-startseite-patchworktage-foto .views-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
   }

   .path-frontpage .container-fluid .patchworktage .pwt-bild img {
    object-position: top;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: top;';
   }


   .path-frontpage .container-fluid .patchworktage h2 {
    /* font-weight: 400 !important;
    font-size: 46px !important; */
    margin-bottom: 1.25rem !important;
   }

  
   .path-frontpage .container-fluid .patchworktage  .views-field-field-home-pwt-ort-datum {
    font-size: 24px;
    font-size: 26px;
    margin-bottom: 1.75rem;
    line-height: 2.25rem !important;
   }

   .path-frontpage .container-fluid .patchworktage .views-field-field-home-pwt-angebot {
    margin-left: 15%;
    margin-right: 15%;
    font-size: 20px !important;
    line-height: 2rem;
    /*letter-spacing: 2px;*/
       }
    
    /* Buttons */
    
    .path-frontpage .container-fluid .patchworktage .views-field-field-home-pwt-buttons {
         margin-top: 3rem;
       }
       
    .path-frontpage .container-fluid .patchworktage .views-field-field-home-pwt-buttons a {
         border: 2px solid #fff;
         border-radius: 30px;
         padding: 0.5rem 1.5rem 0.5rem 1.5rem;
         color: #fff;
         text-decoration: none;
         margin-right: 1.5rem;
         font-family: 'Montserrat', sans-serif;
         letter-spacing: 1px;
         background:  #146eb1;
       }

       .path-frontpage .container-fluid .patchworktage .views-field-field-home-pwt-buttons a::after {
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 600;
        content: "\f054" !important;
        font-size: 16px;
        color: #fff !important;
        padding-left: 0.75rem;
      }
   
      .path-frontpage .container-fluid .patchworktage .views-field-field-home-pwt-buttons a:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        background: #fff !important;
        color: #0062AA !important;
      }

      .path-frontpage .container-fluid .patchworktage .views-field-field-home-pwt-buttons a:hover::after {
        color: #0062AA !important;
      }


  /* +++++ Bibliothek +++++ */

  .path-frontpage .container-fluid .bibliothek {
    background-color: #F1EEEA;
    margin-top: 0rem;
    padding: 3rem 1rem 4rem 1rem;
    border-bottom: 2px dashed #146eb1;
    position: relative;
    z-index: 1; 
    /* border-bottom: 2px dashed #55a5e8; */
    position: relative;
    z-index: 1;
   }

   .path-frontpage .container-fluid .bibliothek .schere {
    position: absolute !important;
  left: 440px !important;
  bottom: -25px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-links.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 55px;
    z-index: 999 !important;
   }

   
   .path-frontpage .container-fluid .bibliothek h2 {
    text-align: center;
    /* color: #0062AA;
    font-weight: 400 !important;
    font-size: 46px !important; */
    margin-bottom: 0rem !important;
   }

  .path-frontpage .container-fluid .bibliothek .bib-bild {
  text-align: center !important;
   }

   .path-frontpage .container-fluid .bibliothek .bib-text {
    padding-top: 5rem !important;
    padding-left: 1.5rem !important;
   }

   .path-frontpage .container-fluid .bibliothek .views-view-responsive-grid img {
    float: left;
    margin-right: 1.5rem;
   }

   .path-frontpage .container-fluid .bibliothek .views-view-responsive-grid a  {
    color: #000 !important;
    text-decoration: none !important;
    }

    .path-frontpage .container-fluid .bibliothek .views-view-responsive-grid a:hover  {
      color: #0062AA !important;
      }

    .path-frontpage .container-fluid .bibliothek .views-view-responsive-grid h3 {
      font-size: 18px !important;
      font-size: 19px !important;
     margin-bottom: .75rem !important;
     padding-top: 2.25rem;
     }

     .path-frontpage .container-fluid .bibliothek .views-view-responsive-grid img {
 filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4)); 
      }

      /* Bild */
  .path-frontpage .container-fluid .bibliothek .views-field-field-home-bibliothek-bild img {
    margin-bottom: 2rem;
    padding-right: 4rem;
  }

   

  /* +++++ Internationales +++++ */

  .path-frontpage .container-fluid .internationales {
    background-color: #deebf5;
    margin-top: 0rem;
    padding: 3rem 1rem 3rem 1rem;
    border-bottom: 2px dashed #146eb1;
    position: relative;
    z-index: 1; 
    position: relative;
    z-index: 2;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/bg-internationales.svg');
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 400px;
   }

   .path-frontpage .container-fluid .internationales .schere {
    position: absolute !important;
    z-index: 20 !important;
    left: 240px !important;
    top: -25px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-rechts.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 55px;
   }

   .path-frontpage .container-fluid .internationales .schere-unten {
    position: absolute !important;
    z-index: 20 !important;
    right: 100px !important;
    bottom: -30px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-links.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 55px;
    z-index: 20;
   }


   .path-frontpage .container-fluid .internationales h2 {
    text-align: center;
    /*color: #0062AA !important;
    font-weight: 400 !important;
    font-size: 46px;*/
    margin-bottom: 3rem !important;
   }

   .path-frontpage .container-fluid .internationales img {
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
    float: left;
    margin-right: 1.5rem;
   }

   .path-frontpage .container-fluid .internationales a {
    text-decoration: none !important;
    }

    .path-frontpage .container-fluid .internationales h3:hover {
      color: #0062AA !important;
      }
    
    .path-frontpage .container-fluid .internationales h3 {
    font-size: 18px !important;
    font-size: 19px !important;
     margin-bottom: .75rem !important;
     padding-top: 2.25rem;
     color: #000 !important;
      text-align: left !important;
    }
    
     .path-frontpage .container-fluid .internationales .views-view-responsive-grid__item {
      text-align: center !important;
      margin-bottom: 1.5rem !important;
     }



  /* ++++++ Patch-Kids-Bereich ++++++ */


.path-frontpage .container-fluid .patch-kids {
  margin-top: 0;
  padding: 2rem 1rem 1rem 1rem;
  /* border-bottom: 2px dashed #146eb1 !important; */
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/bg-patch-kids.svg');
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: cover; 
  position: relative;
  z-index: 1; 
  min-height: 750px;
 }

 .path-frontpage .container-fluid .patch-kids .patch-kids-titel {
  text-align: center;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
 }

 
 .path-frontpage .container-fluid .patch-kids .pk-text {
  padding-top: 2rem;
 }

 .path-frontpage .container-fluid .patch-kids .pk-text img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  float: left;
  margin-right: 1.5rem;
 }

 .path-frontpage .container-fluid .patch-kids a {
  text-decoration: none !important;
  }
  
  .path-frontpage .container-fluid .patch-kids h3 {
    font-size: 18px !important;
    font-size: 19px !important;
   margin-bottom: .75rem !important;
   padding-top: 2.25rem;
   color: #fff !important;
    text-align: left !important;
  }

  .path-frontpage .container-fluid .patch-kids h3:hover { 
    color: #0062AA !important;
  }
 

   .path-frontpage .container-fluid .patch-kids .views-view-responsive-grid__item {
    text-align: center !important;
    margin-bottom: 1.5rem;
   }

/* Icons im Hintergrund */
.path-frontpage .container-fluid .patch-kids .naehmaschine {
  position: absolute !important;
  z-index: 20 !important;
  left: 240px !important;
  top: 100px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-naehmaschine.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .schere {
  position: absolute !important;
  z-index: 20 !important;
  left: 140px !important;
 bottom: 100px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-schere.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .nadelkissen {
  position: absolute !important;
  z-index: 20 !important;
  right: 240px !important;
  top: 85px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-nadelkissen.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .buegeleisen {
  position: absolute !important;
  z-index: 20 !important;
  right: 180px !important;
  bottom: 100px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-buegeleisen.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }


/* +++++ Mitgliederbereich +++++ */

  .path-frontpage .container-fluid .mitgliederbereich {
    background-color: #0062AA;
    margin-top: 0rem;
    padding: 4rem 1rem 5rem 1rem;
    border-top: 2px dashed #55a5e8;
    position: relative;
    z-index: 1; 
    border-bottom: 2px dashed #55a5e8;
    position: relative;
    z-index: 1;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/bg-mitgliederbereich-signet.svg');
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 400px;
   }

   .path-frontpage .container-fluid .mitgliederbereich .schere {
    position: absolute !important;
    z-index: 20 !important;
    left: 750px !important;
    top: -25px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-hellblau-rechts.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 50px;
   }

   .path-frontpage .container-fluid .mitgliederbereich .schere-unten {
    position: absolute !important;
    z-index: 20 !important;
    right: 100px !important;
    bottom: -25px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-hellblau-links.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 50px;
    z-index: 20;
   }
   
   .path-frontpage .container-fluid .mitgliederbereich h2 {
    text-align: center;
    color: #fff;
    /* font-weight: 400 !important;
    font-size: 46px !important;*/
    margin-bottom: 3.5rem !important;
   }

   .path-frontpage .container-fluid .mitgliederbereich  .views-view-responsive-grid__item {
  margin-bottom: 2rem;
   }


   .path-frontpage .container-fluid .mitgliederbereich a {
    text-decoration: none !important;
    }

    .path-frontpage .container-fluid .mitgliederbereich img {
      filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
      float: left;
      margin-right: 1.5rem;
     } 
  
    
    .path-frontpage .container-fluid .mitgliederbereich h3 {
      font-size: 18px !important;
      font-size: 19px !important;
     margin-bottom: .75rem !important;
     padding-top: 2.25rem;
     color: #fff !important;
      text-align: left !important;
    }

    .path-frontpage .container-fluid .mitgliederbereich h3:hover {
      color: #deebf5  !important;
    }



/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++ Unterseitenuebersichten ++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++ */


/* +++++++++ Unterseitenübersicht Mitgliederbereich ++++++++++ */

.view-startseite-mitgliederbereich-icons-links h3 {
  font-size: 18px !important;
  font-size: 19px !important;
 margin-bottom: .75rem !important;
 padding-top: 2.25rem;
 color: #fff !important;
  text-align: left !important;
}

.view-startseite-mitgliederbereich-icons-links h3:hover {
  color: #deebf5  !important;
}

.view-startseite-mitgliederbereich-icons-links img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  float: left;
  margin-right: 1.5rem;
}

/* +++++++++ Unterseitenübersicht Aktivitaeten ++++++++++ */

.view-unterseitenuebersicht-aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item .views-field-field-home-aktivitaeten-icon {
  margin-bottom: 1.5rem;
 }

 .view-unterseitenuebersicht-aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
 }

 .view-unterseitenuebersicht-aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item h3 {
  font-size: 20px !important;
 }


 .view-unterseitenuebersicht-aktivitaeten  .views-view-responsive-grid .views-view-responsive-grid__item .list-group {
  background-color: transparent;
  padding-left: 0 !important;
  margin-left: 0 !important;
 }

 .view-unterseitenuebersicht-aktivitaeten  .views-view-responsive-grid .views-view-responsive-grid__item .list-group .list-group-item {
  background-color: transparent;
  border: none !important;
  text-indent: -1.5em;
  padding-left: 1.75em;
 }

 .view-unterseitenuebersicht-aktivitaeten  .views-view-responsive-grid .views-view-responsive-grid__item .list-group .list-group-item a {
  color: #000 !important;
  text-decoration: none;
 }

 .view-unterseitenuebersicht-aktivitaeten  .views-view-responsive-grid .views-view-responsive-grid__item .list-group .list-group-item a:hover {
color: #0062AA !important;
 }

 .view-unterseitenuebersicht-aktivitaeten  .views-view-responsive-grid .views-view-responsive-grid__item .list-group .list-group-item a::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 16px;
  color: #FA9200 !important;
  padding-right: 0.75rem;
}


.view-unterseitenuebersicht-aktivitaeten .view-footer {
  text-align: center;
  margin-top: 0.5rem !important;
  margin-bottom: 0rem;
 }

 main .content .view-unterseitenuebersicht-aktivitaeten  .view-footer a {
  background-color: #146eb1;
  color: #fff !important;
  border-radius: 30px;
  padding: 1rem 2.5rem 1rem 2.5rem;
  text-decoration: none !important;
  font-weight: 500 !important;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
 }

 main .content .view-unterseitenuebersicht-aktivitaeten  .view-footer  a:hover {
  background-color: #FA9200 !important;
  color: #fff !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }


 .view-unterseitenuebersicht-aktivitaeten .view-footer a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  font-size: 16px;
  color: #fff !important;
  padding-left: 0.75rem;
}

/* ++++++++++ Unterseitenuebersicht Gilde-Akademie ++++++++++ */

  
    .view-unterseitenuebersicht-gilde-akademie .views-field-field-home-gilde-akademie-icon img {
      filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
     }
       
     .view-unterseitenuebersicht-gilde-akademie h3 {
      font-size: 20px;
     }

     .view-unterseitenuebersicht-gilde-akademie .list-group {
      background-color: transparent;
      margin-bottom: 2.5rem;
      padding-left: 0 !important;
      margin-left: 0 !important;
     }

     .view-unterseitenuebersicht-gilde-akademie .views-field-field-home-gilde-akademie-links .list-group .list-group-item {
      background-color: transparent;
      border: none !important;
      text-indent: -1.5em;
      padding-left: 1.75em;
     }

     .view-unterseitenuebersicht-gilde-akademie .views-field-field-home-gilde-akademie-links .list-group-item a {
      color: #000 !important;
      text-decoration: none;
     }

     .view-unterseitenuebersicht-gilde-akademie .views-field-field-home-gilde-akademie-links .list-group-item a:hover {
      color: #0062AA !important;
       }

     .view-unterseitenuebersicht-gilde-akademie .views-field-field-home-gilde-akademie-links .list-group .list-group-item a::before {
      font-family: "Font Awesome 5 Free" !important;
      font-weight: 600;
      content: "\f061" !important;
      font-size: 16px;
      color: #FA9200 !important;
      padding-right: 0.75rem;
    }

    .view-unterseitenuebersicht-gilde-akademie img {
      margin-bottom: 2rem;
   }

/* ++++++++++ Unterseitenuebersicht Zeitschrift ++++++++ */

.view-unterseitenuebersicht-mitgliederzeitschrift .views-view-responsive-grid__item {
  margin-bottom: 2.5rem;
 }

 .view-unterseitenuebersicht-mitgliederzeitschrift .views-view-responsive-grid img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  float: left;
  margin-right: 2rem;
 }

 .view-unterseitenuebersicht-mitgliederzeitschrift .views-view-responsive-grid a  {
  color: #000 !important;
  text-decoration: none !important;
  }

  .view-unterseitenuebersicht-mitgliederzeitschrift .views-view-responsive-grid h3 {
    font-size: 18px !important;
   margin-bottom: .75rem !important;
   padding-top: 1.9rem;
   }

   .view-unterseitenuebersicht-mitgliederzeitschrift .views-view-responsive-grid h3:hover {
color: #0062AA !important;
   }



/* ++++++++++ Unterseitenuebersicht Regionen - wie Anleitungen ++++++++++ */

.view-unterseitenuebersicht-regionen {
  margin-top: 2rem;
}

 .view-unterseitenuebersicht-regionen img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
 }

 .view-unterseitenuebersicht-regionen h3 {
  margin-top: 1rem;
 font-size: 18px !important;
 color: #000 !important;
 text-align: center;
}

.view-unterseitenuebersicht-regionen h3:hover {
  color: #146eb1 !important;
}


.view-unterseitenuebersicht-regionen .views-view-responsive-grid__item {
  text-align: center !important;
 }


/* ++++++++++ Unterseitenuebersicht Galerien +++++++++ */

.view-unterseitenuebersicht-galerien .views-view-responsive-grid__item {
  margin-bottom: 2.5rem;
 }

 .view-unterseitenuebersicht-galerien .views-view-responsive-grid__item {
  margin-bottom: 2.5rem;
 }


 .view-unterseitenuebersicht-galerien .views-view-responsive-grid a  {
  color: #000 !important;
  text-decoration: none !important;
  }

  .view-unterseitenuebersicht-galerien .views-view-responsive-grid a:hover  {
    color: #0062AA !important;
    }


  .view-unterseitenuebersicht-galerien .views-view-responsive-grid h3 {
    font-size: 18px !important;
   margin-bottom: .75rem !important;
   padding-top: 1rem;
   }

  

/* ++++++++++ Unterseitenuebersicht Bibliothek +++++++++++ */

.view-unterseitenuebersicht-bibliothek .views-view-responsive-grid img {
  float: left;
  margin-right: 1.5rem;
 }

 .view-unterseitenuebersicht-bibliothek .views-view-responsive-grid a  {
  color: #000 !important;
  text-decoration: none !important;
  }

  .view-unterseitenuebersicht-bibliothek .views-view-responsive-grid a:hover  {
    color: #0062AA !important;
    }

  .view-unterseitenuebersicht-bibliothek .views-view-responsive-grid h3 {
    font-size: 18px !important;
   margin-bottom: .75rem !important;
   padding-top: 2.25rem;
   }

   .view-unterseitenuebersicht-bibliothek .views-view-responsive-grid img {
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4)); 
    }



  /* +++++++++ Unterseitenübersicht  Internationales ++++++++ */


.view-unterseitenuebersicht-internationales {
  min-height: 300x;
  }
  
  
  .view-unterseitenuebersicht-internationales img {
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
    float: left;
    margin-right: 1.5rem;
   }
  
   .view-unterseitenuebersicht-internationales a {
    text-decoration: none !important;
    }
  
     .view-unterseitenuebersicht-internationales h3 {
      font-size: 18px !important;
     margin-bottom: .75rem !important;
     padding-top: 2.25rem;
     color: #000 !important;
      text-align: left !important;
    }

    .view-unterseitenuebersicht-internationales h3:hover {
      color: #0062AA !important;
    }
  
  
   .view-unterseitenuebersicht-internationales .views-view-responsive-grid__item {
    text-align: center !important;
       margin-bottom: 1.5rem !important;
   }


/* ++++++++++++++++++ Navigationen ++++++++++++++++ */

/* +++++ Nav-Tabs +++++ */

nav.tabs ul .nav-item {
  border-right: 1px solid #fff;
}

nav.tabs ul .nav-item a:hover {
  background: #999 !important;
  color: #e9ecef;
  border-bottom: 1px solid #999!important;
  border-radius: 0 !important;
}


nav.tabs ul .nav-item.active a {
  background: #999 !important;
  color: #e9ecef;
  border-bottom: 1px solid #999!important;
  border-radius: 0 !important;
}

/* +++++ Hamburger +++++ */

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: 38px !important;
  line-height: 1;
  color: #fff !important;
  background-color: transparent;
  border: none !important;
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

.navbar-toggler-icon {
background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/icons/hamburger.svg') !important;
  
}

/* +++++ Cheeseburger-Menue +++++ */

/* TEST */

.block-cheeseburgermenu-container {
  max-width: 100%;
  width: 410px !important;
}

.cheeseburger-menu__mainmenu .menu-link.cheeseburger-menu__item.main__item {
  border-bottom: 1px dotted #999 !important;
}

.cheeseburger-menu__submenu .menu-link.cheeseburger-menu__item.main__item {
  border-bottom: none !important;
}

/* Integrieren des Icons als Hintergrund */
.block-cheeseburgermenu__trigger-element {
  min-height: 40px;
  min-width: 40px;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/icons/hamburger.svg') !important;
  background-repeat: no-repeat;
  position: relative;
}

/* Menue-Balken ausblenden */
.block-cheeseburgermenu__trigger-element span {
  display: none !important;
}

/* Off-Canvas */
.cheeseburger-menu__main-navigation-area {
  padding-top: 2rem !important;
  }
  
  /*.block-cheeseburgermenu-container--with-navigation {
    padding-left: 60px;
    padding-right: 20px !important;
  }
  
  .menu-link.cheeseburger-menu__item.main__item a {
    line-height: 1.2rem !important;
  } */
  
  .menu-link.cheeseburger-menu__item.main__item a:hover {
    color: #0062AA;
    text-decoration: none !important;
  }
  
  .cheeseburger-menu__item.in-active-trail>a {
    color: #0062AA;
    text-decoration: none !important;
  }
  
 
  /* ++++ Submenues +++++ */
  
  .cheeseburger-menu__item--is-expanded ul {
    background-color: rgba(0,0,0,0.05) !important;
    /* background-color: rgba(241, 238, 234, .95)!important; */
    background-color: transparent !important;
  }
  
 /*  .cheeseburger-menu__item--is-expanded {
    padding-bottom: 0.5rem !important;
  } */


  /* +++++ Benutzermenue */

  .cheeseburger-menu__main-navigation-area>div {
    border-bottom: none !important;
    margin-bottom: 24px;
    transition: all .45s ease;
}

[data-cheeseburger-id='menu-account'] {
  width: 92.5%;
  background: #deebf5 !important;
  padding: 1rem;
  border-radius: 8px;
}

.cheeseburger-menu__title {
  border-bottom: 1px dotted #999 !important;
  padding-bottom: 0 !important;
  color: #0062AA  !important;
}

[data-cheeseburger-id='menu-account'] ul {
  margin-top: 0.75rem;
}


/* +++++ Social-Media-Menue +++++ */


[data-cheeseburger-id='menu-social-media'] ul {
  margin-top: 0.75rem;
}

[data-cheeseburger-id='menu-social-media'] ul li:first-child a:before{
content:' ';
display: inline-block;
background: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/icons/instagram.svg');
background-size: cover;
width: 20px;
height: 20px;
margin-right: 10px;
}

[data-cheeseburger-id='menu-social-media'] ul li:nth-child(2) a:before{
content:' ';
display: inline-block;
background: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/icons/facebook.svg');
background-size: cover;
width: 13px;
height: 23px;
margin-right: 15px;
}

[data-cheeseburger-id='menu-social-media'] ul li:nth-child(3) a:before{
content:' ';
display: inline-block;
background: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/icons/facebook-gruppe.svg');
background-size: cover;
width: 20px;
height: 20px;
margin-right: 10px;
}

[data-cheeseburger-id='menu-social-media'] ul li:first-child a:before{
content:' ';
display: inline-block;
background: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/icons/instagram.svg');
background-size: cover;
width: 20px;
height: 20px;
margin-right: 10px;
}



/* +++++ Breadcrumb-Navigation +++++ */

/* Breadcrumb */
#block-patchworkgilde-pfadnavigation-2 ol.breadcrumb {
  margin-bottom: 2rem;
}

/* Breadcrumb */
#block-patchworkgilde-pfadnavigation-2 ol.breadcrumb li a {
color: #0062AA  !important;
 text-decoration: none !important;
}

/* Breadcrumb */
#block-patchworkgilde-pfadnavigation-2 ol.breadcrumb li a:hover {
  color: #0062AA  !important;
  text-decoration: underline !important;
 }
 

/* +++++ Footernavigation: Rechtliches +++++ */


#block-patchworkgilde-rechtliches ul {
  margin-left: -0.9rem !important;
  margin-top: -0.3rem !important;
}

#block-patchworkgilde-rechtliches .nav-item {
  display: block !important;
  float: none !important;
  width: 100% !important;
  margin-bottom: 0 !important;
}

#block-patchworkgilde-rechtliches .nav-item a {
color: #fff !important;
opacity: 1 !important;
  /*font-size: 90% !important;*/
  line-height: 0.5rem;
  line-height: 1.5rem;
}

#block-patchworkgilde-rechtliches .nav-item a:hover,
#block-patchworkgilde-rechtliches .nav-item a.active {
  opacity: 0.6 !important;
}


 /* ++++++++++++++++++++++ Blocktyypen +++++++++++++++++++++++++++ */

    /* ++++++ Abschnittsüberschrift H2 zentriert +++++++++ */

    .block-inline-blockabschnittsueberschrift-zentriert h2,
  .block-inline-blockabschnittsueberschrift-geschuetz h2 {
      text-align: center;
        font-weight: 500 !important;
  font-size: 46px;
  font-size: 40px !important;
  margin-bottom: 1.5rem !important;
    }


  /* +++++ Ueberschrift mit Hintergrundflaeche fuer Anleitungen +++++ */

  .block-inline-blockueberschrift-mit-hintergrund h3 .field--name-field-ueberschrift-anleit-block {
    background: #0062AA !important;
    color: #fff;
    display: inline;
    padding: 0.25rem 1.25rem 0.25rem 1.25rem;
  }

   /* +++++ Ueberschrift mit Nummerierung fuer Anleitungen +++++ */

   .block-inline-blockanleitungsueberschrift-nummern {
    clear: both;
   }

  .block-inline-blockanleitungsueberschrift-nummern .field--name-field-anleitung-nr-block {
    background: #0062AA !important;
    color: #fff;
    padding: 0.4rem 1rem 0.4rem 1rem;
    padding: 0.75rem 0.9rem 0.75rem .9rem;
    border-radius: 50%;
    float: left;
    margin-right: 1rem;
    width: 50px;
    text-align: center;
  }

  .block-inline-blockanleitungsueberschrift-nummern .field.field--name-field-ueberschrift-anleit-block {
    padding-top: 0.8rem;
  }

/* ++++++ Link-Button +++++++ */

main .content .field--name-field-button-link,
main .content .field--name-field-button-link-geschuetzt {
  margin-bottom: 2rem;
}

main .content .field--name-field-button-link a,
main .content .field--name-field-button-link-geschuetzt a  {
  background: #0062AA !important;
  padding: 0.5em 1.25em 0.5em 1.25em !important;
  border-radius: 30px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
     display: inline-block;
    line-height: 1.25rem !important;
}

main .content .field--name-field-button-link a::after,
main .content .field--name-field-button-link-geschuetzt a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  content: "\f0a9" !important;
  content: "\F56d" !important;
  content: "\F019" !important;
  content: "\F054" !important;
  font-size: 14px !important;
  color: #fff !important;
  padding-left: 0.5rem;
}

main .content .field--name-field-button-link a:hover,
main .content .field--name-field-button-link-geschuetzt a:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background:  #FA9200 !important;
}


/* +++++ Download-Button oeffentlich + intern +++++ */

main .content .block-inline-blockbutton-mit-download-block .field--name-field-downloaddatei-block,
main .content .block-inline-blockbutton-mit-download-intern .field--name-field-downloaddatei-button-int,
main .content .block-inline-blockbutton-mit-download-geschuetzt .field--name-field-downloaddatei-geschuetzt {
  margin-bottom: 2rem;
}

main .content .block-inline-blockbutton-mit-download-block .field--name-field-downloaddatei-block .field__item,
main .content .block-inline-blockbutton-mit-download-intern .field--name-field-downloaddatei-button-int .field__item,
main .content .block-inline-blockbutton-mit-download-geschuetzt .field--name-field-downloaddatei-geschuetzt .field__item {
  margin-bottom: 1.25rem;
}


main .content .block-inline-blockbutton-mit-download-block .field--name-field-downloaddatei-block span,
main .content .block-inline-blockbutton-mit-download-intern .field--name-field-downloaddatei-button-int span,
main .content .block-inline-blockbutton-mit-download-geschuetzt .field--name-field-downloaddatei-geschuetzt span {
  color: #fff;
  background: #0062AA !important;
  border-color:  #fff !important;
  padding: 0.5em 1.25em 0.5em 1.5em !important;
  border-radius: 30px !important;
} 

main .content .block-inline-blockbutton-mit-download-block .field--name-field-downloaddatei-block span:hover,
main .content .block-inline-blockbutton-mit-download-intern .field--name-field-downloaddatei-button-int span:hover,
main .content .block-inline-blockbutton-mit-download-geschuetzt .field--name-field-downloaddatei-geschuetzt span:hover {
  color: #fff;
  background-color: #252525 !important;
  border-color: #FA9200 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background:  #FA9200 !important;
}


main .content .block-inline-blockbutton-mit-download-block .field--name-field-downloaddatei-block a,
main .content .block-inline-blockbutton-mit-download-intern .field--name-field-downloaddatei-button-int a,
main .content .block-inline-blockbutton-mit-download-geschuetzt .field--name-field-downloaddatei-geschuetzt a {
  color: #fff !important;
  text-decoration: none !important;
  padding: 0.5em 0.5em 0.5em 1.35em !important;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
     display: inline-block;
    line-height: 1.25rem !important;
}

main .content .block-inline-blockbutton-mit-download-block .field--name-field-downloaddatei-block a::after,
main .content .block-inline-blockbutton-mit-download-intern .field--name-field-downloaddatei-button-int a::after,
main .content .block-inline-blockbutton-mit-download-geschuetzt .field--name-field-downloaddatei-geschuetzt a::after{
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\F56d" !important;
  font-size: 16px !important;
  color: #fff !important;
  padding-left: 1rem;
}


main .content .block-inline-blockbutton-mit-download-block .field--name-field-downloaddatei-block span.file--application-pdf,
main .content .block-inline-blockbutton-mit-download-intern .field--name-field-downloaddatei-button-int span.file--application-pdf,
main .content .block-inline-blockbutton-mit-download-geschuetzt .field--name-field-downloaddatei-geschuetzt span.file--application-pdf  {
  background-position: 1.35em 0.75em !important;
}


/* ++++++ Icon – Icon-Pool +++++ */

.field--name-field-icon-icon-pool-block img {
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
}


/* +++++++ Linkliste +++++++ */
.block-inline-blocklinkliste-block .field__item,
.block-inline-blocklinkliste-geschuetzt .field__item {
  margin-bottom: 0.7em !important;
  border-bottom: 1px dotted #666;
  padding-bottom: .751rem;
  padding-left: 0rem;
  padding-top: 0.3rem;
  padding-right: 1rem;
}

.block-inline-blocklinkliste-block .field__item::before,
.block-inline-blocklinkliste-geschuetzt .field__item::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f061" !important;
  font-size: 18px;
  color: #0062AA;
  padding-right: 0.75rem;
  float: left !important;
}

/* +++++++ Checkliste mit Icons  +++++ */

.block-inline-blockliste-check-icons-block .field--name-field-listenpunkt-block,
.block-inline-blockliste-mit-check-icons-geschuetzt .field--name-field-listenpunkt-geschuetzt {
  width: 100% !important;
    padding: 0 1rem 0 0 !important;
  margin-bottom: 2.5rem !important; 
  }
  
.block-inline-blockliste-check-icons-block .field--name-field-listenpunkt-block .field__item,
.block-inline-blockliste-mit-check-icons-geschuetzt .field--name-field-listenpunkt-geschuetzt .field__item {
    margin-bottom: 0.75em !important;
    border-bottom: 1px dotted  #666;
    padding-bottom: 0em;
    padding-left: 0rem;
    padding-top: 0.03rem;
  }
  

.block-inline-blockliste-check-icons-block .field--name-field-listenpunkt-block .field__item h2,
.block-inline-blockliste-check-icons-block .field--name-field-listenpunkt-block .field__item h3,
.block-inline-blockliste-check-icons-block.field--name-field-listenpunkt-block .field__item h4,
.block-inline-blockliste-check-icons-block .field--name-field-listenpunkt-block .field__item h5,
.block-inline-blockliste-check-icons-block .field--name-field-listenpunkt-block .field__item h6,
.block-inline-blockliste-check-icons-block .field--name-field-listenpunkt-block .field__item p,
.block-inline-blockliste-mit-check-icons-geschuetzt .field--name-field-listenpunkt-geschuetzt .field__item h2,
.block-inline-blockliste-mit-check-icons-geschuetzt .field--name-field-listenpunkt-geschuetzt .field__item h3,
.block-inline-blockliste-mit-check-icons-geschuetzt .field--name-field-listenpunkt-geschuetzt .field__item h4,
.block-inline-blockliste-mit-check-icons-geschuetzt .field--name-field-listenpunkt-geschuetzt .field__item h5,
.block-inline-blockliste-mit-check-icons-geschuetzt .field--name-field-listenpunkt-geschuetzt .field__item h6,
.block-inline-blockliste-mit-check-icons-geschuetzt .field--name-field-listenpunkt-geschuetzt .field__item p {
  padding-left: 2.5rem;
   /*padding-top: 0.25rem; */
  }
  
.block-inline-blockliste-check-icons-block .field--name-field-listenpunkt-block .field__item::before,
.block-inline-blockliste-mit-check-icons-geschuetzt .field__item::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f058" !important;
    color: #0062AA !important;
    font-size: 24px !important;
     float: left !important;
  }



/* +++++++ Checkliste mit Nummerierung   +++++ */
  
.block-inline-blockliste-mit-nummern-block .field--name-field-listenpunkt-block {
  width: 100% !important;
    padding: 0 1rem 0 0 !important;
  margin-bottom: 2.5rem !important; 
  margin-left: -3.5rem;
  }

  .block-inline-blockliste-mit-nummern-block .field--name-field-listenpunkt-block .field__item {
    margin-bottom: 0.75em !important;
    border-bottom: 1px dotted  #666;
    padding-bottom: 0em;
    padding-left: 0rem;
    padding-top: 0.03rem;
  }
  

.block-inline-blockliste-mit-nummern-block .field--name-field-listenpunkt-block .field__item h2,
.block-inline-blockliste-mit-nummern-block .field--name-field-listenpunkt-block .field__item h3,
.block-inline-blockliste-mit-nummern-block .field--name-field-listenpunkt-block .field__item h4,
.block-inline-blockliste-mit-nummern-block .field--name-field-listenpunkt-block .field__item h5,
.block-inline-blockliste-mit-nummern-block .field--name-field-listenpunkt-block .field__item h6,
.block-inline-blockliste-mit-nummern-block .field--name-field-listenpunkt-block .field__item p {}


  .block-inline-blockliste-mit-nummern-block {
    counter-reset: number-counter;
  }

.block-inline-blockliste-mit-nummern-block .field__item  {
counter-increment: number-counter;
margin-left: 3.25em;
}
  
.block-inline-blockliste-mit-nummern-block .field__item:before {
  content: counter(number-counter, list-number);
  margin-right: 12px;
  /* margin-left: -3.5rem !important; */
  margin-bottom: 12px;
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content: center;
  font-size:14px;
  font-size:16px;
  font-weight: 500;
  background-color:#0062AA !important;
  border-radius:50%;
  color:#fff;
  float: left;
  }


/* +++++++ Liste mit Downloads  (oeffentlich + intern) +++++ */
  
  .block-inline-blockliste-mit-downloads .field__item,
  .block-inline-blockliste-mit-downloads-intern .field__item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    border-bottom: 1px dotted #666;
  }
  
  .block-inline-blockliste-mit-downloads .field__item::before,
  .block-inline-blockliste-mit-downloads-intern .field__item::before { 
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f019" !important;
    font-size: 20px;
    color:  #0062AA;
    padding-right: 0.75rem;
  }
  


  /* *+++++++ Video +++++++++ */

video {
  max-width: 100% !important;
  height: auto;
  text-align: center !important;
}


/* ++++++++ Slider +++++++++ */

.block-layout-builder.block-inline-blockslider-block .slide__description  {
  text-align: center !important;
  margin-bottom: 0.5rem !important;
  font-size: 90% !important;
  color: #000 !important;
}


.block-layout-builder.block-inline-blockslider-block .slick--skin--classic .slide__caption {
  text-align: center !important;
  margin-bottom: 0.5rem !important;
  font-size: 90% !important;
  background: transparent !important;
  color: #000 !important;
  width: 100% !important;
  }


 .block-layout-builder.block-inline-blockslider-block .slick-prev {
    left: -50px;
    }
    
    .block-layout-builder.block-inline-blockslider-block .slick-next  {
    right: -50px;
    }
    
    .block-layout-builder.block-inline-blockslider-block .slick__slide {
    margin-bottom: -1rem !important;
    padding-bottom: 0 !important;
  }

  .block-layout-builder.block-inline-blockslider-block .slick-prev:before, 
  .block-layout-builder.block-inline-blockslider-block .slick-next:before {
    font-family: 'slick'; 
    font-family: none !important;
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    color: black;
  
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
 }
   

 .block-layout-builder.block-inline-blockslider-block .slick-prev:before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f053" !important;
  /* content: "\f35a" !important; */
  font-size: 32px;
}

.block-layout-builder.block-inline-blockslider-block .slick-next:before  {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  /* content: "\f35a" !important; */
  font-size: 32px;
}
  

/* +++++++++++ Karte +++++++++ */


/* ++++ allgemein +++++ */

.card {
  padding: 2rem 2rem 1rem 2rem !important;
  color: #000 !important;
  box-shadow: none !important; 
  border-radius: 0 0 45px 0 !important;
  border: none !important;
  margin-bottom: 1.5rem !important;
}

.card h3.card-title {
  color: #0062AA;
  margin-bottom: 1.5rem !important;
  text-align: center;
  font-size: 1.5rem !important;
  font-size: 1.35rem !important; /*NEU*/
}

.card h3 {
  color: #0062AA;
  margin-bottom: 1.5rem !important;
  font-size: 1.5rem !important;
}

.block-inline-blockkarte  {
  margin-bottom: 3rem !important;
}

.card .field--name-field-media-image,
.card .field--name-field-karte-bild {
   text-align: center !important;
}

.card-footer {
text-align: center;
/* margin-bottom: 2rem; */
background-color: transparent !important;
border-top: none !important;
margin-bottom: 0 !important;
padding-bottom: 0rem !important;
}

.card .card-footer .field--name-field-karte-button-link {
margin-bottom: 1.5rem;
}

.card .card-footer .field--name-field-karte-button-link a {
  background-color: #0062AA  !important;
  color: #fff !important;
  border-radius: 30px;
  padding: 1rem 2.5rem 1rem 2.5rem;
  padding: 0.5rem 1.25rem 0.5rem 1.25rem;
  margin-bottom: 2rem !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
    display: inline-block;
    line-height: 1.25rem !important;
  }

  .card .card-footer .field--name-field-karte-button-link a::after {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f054" !important;
    font-size: 16px;
    color: #fff !important;
    padding-left: 0.75rem;
  }
  
.card .card-footer .field--name-field-karte-button-link a:hover {
  color: #fff !important;
  background-color: #252525 !important;
  background-color: #FA9200 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }


  

.card .card-footer .field--name-field-karte-button-download span,
.card .card-footer .field--name-field-karte-button-down-i span{
  background-color: #0062AA  !important;

  border-radius: 30px;
  padding: 1rem 2.5rem 1rem 2.5rem;
  padding: 0.5rem 1.25rem 0.5rem 2.5rem;
  margin-bottom: 2rem !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
  }
  
 .card .card-footer .field--name-field-karte-button-download span a,
 .card .card-footer .field--name-field-karte-button-down-i span a {
  color: #fff !important;
      display: inline-block !important;
    line-height: 1.25rem !important;
 }
  
 .card .card-footer .field--name-field-karte-button-download span:hover,
 .card .card-footer .field--name-field-karte-button-down-i span:hover {
  color: #fff !important;
  background-color: #252525 !important;
  background-color: #FA9200 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
  .card .card-footer .field--name-field-karte-button-download .file,
  .card .card-footer .field--name-field-karte-button-down-i .file {
    background-position: 18px 23px;
    background-position: 18px 14px !important;
  }

  
/* Icon wird nach oben gezogen + Schatten */

.block-inline-blockkarte .card {
    margin-top: 4rem !important
}


.block-inline-blockkarte .card img {
  margin-top: -5rem;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  }





/* ++++++++++++++++ hellblaue  Karten ++++++++++++++++++++ */

.hellblau .card {
  background-color:  #deebf5 !important; 
}



.hellblau .card .fontawesome-icon svg {
  color: #0062AA !important;
}


/* ++++++++++++++++ weiße  Karten ++++++++++++++++++++ */

.weiss .card {
  background-color:  #fff !important; 
}


/* +++++++ beige Karten ++++++ */


.beige .card {
  background-color:  #F1EEEA !important; 
}


/* +++++ Karte mit Icon im Querformat +++++ */


.block-inline-blockkarte-mit-icon-querformat .card-image,
.block-inline-blockkarte-mit-icon-querformat-intern .card-image {
    width: 88px;
    height: 88px;
    position: absolute; 
    left: 2rem !important; 
}


.block-inline-blockkarte-mit-icon-querformat .card img,
.block-inline-blockkarte-mit-icon-querformat-intern .card img{
  margin-top: -0.5rem;
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  }


.block-inline-blockkarte-mit-icon-querformat .card h3,
.block-inline-blockkarte-mit-icon-querformat-intern .card h3{
    text-align: left !important;
    margin-left: 0rem !important;
      
}

.block-inline-blockkarte-mit-icon-querformat .card-body,
.block-inline-blockkarte-mit-icon-querformat-intern .card-body {
    padding-left: 0rem !important;
    margin-left: 2rem !important; 
}

.block-inline-blockkarte-mit-icon-querformat .card-footer,
.block-inline-blockkarte-mit-icon-querformat-intern .card-footer {
    text-align: left !important;
     padding-left: 0rem !important;
      margin-left: 2rem !important; 
}

.block-inline-blockkarte-mit-icon-querformat .card .field--name-field-karte-bild,
.block-inline-blockkarte-mit-icon-querformat-intern .card .field--name-field-karte-bild {
   text-align: left !important;
}

.block-inline-blockkarte-mit-icon-querformat .card .field--name-field-karte-bild img,
.block-inline-blockkarte-mit-icon-querformat-intern .card .field--name-field-karte-bild img {
    margin-left: -5rem !important;
}


/* ++++++++++++++++ Transparente Karten: nur Titel und Icon ++++++++++++++++++++++++ */


.block-inline-blockicon-mit-titel-hochformat .card,
.block-inline-blockicon-mit-titel-querformat .card {
    background: transparent !important;
    padding: 0rem !important;
    color: #000 !important;
}

.block-inline-blockicon-mit-titel-hochformat .card img {
  filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
    margin-bottom: 0.35rem !important;
  }

.block-inline-blockicon-mit-titel-querformat .card img {
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.4));
  float: left !important;
    margin-right: 1.5rem;
  }


.block-inline-blockicon-mit-titel-hochformat .card h3,
.block-inline-blockicon-mit-titel-querformat .card h3 {
  font-size: 18px !important;
}

.block-inline-blockicon-mit-titel-querformat .card h3 {
 margin-bottom: .75rem !important;
  padding-top: 1.9rem;
    text-align: left !important;
}

.block-inline-blockicon-mit-titel-hochformat .card h3 a,
.block-inline-blockicon-mit-titel-querformat .card h3 a {
     color: #000 !important;
}

.schwarze-schrift-titel.block-inline-blockicon-mit-titel-hochformat .card h3 a,
.schwarze-schrift-titel.block-inline-blockicon-mit-titel-querformat .card h3 a {
    color: #000 !important;
}

.blaue-schrift-titel.block-inline-blockicon-mit-titel-hochformat .card h3 a,
.blaue-schrift-titel.block-inline-blockicon-mit-titel-querformat .card h3 a {
    color: #0062AA !important;
}

.weisse-schrift-titel.block-inline-blockicon-mit-titel-hochformat .card h3 a,
.weisse-schrift-titel.block-inline-blockicon-mit-titel-querformat .card h3 a{
    color: #fff !important;
}


.schwarze-schrift-titel.block-inline-blockicon-mit-titel-hochformat .card h3 a:hover,
.schwarze-schrift-titel.block-inline-blockicon-mit-titel-querformat .card h3 a:hover {
    color: #0062AA !important;
}

.blaue-schrift-titel.block-inline-blockicon-mit-titel-hochformat .card h3 a:hover,
.blaue-schrift-titel.block-inline-blockicon-mit-titel-querformat .card h3 a:hover {
    color: #000 !important;
}


.weisse-schrift-titel.block-inline-blockicon-mit-titel-hochformat .card h3 a:hover,
.weisse-schrift-titel.block-inline-blockicon-mit-titel-querformat .card h3 a:hover {
    color: #0062AA !important;
}

.bs-bg-blau .weisse-schrift-titel.block-inline-blockicon-mit-titel-hochformat .card h3 a:hover,
.bs-bg-blau .weisse-schrift-titel.block-inline-blockicon-mit-titel-querformat .card h3 a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

@media (max-width: 680px) {
    
    .block-inline-blockkarte-mit-icon-querformat .card-image,
    .block-inline-blockkarte-mit-icon-querformat-intern .card-image{
    width: 88px;
    height: 88px;
    position: relative !important; 
     top: -2rem !important;
    
}
    

 .block-inline-blockkarte-mit-icon-querformat .card .field--name-field-karte-bild img,
     .block-inline-blockkarte-mit-icon-querformat-intern .card .field--name-field-karte-bild img {
    margin-left: 0 !important;
     text-align: center !important;
}

    
    .block-inline-blockkarte-mit-icon-querformat .card-body,
      .block-inline-blockkarte-mit-icon-querformat-intern .card-body{
    padding: 0rem !important;
    margin: -2rem 0 0 0rem !important; 
        width: 100% !important;
        padding: 0 !important;
}
    
    .block-inline-blockkarte-mit-icon-querformat .card-footer,
    .block-inline-blockkarte-mit-icon-querformat-intern .card-footer{
  padding-left: 0rem !important;
    margin-left: 0rem !important; 
        width: 100% !important;
        padding: 0 !important;
}
  
}

/* +++++ Bildergalerie +++++ */


.block-inline-blockbildergalerie .field--name-field-bildergalerie-block,
.block-inline-blockbildergalerie-intern .field--name-field-bildergalerie-block-int {
  clear: both;
  float: left;
} 

.block.block-layout-builder.block-inline-blockbildergalerie .content,
.block.block-layout-builder.block-inline-blockbildergalerie-intern .content  {
  margin-left: -.75rem !important;
  margin-right: -2em !important;
  padding-left: 0 !important;
}

.block-inline-blockbildergalerie .field--name-field-bildergalerie-block img,
.block-inline-blockbildergalerie-intern .field--name-field-bildergalerie-block-int img  {
  float: left !important;
  margin-left: 1.1rem !important;
  margin-right: 0rem !important;
  margin-bottom: 1.1rem !important;
}

.glightbox-clean .gslide-title {
  color: #fff !important;
  font-size: 100% !important;
}

.glightbox-clean .gslide-description {
  background: transparent  !important;
  font-size: 80% !important;
}



/* +++++ EBT-Accordion +++++ */

.ebt-container .field--name-body {
  margin-bottom: 2rem !important;
}

.field--name-field-ebt-accordion {
  border: none !important;
}

h3.ebt-accordion-title {
  padding: 0.5em 0em 1em 0em !important;
  font-size: 120%;
 font-size: 115% !important;
  background: transparent !important;
  border-bottom: 1px dotted #0062AA !important;
  /* font-weight: 600 !important;*/
   font-family: 'Montserrat', sans-serif !important;
   line-height: 1.75em !important;
}

h3.ebt-accordion-title.ui-accordion-header-collapsed::before {
 font-family: "Font Awesome 5 Free" !important; 
  font-weight: 600 !important;
 content: "\f055" !important; 
  color: #0062AA !important;
  margin-right: 0.75em !important;
  font-size: 120% !important;
  background: #fff !important;
}


h3.ebt-accordion-title.ui-accordion-header-active::before {
 font-family: "Font Awesome 5 Free";
  font-weight: 600;
content: "\f056" !important; 
  color:#0062AA  !important;
  margin-right: 0.75em !important;
  font-size: 120% !important;
  background: #fff !important;  
}


.ebt-accordion-plus_minus_left .ui-accordion .ui-accordion-header::before {
    content: '+';
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    float: left;
    color: #fff;
    background: #0062AA;
    border-radius: 50%;
    margin-right: 5px;
    margin-top: 10px;
    
     font-family: "Font Awesome 5 Free" !important; 
  font-weight: 600 !important;
 content: "\f055" !important; 
  color: #007dc6 !important;
  margin-right: 0.75em !important;
  font-size: 120% !important;
  background: #fff !important;
}


h3.ebt-accordion-title.ui-accordion-header-active.ui-state-active {
  color: #0062AA  !important;
}

h3.ebt-accordion-title:hover {
  color: #0062AA !important;
}

.ebt-accordion-content {
  background-color: transparent;
  border: none !important;
  
}

.ui-accordion-header-icon {
  display: none !important;
}

.field--name-field-ebt-accordion-text {
  padding-top: 0rem;
  line-height: 1.75rem !important;
  font-family: 'Roboto', sans-serif !important;
   font-weight: 300 !important;
}


/* ++++++++++ Timeline ++++++++++ */

.view-gilde-akademie-timeline {
  padding-left: 1rem !important;
}

.timeline-list li.timeline-item {
  padding: 0;
  margin-bottom: -1.5em !important;
}


.timeline-list {
  margin-top: 1.5em !important;
}

main#content .timeline-list .timeline-item.odd {
  margin-right: 4em !important;
}

main#content .timeline-list .timeline-item.even {
  margin-left: 4em !important;
}


main#content .timeline-list .timeline-item h3 {
  font-size: 30px !important;
   color:  #0062AA !important;
   margin-bottom: 0.75em !important;
  font-weight: 600 !important;
}

ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker {
  position: absolute;
  z-index: 2;
  width: 10px;
  height: 10px;
  background: #fff;
  border: 3px solid #666 !important;
  border-radius: 50%;
}

ul.timeline-list:after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: #e8e0dc !important;
  background-color: #999 !important;
  top: 0;
}


ul.timeline-list li.timeline-item.odd .timeline-item-wrapper span.timeline-marker {
  position: absolute;
  right: -18px !important;
  top: 40px !important;
  z-index: 2;
 width: 0px;
  height: 0px; 
  background: #fff;
 border: 0px solid #fff !important;
  border-radius: 0%;
}

ul.timeline-list li.timeline-item.even .timeline-item-wrapper span.timeline-marker {
  position: absolute;
  left: -50px !important;
  top: 45px !important;
  z-index: 2;
 width: 0px;
  height: 0px; 
  background: #fff;
  border: 0px solid #fff !important;
  border-radius: 0%;
}

ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker::after{
font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f058" !important;
  color:  #0062AA !important;
/*  margin-right: 0.5em !important; */
  font-size: 36px !important;
  background: #f4f3f2 !important;
  background: #deebf5  !important;
}

ul.timeline-list li.timeline-item.odd .views-field-field-schritt-timeline {
  position: absolute;
  right: -120px;
  top: 40px;
  font-size: 40px;
  color: #333;
}

ul.timeline-list li.timeline-item.even .views-field-field-schritt-timeline {
  position: absolute;
  left: -120px;
  top: 42px;
  font-size: 40px;
  color: #333;
}

.timeline-list .timeline-item-wrapper  {
 background: #fff !important;
  padding: 2em 2em 2em 2em !important;
  border-radius: 6px !important;
  border-radius: 0 0 45px 0 !important;
  margin-bottom: 3em !important;
}

ul.timeline-list.alternate li.timeline-item.odd .timeline-item-wrapper {
  text-align: left !important;
}


main#content .timeline-list .timeline-item h3 {
  font-size: 24px !important;
}

.views-field-field-beschreibung-timeline ul  {
  margin-bottom: 1.5rem;
}

.views-field-field-beschreibung-timeline ul li::before {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 600;
    content: "\f061" !important;
    font-size: 16px;
    color: #FA9200 !important;
    padding-right: 1rem;
}



/* ++++++++ Text mit Bild - layoutbuilder +++++ */

/* Einstellungen fuer layout werden ausgbelndet, funktioniert nicht */
.form-item-settings-block-form-field-layout-text-bild-block.mb-3 {
    display: none !important;
}



/* +++++++ Text mit Bild – allgemein +++++++  */


/* Auswahl Spaltenbreiten */
@media (min-width: 768px) {
 .col-50-50 .col-md-8.text {
    width: 50% !important;
  }
}


/* ++++++ Text mit Bild: Download- + Link-Buttons  +++++ */


.field--name-field-button-download-text-block span,
.field--name-field-button-download-text-bl-in span {
  background-color: #0062AA  !important;
  border-radius: 30px;
padding: 0.5rem 1.25rem 0.5rem 2.5rem;
  margin-bottom: 2rem !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
  }


.field--name-field-button-download-text-block span:hover,
.field--name-field-button-download-text-bl-in span:hover {
  color: #fff !important;
  background-color: #252525 !important;
  background-color: #FA9200 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  
.field--name-field-button-download-text-block span a,
.field--name-field-button-download-text-bl-in span a {
    color: #fff !important;
}


.field--name-field-button-download-text-block .file--application-pdf,
.field--name-field-button-download-text-bl-in .file--application-pdf {
  background-image: url(/https/www.patchworkgilde.de/themes/contrib/bootstrap_barrio/images/icons/application-pdf.png);
}


 .field--name-field-button-download-text-block .file,
.field--name-field-button-download-text-bl-in .file {
    background-position: 18px 23px;
    background-position: 18px 14px !important;
  }

.block-inline-blocktext-mit-bild-bild-links-block .field--name-field-button-link-text-block a,
.block-inline-blocktext-mit-bild-bild-rechts-block .field--name-field-button-link-text-block a,
.block-inline-blocktext-mit-bild-bild-links-block-i .field--name-field-button-link-text-bl-int a,
.block-inline-blocktext-bild-bild-rechts-block-i .field--name-field-button-link-text-bl-int a {
  background-color: #0062AA !important;
  color: #fff !important;
  border-radius: 30px;
  padding: 1rem 2.5rem 1rem 2.5rem;
  padding: 0.5rem 1.25rem 0.5rem 1.25rem;
  margin-bottom: 2rem !important;
  text-decoration: none !important;
  font-weight: 500 !important;
  letter-spacing: 1px;
  font-family: 'Montserrat', sans-serif;
     display: inline-block;
    line-height: 1.25rem !important;
}


.field--name-field-button-link-text-block a:hover,
.field--name-field-button-link-text-bl-int a:hover{
  color: #fff !important;
  background-color: #FA9200 !important;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.field--name-field-button-link-text-block a::after,
.field--name-field-button-link-text-bl-int a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\f054" !important;
  font-size: 16px;
  color: #fff !important;
  padding-left: 0.75rem;
}


/* +++++++ Text mit Bild – Bild links +++++++  */

/* NEU */
.block-inline-blocktext-mit-bild-bild-links-block .col-md-8.text,
.block-inline-blocktext-mit-bild-bild-links-block-i .col-md-8.text {
      padding-left: 3rem !important;
}

.block-inline-blocktext-mit-bild-bild-links-block .row,
.block-inline-blocktext-mit-bild-bild-links-block-i .row  {
  padding-left: 1rem;
  padding-right: 1rem;
}

/*.block-inline-blocktext-mit-bild-bild-links-block .field--name-field-text-block,
.block-inline-blocktext-mit-bild-bild-links-block-i .field--name-field-text-block-int  {
  padding-left: 3rem !important;
}
*/

/* hellblauer Hintergrund */
.bs-bg-hellblau.block-inline-blocktext-mit-bild-bild-links-block,
.bs-bg-hellblau.block-inline-blocktext-mit-bild-bild-links-block-i {
  padding: 2.5rem !important;
  border-radius: 0 0 45px 0 !important;
}

/* beiger Hintergrund */
.bs-bg-beige.block-inline-blocktext-mit-bild-bild-links-block,
.bs-bg-beige.block-inline-blocktext-mit-bild-bild-links-block-i {
  padding: 2.5rem !important;
  border-radius: 0 0 45px 0 !important;
}

/* weisser Hintergrund auf hellbluer Faeche */
.bs-bg-hellblau.bg-color .bs-bg-weiss.block-inline-blocktext-mit-bild-bild-links-block,
.bs-bg-hellblau.bg-color bs-bg-weiss.block-inline-blocktext-mit-bild-bild-links-block-i {
  padding: 2.5rem !important;
  border-radius: 0 0 45px 0 !important;
}


/* weisser Hintergrund auf beiger Faeche */
.bs-bg-beige.bg-color .bs-bg-weiss.block-inline-blocktext-mit-bild-bild-links-block,
.bs-bg-beige.bg-color bs-bg-weiss.block-inline-blocktext-mit-bild-bild-links-block-i {
  padding: 2.5rem !important;
  border-radius: 0 0 45px 0 !important;
}

/* +++++++ Text mit Bild – Bild rechts +++++++  */

.block-inline-blocktext-mit-bild-bild-rechts-block .row,
.block-inline-blocktext-bild-bild-rechts-block-i .row  {
  padding-left: 1rem;
  padding-right: 1rem;
}

.block-inline-blocktext-mit-bild-bild-rechts-block .field--name-field-text-block,
.block-inline-blocktext-bild-bild-rechts-block-i .field--name-field-text-block-int {
  padding-right: 3rem !important;
}

/* hellblauer Hintergrund */
.bs-bg-hellblau.block-inline-blocktext-mit-bild-bild-rechts-block,
.bs-bg-hellblau.block-inline-blocktext-bild-bild-rechts-block-i  {
  padding: 2.5rem !important;
  border-radius: 0 0 45px 0 !important;
}

/* beiger Hintergrund */
.bs-bg-beige.block-inline-blocktext-mit-bild-bild-rechts-block,
.bs-bg-beige.block-inline-blocktext-bild-bild-rechts-block-i   {
  padding: 2.5rem !important;
  border-radius: 0 0 45px 0 !important;
}

/* weisser Hintergrund auf hellblauer Faeche */
.bs-bg-hellblau.bg-color .bs-bg-weiss.block-inline-blocktext-mit-bild-bild-rechts-block,
.bs-bg-hellblau.bg-color bs-bg-weiss.block-inline-blocktext-bild-bild-rechts-block-i  {
  padding: 2.5rem !important;
  border-radius: 0 0 45px 0 !important;
}

/* weisser Hintergrund auf beiger Faeche */
.bs-bg-beige.bg-color .bs-bg-weiss.block-inline-blocktext-mit-bild-bild-rechts-block,
.bs-bg-beige.bg-color bs-bg-weiss.block-inline-blocktext-bild-bild-rechts-block-i {
  padding: 2.5rem !important;
  border-radius: 0 0 45px 0 !important;
}



/* ++++++ EBT Micomodal +++++ */

/* Link */

 .ebt-block.ebt-micromodal-block {
  /* padding-left: 1.5rem !important; */
  margin-top: 1rem !important;
     clear: both;
  width: 100%;
} 

main .content .ebt-block.ebt-micromodal-block .bg-washed-green a {
  background: #0062AA !important;
  padding: 0.5em 1.25em 0.5em 1.25em !important;
  border-radius: 30px !important;
  color: #fff !important;
  text-decoration: none !important;
  font-family: 'Montserrat', sans-serif;
  letter-spacing: 1px;
  font-weight: 500;
}

main .content .ebt-block.ebt-micromodal-block .bg-washed-green a::after {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
  content: "\F054" !important;
  font-size: 14px !important;
  color: #fff !important;
  padding-left: 0.5rem;
}

main .content .ebt-block.ebt-micromodal-block .bg-washed-green a:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  background-color: #FA9200 !important;
}



/* Fenster */
.modal__header h2 {
  padding-left: 0 !important;
}

.modal__content {
  margin-top: 1rem !important;
}

.modal__footer button {
  display: none !important;
}

/* +++++++++ IMCE +++++++++ */

#imce-fm {
  font-size: 90% !important;
}


.imce-branch-toggle {
  display: inline !important;
}

.imce-ficon::before {
  vertical-align: middle !important;
}

.imce-branch-toggle::before {
  margin-bottom: 8px !important;
}





/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Media Queries +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


@media (min-width: 1921px) {


/* Bereich mit Seitentitel + Bild */
.page-header.container {
padding-top: 1% !important;
}
}



@media (min-width: 1200px) {
/*
.h3, h3 {
  font-size: 1.25rem !important;
}*/
}


@media (min-width: 890px) {

/* Logo */

img.logo-desktop {
    display: block !important;
}

img.logo-mobil {
    display: none !important;
}
}




@media (min-width: 851px) {

    /* +++++ Footer +++++ */
  
  /* in dreispaltiges Layout aendern */
  .site-footer__top .region {
      width: 33%;
      padding: 0 8% 0 0 !important;
  }
  }


@media (min-width: 560px) {

  .node .field--type-image {
    float: none !important;
    margin: 0 !important;
  }
}





/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 1400px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 1400px) {

  /* Intro */

  .path-frontpage .page-hero.intro .views-field-field-intro-ueberschrift h1 {
    font-size: 2.2rem !important;
    margin-bottom: 2.5rem !important;
  }

  .path-frontpage .page-hero.intro .views-field-field-intro-text {
    line-height: 1.8rem !important;
    font-size: 17px;
  }

  .path-frontpage .page-hero.intro .view-startseite-intro-slider {
    padding-top: 0.5rem;
    padding-left: 0rem !important;
    padding-right: 1rem !important;
    max-width: 530px !important;
    float: right;
}
    
    
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 1300px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 1300px) {

  .path-frontpage .page-hero.intro .view-startseite-intro-slider {
    padding-top: 0.5rem;
    padding-left: 0rem !important;
    padding-right: 1rem !important;
    max-width: 630px !important;
    float: none !important;
}
    
    
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 1200px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    
    
@media (max-width: 1200px) {
    
/* +++++ Startseite +++++ */
    
 /* Aktuelles */
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-inner h3 {
 font-size: 1.0625rem !important;
     font-size: 17px !important;
}

    
 /* Aktuelles + Regionen + PK */
 .news-teaser .view-blog-uebersicht .news-teaser-inner h3,
.news-teaser .view-aktuelles-patch-kids-uebersicht .news-teaser-inner h3 {
  font-size: 1.0625rem !important;
      font-size: 17px !important;
 }
    
     /* Blog */
.path-frontpage .container-fluid .aktuelles .view-blog-uebersicht .news-teaser-inner h3 {
 font-size: 1.0625rem !important;
     font-size: 17px !important;
}

      
/* Termine */
      
.path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-inner {
      padding: 2rem 1rem 1rem 2rem;
     }
    
.path-frontpage .container-fluid .termine h2 {
    font-size: 2.5rem;
    font-size: 40px !important; 
   }
    
.path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-inner h3 {
     font-size: 1.0625rem !important;
     font-size: 17px !important;
     }
    
 .path-frontpage .container-fluid .termine .view-startseite-termine-icons .news-teaser-image img {
      max-width: 75px !important;
     height: auto;
     }
    
/* Gilde-Aktivitaeten */
    
.path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item img {
    max-width: 75px !important;
     height: auto;
 }
    
.path-frontpage .container-fluid .aktivitaeten h2 {
  text-align: center !important; 
  color: #146eb1;
  font-weight: 400 !important;
 /* font-size: 2.rem;*/
  font-size: 40px;
  margin-bottom: 1.5rem;
  margin-top: 4.5rem;
 }

 
 .path-frontpage .container-fluid .aktivitaeten .views-view-responsive-grid .views-view-responsive-grid__item h3 {
  font-size: 17px !important;
 }
    
    
/* Gilde-Akademie */
    
.path-frontpage .container-fluid .gilde-akademie h2 {
         font-size: 2.5rem !important;
          font-size: 40px !important;
   }
    
.path-frontpage .container-fluid .gilde-akademie .view-startseite-gilde-akademie-icons .views-field-field-home-gilde-akademie-icon {
    float: left;
    margin-right: 1.5rem !important;
   }

.path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-icon img {
    max-width: 75px !important;
     height: auto;
   }
   

.path-frontpage .container-fluid .gilde-akademie .view-startseite-gilde-akademie-icons h3 {
    font-size: 17px !important;
   }

.path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-bild img {
        width: 80% !important;
        height: auto;
    }

    
/* Anleitungen */
    
    .path-frontpage .container-fluid .anleitungen h2 {
       font-size: 2.5rem !important;
        font-size: 40px !important;
   }
    
   .path-frontpage .container-fluid .anleitungen img {
    max-width: 75px !important;
     height: auto;
   }
    
    .path-frontpage .container-fluid .anleitungen h3 {
        font-size: 14px !important;
    }
    
    
/* Mitgliederzeitschrift */
    
    .path-frontpage .container-fluid .mitgliederzeitschrift h2 {
        font-size: 2.5rem !important;
           font-size: 40px !important;
   }

   .path-frontpage .container-fluid .mitgliederzeitschrift .views-view-responsive-grid img {
    max-width: 75px !important;
    height: auto;
    float: none !important;
    text-align: center !important;
    margin-right: 0 !important;
   }
    
       .path-frontpage .container-fluid .mitgliederzeitschrift .views-view-responsive-grid__item {
    text-align: center !important;
    margin-bottom: 1rem !important;
   }

   .path-frontpage .container-fluid .mitgliederzeitschrift .views-view-responsive-grid h3 {
  font-size: 16px;
    text-align: center !important;
    margin-bottom: .75rem !important;
     padding-top: 1rem !important;
   }
    
.path-frontpage .container-fluid .mitgliederzeitschrift .views-field-field-home-mitgliederzeit-bild img {
        width: 80% !important;
        height: auto;
    }
    
/* Galerien */
       
   .path-frontpage .container-fluid .galerien h2 {
        font-size: 2.5rem !important;
       font-size: 40px;
   }

/* Patchworktage */
    
    .path-frontpage .container-fluid .patchworktage h2 {
    font-size: 2.5rem !important;
    font-size: 40px !important
   }
    
/* Bibliothek */
    
.path-frontpage .container-fluid .bibliothek h2 {
    font-size: 2.5rem !important;
    font-size: 40px !important
   }

.path-frontpage .container-fluid .bibliothek .views-view-responsive-grid img {
    max-width: 75px !important;
    height: auto;
    float: none !important;
    text-align: center !important;
    margin-right: 0 !important;
   }
    
.path-frontpage .container-fluid .bibliothek .views-view-responsive-grid__item {
    text-align: center !important;
    margin-bottom: 1rem !important;
   }
    
    
.path-frontpage .container-fluid .bibliothek .views-view-responsive-grid .views-field-title {
    text-align: center !important;
    }

   .path-frontpage .container-fluid .bibliothek .views-view-responsive-grid h3 {
   font-size: 16px;
    text-align: center !important;
    margin-bottom: .75rem !important;
     padding-top: 1rem !important;
   }
    
.path-frontpage .container-fluid .bibliothek .views-field-field-home-bibliothek-bild img {
        width: 80% !important;
        height: auto;
    }   
    

/* Internationales */
      
   .path-frontpage .container-fluid .internationales h2 {
    font-size: 2.5rem;
    font-size: 40px;
   }
    
    .path-frontpage .container-fluid .internationales h3 {
      font-size: 16px;
    text-align: center !important;
    margin-bottom: .75rem !important;
     padding-top: 1rem !important;;
    }
    
    .path-frontpage .container-fluid .internationales img {
    max-width: 75px !important;
    height: auto;
    float: none !important;
    text-align: center !important;
    margin-right: 0 !important;
     } 
    
    
/* Patch Kids */
    
 .path-frontpage .container-fluid .patch-kids .patch-kids-titel img {
 max-width: 80% !important;
     height: auto;
 }

 
 .path-frontpage .container-fluid .patch-kids .pk-text {
  padding-top: 2rem;
 }
    

.path-frontpage .container-fluid .patch-kids .views-view-responsive-grid__item {
    text-align: center !important;
    margin-bottom: 1rem !important;
   }
    
    
 .path-frontpage .container-fluid .patch-kids .pk-text img {
 max-width: 75px !important;
    height: auto;
  float: none !important;
  margin-right: 0rem !important;
 }

.path-frontpage .container-fluid .patch-kids .views-field-field-home-patch-kids-bild img {
        max-width: 80% !important;
        height: auto;
    }

  .path-frontpage .container-fluid .patch-kids h3 {
    font-size: 16px;
   margin-bottom: .75rem !important;
   padding-top: 1rem;
    text-align: center !important;
  }

   .path-frontpage .container-fluid .patch-kids .views-view-responsive-grid__item {
    text-align: center !important;
    margin-bottom: 1.5rem;
   }
    
/* Icons im Hintergrund */
.path-frontpage .container-fluid .patch-kids .naehmaschine {
  left: 100px !important;
  top: 50px !important;
 }

 .path-frontpage .container-fluid .patch-kids .schere {
  left: 100px !important;
 bottom: 50px !important;
 }

 .path-frontpage .container-fluid .patch-kids .nadelkissen {

  right: 100px !important;
  top: 50px !important;

 }

 .path-frontpage .container-fluid .patch-kids .buegeleisen {
  right: 100px !important;
  bottom: 50px !important;
 }
    
    
/* Mitgliederbereich */
    
    .path-frontpage .container-fluid .mitgliederbereich h2 {
   font-size: 2.5rem !important;
    font-size: 40px !important;
   }

    .path-frontpage .container-fluid .mitgliederbereich img {
    max-width: 75px !important;
    height: auto;
    float: none !important;
    text-align: center !important;
    margin-right: 0 !important;
     } 
  
    
    .path-frontpage .container-fluid .mitgliederbereich h3 {
      font-size: 16px;
     margin-bottom: .75rem !important;
     padding-top: 1rem !important;
     color: #fff !important;
      text-align: center !important;
    }
    
    .path-frontpage .container-fluid .mitgliederbereich .views-view-responsive-grid .views-field-title {
    text-align: center !important;
    }
  
}
    

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 1140px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    

@media (max-width: 1140px) {

 header#header img.logo-desktop  {
    width: 300px !important;
    height: auto;
} 


#block-patchworkgilde-iconskontakt {
  margin-left: 3rem !important;
}

#block-patchworkgilde-iconskontakt {
width: 12.5%;
 float: left !important; 
 padding-top: 0.75rem !important;
}

#block-patchworkgilde-iconssocialmedia,
#block-patchworkgilde-iconssystem {
width: 18%;
float: left !important; 
padding-top: 0.75rem !important;
}


header#header  #block-patchworkgilde-iconskontakt img,
header#header  #block-patchworkgilde-iconssocialmedia img,
header#header  #block-patchworkgilde-iconssystem img {
 width: 26px !important;
 height: auto;
} 
    
    
 /* Hero-Breadcrumb */
    
.page-hero ol.breadcrumb li:nth-child(2) a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 40px !important;
    font-size: 85% !important;
}
    
.page-hero ol.breadcrumb li:nth-child(3) {
    font-size: 30px !important;
    font-size: 85% !important;
    padding-top: 0.25rem !important;
}
    
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 1080px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    
    
@media (max-width: 1080px) {

header#header img.logo-desktop  {
    width: 250px !important;
    height: auto;
} 

#block-patchworkgilde-iconskontakt {
  margin-left: 1rem !important;
}

#block-patchworkgilde-iconskontakt {
width: 12.5%;
 float: left !important; 
}

#block-patchworkgilde-iconssocialmedia,
#block-patchworkgilde-iconssystem {
width: 18%;
 float: left !important; 
}


header#header  #block-patchworkgilde-iconskontakt img,
header#header  #block-patchworkgilde-iconssocialmedia img,
header#header  #block-patchworkgilde-iconssystem img {
 width: 20px !important;
 height: auto;
}  
  
/* Buttons */
    
main .content .field--name-field-button-link a,
main .content .block-inline-blockbutton-mit-download-block .field--name-field-downloaddatei-block a {
letter-spacing: 0px !important;
font-size: 80% !important;
display: inline-block;
line-height: 1.25rem !important;
  }

.field--name-field-button-download-text-block span a {
letter-spacing: 0px !important;
font-size: 80% !important;
display: inline-block;
line-height: 1.25rem !important;
  }
    
.card .card-footer .field--name-field-karte-button-link a {
letter-spacing: 0px !important;
font-size: 80% !important;
display: inline-block;
line-height: 1.25rem !important;
  }
    
.card h3,
.card h3.card-title {
    font-size: 105% !important;
    }
    
.card .card-footer .field--name-field-karte-button-download span a,
 .card .card-footer .field--name-field-karte-button-down-i span a {
  color: #fff !important;
letter-spacing: 0px !important;
    font-size: 80% !important;
    display: inline-block !important;
    line-height: 1.25rem !important;
 }
    
.card  {
        padding-left: 0.35rem !important;
        padding-right: 0.35rem !important;
    font-size: 90% !important;
    line-height: 1.5rem !important;
    }
    
.card ul li {
        margin-left: -1.5rem !important;
    }
    
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 992px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    
@media (max-width: 992px) {

 header#header img.logo-desktop {
    width: 250px !important;
    height: auto;
} 
    
  
/* Aktuelles Home */
      
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .read-more {
  margin-right: 2rem;
  position: absolute;
  right: 4.5rem !important;
  bottom: 0.5rem;
 }
      
/* Blog Home */
.path-frontpage .container-fluid .aktuelles . view-blog-uebersicht .read-more {
  margin-right: 2rem;
  position: absolute;
  right: 4.5rem !important;
  bottom: 0.5rem;
 }
      
/* Aktuelles + Regionen + Blog + PK */
      
.news-teaser.view-startseite-aktuelles .read-more 
.news-teaser.view-blog-uebersicht .read-more {
  margin-right: 2rem;
  position: absolute;
  right: 1.5rem !important;
  bottom: 0.5rem;
 }
    
.news-teaser.view-aktuelles-patch-kids-uebersicht .read-more {
  margin-right: 0rem;
  position: absolute;
  right: .5rem !important;
  bottom: 0.5rem;
 }


/* Termine */
    
.path-frontpage .container-fluid .termine .view-startseite-termine-icons {
      padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
     }
        
/* Aktvitaeten */
      
.path-frontpage .container-fluid .aktivitaeten .outer-container {
  background-color: rgba(217, 232, 243, 0.9) !important;
  margin: 0.75rem 0rem 0.75rem 0.25rem;
  padding: 0 0rem 2.5rem 0rem !important;
  border-radius: 40px;
 }

    
/* Gilde-Akademie */
    
 
.path-frontpage .container-fluid .gilde-akademie .view-startseite-gilde-akademie-icons h3 {
    font-size: 17px !important;
   }
      
.path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-bild {
            text-align: center !important;
      }

.path-frontpage .container-fluid .gilde-akademie .views-field-field-home-gilde-akademie-bild img {
        width: 80% !important;
        height: auto;
    }
      
.path-frontpage .container-fluid .gilde-akademie .text {
          padding-left: 1.5rem !important;
          padding-right: 1.5rem !important;
      }
      
      
/* Mitgliederzeitschrift */
      
    .view-startseite-mitgliederzeitschrift-icons-links {
          padding-left: 1.5rem !important;
        padding-right: 1.5rem !important;
      }
      
    .path-frontpage .container-fluid .mitgliederzeitschrift .views-field-field-home-mitgliederzeit-bild {
            text-align: center !important;
        margin-top: 2rem !important;
      }
      
    .path-frontpage .container-fluid .mitgliederzeitschrift .views-field-field-home-mitgliederzeit-bild img {
        width: 60% !important;
        height: auto;
    }

   .path-frontpage .container-fluid .mitgliederzeitschrift .view-footer {
            text-align: center !important;
      }
      
      
/* Bibliothek */
      
    .path-frontpage .container-fluid .bibliothek .views-field-field-home-bibliothek-bild {
          text-align: center !important;

      }
      
    .path-frontpage .container-fluid .bibliothek .views-field-field-home-bibliothek-bild img {
        width: 70% !important;
        height: auto;
        padding-right: 0 !important;
   }
      
    .path-frontpage .container-fluid .bibliothek .views-view-responsive-grid {
          margin-bottom: 1.5rem !important;
      }
      
    
    /* Bild */
  .path-frontpage .container-fluid .bibliothek .views-field-field-home-bibliothek-bild img {
        max-width: 60% !important;
        height: auto;
        padding-right: 0 !important;
      margin-bottom: 1rem !important;
  }
      
    /* Patch Kids */
    .path-frontpage .container-fluid .patch-kids .patch-kids-titel img {
        max-width: 50% !important;
        height: auto;
 }

      
      .path-frontpage .container-fluid .patch-kids .views-field-field-home-patch-kids-bild {
           text-align: center !important;
      }
      
    .path-frontpage .container-fluid .patch-kids .views-field-field-home-patch-kids-bild img {
        width: 40% !important;
        height: auto;
        padding-right: 0 !important;
        margin-bottom: 1rem !important;
    }
      
      
/* Icons im Hintergrund */
.path-frontpage .container-fluid .patch-kids .naehmaschine {
  position: absolute !important;
  z-index: 20 !important;
  left: 50px !important;
  top: 50px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-naehmaschine.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .schere {
  position: absolute !important;
  z-index: 20 !important;
  left: 30px !important;
 bottom: 50px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-schere.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .nadelkissen {
  position: absolute !important;
  z-index: 20 !important;
  right: 30px !important;
  top: 50px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-nadelkissen.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .buegeleisen {
  position: absolute !important;
  z-index: 20 !important;
  right: 20px !important;
  bottom: 50px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-buegeleisen.svg');
  background-repeat: no-repeat;
  opacity: 0.7;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .mitgliederbereich .schere {
    position: absolute !important;
    z-index: 20 !important;
    left: 350px !important;
    top: -25px !important;
    background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/bg/schere-hellblau-rechts.svg');
    background-repeat: no-repeat;
    width: 80px;
    height: 50px;
   }
}

    
    /* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 980px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 980px) {
    
    
     /* Hero-Breadcrumb */
    
.page-hero ol.breadcrumb li:nth-child(2) a {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 40px !important;
    font-size: 70% !important;
}
    
.page-hero ol.breadcrumb li:nth-child(3) {
    font-size: 30px !important;
    font-size: 70% !important;
    padding-top: 0.6rem !important;
}
    
    
/* +++++++++++++ Typo ++++++++++++++++ */
    
     h1.title, h1 {
        font-size: 160% !important;
    }
    
    h2,
    .block-inline-blockabschnittsueberschrift-zentriert h2,
    .block-inline-blockabschnittsueberschrift-geschuetz h2 {
        font-size: 140% !important;
    }
    
   
    h3 {
        font-size: 105% !important;
    }
    
    
    form.webform-submission-form  .webform-section-title {
    margin-left: -0.3rem !important;
    margin-bottom: 1.5rem !important;
    font-size: 105% !important;
}

    a {
 -moz-hyphens: auto !important;
-webkit-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important; 
    }
    

    
/* Intro Home */
      
.path-frontpage .view-startseite-intro- {
padding-right: 1rem !important;
padding-top: 1rem;
}
      
.path-frontpage .page-hero.intro .view-startseite-intro-slider {
    padding-top: 0.5rem;
    padding-left: 1.5rem !important;
    padding-right: 0rem !important;
   /* max-width: 430px !important;
    float: right; */
}

    
/* Aktuelles Home */
    
.path-frontpage .container-fluid .aktuelles .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  /* column-count: 1 !important;
   min-width: 800px !important; 
    width: 800px !important;
    float: none !important;
    clear: both !important;*/
    }
    
  
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-inner h3 {
    font-size: 18px !important;
}
    

    
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .read-more {
  margin-right: 2rem;
  position: absolute;
  right: 6.5rem !important;
  bottom: 0.5rem;
 }

.path-frontpage .container-fluid .aktuelles .views-view-responsive-grid {
  margin-top: 3.5rem;
  margin-left: 60px !important; 
 }
    

 /* Aktuelles + Regionen */

 .news-teaser .views-view-responsive-grid.views-view-responsive-grid--horizontal {
    float: none !important;
    clear: both !important;
    }
    

.news-teaser .view-startseite-aktuelles .news-teaser-inner h3 {
    font-size: 18px !important;
}
    
    
.news-teaser .view-startseite-aktuelles .read-more {
  margin-right: 2rem;
  position: absolute;
  right: 6.5rem !important;
  bottom: 0.5rem;
 }

 .news-teaser .views-view-responsive-grid {
  margin-top: 3.5rem;
  margin-left: 60px !important; 
 }
    
    
/* Patch-Kids: Aktuelles */
    
.news-teaser.patch-kids {
    padding-right: 5% !important;
}
    
 .news-teaser.patch-kids .read-more {
  margin-right: 0rem;
  position: absolute;
  right: 0rem !important;
  bottom: 0.5rem;
 }

/* Internationales: Aktuelles */
.news-teaser.internationales {
    padding-right: 5% !important;
}
    
.news-teaser.internationales .read-more {
  margin-right: 0rem;
  position: absolute;
  right: 0rem !important;
  bottom: 0.5rem;
 }

    
/* Internationales: Aktuelles */
.news-teaser.regionen {
    padding-right: 5% !important;
}
   
.news-teaser.regionen  .read-more {
  margin-right: 0rem;
  position: absolute;
  right: 0rem !important;
  bottom: 0.5rem;
 }

.view-aktuelles-patch-kids-uebersicht.news-teaser-inner h3 {
    font-size: 18px !important;
}
    

/* Bibliothek */
    
.path-frontpage .container-fluid .bibliothek .views-view-responsive-grid img {
    max-width: 75px !important;
    height: auto;
    margin-right: 0.5rem !important;
   }

.path-frontpage .container-fluid .bibliothek .views-view-responsive-grid h3 {
    font-size: 16px !important;
   margin-bottom: .75rem !important;
   padding-top: 1.75rem;
   }
    
    
/* Internationales */
    
.path-frontpage .container-fluid .internationales .views-view-responsive-grid img {
    max-width: 75px !important;
    height: auto;
    margin-right: 0.5rem !important;
   }
    
.path-frontpage .container-fluid .internationales h3 {
      font-size: 16px;
}
    
/* Gide-Akademie – Kursuebersicht */
    
.modul-teaser .kurstitel {
    top: -3.25rem !important;
}

    
.modul-teaser .kl {
  position: relative;
 left: -0.8rem !important;
  top: 3rem !important;
 
}
    
 .modul-teaser .kursbeschreibung {
padding-top: 0.5rem;
}


  /* Termine – Uebersicht */
    
   .termin-teaser .kategorie {
position: relative !important;
left: 0.8rem !important;
  top: 4rem !important;

    font-size: 85% !important;
    font-weight: 300 !important
}
    
.termin-teaser h3 {
        margin-top: 2rem !important;
    }

    } 

    

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 889px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 889px) {

  /* header#header img.logo-desktop  {
    width: 250px !important;
    height: auto;
          width: 225px !important;
} */
    
img.logo-desktop {
    display: none !important;
} 

img.logo-mobil {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    margin-left: 0px !important;
    margin-right: 1.5rem !important;
}

#block-patchworkgilde-iconskontakt {
 /* margin-left: 0rem !important;*/
}

#block-patchworkgilde-iconskontakt {
width: 25% !important; 
    float: left !important; 
}

#block-patchworkgilde-iconssocialmedia,
#block-patchworkgilde-iconssystem {
width: 25% !important;
 float: left !important; 
}

 header#header  #block-patchworkgilde-iconssystem {
}
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 840px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    
    

@media (max-width: 840px) {

header#header {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

header#header img.logo-desktop  {
    width: 225px !important;
    height: auto;
}
    
/* +++++ Startseite +++++ */
    
    /* Aktuelles Home */
      
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .read-more {
  margin-right: 4.5rem;
  position: absolute;
  right: 2.5rem !important;
  bottom: 0.5rem;
 }
    
/* Blog Home */
.path-frontpage .container-fluid .blog .view-blog-uebersicht .read-more {
 margin-right: 4.5rem;
  position: absolute;
  right: 2.5rem !important;
  bottom: 0.5rem;
 }
    
 /* Aktuelles Ubersicht */
    
.view-aktuelles-uebersicht .read-more {
  margin-right: 4.5rem;
  position: absolute;
  right: 2.5rem !important;
  bottom: 0.5rem;
 }

/* Aktivitaeten */
    
.path-frontpage .region.region-home-aktivitaeten {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    
  
.view-startseite-intro- {
    padding-right: 0rem !important;
}
    
    
/* Patch-Kids: Aktuelles */
    
.news-teaser.patch-kids {
    padding-right: 15% !important;
}
    

/* Internationales: Aktuelles */
.news-teaser.internationales {
    padding-right: 15% !important;
}
    
/* Internationales: Aktuelles */
.news-teaser.regionen {
    padding-right: 15% !important;
}
   
     
    
    
}
    
    
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 800px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

@media (max-width: 800px) {
    
header#header {
      padding-left: 0 !important;
      padding-right: 0rem !important;
    }
    
.navbar {
      padding-left: 20px !important;
      padding-right: 20px !important;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
    }

    }
    

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 690px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

    
@media (max-width: 690px) {
    
/* Silbentrennung */
    
    main.main-content {
        -moz-hyphens: auto !important;
-webkit-hyphens: auto !important;
-ms-hyphens: auto !important;
hyphens: auto !important; 
    }
    
/* +++++ Header +++++ */

.navbar {
    padding-left: 5px !important;
    padding-right: 20px !important;
    padding-bottom: 10px !important;
    padding-top: 10px !important;
    }

#block-patchworkgilde-iconskontakt {
 display: none !important;
 width: 20% !important;
}

#block-patchworkgilde-iconssocialmedia,
#block-patchworkgilde-iconssystem {
width: 25% !important;
 float: left !important; 
}
    
.page-hero ol.breadcrumb {
  display: none !important;
}
    
.page-hero .col-5 {
width: 100% !important;
    }

.page-hero .col-7 {
    display: none !important;
    }
    
.page-hero .views-field-field-headerbild img,
.page-hero .views-field-field-headerbild-1 img {
    width: 75% !important;
    margin-left: -1rem !important;
    }
    
.page-hero {
    margin-bottom: 1.5rem; 
    padding-bottom: 2rem !important;
    }
    

/* Header Specials */
.node--type-page .page-hero,
.node--type-aktuelles .page-hero,
.node--type-blog .page-hero,
.node--type-aktuelles-patch-kids .page-hero,
.node--type-patch-kids-videos .page-hero,
.node--type-aktuelles-aus-aller-welt .page-hero,
.node--type-sammlung .page-hero, 
.node--type-sammlung .page-hero,
.node--type-galerie-t-m .page-hero,
.node--type-galerie-gildeausstellungen .page-hero,
.node--type-galerie-eqa .page-hero,
.node--type-galerie-mitgliederquilts .page-hero,
.node--type-galerie-kursleiterausbildung .page-hero,
.node--type-galerie-sew-along .page-hero,
.node--type-regionalseite .page-hero,
.node--type-region-bayern-regionaltreffen .page-hero,
.node--type-region-baden-bw-regionaltreffen .page-hero,
.node--type-region-berlin-bb-regionaltreffen .page-hero,
.node--type-region-bremen-regionaltreffen .page-hero,
.node--type-region-hamburg-regionaltreffen .page-hero,
.node--type-region-hessen-regionaltreffen .page-hero,
.node--type-region-mv-regionaltreffen .page-hero,
.node--type-region-bayern-regionaltreffen .page-hero,
.node--type-region-nds-sued-regionaltreffen .page-hero,
.node--type-region-nordbayern-regionaltreff .page-hero,
.node--type-region-nordrhein-regionalteffen .page-hero,
.node--type-region-rhein-n-regionaltreffen .page-hero,
.node--type-region-rheinland-regionaltreffen .page-hero,
.node--type-region-sachsen-regionaltreffen .page-hero,
.node--type-region-sachsen-regionaltreffen .page-hero,
.node--type-internationales-info-festivals .page-hero,
.node--type-anzeigenkunde .page-hero,
.node--type-anzeigenkunde .page-hero,
.node--type-verband .page-hero,
.node--type-sponsor .page-hero,
.node--type-adventskalender .page-hero,
.node--type-gruppen .page-hero,
.path-node .page-hero {
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/header/pwg_header_text.svg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100px !important;
  background-origin: padding-box;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-position: left top;
  margin-bottom: 0rem !important;
}

/* Header Seiten mit Headerbild */
.node--type-einfache-bild-text-header .page-hero,
.node--type-seite-intro-seite-patch-kids .page-hero,
.node--type-seite-patch-kids .page-hero,
.node--type-flexible-seite .page-hero,
.node--type-seite-flexibel-mit-bild-mitglied .page-hero,
.node--type-galerie-patch-kids .page-hero {
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/header/pwg_header_bild.svg');
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100px !important;
  background-origin: padding-box;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  background-position: left top;
}
    
.node--type-flexible-seite #main-wrapper,
/*.node--type-seite-intro-seite-patch-kids #main-wrapper,*/
/*.node--type-seite-patch-kids #main-wrapper,*/
.node--type-anleitungen-patch-kids #main-wrapper,
.node--type-aktuelles #main-wrapper,
.node--type-blog #main-wrapper,
.node--type-galerie-patch-kids #main-wrapper,
.node--type-aktuelles-patch-kids #main-wrapper,
.node--type-sammlung #main-wrapper,
.node--type-galerie-t-m #main-wrapper,
.node--type-galerie-gildeausstellungen #main-wrapper,
.node--type-galerie-eqa #main-wrapper,
.node--type-galerie-mitgliederquilts #main-wrapper,
.node--type-galerie-kursleiterausbildung #main-wrapper,
.node--type-galerie-sew-along #main-wrapper,
.node--type-regionalseite #main-wrapper,
.node--type-region-bayern-regionaltreffen #main-wrapper,
.node--type-region-baden-bw-regionaltreffen #main-wrapper,
.node--type-region-berlin-bb-regionaltreffen #main-wrapper,
.node--type-region-bremen-regionaltreffen #main-wrapper,
.node--type-region-hamburg-regionaltreffen #main-wrapper,
.node--type-region-hessen-regionaltreffen #main-wrapper,
.node--type-region-mv-regionaltreffen #main-wrapper,
.node--type-region-bayern-regionaltreffen #main-wrapper,
.node--type-region-nds-sued-regionaltreffen #main-wrapper,
.node--type-region-nordbayern-regionaltreff #main-wrapper,
.node--type-region-nordrhein-regionalteffen #main-wrapper,
.node--type-region-rhein-n-regionaltreffen #main-wrapper,
.node--type-region-rheinland-regionaltreffen #main-wrapper,
.node--type-region-sachsen-regionaltreffen #main-wrapper,
.node--type-region-schwaben-regionaltreffen #main-wrapper,
.node--type-internationales-info-festivals #main-wrapper,
.node--type-anzeigenkunde #main-wrapper,
.node--type-anzeigenkunde #main-wrapper,
.node--type-verband #main-wrapper,
.node--type-sponsor #main-wrapper,
.node--type-adventskalender #main-wrapper,
.node--type-gruppen #main-wrapper {
  padding: 1rem 0 0rem 0 !important;
    }

main .content {
padding-left: 1rem !important;
padding-right: 1rem !important;
padding-left: 0rem !important;
padding-right: 0rem !important;
}

.site-footer {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  }
    

/* Layout Builder */
.layout-builder__layout {
    padding-top: 50px !important;
    padding-bottom: 30px !important;
}
    
.mittel .layout-builder__layout {
    padding-top: 20px !important;
    padding-bottom: 0px !important; 
      }

.klein .layout-builder__layout {
        padding-top: 60px !important;
        padding-top: 40px !important;
        padding-bottom: 0px !important; 
        margin-bottom: -6rem !important;
        }
 
/* Akkordeon */
    
h3.ebt-accordion-title {
    padding: 0.5em 0em 1em 0em !important;
    font-size: 100% !important;
    }
    
/* +++++ Startseite +++++ */ 
    
/* Typo */
    
.path-frontpage .container-fluid .intro h1 {
font-size: 1.65rem !important;
margin-bottom: 1.5rem !important;
}
    
    
/* Intro-Slider */
    
.path-frontpage .page-hero.intro .view-startseite-intro-slider {
    padding-top: 0.5rem;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    max-width: 95% !important;
    float: none !important;  
}
    
/* Hexa-Icons */
    
.path-frontpage .container-fluid .hexa-icons {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
    }
    
.path-frontpage .container-fluid .hexa-icons img {
    max-width: 80% !important;
    height: auto;
    }
    
    
/* Aktuelles + Blog Home */
    
.path-frontpage .container-fluid .aktuelles .views-view-responsive-grid,
.path-frontpage .container-fluid .ablog .views-view-responsive-grid {
    margin-top: 0rem !important;
    margin-left: 1rem !important;
}
    
.path-frontpage .news-teaser .views-view-responsive-grid .views-view-responsive-grid__item {
    margin-bottom: 0rem !important;
    color: #000 !important;
}
    
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-image,
.path-frontpage .container-fluid .blog .view-blog-uebersicht .news-teaser-image {
  position: relative;
  z-index: 2;
  left: 0 !important;
  top: 20px !important;
 }
    
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles,
.path-frontpage .container-fluid .blog .view-blog-uebersicht {
    width: 95% !important;
    }
    
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .news-teaser-inner,
.path-frontpage .container-fluid .blog .view-blog-uebersicht .news-teaser-inner {
  position: relative;
  min-height: 250px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 85% !important;
  margin-left: 1.5rem !important;
  padding: 3rem 1rem 1rem 1.5rem !important;    
 }
   
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .read-more,
.path-frontpage .container-fluid .blog .view-blog-uebersicht .read-more {
  margin-right: 1rem !important;
  position: absolute;
  right: 0.5rem !important;
  bottom: 0.5rem;
 }
    
.path-frontpage .container-fluid .aktuelles .view-startseite-aktuelles .view-footer,
.path-frontpage .container-fluid .blog .view-blog-uebersicht .view-footer {
margin-top: 3rem !important;
}
    
    
/* Startseite – Termine */
    
.path-frontpage .container-fluid .termine .views-view-responsive-grid .views-view-responsive-grid__item {
    margin-bottom: .5rem !important;
}
    

/* Aktuelles + Regionen + Blog + Internationales + Patch-Kids */ 
    
.news-teaser .views-view-responsive-grid {
  margin-top: 0rem !important;
  margin-left: 1rem !important;
}
    
.news-teaser .views-view-responsive-grid__item {
    margin-bottom: 0 !important;
    }
    
.news-teaser.view-aktuelles-aus-aller-welt-uebersicht .views-view-responsive-grid__item,
.news-teaser.patch-kids .views-view-responsive-grid__item,
.news-teaser.regionen .views-view-responsive-grid__item {
    margin-bottom: 2rem !important;
    }
    
.news-teaser.view-aktuelles-uebersicht,
.news-teaser.view-blog-uebersicht-mitgliederbereich {
    width: 95% !important;
    }
  
.news-teaser.view-aktuelles-uebersicht .news-teaser-image,
.news-teaser.view-blog-uebersicht-mitgliederbereich .news-teaser-image,
.news-teaser.view-aktuelles-aus-aller-welt-uebersicht .news-teaser-image,
.news-teaser.patch-kids .news-teaser-image,
.news-teaser.regionen .news-teaser-image {
position: relative;
z-index: 2;
left: 0 !important;
top: 20px !important;
}
  
.news-teaser.view-aktuelles-uebersicht .news-teaser-inner,
.news-teaser.view-blog-uebersicht-mitgliederbereich .news-teaser-inner,
.news-teaser.view-aktuelles-aus-aller-welt-uebersicht .news-teaser-inner,
.news-teaser.patch-kids .news-teaser-inner,
.news-teaser.regionen .news-teaser-inner {
position: relative;
  min-height: 250px;
  background-color: #fff !important;
  border-radius: 0 0 45px 0;
  width: 85% !important;
  margin-left: 1.5rem !important;
  padding: 3rem 1rem 1rem 1.5rem !important; 
}

.news-teaser.view-aktuelles-aus-aller-welt-uebersicht .news-teaser-inner,
.news-teaser.patch-kids .news-teaser-inner,
.news-teaser.regionen .news-teaser-inner {
    width: 97.5% !important;
    }
    
.news-teaser.view-aktuelles-uebersicht .read-more,
.news-teaser.view-blog-uebersicht-mitgliederbereich .read-more,
.news-teaser.view-aktuelles-aus-aller-welt-uebersicht .read-more,
.news-teaser.patch-kids .read-more,
.news-teaser.regionen .read-more {
  margin-right: 1rem !important;
  position: absolute;
  right: 0.5rem !important;
  bottom: 0.5rem;
}

    
    
/* Patch-Kids: Aktuelles 
    
.news-teaser.patch-kids {
     padding-right: 15% !important;
}*/
    

/* Internationales: Aktuelles 
.news-teaser.internationales {
  padding-right: 15% !important;
}*/
    
/* Internationales: Aktuelles
.news-teaser.regionen {
    padding-right: 15% !important;
} */
   

/* Aktivitaeten */
    
.path-frontpage .container-fluid .aktivitaeten {
        padding: 0rem 1rem 2rem 1rem; !important;
    }
    
 .path-frontpage .container-fluid .aktivitaeten .outer-container {
  padding: 0 0rem 2.5rem 0rem !important;
 }
    
.path-frontpage .container-fluid .aktivitaeten .region-home-aktivitaeten {
    padding-left: 60px !important;
    padding-right: 60px !important;
    }
    
.path-frontpage .container-fluid .aktivitaeten h2 {
  font-size: 36px !important;
  margin-bottom: 1.5rem;
  margin-top: 4.5rem;
 }

    
/* Galerien */
    
.path-frontpage .container-fluid .galerien .region-home-galerien {
  text-align: center !important;
}

    
/* Mitgliederzeitschrift */
    
.path-frontpage .container-fluid .mitgliederzeitschrift .schere {
    position: absolute !important;
   left: 250px !important;
    bottom: -25px !important;
   }

    
/* Patch-Kids */
    
.path-frontpage .container-fluid .patch-kids .patch-kids-titel > .row {
margin-top: 5rem !important;
}
    
    
.path-frontpage .container-fluid .patch-kids h3 {
        color: #0062AA !important;
    }
    
/* Icons im Hintergrund */
.path-frontpage .container-fluid .patch-kids .naehmaschine {
  position: absolute !important;
  z-index: 20 !important;
  left: 20px !important;
  top: 20px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-naehmaschine.svg');
  background-repeat: no-repeat;
  opacity: 0.3 !important;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .schere {
  position: absolute !important;
  z-index: 20 !important;
  left: 15px !important;
 bottom: 20px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-schere.svg');
  background-repeat: no-repeat;
  opacity: 0.3 !important;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .nadelkissen {
  position: absolute !important;
  z-index: 20 !important;
  right: 15px !important;
  top: 20px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-nadelkissen.svg');
  background-repeat: no-repeat;
  opacity: 0.3 !important;
  width: 150px;
  height: 150px;
 }

 .path-frontpage .container-fluid .patch-kids .buegeleisen {
  position: absolute !important;
  z-index: 20 !important;
  right: 15px !important;
  bottom: 20px !important;
  background-image: url('/https/www.patchworkgilde.de/themes/custom/patchworkgilde/css/images/patch-kids/patch-kids-buegeleisen.svg');
  background-repeat: no-repeat;
  opacity: 0.3 !important;
  width: 150px;
  height: 150px;
 }
    

/* +++++ Buchbesprechungen +++++ */
    
.node--type-buchbesprechungen .field--type-image {
    text-align: center !important;
}

.node--type-buchbesprechungen .field--type-image img {
    margin-left: 0rem !important;
}
    
 /* ++++++  Mitgliederbereich +++++++ */
    
.path-frontpage .container-fluid .mitgliederbereich .schere-unten,
.path-frontpage .container-fluid .mitgliederbereich .schere {
        display: none !important;
    }
    
    
/* Login-Formular */
  #user-login-form {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
fieldset.captcha {
    padding-left: .5rem !important;
    margin-bottom: 2rem;
}

fieldset.captcha .captcha__element {
    width: 100% !important;
}

/* Werbe-Karussel */
    
.view-werbung-footer {
margin-left: -1.5rem !important;
}    
    
.view-werbung-footer .col-12.bild {
 margin-left: -2rem !important;
}
    

/* Termine */
    
.termin-teaser {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    margin-bottom: 5.5rem !important;
    }

.termin-teaser .datum {
    position: relative;
    left: -1rem !important;
    top: -3.5rem;
    background: #0062AA !important;
    color: #fff;
    width: 100% !important;
   padding: 0.8rem 0.5rem 0.8rem 0.5rem !important;
    font-weight: 500;
}
    
.termin-teaser .datum span {
    display: inline-block !important;
       padding: 0rem 1rem 0rem 1rem !important;
    } 
    
.termin-teaser .read-more {
    margin-bottom: 2rem !important;
}
    
.termin-teaser .col-sm-3 {
     text-align: center !important;
    }
    
/* Internationales */
    
.col-kontakt {
    margin-top: 0rem !important;
  }


/* Gilde-Akademie */

.kl-ausbildung h2 {
    padding-left: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    }

.uebersicht-module .modul-teaser .kl {
  display: none !important;
}

.uebersicht-module .modul-teaser .kl-mobil {
display: block !important;
font-weight: 500;
  color: #0062AA;
    margin-top: -2rem;
}
   
.uebersicht-module .modul-teaser {
 padding-left: 2.5rem !important;
padding-right: 2.5rem !important;
margin-bottom: 5.5rem !important;
}
    
.uebersicht-module .kurstitel {
    position: relative;
    left: -2.5rem !important;
    top: -2rem;
    background: #0062AA !important;
    color: #fff;
   padding: 0.8rem 0.5rem 0.8rem 0.5rem !important;
    font-weight: 500;
}
    
.uebersicht-module  .modul-teaser .kurstitel span h3 {
        padding: 0 !important;
    }
    
.uebersicht-module .kurstitel span {
    display: inline-block !important;
    padding: 0rem 0.5rem 0rem 0.5rem !important;
    } 
    
.uebersicht-module .kursbeschreibung {
        margin-top: -2rem !important;
    }
    
/* Timeline */
    
ul.timeline-list.alternate li.timeline-item .timeline-item-wrapper {
    width:85%;
    z-index: 100 !important;   
} 

main#content .timeline-list .timeline-item h3 {
    font-size: 18px !important;
}

.timeline-item .views-field.views-field-field-beschreibung p{
    font-size: 15px !important;
} 

ul.timeline-list li.timeline-item.even .views-field-field-schritt {
    position: absolute;
    left: -100px !important;
    top: 36px;
    top: 40px;
    font-size: 35px;
    color: #333;
}
    
ul.timeline-list li.timeline-item.odd .views-field-field-schritt {
    position: absolute;
    right: -90px !important;
    top: 36px;
    font-size: 35px;
    color: #333;
}  

/* Formulare */

.node-gruppen-form,
.node-kursleiter-form.node-form,
#node-termin-form.node-form {
    padding: 2rem 1.5rem 1rem 1.5rem !important;
    background: #f9f7f6;
    border-radius: 15px;
    margin-left: 1.5rem;
    margin-right: 1.5rem !important;
  }


}
    
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ max 580px ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    
@media (max-width: 580px) {
    
.navbar {
      padding-left: 30x !important;
      padding-right: 20px !important;
      padding-bottom: 10px !important;
      padding-top: 10px !important;
    }
    
#block-patchworkgilde-iconssocialmedia {
display: none !important
}
   
#block-patchworkgilde-iconssystem {
width: 65% !important;
text-align: center !important;
    }
    
#block-patchworkgilde-iconssystem img {
        margin-right: 2.5rem;
    
    }
    }