/* Fonts */
@import url('../fonts/fontawesome-free/css/all.min.css');

/* poppins-100 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/poppins/poppins-v15-latin-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-100.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-100.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-100italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/poppins/poppins-v15-latin-100italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-100italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-100italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-regular - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/poppins/poppins-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v15-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-500italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/poppins/poppins-v15-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-600italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/poppins/poppins-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-600italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800 - latin */
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/poppins/poppins-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
}
/* poppins-800italic - latin */
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/poppins/poppins-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/poppins/poppins-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/poppins/poppins-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/poppins/poppins-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/poppins/poppins-v15-latin-800italic.svg#Poppins') format('svg'); /* Legacy iOS */
}
body {
  font-family: 'Montserrat', sans-serif;
  font-weight: 100;
  color: black;
  font-size: 1.2rem;
  hyphens: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  color: mediumseagreen;
}

a:link, a:active, a:visited {
  color: mediumseagreen;
}

a:hover {
  color: mediumseagreen !important;
  filter: brightness(85%);
}

strong {
  font-weight: 700;
}

table {
  max-width: 100%;
  width: 100% !important;
  font-size: 1.2rem;
}

tr {
  background: transparent;
}

td {
  padding: 0.25rem 0 !important;
}

a[href^="tel:"] {
  background: mediumseagreen;
  border-radius: .25rem;
  padding: .25rem .75rem .25rem .5rem;
  white-space: nowrap;
  color: white;
  font-weight: 700;
  text-decoration: none;
}

a[href^="tel:"]:before {
  content: "📞 ";
  font-size: .9rem;
  position: relative;
  top: -2px;
}

a[href^="tel:"]:hover,
a[href^="tel:"]:active {
  color: white !important;
}

a[href^="tel:"]:hover {
  filter: brightness(85%);
}

a[href^="mailto:"] {
  background: mediumseagreen;
  border-radius: .25rem;
  padding: .25rem .75rem .25rem .5rem;
  white-space: nowrap;
  color: white;
  font-weight: 700;
  text-decoration: none;
}

a[href^="mailto:"]:before {
  content: "📧 ";
  font-size: .9rem;
  position: relative;
  top: -2px;
}

a[href^="mailto:"]:hover,
a[href^="mailto:"]:active {
  color: white !important;
}

a[href^="mailto:"]:hover {
  filter: brightness(85%);
}



/* Remove the gap between header and content */
.node__content {
  margin-top: 0;
}

/* Language Switcher */
.language-switcher-language-url .links .nav-link:nth-child(1) {
  padding-left: 0;
}

.language-switcher-language-url .links .nav-link:nth-child(2) {
  padding-right: 0;
}

/* Footer block region widths are set in % */
/* We use the bootstrap grid system so we unset them */
.site-footer__top .region {
  width: unset;
}
.site-footer__top .block {
  margin: 0;
  padding: 0;
}

.site-footer .block {
  border: 0;
}

.navbar-toggler {
    padding: 0;
    position: relative;
    top: -.25rem;
}

/* Fix non-working burger menu */
.navbar-toggler-icon:after {
  content: '☰';
  font-size: 2rem;
  color: mediumseagreen;
}

/*Faux bg - so we can transform it independently from the overlay text*/
/*We must set z-index for paragraph columns so we can put the faux-bg behind*/
/*We can even give the .faux-bg a color filter using the :after pseudoclass.*/
.paragraph-column {
  z-index: 0;
}

.paragraph-column .card {
  z-index: 1;
}

/* Some defaults and resets */
img {
  max-width: 100%;
  height: auto;
}


/* Navbar and footer stuff*/
.navbar-brand img {
    max-width: 270px;
}

#navbar-main {
  background: white;
}


/* Kcoop logo in main nav */
#navbar-main {
  background-image: url('../kreuz-grau.png'), linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 33%, rgba(220,220,220,1) 73%, rgba(255,255,255,1) 100%) !important;
  background-repeat: no-repeat !important;
  background-origin: border-box !important;
  background-position:right top !important;
  background-size: contain !important;
}

#navbar-main a {
  color:mediumseagreen;
  font-weight: 700;
  text-transform: uppercase;
}

#navbar-main a:hover {
  filter: brightness(85%);
}

#navbar-top {
    background-color: mediumseagreen;
}

#navbar-top a:link,
#navbar-top a:visited {
  padding-top: 0;
  padding-bottom: 0;
}

#navbar-top a:hover {
}

a:link, a:visited {
}

/* Usually bootstrap cards have a white background */
.card.transparent {
  background: transparent;
}

/* No margin for latest paragraph in cards */
.card p:last-child {
    margin: 0;
}

/* Radius for all cards */
.card {
  border-radius: .25rem;
  overflow: hidden;
}

/* Round buttons */
a.btn {
  border-radius: .25rem;
  padding: 0.5rem 1.5rem;
  box-shadow: 0 0 10px #ccc;
  font-size: 1.2rem;
}

a.btn-primary {
  font-weight: 700;
  background-color: mediumseagreen !important;
  border-color: mediumseagreen !important;
  color: white;
}

a.btn-primary:hover {
  background-color: mediumseagreen !important;
  border-color: mediumseagreen !important;
  filter: brightness(85%);
  color: white !important;
}

/* "Normal" cards */
/* Background images on cards */
.paragraph--type--text-12 .card,
.paragraph--type--text-6-6 .card,
.paragraph--type--text-4-8 .card,
.paragraph--type--text-8-4 .card,
.paragraph--type--text-4-4-4 .card,
.paragraph--type--text-4-4-4 .card,
.paragraph--type--slider-element .card,
.paragraph--type--text-block-6-6 .card {
  background-size: cover;
}

/* Usually images have a right margin. Reset it for our cards */
.paragraph--type--text-12 .card .field--type-image,
.paragraph--type--text-6-6 .card .field--type-image,
.paragraph--type--text-4-8 .card .field--type-image,
.paragraph--type--text-8-4 .card .field--type-image,
.paragraph--type--text-4-4-4 .card .field--type-image,
.paragraph--type--text-4-4-4 .card .field--type-image,
.paragraph--type--slider-element .card .field--type-image,
.paragraph--type--text-block-6-6 .card .field--type-image {
  margin-right: 0;
}

/* No margin-bottom for images in galleries */
.paragraph--type--gallery-12 .gallery-item img {
  margin-bottom: 0;
}

/* Slider */
/* Height for slider elements */
.paragraph--type--slider-element .card {
  height: 680px !important;
  border-radius: 0;
}

.paragraph--type--slider-element .card img {
  height: auto;
  width: 10vw;
  margin-right: 1vw;
}

/* Show either big or small image for breakpoint 768 */
@media screen and (max-width: 767px) {
  .paragraph--type--slider-element .big {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .paragraph--type--slider-element .small {
    display: none;
  }
}

/* Carousel */
.carousel h2 {
  font-size: 4vw;
  font-weight: 600;
  text-shadow: 0 0 15px black;
}
.carousel p {
  font-weight: 700;
  color: mediumseagreen;
  text-shadow: 0 0 15px black;
}

#page {
  background: transparent;
  background: linear-gradient(180deg, rgba(200,200,200,1) 0%, rgba(255,255,255,1) 100%) !important;
}

#main-wrapper {
  background: transparent !important;
}

.card {
  box-shadow: 0 0 .5rem #ccc;
  border-width: 0;
}

/* Top label for cards */
.paragraph-label {
    color: white;
    width: 100%;
    box-shadow: 0 0 .5rem #666;
    font-weight: 600;
    text-transform: uppercase;
    background: mediumseagreen;
}

/* Various paragraph type styles */
.paragraph--type--image-text .card-header,
.paragraph--type--text-image .card-header {
    min-height: 400px;
    background-size: cover;
}

.paragraph--type--gallery img {
    margin: 0 auto;
}

.paragraph-column .faux-bg {
  opacity: .25;
}

.paragraph-column .faux-bg::after {
  opacity: .5;
}

.visually-hidden-focusable {
  display: none;
}