/* manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/manrope-v13-latin-300.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/manrope-v13-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/manrope-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/manrope-v13-latin-300.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/manrope-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/manrope-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/manrope-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/manrope-v13-latin-regular.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/manrope-v13-latin-500.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/manrope-v13-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/manrope-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/manrope-v13-latin-500.svg#Manrope') format('svg'); /* Legacy iOS */
}
/* manrope-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: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/manrope-v13-latin-700.eot'); /* IE9 Compat Modes */
  src: url('../fonts/manrope-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/manrope-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/manrope-v13-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/manrope-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/manrope-v13-latin-700.svg#Manrope') format('svg'); /* Legacy iOS */
}

/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
:root {
  --slate-50: #f8fafc;
  --slate-50-rgb: 248, 250, 252;
  --slate-100: #f1f5f9;
  --slate-100-rgb: 241, 245, 249;
  --slate-200: #e2e8f0;
  --slate-200-rgb: 226, 232, 240;
  --slate-300: #cbd5e1;
  --slate-300-rgb: 203, 213, 225;
  --slate-400: #94a3b8;
  --slate-400-rgb: 148, 163, 184;
  --slate-500: #64748b;
  --slate-500-rgb: 100, 116, 139;
  --slate-600: #475569;
  --slate-600-rgb: 71, 85, 105;
  --slate-700: #334155;
  --slate-700-rgb: 51, 65, 85;
  --slate-800: #1e293b;
  --slate-800-rgb: 30, 41, 59;
  --slate-900: #0f172a;
  --slate-900-rgb: 15, 23, 42;

  --amber-50: #fffbeb;
  --amber-50-rgb: 255, 251, 235;
  --amber-100: #fef3c7;
  --amber-100-rgb: 254, 243, 199;
  --amber-200: #fde68a;
  --amber-200-rgb: 253, 230, 138;
  --amber-300: #fcd34d;
  --amber-300-rgb: 252, 211, 77;
  --amber-400: #fbbf24;
  --amber-400-rgb: 251, 191, 36;
  --amber-500: #f59e0b;
  --amber-500-rgb: 245, 158, 11;
  --amber-600: #d97706;
  --amber-600-rgb: 217, 119, 6;
  --amber-700: #b45309;
  --amber-700-rgb: 180, 83, 9;
  --amber-800: #92400e;
  --amber-800-rgb: 146, 64, 14;
  --amber-900: #78350f;
  --amber-900-rgb: 120, 53, 15;

  --emerald-50: #ecfdf5;
  --emerald-50-rgb: 236, 253, 245;
  --emerald-100: #d1fae5;
  --emerald-100-rgb: 209, 250, 229;
  --emerald-200: #a7f3d0;
  --emerald-200-rgb: 167, 243, 208;
  --emerald-300: #6ee7b7;
  --emerald-300-rgb: 110, 231, 183;
  --emerald-400: #34d399;
  --emerald-400-rgb: 52, 211, 153;
  --emerald-500: #10b981;
  --emerald-500-rgb: 16, 185, 129;
  --emerald-600: #059669;
  --emerald-600-rgb: 5, 150, 105;
  --emerald-700: #047857;
  --emerald-700-rgb: 4, 120, 87;
  --emerald-800: #065f46;
  --emerald-800-rgb: 6, 95, 70;
  --emerald-900: #064e3b;
  --emerald-900-rgb: 6, 78, 59;

  --grad-emerald: linear-gradient(90deg, var(--emerald-900) 0%, var(--emerald-700) 50%, var(--emerald-400) 100%);
  --grad-emerald-var2: linear-gradient(90deg, var(--emerald-900) 0%, var(--emerald-700) 100%);
  --grad-amber: linear-gradient(90deg, var(--amber-500) 0%, var(--amber-700) 100%)
}



:root {
  --mainc: #19465A;
  --secc: #F2C32D;
  --thirdc: #8DB5C4;
  --mainc_rgb100: rgba(25, 70, 90, 1.0);
  --mainc_rgb50: rgba(25, 70, 90, 0.5);
  --mainc_rgb0: rgba(25, 70, 90, 0);
  --secc_rgb100: rgba(251, 179, 43, 1.0);
  --secc_rgb50: rgba(251, 179, 43, 0.5);
  --secc_rgb0: rgba(251, 179, 43, 0);
  --third_rgb50: rgba(216, 224, 225, .5);
  --grad_blue: linear-gradient(90deg, rgba(25,70,90,1) 0%, rgba(141,181,196,1) 100%);
  --grad_yellow: linear-gradient(180deg, rgba(205,152,41,1) 0%, rgba(255,204,0,1) 100%);
  --grad_light: linear-gradient(180deg, rgba(216,224,225,1) 0%, rgba(141,181,196,0.25) 100%);
  --ripped: url("../img/ripped.svg");
  --closer: url("../img/closer.svg");
  --ripped_flipped: url("../img/ripped_flipped.svg");
}


body {
  text-align: justify;
  -webkit-tap-highlight-color: transparent;
  word-break: break-word;
  color: black;
}

article {
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(216,224,225,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(216,224,225,1) 100%);
  background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(216,224,225,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d8e0e1",GradientType=1);
   color: black;
}

section {
 background: transparent;
}

.container video {
  max-width: 100%;
}

h2 {
  padding-top: 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: left;
}

.logo-wrap a {
  padding: 0;
}

#logo img {
  height: 50px;
  padding: 3px 16px;
}

a {
  color: #ec255a;
}

.col-cont {
  padding: 3rem 0;
}

.col-cont a {
  max-width: 600px;
}

.col-cont img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  width: 100%;
  height: auto;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .5));
  border-radius: 5px;
}

.col-cont.large {
  max-width: 1200px;
}

i {
  padding: 0 10px 0 0;
  font-size: 120%;
}

ul {
  list-style-position: outside;
  margin-left: 3em;
}

.logo-row {
  text-align: center;
  margin-bottom: 5em;
}

.form-field .columns {
  padding: 1em;
}

.logo {
  max-width: 400px;
  background: HSLA(208, 17%, 99%, 0.9);
  padding: 20px;
  border-radius: 5px;
}

.container.standalone {
  height: 100vh;
}

.container.breit {
  width: 100%;
  max-width: 1200px;
}

.container a {
  text-decoration: none;
  color: var(--amber-500);
  -webkit-transition: all 300ms ease-in;
  -moz-transition: all 300ms ease-in;
  -o-transition: all 300ms ease-in;
  -ms-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.container a:hover {
  text-decoration: none;
  color: var(--amber-700);
}

.button,
button,
input[type='submit'],
input[type='reset'],
input[type='button'] {
  color: #ec255a;
}

.container .button {
  background: transparent;
  color: var(--amber-500);
  border-color: var(--amber-500);
  margin: 1rem auto;
}

.container .button:hover, .sidebar .pro_but .button:hover {
  background: var(--grad-emerald);
  color: var(--amber-500);
  border-color: var(--amber-500);
}

.button.button-primary,
button.button-primary,
input[type='submit'].button-primary,
input[type='reset'].button-primary,
input[type='button'].button-primary {
  background-color: var(--amber-500);
  border-color: var(--amber-500);
  color: #fff;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type='submit'].button-primary:hover,
input[type='reset'].button-primary:hover,
input[type='button'].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type='submit'].button-primary:focus,
input[type='reset'].button-primary:focus,
input[type='button'].button-primary:focus {
  color: #fff;
  background-color: #292d6d;
  border-color: #292d6d;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.button:hover,
button:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover,
.button:focus,
button:focus,
input[type='submit']:focus,
input[type='reset']:focus,
input[type='button']:focus {
  color: #ec255a;
  border-color: #faedf0;
  outline: 0;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.u-pull-center {
  text-align: center;
  margin: auto;
}

@media screen and (max-width: 736px) {
  body {
    text-align: left;
    font-size: 1.8em;
  }

  h1 {
    margin-top: 5rem;
  }
}

/* Form
–––––––––––––––––––––––––––––––––––––––––––––––––– */

form {
  max-width: 600px;
  margin: auto;
}

fieldset {
  border: none;
  padding: 0.5em 0;
}

form .large {
  height: 100px;
}

/* Banner */

@-moz-keyframes reveal-banner {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes reveal-banner {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-ms-keyframes reveal-banner {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes reveal-banner {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

#banner {
  color: #fff;
  cursor: default;
  text-align: center;
  height: 30vh;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 10% 100%, 0% 80%);
  overflow: hidden;
}

#banner.offwhite .inner header {
    background: none;
}

#banner.offwhite .inner img {
    width: 400px;
}

#banner .container {
  margin-top: 2rem;
}

#banner.bild .container {
  margin-top: 0;
}

section#banner {
  background: none;
}

#banner .back {
  background-size: cover;
  background-position: center center;
  height: 30vh;
  width: 100vw;
}

#banner.text {
  background-color: #C4C4C4;
  background-image: url('../img/Lines.svg');
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 -5px;
  /* background by SVGBackgrounds.com */
}

#banner.bild .container {
  max-width: 100%;
  width: 100%;
}


#banner.text h2 {
  color: black;
}
#banner.bild .back{
  padding: 0;
  position: absolute;
  left: 0;
}

#banner.bild img {
  width: auto;
  height: 100%;
}

#banner.bild .overlay {
    position: absolute; 
    background: rgba(57, 57, 57, 0.5);
    left: 0;
    bottom: 0;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
}

#banner .inner {
  -moz-animation: reveal-banner 1s 0.25s ease-in-out;
  -webkit-animation: reveal-banner 1s 0.25s ease-in-out;
  -ms-animation: reveal-banner 1s 0.25s ease-in-out;
  animation: reveal-banner 1s 0.25s ease-in-out;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  color: #fff;
  display: inline-block;
  opacity: 0;
  padding: 1rem 2rem;
  text-align: center;
  max-height: 80%;
}

#banner .inner img {
  width: 300px;
  height: auto;
  max-width: 100%;
}

#banner .inner header {
  display: inline-block;
  margin: 0 0 1rem 0;
  padding: 2rem;
  border-radius: 5px;
  height: 100%;

}

#banner.text .inner header h2 {
  color: transparent;
  background-image: var(--grad_yellow);
  background-clip: text;
  -webkit-background-clip: text;
  font-size: 6rem;
  font-weight: 500;
}

.header-ser h1 {
  color: transparent;
  background-image: var(--grad-emerald);
  background-clip: text;
  -webkit-background-clip: text;
  padding-bottom: 1rem;
}

/* For mobile devices with a maximum width of 480 pixels */
@media only screen and (max-width: 480px) {
  
  #banner.text .inner header h2 {
    font-size: 3rem;
  }
}


#banner .inner header h2 {
  font-size: 2.5em;
  font-weight: 400;
  letter-spacing: 0.2em;
  margin: 0;
  padding-left: 0.05em;
  position: relative;
  text-transform: uppercase;
  padding-top: 0;
}

#banner .inner p {
  letter-spacing: 0.1em;
  margin: 0;
}

#banner .inner p a {
  color: inherit;
  font-weight: 400;
  text-decoration: none;
}

#banner .inner footer {
  margin: 2em 0 0 0;
}

ul.buttons {
  cursor: default;
  margin-left: 0;
}

ul.buttons:last-child {
  margin-bottom: 0;
}

ul.buttons li {
  display: inline-block;
  padding: 0 0 0 1.5em;
}

ul.buttons li:first-child {
  padding: 0;
}

ul.buttons.vertical li {
  display: block;
  padding: 1.5em 0 0 0;
}

ul.buttons.vertical li:first-child {
  padding: 0;
}

.logobanner {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 10px;
  padding: 1em;
  margin: auto;
  max-width: 620px;
}

.logobanner img {
  max-width: 100%;
  max-height: 200px;
}

/* Mobile */

@media screen and (max-width: 840px) {
  /* Banner */

  #banner {
    background-size: cover;
    clip-path: none;
    min-height: 0;
    padding-bottom: 2rem; 
  }
  
  .txt-sec {
      padding: 0 1rem;
      padding-top: 0;
      padding-bottom: 0;
  }
  
  #banner.text {
    background-size: cover;
    height: auto;
  }
  
  #banner.text .inner {
    height: auto;
  }
  
  #banner.text .inner header {
    height: auto;
    margin: 0;
  }
  
  #banner .inner {
    background: none;
    display: block;
    padding: 1rem 32px;
    height: 15vh;
  }
  
  #banner .inner img, #banner.offwhite .inner img {
      width: auto;
      max-height: 100%;
  }

  #banner .inner header h2 {
    font-size: 1.5em;
  }

  #banner .inner p {
    text-align: center;
  }

  #banner .inner br {
    display: none;
  }

  .banner-4 {
    background-attachment: unset;
  }
}

/* Accordion
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.team-cont {
  overflow: auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.simple-acc {
  overflow: auto;
  width: 100%;
  display: block;
  align-items: center;
  justify-content: center;
}

.simple-acc i {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 3rem;
}

.simple-acc details .open {
  display: none;
}

.simple-acc details[open] .closed {
  display: none;
}

.simple-acc details[open] .open {
  display: block;
}

.simple-acc .card {
  box-shadow: none;
  max-width: 100%;
  padding: 0;
  margin: 0.5em auto;
  width: 100%;
}

.card {
  background: white;
  padding: 0 1em;
  margin: 0 auto;
  max-width: 90%;
  width: 600px;
}

.card h1 {
  font-style: normal;
  font-weight: bold;
  line-height: 1.2;
  color: var(--color-title);
  margin-bottom: 20px;
}

.card details {
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.05);
  border-left: 15px solid gray;
  padding: 5px;
}

.card details {
  margin-top: 15px;
  transition: 1s ease;
}

.card details.acc-0 {
  background: #eaeaea;
  border-left-color: #292d6d;
}

.card details.acc-new-1 {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!-- Generated by Pixelmator Pro 3.3.2 --%3E%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3ClinearGradient id='linearGradient1' x1='52.428642' y1='3.357134' x2='52.428642' y2='97.834913' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23d8dfe0' stop-opacity='1'/%3E%3Cstop offset='1' stop-color='%23eef4f4' stop-opacity='1'/%3E%3C/linearGradient%3E%3Cpath id='Rectangle' fill='url(%23linearGradient1)' fill-rule='evenodd' stroke='none' d='M 0 100 L 100 100 L 100 0 L 0 0 Z'/%3E%3C/svg%3E");
  border-left-color: #2F62A0;
}

.card details.acc-new-2 {
  background-image: var(--gradient);
  border-left-color: #134482;
}

.card details.acc-new-3 {
  background-image: var(--gradient);
  border-left-color: #29B7C9;
}

.card details.acc-new-4 {
  background-image: var(--gradient);
  border-left-color: #0D7483;
}

.card details.acc-new-5 {
  background-image: var(--gradient);
  border-left-color: #649C27;
}

.card details.acc-1,
.card details.acc-3,
.card details.acc-5,
.card details.acc-7 {
  background: #eaeaea;
  border-left-color: #ec255a;
}

.card details.acc-2,
.card details.acc-4,
.card details.acc-6,
.card details.acc-8 {
  background: #eaeaea;
  border-left-color: #292c6d;
}

.card details summary,
.card details p {
  position: relative;
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  color: var(--color-title);
  padding: 0.5em;
  cursor: pointer;
}

.card details summary::-webkit-details-marker,
.card details p::-webkit-details-marker {
  display: none;
}

.card details summary:focus,
.card details p:focus {
  outline: solid 3px var(--highlight);
}

.card details summary::selection,
.card details p::selection {
  background-color: var(--highlight);
}

.card details h5 {
  margin-bottom: 0;
}

.card details div {
  padding-bottom: 5px;
}

.card details p {
  display: list-item;
  cursor: default;
  margin: 0 0 0 3rem;
  list-style-type: none;
}

.card details summary::before {
  cursor: pointer;
  position: absolute;
  display: inline-flex;
  width: 1rem;
  height: 1rem;
  left: 0rem;
  margin-right: 0.5rem;
}

.card details[open] summary {
  font-weight: 700;
}

.card-img img {
  display: block;
  margin: auto;
  height: 100%;
  max-height: 160px;
  border-radius: 3px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card details summary h5 {
  margin-right: 40px;
}

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

  .card details .row,
  .card details p {
    font-size: 1.3rem;
  }
  
}

/* Slider */

#img-row img {
  max-width: 80vw;
  width: 100%;
  max-height: 200px;
  object-fit: contain;
  padding: 1em;
}

#img-row img:hover {
  transform: scale(1.1);
  transition-duration: 1s;
}

@keyframes slidy {
  0% {
    left: 0%;
  }

  20% {
    left: 0%;
  }

  25% {
    left: -100%;
  }

  45% {
    left: -100%;
  }

  50% {
    left: -200%;
  }

  70% {
    left: -200%;
  }

  75% {
    left: -300%;
  }

  95% {
    left: -300%;
  }

  100% {
    left: -400%;
  }
}

body {
  margin: 0;
}

div#slider {
  overflow: hidden;
  margin-top: -3rem;
  max-height: 30rem;
}

div#slider figure img {
  width: 20%;
  float: left;
}

div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  animation: 30s slidy infinite;
}

.feather-gal {
  margin: 1em auto;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: center;
  padding: 1em;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
}

.feather-gal a {
  margin: 0;
  padding: 3px;
  text-decoration: none;
  background: none;
}

.feather-gal a:hover {
  text-decoration: none;
  background: none;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.feather-gal img {
  border-radius: 3px;
  width: 100%;
  object-fit: cover;
  height: 200px;
  max-width: 250px;
}

.feather-gal img:hover {
  filter: brightness(1);
}

.featherlight .featherlight-content {
  padding: 5px;
  border-bottom: none;
}

.featherlight-next,
.featherlight-previous {
  top: 5px;
}

.featherlight-next {
  right: 5px;
}

.featherlight-previous {
  left: 5px;
}

.featherlight .featherlight-close-icon {
  top: 5px;
  right: 5px;
}

#footer {
  color: white;
  padding: 4rem 0;
  text-align: center;
  background: var(--grad-emerald);
  max-width: 100%;
}

#footer i {
  font-size: 2.5rem;
  margin-bottom: 1rem;
}

#footer .container {
  max-width: 960px;
}

#footer .container a {
  color: var(--amber-500);
}

#footer .container a:hover {
  color: var(--slate-100);
}

/* Meetings*/

.meeting {
  display: flex;
}

.meeting .mdet {
  max-width: 100%;
  border: 1px solid #ec255a;
  margin: 0.5em 0;
  min-height: 40px;
  padding: 0.5em;
}

.meeting .mdet p {
  margin: 0;
}

.meeting .mdet p,
.meeting .mdet .button {
  margin: 0;
}

.meeting .icon {
  margin: 0.5em 0;
  min-height: 40px;
  background: #ec255a;
  color: white;
  text-align: center;
  border-radius: 5px 0 0 5px;
}

.meeting .icon i {
  padding: 10px 0 0 0;
  font-size: 2.5em;
}

.hid-feather {
  display: none;
}

.featherlight-content .hid-feather {
  display: block;
}

.featherlightly {
  right: -300px;
}

.featherlightly .featherlight-content {
  border-radius: 10px;
  overflow: visible;
  box-shadow: rgba(236, 37, 90, 0.3) 0px 19px 38px,
    rgba(236, 37, 90, 0.22) 0px 15px 12px;
}

.featherlightly .featherlight-content img {
  position: absolute;
  top: 0;
  left: -320px;
  width: 300px;
  border-radius: 10px;
  box-shadow: rgba(236, 37, 90, 0.3) 0px 19px 38px,
    rgba(236, 37, 90, 0.22) 0px 15px 12px;
}

.event-feather {
  padding: 2em;
  width: 300px;
  max-width: 100%;
}

.event-feather ul {
  list-style: none;
  margin: 0;
}

.langswitcher {
  display: flex;
}

.langswitcher li a {
  font-size: 0.8em;
  padding: 24px 6px;
  text-decoration: none;
  color: white;
}


.langswitcher li a:hover {
  color: var(--thirdc);
}


.langswitcher li a.active {
  color: var(--amber-500);
}

@media screen and (max-width: 840px) {
  .meeting .icon {
    max-width: 30px;
  }

  .meeting .icon i {
    padding: 10px 0 0 0;
    font-size: 1.5em;
  }

  .featherlightly {
    right: 0;
  }

  .featherlightly .featherlight-content img {
    display: none;
  }

}

.stone {
  background-color: #fff;
  background-image: var(--gradient);
}

.txt-sec {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.pmain {
  padding-top: 2rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-template-areas:
    ". . ."
    ". . .";
}

.cmain h1 {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.cmain .btn {
  padding: 0.8rem;
  color: var(--emerald-600);
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  font-weight: 400;
  display: block;
  cursor: pointer;
  border: 1px solid var(--emerald-600);
  background: transparent;
  transition: all 1s;
}

.cmain .btn:hover {
  background: rgba(255, 255, 255, 0.5);
}

.cmain .card_image {
  z-index: 0;
  display: block;
  height: 200px;
}

.cmain .card_image img {
  height: 100%;
  object-fit: cover;
  vertical-align: middle;
  object-position: top center;
  overflow: hidden;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

header .header-ser .container, header .container {
  max-width: 960px;
}

.cmain .card_icon {
  width: 150px;
  margin: -60px auto 0 auto;
  z-index: 1;
}


.pmain .cards_item {
  display: flex;
  padding: 1rem;
  margin-top: 50px;
}


.cmain .pcard {
  background-image: var(--grad_light);
  background-size: cover;
  background-repeat: repeat;
  border-radius: 5px;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: visible;
  text-align: center;
  position: relative;
  height: 500px;
  color: black;
}

.col-cont.aktuell {
  padding-top: 6rem;
  max-width: 1200px;
  margin: 0 auto -6rem auto
}


.aktuell h2 {
  text-align: center;
}

.cmain .pcardo {
  background-image: url(../img/stone-drk.webp);
  background-size: cover;
  background-repeat: repeat;
  border-radius: 0.25rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
  overflow: visible;
  text-align: center;
}

.cmain .card_content {
  padding: 1rem;
  margin-top: auto;
  text-align: left;
  height: 100%;
}

.cmain .card_content .crd-cnt {
  overflow: hidden;
  max-height: 80%;
}

.card_content .button {
  width: 100%;
  color: var(--emerald-600);
  border: 1px solid var(--emerald-600);
  text-transform: uppercase;
}

.cmain .card_title {
  color: var(--emerald-600);
  font-size: 2.2rem;
  margin-top: 0;
  border: none;
  padding: 0;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
  margin-top: 10px;
}

.pmain h1,
.pmain h2,
.pmain h3,
.pmain h4,
.pmain h5 {
  font-size: 1.5rem;
  letter-spacing: normal;
  font-weight: 700;
}

.pmain .card_text {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 1.25rem;
  font-weight: 400;
}

.pmain p {
  margin: 0;
}

#services {
  background-image: var(--gradient);
  background-repeat: repeat;
  clip-path: polygon(38% 0, 100% 0, 100% 100%, 90% 100%, 0 91%, 0% 20%);
  position: relative;
  text-align: center;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 10rem 0 16rem 0;
  z-index: 2;
}

#services h2 {
  text-align: center;
}

#services a {
  padding: 15px 10px;
  display: block;
  text-decoration: none;
  color: black;
  height: 30px;
  font-size: 18px;
  border: none;
  text-align: center;
  margin-top: 5px;
  background: var(--emerald-600);
  /* Old browsers */
  background: -moz-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* IE10+ */
  background: linear-gradient(to right, #CACAC9 0%, #ACACAB 91%, #A7A7A6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
  /* IE6-9 */
  border: 1px solid #d7d7d7;
  /* stroke */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  /* border radius */
}

#services a:hover {
  color: white;
  background: var(--emerald-600);
  /* Old browsers */
  background: -moz-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* IE10+ */
  background: linear-gradient(to left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
  /* IE6-9 */
}

#kontakt {
  color: white;
  background: var(--emerald-600);
  /* Old browsers */
  background: -moz-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* IE10+ */
  background: linear-gradient(to right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
  /* IE6-9 */
  position: relative;
  text-align: center;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -10rem;
  margin-bottom: -16rem;
  padding: 20rem 0 10rem 0;
  z-index: 0;
}

#kontakt a {
  background: white;
  font-size: 1.5rem;
  height: 50px;
  line-height: 50px;
}

.header {
  color: #ec255a;
  background-image: url(../img/header.webp);
  position: relative;
  text-align: center;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 6rem 0 8rem 0;
  background-size: cover;
}

.header h1,
.header h2 {
  text-align: center;
  letter-spacing: normal;
  font-weight: 500;
  max-width: 600px;
  margin: 0 auto 2rem auto;
  padding: 1rem;
  background-color: rgba(0, 0, 0, .4);
}

.header .button {
  background: white;
}


@media screen and (max-width: 840px) {
  .header {
    clip-path: none;
  }

  #kontakt {
    margin-top: 0;
    margin-bottom: -10rem;
  }

  #kontakt h3 {
    text-align: center;
  }

  #services {
    clip-path: none;
  }
}

.post_icon {
  width: 200px;
  float: right;
  transform: rotate(5deg);
  margin-right: 2rem;
}

.post_meta {
  margin-top: 2rem;
  text-align: center;
}

.wrapper {
  background: white;
}

/* ---------------------------------COLLECTIONS */

.container.collectwrap {
  width: 100%;
  max-width: 1400px;
}

.collect {
  padding: 4rem 2rem;
  max-width: 100%;
  display: grid;
  grid-template-columns: repeat( auto-fit, minmax(250px, 350px) );
  gap: 20px 20px;
  justify-content: center;
}





.cmain h1 {
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.cmain .card_title {
  color: var(--emerald-600);
  font-size: 2.2rem;
  margin-top: 0;
  border: none;
  padding: 0;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0px;
  margin-top: 10px;
}

.cmain .card_content {
  padding: 1rem;
  margin-top: auto;
}

.cmain img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

.cmain .btn {
  padding: 0.8rem;
  color: var(--emerald-600);
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  border-radius: 4px;
  font-weight: 400;
  display: block;
  cursor: pointer;
  border: 1px solid var(--emerald-600);
  background: transparent;
  transition: all 1s;
}

.pmacmainin .btn:hover {
  background: rgba(255, 255, 255, 0.5);
}

.cmain .cards_item {
  display: flex;
  padding: 1rem;
  margin-top: 50px;
}


.cmain h1,
.cmain h2,
.cmain h3,
.cmain h4,
.cmain h5 {
  font-size: 1.5rem;
  letter-spacing: normal;
  font-weight: 700;
}

.pagination {
  list-style: none;
  padding: 0;
  margin: 3rem 0 1rem;
  text-align: center;
  color: #aaa;
}

.row.pop {
  padding: 1rem;
  background: var(--secc_rgb50);
  margin: 1rem auto;
  border-radius: 10px;
  max-width: 600px;
  align-items: center;
}

.row.pop p, .row.pop h5 {
  margin: 0;
}

.pagination li {
  display: inline-block;
  border: 1px solid #eee;
}

.pagination a,
.pagination span {
  display: inline-block;
  text-decoration: none;
  padding: 4px 15px;
}




/* -------------------------------- */

.sidebar {
  margin-top: 2rem;
  padding: 1rem;
  background-image: var(--grad_light);
  border-radius: 5px;
  background-size: cover;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.ripwrap {
  position: relative;
}

.ripwrap .closer {
  position: relative;
  background-image: var(--closer);
  background-size: cover;
  z-index: 0;
  height: 30px;
  background-position: center bottom;
  margin: -20px -2rem 0 -2rem;
}

.ripped {
  padding: 2rem 4rem 1rem 4rem;
  margin: -1rem -3rem;
  background-image: var(--ripped);
  background-size: cover;
  background-repeat: repeat-y;
  color: white;
  position: relative;
  z-index: 1;
}

.ripped p {
  margin: 0;
  text-align: left;
}

/* Laptop  */
@media only screen and (max-width: 1280px) {
  .ripped {
      padding: 2rem 4rem 1rem 4rem;
      margin: -1rem;
  }
  
  .ripwrap .closer {
    margin: -20px -.5rem 0 -2rem;
  }
  
}

/*  Kleine Monitore & Tablet Landscape */
@media only screen and (max-width: 1024px) {
  .col-cont .container .row .ripwrap.three.columns {
    width: 80%;
    margin: auto;
    display: grid;
    float: unset;
    position: relative;
  }
  
  .ripped {
    padding: 3rem 5rem 2rem 5rem;
  }
  
  .ripwrap .closer {
    margin: -10px 1rem 0 1rem;
  }
}

/* Tablet Portrait */
@media only screen and (max-width: 840px) {
    .col-cont .container .row .ripwrap.three.columns {
    width: 70%;
    margin: auto;
    display: grid;
    float: unset;
    position: relative;
  }
}

/* Smartphones */
@media only screen and (max-width: 480px) {
  .ripped {
      margin: 0;
  }
  
  .ripwrap .closer {
    margin: -20px .5rem 0 .5rem;
  }
  
  .col-cont .container .row .ripwrap.three.columns {
    width: 100%;
  }
}


.sidebar img {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  margin-bottom: 1rem;
}

.sidebar h3 {
  font-size: 2rem;
  text-align: center;
  letter-spacing: normal;
  margin: 2rem auto 0 auto;
  max-width: 100%;
  padding: 1rem 0;
  border-top: 1px solid var(--emerald-600);
}

.sidebar h5 {
  font-size: 1.8rem;
  margin: 0;
  padding: 0;
  text-decoration: underline;
}

.sidebar p {
  margin: .5rem 0;
  text-align: left;
}

.sidebar .pro_info {
  margin-bottom: 2rem;
}

.sidebar .fder {
  text-align: center;
  font-weight: 700;
}


.sidebar .pro_but {
  text-align: center;
  color: var(--emerald-600);
  border-color: var(--emerald-600);
}

.sidebar .pro_but .button {
  color: var(--emerald-600);
  border-color: var(--emerald-600);
}

#partner img {
  height: 120px;
  width: auto;
}


#stage {
  background: #4DAAA7;
  /* Old browsers */
  background: -moz-linear-gradient(right, #4DAAA7 0%, #25b4c6 91%, #2691AE 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #2691AE));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(right, #4DAAA7 0%, #25b4c6 91%, #2691AE 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(right, #4DAAA7 0%, #25b4c6 91%, #2691AE 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(right, #4DAAA7 0%, #25b4c6 91%, #2691AE 100%);
  /* IE10+ */
  background: linear-gradient(to right, #4DAAA7 0%, #25b4c6 91%, #2691AE 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DAAA7', endColorstr='#2691AE', GradientType=1);
  /* IE6-9 */
  position: relative;
  height: 600px;
}

#stage:before {
  content: '';
  position: absolute;
  bottom: -15%;
  right: -5%;
  width: 120%;
  height: 30%;
  background: #ffffff;
  transform: rotate(3deg);
}

#stage .stage-wrapper {
  position: relative;
  height: 600px;
  width: 100%;
  max-width: 960px;
  margin: auto;
}

#stage .stage-wrapper .stage-image {
  position: absolute;
  top: 6rem;
  z-index: 2;
  padding-left: 20%;
  margin-right: -10%;
}

#stage .stage-wrapper .stage-image img {
  max-height: 600px;
  width: 100%;
}

#stage .stage-wrapper .stage-content {
  position: absolute;
  text-align: right;
  z-index: 99;
  top: 8rem;
  width: 50%;
}

#stage .stage-wrapper .stage-content .title {
  font-family: sans-serif;
  color: #ffd44d;
  font-weight: bold;
  font-size: 42px;
  padding: 15px;
  margin-bottom: 15px;
  background-color: rgba(26, 34, 39, 0.75);
}

#stage .stage-wrapper .stage-content .desc {
  color: #ffffff;
  font-weight: 400;
  font-size: 16px;
  padding: 15px;
  background-color: rgba(26, 34, 39, 0.75);
}

#stage .stage-wrapper .stage-content .btn-sta {
  color: white;
  border-radius: 2px;
  margin-top: 1rem;
  max-width: 160px;
  float: right;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
  -webkit-box-shadow: 3px 2px 55px 7px rgb(0 0 0 / 30%);
  -moz-box-shadow: 3px 2px 55px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 3px 2px 55px 7px rgb(0 0 0 / 30%);
  font-size: 16px;
  text-align: center;
  padding: 16px 30px;
  background: var(--emerald-600);
  background: -moz-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
  background: -webkit-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -o-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -ms-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: linear-gradient(to right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
}

#stage .stage-wrapper .stage-content .btn-sta:hover {
  background: var(--emerald-600);
  background: -moz-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
  background: -webkit-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -o-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -ms-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: linear-gradient(to left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
}

@media screen and (max-width: 840px) {
  #stage {
    height: 400px;
    width: 100%
  }

  #stage:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
  }

  #stage .stage-wrapper .stage-image {
    padding-left: 0;
    width: 100%;
  }

  #stage .stage-wrapper .stage-image img {
    max-height: 600px;
    width: 100%;
  }

  #stage .stage-wrapper .stage-content {
    text-align: center;
    z-index: 99;
    top: 6rem;
    width: 100%;
  }

  #stage .stage-wrapper .stage-content .title {
    font-size: 2.5rem;
    padding: 15px;
    margin-bottom: 1rem;
  }

  #stage .stage-wrapper .stage-content .btn-sta {
    float: none;
    margin: 1rem auto;
  }
}

.post .container {
  max-width: 1400px;
}


ul.accordion-list {
  position: relative;
  display: block;
  height: auto;
  margin: 0;
  list-style: none;
}

ul.accordion-list .acc-li {
  position: relative;
  display: block;
  height: auto;
  background-color: #FFF;
  padding: 1rem;
  margin: 0 auto 15px auto;
  border: 1px solid var(--emerald-600);
  border-radius: 5px;
  transition: all 1s ease-in;
}

ul.accordion-list .acc-li.active h3:after {
  transform: rotate(0deg);
}

ul.accordion-list .acc-li h3 {
  position: relative;
  font-size: 2rem;
  color: var(--emerald-600);
  display: block;
  padding: 0 0 0 0;
  margin: 0;
  cursor: pointer;
  letter-spacing: normal;
  width: 100%;
}

ul.accordion-list .acc-li h3:after {
  content: "\f32d";
  font-weight: 700;
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 0;
  color: var(--emerald-600);
  transition: all 0.3s ease-in-out;
  font-size: 2rem;
  transform: rotate(90deg);
  cursor: pointer;
}

ul.accordion-list .acc-li div.answer {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  text-align: left;
}

ul.accordion-list .acc-li div.answer ul {
  font-size: 100%;
}

ul.accordion-list .acc-li div.answer p {
  position: relative;
  display: block;
  font-weight: 400;
  padding: 10px 0 0 0;
  line-height: 150%;
  margin: 0 0 15px 0;
  font-size: 100%;
}

.team img {
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}

ul.accordion-list .acc-li div.t_kon {
  margin-top: 1rem;
}

ul.accordion-list .acc-li div.t_kon p {
  margin: .5rem 0;
  padding: 0;
}

/* For jquery.treemenu.js */
.treemenu li {
  list-style: none;
}

.treemenu .toggler {
  cursor: pointer;
}

.treemenu .toggler:before {
  display: inline-block;
  margin-right: 2pt;
}

li.tree-empty>.toggler {
  cursor: default;
  color: var(--thirdc);
}

li.tree-empty>.toggler:before {
  content: "\f2f8";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
}

li.tree-closed>.toggler:before {
  content: "\f330";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
}

li.tree-opened>.toggler:before {
  content: "\f32d";
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
}

.tree {
  max-width: 300px;
}

.tree a {
  text-decoration: none;
  color: white;
  font-size: 1.5rem;
}

.tree a:hover {
  color: var(--amber-500);
}

.tree a.active {
  color: var(--amber-500);
}

.tree>li {
  padding: .5rem;
  border-radius: 5px;
  color: white;
}

@media screen and (max-width: 840px) {
  .tree>li {
    padding: .2rem .5rem;
    border: none;
  }
}

#breadcrumbs {
  display: -ms-flexbox;
  display: flex;
  margin-top: -1rem;
  margin-bottom: 1rem;
  padding-left: 0;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

#breadcrumbs span {
  padding: 0 .5rem;
}

#breadcrumbs i {
  padding: 0;
}

.ser-cont {}

.ser-cont .sidebar {
  margin-top: 0;
  max-width: 350px;
}

.ser-cont .sidebar .ser-link {
  margin: 1.5rem 0;
  padding: .5rem;
  border: 1px solid var(--emerald-600);
}

.ser-cont .sidebar .ser-link.active {
  color: var(--amber-500);
  background: var(--grad-emerald);
  border: none;
  border-left: 5px solid var(--amber-500);
}

.ser-cont .sidebar .ser-link.active a {
  color: var(--amber-500);
}

.ser-cont .sidebar .ser-link a {
  text-decoration: none;
  background: none;
  width: 100%;
  display: block;
}

.ser-cont .sidebar .ser-link:hover>a {
  color: var(--emerald-600);
}

.ser-cont .sidebar .ser-link:hover {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  background: var(--grad_yellow);
}

.header-ser {
  background-image: var(--grad-amber);
  color: white;
  background-size: cover;
  position: relative;
  text-align: center;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 3rem 0 3rem 0;
  overflow: hidden;
}




.pattern-bg {
  background-image: var(--gradient);
  width: 100vw;
  position: relative;
  left: 67.5%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 3rem 0;
  margin-bottom: -3rem;
}

.pattern-bg p,
.pattern-bg h1,
.pattern-bg h2,
.pattern-bg h3,
.pattern-bg h4,
.pattern-bg h5,
.pattern-bg h6 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 840px) {
  #breadcrumbs {
    display: contents;
  }

  .ser-cont {
    margin: 3rem 0;
  }

  .ser-cont .sidebar {
    margin-top: 3rem;
  }

  .pattern-bg {
    background-image: var(--gradient);
    width: inherit;
    position: relative;
    left: 0;
    margin: 0 -20px;
    width: 100vw;
    padding: 3rem 0;
  }

  .pattern-bg p,
  .pattern-bg h1,
  .pattern-bg h2,
  .pattern-bg h3,
  .pattern-bg h4,
  .pattern-bg h5,
  .pattern-bg h6 {
    padding: 0 20px;
  }

  .demob {
    display: none;
  }
}

.head-1 {
  background-image: var(--gradient);
  position: relative;
  text-align: center;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 8rem 0 ;
}

.head-1 div {
  display: flex;
  align-items: center;
  margin: auto;
  flex-wrap: wrap;
  text-align: center;
  width: 100;
}

.head-1 img {
  height: auto;
  width: 80%;
  margin: 0 auto -4rem auto;
  -moz-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-transition: opacity 0.50s ease-in-out;
  -webkit-transition: opacity 0.50s ease-in-out;
  -o-transition: opacity 0.50s ease-in-out;
  -ms-transition: opacity 0.50s ease-in-out;
  transition: opacity 0.50s ease-in-out;
}

.head-1 h1,
.head-1 h2 {
  letter-spacing: normal;
  text-align: center;
  font-weight: 500;
  width: 100%;
  margin: 0;
}

/* Larger than tablet */
@media (min-width: 750px) {

  .head-1 div {
    max-width: 960px;
    flex-wrap: nowrap;
  }

  .head-1 img {
    height: 28rem;
    width: auto;
    float: right;
    padding-right: 4rem;
    margin: 0;
  }

  .head-1 h1,
  .head-1 h2 {
    text-align: right;
    width: 100%;
    padding-right: 8rem;
  }

  .head-2 {
    position: relative;
    margin-top: -26rem;
    z-index: 0;
    padding: 13rem 0;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background: var(--emerald-600);
    /* Old browsers */
    background: -moz-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
    /* IE10+ */
    background: linear-gradient(to left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
    /* IE6-9 */
  }
}


.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: ease-in-out;
}


@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.subhead {
  text-align: center;
  margin-bottom: 2rem;
}

.subhead img {
  width: 100%;
  max-width: 200px;
}


@media screen and (max-width: 840px) {
  .subhead h1 {
    text-align: center;
  }
}

.team-col ul {
  margin: 2rem 0;
  list-style: none;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-end;
  align-content: flex-end;
}

.team-col ul li {
  padding: .2rem .5rem;
  text-align: center;
  margin-right: .5rem;
  border-radius: 5px;
}

.team-col ul .pos1 {
  background: #FFD44D;
}

.team-col ul .pos2 {
  background: #99C5CC;
}

.team-col ul .pos3 {
  background: #99C5CC;
}

.team-col ul .pos4 {
  background: #149CB6;
}

.team-col ul .pos5 {
  background: #8E87A2;
}

.team-col ul .pos6 {
  background: #DB64AD;
}

.cmain.team-col .card_image img {
  max-height: 300px;
}

.twelve.columns.team-col ul {
  margin: 0 0 2rem 0;
}

.t_kon .row {
  margin-left: 1rem;
}

.t_kon .row .one.columns {
  text-align: center;
}

.social {
  font-size: 250%;
  text-align: center;
}

.social a {
  color: #FFD44D;
  background: none;
}

.social a:hover {
  color: var(--emerald-600);
  background: none;
}

.social i {
  padding: 0 1rem;
}

.team-col .pcard {
  height: 500px;
}

.open_access {
  font-weight: 600;
  position: absolute;
  color: white;
  z-index: 5;
  top: -2rem;
  right: 20px;
  background: var(--emerald-600);
  background: -moz-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
  background: -webkit-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -o-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -ms-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: linear-gradient(to left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
  padding: 10px;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.pro_info .open_access {
  top: 0;
  right: 0;
}

.pagination a {
  color: white;
  background: var(--emerald-600);
  background: -moz-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
  background: -webkit-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -o-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -ms-linear-gradient(left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: linear-gradient(to left, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
}

.pagination a:hover {
  color: white;
  background: var(--emerald-600);
  background: -moz-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -webkit-gradient(linear, right top, left top, color-stop(0%, var(--emerald-600)), color-stop(91%, #25b4c6), color-stop(100%, #27b6c8));
  background: -webkit-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -o-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: -ms-linear-gradient(right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  background: linear-gradient(to right, var(--emerald-600) 0%, #25b4c6 91%, #27b6c8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--emerald-600)', endColorstr='#27b6c8', GradientType=1);
}

.aktuell .cmain .pcard, .aktuell .cmain .pcardo {
  height: 400px;
}

.head-1.default h1 {
  padding-right: 0;
  text-align: left;
}

@media screen and (max-width: 840px) {
  .pro_info .open_access {
    position: fixed;
    top: 1rem;
    right: 1rem;
  }

  .aktuell .cmain .pcard, .aktuell .cmain .pcardo {
    height: auto;
  }

  .col-cont.aktuell {
    margin: 0 auto -2rem auto;
  }

  .head-1.default h1 {
    padding: 20px;
  }

  .t_kon .row {
    display: flex;
  }

  .t_kon .row .one.columns {
    width: 50px;
  }
}


.langfoo .langswitcher {
  list-style: none;
  display: inline-flex;
  margin: 0;
  padding: 0;
}

.langfoo .langswitcher a {
  background: none;
  color: lightgrey;
  font-size: 1.5rem;
}

.alert {
  margin: 0 0 1rem 0;
  color: white;
  line-height: normal;
  width: 100%;
}

.alert .a-icon {
  background: #237FAF;
  text-align: center;
  padding: 10px;
  margin: 0;
  border-radius: 5px 0 0 5px;
  display: inline-block;
}

.alert .a-text {
  background: #1C668C;
  padding: 10px;
  margin: 0;
  font-size: 100%;
  display: inline-block;
  border-radius: 0 5px 5px 0;
}

.alert i {
  padding: 0;
  font-size: 100%;
}

.cite p {
  text-align: left;
  font-size: 90%;
  margin-left: 40px;
  text-indent: -40px;
}

.col-filter {
  margin: 1rem auto 0 auto;
  text-align: center;
  height: 3rem;
  display: flex;
  align-items: center;
  padding-left: 3rem;
}

.col-filter i {
  font-size: 3rem;
}

.col-filter a, .col-filter a:hover {
  background: none;
}

.col-filter .fa-toggle-on {
  color: var(--emerald-600);
}

.col-filter .fa-toggle-off {
  color: black;
}

.col-filter .filter-txt {
  text-align: center;
  font-weight: 300;
  font-size: 1.5rem;
  line-height: 3rem;
  margin: 0;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.crd-status {
  position: absolute;
  bottom: 70px;
  right: -7.5px;
  color: white;
  background-image: url(../img/stone-drk.webp);
  padding: 0.2rem 1rem;
  font-size: 2rem;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  line-height: 2rem;
}

.crd-status.st-top {
  top: 20px;
  font-size: 1.5rem;
  font-weight: 300;
  bottom: auto;
}

.crd-status::after {
  content: "";
  position: absolute;
  right: -10px;
  bottom: -5px;
  border-right: 10px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7.5px solid grey;
  display: block;
}

.button.lstbtn {
  padding: 0 5.rem;
}

#flex-objects ul .h5p-lst {
  padding: 1rem;
  margin: 1rem;
  border-radius: 10px;
  max-width: 300px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  position: relative;
}

#flex-objects ul .h5p-lst .crd-status {
  bottom: 15px;
}

.lstb {
  text-align: center;
}

#flex-objects .list {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
}

#flex-objects h1 {
  text-align: center;
}

.container.flex-cont {
  max-width: 100%;
}

.lstbtns {
  margin-top: 2rem;
}

.entry-details {
  position: relative;
}

.entry-details h5 {
  margin-bottom: 1rem;
}

.entry-details i {
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

.entry-extra table {
  text-align: center;
  width: 100%;
  line-height: 1;
}

.entry-extra td {
  text-align: center;
}

.h5pid {
  padding: .2rem .5rem;
  line-height: 1;
  height: auto;
  margin-top: 0.5rem;
  color: var(--emerald-600);
}

.h5pid:hover {
  color: var(--emerald-600);
}

.button.h5pid {
  margin-top: 0;
}

.h5p-admin-tb {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.h5p-admin-tb table {
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
}

@media only screen and (max-width: 600px) {
  .h5p-admin-tb table {
    font-size: 12px;
  }
  .h5p-admin-tb th, .h5p-admin-tb td {
    padding: 5px;
  }
}

.acc-li .headerow {
  display: flex;
  align-items: center;
}

.acc-li .headerow img {
  width: 40px;
  padding-right: 1rem;
  margin: 0;
}

.popacc .acc-li .headerow img, .countacc .acc-li .headerow img {
  width: 80px;
  position: absolute;
  padding: 0;
  left: -30px;
}

.countacc .acc-li .headerow .accnum {
  width: 40px;
  position: absolute;
  left: -20px;
  color: var(--emerald-600);
  font-size: 2rem;
  background: var(--grad_yellow);
  height: 40px;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  font-weight: 700;
}

.popacc ul.accordion-list .acc-li h3 {
  margin-left: 50px;
  color: white;
  padding-right: 30px;
}

.countacc ul.accordion-list .acc-li h3 {
  margin-left: 20px;
  color: white;
  padding-right: 30px;
}

.popacc ul.accordion-list .acc-li div.answer, .countacc ul.accordion-list .acc-li div.answer {
  color: white;
}

.popacc ul.accordion-list .acc-li, .countacc ul.accordion-list .acc-li {
  margin-bottom: 40px;
  background: var(--grad_blue);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  border: none;
}

.popacc ul.accordion-list .acc-li h3:after, .countacc ul.accordion-list .acc-li h3:after {
  color: white;
}

.fade-in {
  opacity: 0;
  animation: fadeIn 1s ease-in-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.popacc ul.accordion-list .teaser {
  font-size: 1.8rem; 
  line-height: 1.5;  
  letter-spacing: -.05rem;
  text-align: left;
  padding-bottom: 2rem;
}

.popacc ul.accordion-list .teaser ol {
  margin: 0;
}

.popacc .sidebar {
  color: black;
}

/* Laptop  */
@media only screen and (max-width: 1280px) {
  .popacc ul.accordion-list .acc-li {
     margin-left: 1.5rem;
   }
}

/* Kleine Monitore & Tablet Landscape */
@media only screen and (max-width: 1024px) {
  
}

/* Tablet Portrait */
@media only screen and (max-width: 840px) {
 .popacc ul.accordion-list .teaser  { 
   font-size: 2.4rem; 
 }
}

/* Smartphones */
@media only screen and (max-width: 480px) {
  .popacc ul.accordion-list .acc-li {
     margin-left: 1.5rem;
   }
   
   .popacc .col-cont .container {
       padding: 1rem 2rem 1rem 2rem;
   }
   
   .row.pop h5 {
     font-size: 3rem;
   }
   
   .row.pop p {
      font-weight: 300;
    }
}

/* -------------------------Banner */

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


.txt-sec {
    padding-top: 0;
    padding-bottom: 0;
}
}

@media screen and (max-width: 736px) {
.header-ser h1 {
    text-align: center;
}
}

.container a.rebut, button.rebut {
  background: var(--emerald-600);
  background: var(--grad_blue);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  padding: 1rem 2rem;
  border-radius: 5px;
  color: white;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.container a.rebut::after, button.rebut::after {
  content: "";
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.center {
  display: grid;
  place-content: center;
}

.container a.rebut:hover::after, button.rebut:hover::after {
  opacity: 1;
}

.container a.rebut:hover, button.rebut:hover {
  box-shadow: none;
  color: var(--amber-500);
}

button.rebut {
  line-height: unset;
}


div#breadcrumbs .bread-a, div#breadcrumbs i {
  color: white;
}

#breadcrumbs span:last-child span[itemprop="name"] {
  color: var(--amber-400);
  background: var(--grad-emerald-var2);
  padding: 0.2rem 0.5rem;
  border-radius: 2px; 
}

div#breadcrumbs .bread-a {
  position: relative;
  background: none;
}

div#breadcrumbs .bread-a:hover {
  background: none;
}

div#breadcrumbs .bread-a::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 2px;
  background-color: var(--emerald-600);
  transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.twelve.columns.bready {
  position: relative;
  padding: 3rem 1rem 1rem 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  -moz-animation: reveal-banner 1s 0.25s ease-in-out;
  -webkit-animation: reveal-banner 1s 0.25s ease-in-out;
  -ms-animation: reveal-banner 1s 0.25s ease-in-out;
  animation: reveal-banner 1s 0.25s ease-in-out;
  -moz-animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@media (hover: hover) and (pointer: fine) {
  div#breadcrumbs .bread-a:hover::before {
    left: 0;
    right: auto;
    width: 100%;
  }
}

a[rel="lightbox"] {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
  background: white;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}

a[rel="lightbox"]:hover {
  background: white;
}

a[rel="lightbox"] img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  overflow: hidden;
}

a[rel="lightbox"]::before {
  content: "\f424";
  position: absolute;
  bottom: .5rem;
  right: 1rem;
  font-family: "Font Awesome 5 Pro";
  font-size: 1.5rem;
  animation-name: scale;
  animation-duration: 1s;
  animation-iteration-count: 2;
  animation-delay: 2s;
}

@keyframes scale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.8);
  }
  100% {
    transform: scale(1);
  }
}

.featherlight .featherlight-close-icon {
    background: var(--emerald-600);
    color: white;
    width: 30px;
    height: 30px;
    transition: transform .3s ease-in-out;
}

.featherlight .featherlight-close-icon:hover {
    box-shadow: none;
    transform: scale(1.2);
  }
  
.ser-back a {
  background: none;
  transition: all .3s ease-in-out;
}

.ser-back a:hover {
  background: none;
  color: var(--emerald-600);
}

#footer .container .langswitcher {
  margin-top: 1rem;
}

#footer .container .langswitcher li a {
  background: rgb(216,224,225);
  background: -moz-linear-gradient(180deg, rgba(216,224,225,1) 0%, rgba(144,159,161,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(216,224,225,1) 0%, rgba(144,159,161,1) 100%);
  background: linear-gradient(180deg, rgba(216,224,225,1) 0%, rgba(144,159,161,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8e0e1",endColorstr="#909fa1",GradientType=1);
  padding: 1rem 2rem;
  margin: 0 1rem;
  border-radius: 5px;
  text-decoration: none;
  color: black;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  transition: all 1s ease-in-out;
}

#footer .container .langswitcher li a:hover {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px inset;
}

#footer .container .langswitcher li a.active {
  background: rgb(242,195,46);
  background: -moz-linear-gradient(180deg, rgba(242,195,46,1) 0%, rgba(159,99,41,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(242,195,46,1) 0%, rgba(159,99,41,1) 100%);
  background: linear-gradient(180deg, rgba(242,195,46,1) 0%, rgba(159,99,41,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2c32e",endColorstr="#9f6329",GradientType=1);
}

@media screen and (max-width: 736px){
  #footer .container .langfoo .langswitcher {
      margin-top: 4rem;
      display: block;
  }
  
  #footer .container .langfoo .langswitcher li {
      margin: 2rem;
  }
  
  .twelve.columns.bready {
      background: none;
  }
  
  .navcontent .langswitcher {
    display: grid;
  }
  
  .navcontent .langswitcher li {
    padding: 1rem 0;
    margin: 0 0 0 .5rem;
  }
}

.popli ol {
  list-style: decimal outside;
}

.popli ol li {
  padding: 1rem 2rem 1rem 3rem;
  margin: 2rem;
  position: relative;
  z-index: 1;
}

.popli ol li::marker {
  font-size: 2rem;
  color: white;
}

.popli ol li::before {
  content: "";
  position: absolute;
  background: var(--amber-500);
  background: var(--grad_yellow);
  left: 1rem;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.popli ol li::after {
  content: "";
  position: absolute;
  background: var(--emerald-600);
  background: var(--grad_blue);
  left: -3rem;
  top: 0;
  width: 3.5rem;
  height: 100%;
  z-index: -1;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.sidebar .profile-pic {
  position: relative;
  text-align: center;
  width: 100%;
  margin-bottom: 2rem;
}

.sidebar .profile-pic img.sideprof, .sidebar .profile-pic picture.sideprof img {
  border-radius: 50%;
  width: 120px;
  height: 120px; /* Set fixed height to ensure perfect circle */
  display: block;
  margin: 0 auto;
  object-fit: cover; /* Ensure image fills circle without distortion */
  padding: 5px; /* Instead of border width */
  background: linear-gradient(180deg, var(--amber-400) 0%, var(--amber-600) 100%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.sidebar .profile-pic span {
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--grad-emerald);
  clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);
  color: white;
  padding: .5rem .5rem;
  width: 60%;
  min-width: 120px;
  border-radius: 3px;
  z-index: 3;
}

@supports (-webkit-touch-callout: none) {
        .sidebar .profile-pic img.sideprof, .sidebar .profile-pic picture.sideprof img {
          all: unset;
          border-radius: 50%;
          width: 120px;
          height: auto;
          display: block;
          margin: 0 auto;
          border: 5px solid var(--amber-500);
          box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
        }
}

.h5frame {
  border: none;
  background: transparent;
  width: 100%;
  height: auto;
}

.h5frame-alt {
    border: none;
    background: transparent;
    width: 100%;
    height: auto;
    margin: 0 auto 2rem auto;
}

.fullwidth .col-cont.post .container {
  max-width: 100vw;
  width: 100%;
  padding: 0 2rem;
}

.fullwidth section {
  background: white;
}

.container a.engage, #frontbanner .container a.engage {
  background: rgb(242,195,46);
  background: -moz-linear-gradient(180deg, rgba(242,195,46,1) 0%, rgba(159,99,41,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(242,195,46,1) 0%, rgba(159,99,41,1) 100%);
  background: linear-gradient(180deg, rgba(242,195,46,1) 0%, rgba(159,99,41,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2c32e",endColorstr="#9f6329",GradientType=1);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  padding: 1rem 2rem;
  border-radius: 5px;
  font-size: 2rem;
  font-weight: 500;
  color: white;
  transition: all 0.5s ease-in-out;
  position: relative;
}

.container a.engage::after, #frontbanner .container a.engage::after {
  content: "";
  box-shadow: rgba(0, 0, 0, 0.06) 0px 2px 4px 0px inset;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.container a.engage:hover::after, #frontbanner .container a.engage:hover::after {
  opacity: 1;
}

.container a.engage:hover, #frontbanner .container a.engage:hover{
  box-shadow: none;
  color: var(--thirdc);
}

.fa, .fas, .far, .fal, .fad, .fab {
  vertical-align: middle;
}

/* CLUSTER –––––––––––––––––––––––––––––––––––––––––––––––––– */

.wrapper.clustwrap {
  background: var(--grad_blue);
}

.container.cluster {
  margin: -70vh auto 0 auto;
  padding: 4rem 0;
  color: black;
  max-width: 1200px;
}

.grid-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

.grid-container .grid-item {
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  position: relative;
  height: fit-content;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.grid-container .grid-item:hover {
  z-index: 1;
  transform: none;
}

.grid-container:hover .grid-item:not(:hover)  {
  transform: scale(0.97);
}

.grid-container .grid-item .company-logo {
  position: relative;
  width: 100%;
  height: 100px;
}

.grid-container .grid-item .company-logo img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.grid-container .grid-item .country {
  margin-bottom: 30px;
}

.grid-container .grid-item .country img {
  width: 20px;
  height: auto;
  float: right;
}

.grid-container .grid-item .location {
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
  padding-left: .5rem;
  background: var(--gradient);
  box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
  color: black;
  margin-bottom: 1rem;
}

.grid-container .grid-item .location p {
  padding-right: 50px;
}

.grid-container .grid-item .company-nologo {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 80px;
  background: rgb(5,168,157);
  background: linear-gradient(180deg, rgba(5,168,157,1) 0%, rgba(0,255,111,1) 100%);
  padding: 2rem;
  border-radius: 5px;
  margin-bottom: 1rem;
}

.grid-container .grid-item .company-nologo h3 {
  font-size: 2.6rem;
  margin: 0;
  text-align: center;
}


.grid-container .grid-item .company-name {
  margin-top: 10px;
  font-weight: bold;
  font-size: 18px;
  color: var(--emerald-600);
  margin-bottom: 1rem;
}

.grid-container .grid-item .company-teaser {
  height: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  text-align: left;
}


.grid-container .grid-item .company-teaser:hover {
  cursor: pointer;
}


.grid-container .grid-item:hover .company-teaser {
  height: auto;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.grid-container .grid-item .company-details {
  max-height: 0;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  text-align: left;
}

.grid-container .grid-item.expand .company-details {
  max-height: 100%;
  transition: all 0.5s ease-in-out;
  overflow-y: auto;
}


/* For screens with a width of 1024 pixels or less */
@media only screen and (max-width: 1024px) {
  .container.cluster {
    margin: -65vh auto 0 auto;
  }
  
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
    padding: 0;
  }
}

/* Tablet Portrait */
@media only screen and (max-width: 840px) {
  .container.cluster {
    margin: -60vh auto 0 auto;
  }
}

/* For mobile devices with a maximum width of 480 pixels */
@media only screen and (max-width: 480px) {
  .container.cluster {
    margin: 0 auto;
  }
  
  .grid-container {
    grid-template-columns: repeat(1, 1fr);
    padding: 0 3rem;
  }
  
  .grid-container .grid-item .company-teaser {
    display: none;
  }
  
  .grid-container:hover .grid-item:not(:hover)  {
    transform: none;
  }
}



.container.chead {
  color: black;
  padding-top:  4rem;
}


.grid-container .grid-item .company-teaser.engage {
  background: var(--emerald-600);
  background: var(--grad_blue);
  padding: 0.2rem 2rem;
  width: auto;
  float: left;
  border-radius: 5px;
  color: white;
  font-size: 80%;
}

.plane {
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: transparent;
  animation: planeAnim 20s ease-out infinite;
}

.plane2 {
  animation: planeAnim2 20s ease-out infinite;
}

.plane3 {
  left: 30vw;
  animation: planeAnim2 20s ease-out infinite;
  animation-delay: 1s;
}

.plane4 {
  left: 100vw;
  animation: planeAnim3 20s ease-out infinite;
  animation-delay: 2s;
}

.steam {
  position: absolute;
  height: 15px;
  width: 15px;
  border-radius: 5px;
  background-color: #fff;
  margin-top: -75px;
  margin-left: 0px;
  z-index: 0;
  opacity: 0;
}

#steam1 {
  -webkit-animation: steam1 4s ease-out infinite;
  animation: steam1 4s ease-out infinite;
}

#steam3 {
  -webkit-animation: steam1 4s ease-out 1s infinite;
  animation: steam1 4s ease-out 1s infinite;
}

@-webkit-keyframes steam1 {
  0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;}
  100% {transform: translateY(-200px) translateX(-20px) scale(1); opacity: 0;}
}

@keyframes steam1 {
  0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;}
  100% {transform: translateY(-200px) translateX(-20px) scale(1); opacity: 0;}
}

#steam2 {
  -webkit-animation: steam2 4s ease-out 0.5s infinite;
  animation: steam2 4s ease-out 0.5s infinite;
}

#steam4 {
  -webkit-animation: steam2 4s ease-out 1.5s infinite;
  animation: steam2 4s ease-out 1.5s infinite;
}

@-webkit-keyframes steam2 {
  0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;}
  100% {transform: translateY(-200px) translateX(20px) scale(1); opacity: 0;}
}

@keyframes steam2 {
  0% {transform: translateY(0) translateX(0) scale(0.25); opacity: 0.2;}
  100% {transform: translateY(-200px) translateX(20px) scale(1); opacity: 0;}
}


@keyframes planeAnim {
  0% { 
    transform: translate(-50%, -50%) translate(0, 0); 
  }
  100% { 
    transform: translate(-50%, -50%) translate(70vw, 80vh); 
  }
}

@keyframes planeAnim2 {
  0% { 
    transform: translate(-50%, -50%) translate(30vw, 80vh); 
  }
  100% { 
    transform: translate(-50%, -50%) translate(40vw, 0vh); 
  }
}

@keyframes planeAnim3 {
  0% { 
    transform: translate(-50%, -50%) translate(0, 0); 
  }
  100% { 
    transform: translate(-50%, -50%) translate(-70vw, 80vh); 
  }
}


#frontbanner .container {
  position: relative;
  height: 100vh;
  width: 100vw;
  background-image: url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash_large.webp'), url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash_large.jpg');
  background-size: cover;
  max-width: 100vw;
  background-position: center center;
}

#frontbanner .container .back {
  color: black;
  left: 10rem;
  top: 5rem;
  position: absolute;
  padding: 1rem;
  width: 500px;
/* From https://css.glass */
  background: rgba(255, 255, 255, 0.26);
  border-radius: 5px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

#frontbanner .container a {
  color: var(--thirdc);
}

#frontbanner .container .frlogo {
  position: absolute;
  bottom: 5rem;
  right: 10rem;
  height: 200px;
}

#frontbanner .container .frlogo img{
  height: 100%;
  width: auto;
}

/* Laptop  */
@media only screen and (min-width: 2000px) {
  #frontbanner .container {
    background-image: url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash.webp'), url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash.jpg');
  }
  
}

/* Laptop  */
@media only screen and (max-width: 1280px) {
  
}

/* Kleine Monitore & Tablet Landscape */
@media only screen and (max-width: 1024px) {
  #frontbanner .container .frlogo {
    right: 5rem;
  }
  
  #frontbanner .container {
    background-image: url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash_medium.webp'), url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash_medium.jpg');
  }
}

/* Tablet Portrait */
@media only screen and (max-width: 840px) {
 #frontbanner .container .frlogo {
   float: right;
   position: unset;
 }
 
 #frontbanner .container {
   background-image: url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash_medium.webp'), url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash_medium.jpg');
 }
 
 #frontbanner .container .back {
     display: grid;
     place-items: center;
     position: unset;
     margin: auto;
     width: 70%;
     padding-top: 5rem;
 }
}

/* Smartphones */
@media only screen and (max-width: 480px) {
  #frontbanner .container {
    display: block;
    height: auto;
    width: 100%;
    background-size: cover;
    padding: 50px 0 0 0;
    min-height: 100vh;
  }
  
  #frontbanner .container {
    background-image: url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash_small.webp'), url('../img/fachrizal-maulana-k62wKVnkkPU-unsplash_small.jpg');
  }
  
  #frontbanner .container h1 {
    margin-top: 0;
  }
  
  #frontbanner .container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--mainc_rgb50); /* dark blue with 50% opacity */
  }
  
  #frontbanner .container .back {
    padding:  2rem;
    position: relative;
    display: block;
    top: 0;
    left: 0;
    width: auto;
    border-radius: 0;
  }
  
  #frontbanner .container .frlogo {
    position: relative;
    float: unset;
    padding: 1rem;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    height: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  #frontbanner .container .frlogo img {
    width: 100%;
    height: auto;
  }
}

.col-cont .container {
  width: 100%;
  padding: 1rem 1rem 1rem 2rem;
}

.col-cont h2 {
  padding-top: 0;
}


.col-cont .container .nine.columns {
  width: 72%;
  padding-left: 1rem;
}

.three.columns.ripped p {
  text-align: left;
}


/* Laptop  */
@media only screen and (max-width: 1280px) {
  
}

/* Kleine Monitore & Tablet Landscape */
@media only screen and (max-width: 1024px) {
  
  .col-cont .container {
    width: 80%;
    padding: 1rem;
  }
  
  .col-cont .container .row .three.columns, .col-cont .container .row .six.columns, .col-cont .container .row .nine.columns  {
    width: 100%;
    margin: 2rem auto;
  }
  
  .ser-cont .sidebar {
      max-width: 100%;
  }
  
  .sidebar img {
    max-width: 300px;
  }
  
  .col-cont .container .three.columns.sidebar {
     width: 60%;
     margin: auto;
     display: grid;
     float: unset;
   }
}

/* Tablet Portrait */
@media only screen and (max-width: 840px) {
 .col-cont .container {
   width: 100%;
   padding: 0 4rem;
   margin-top: -4rem;
 }
 
 .col-cont .container .three.columns.sidebar {
   width: 70%;
   margin: auto;
   display: grid;
   float: unset;
 }
}

/* Smartphones */
@media only screen and (max-width: 480px) {
  .col-cont .container {
      width: 100%;
      padding: 1rem 2rem;
      margin-top: -4rem;
    }
  
  .col-cont .container .three.columns.sidebar {
     width: 100%;
   }
}

.container.h5p-list-wrap {
  max-width: 100%;
  padding: 2rem;
}

.container.h5p-list-wrap .search {
  text-align: center;
}

/* --------------------------------------- H5P LIST */

.h5p-list {
  display: grid;
  max-width: 100%;
  grid-template-columns: repeat( auto-fit, minmax(250px, 350px) );
  gap: 40px 40px;
  justify-content: center;
  margin-top: 2rem;
}

.h5p-list .h5p-list-item {
  border: 1px solid lightgrey;
  border-radius: 5px;
  padding: 1rem;
  background: white;
  position: relative;
  height: 350px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.collectwrap .search {
  margin-top: 2rem;
  text-align: center;
}

.collectwrap .search button.button-primary, .h5p-list-wrap .search button.button-primary {
  background-color: #EB7F8F;
  border-color: #EB7F8F;
  color: white;
}

.collectwrap .search button, .h5p-list-wrap .search button {
  color: #EB7F8F;;
}

.collectwrap .h5p-list .h5p-list-item {
  height: unset;
  min-height: 400px
}

.collectwrap .h5p-list .h5p-list-item .card_image {
  width: calc(100% + 2rem);
  height: 200px;
  background-size: cover;
  margin: -1rem -1rem 0 -1rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-position: center;
}

.collectwrap .h5p-list .h5p-list-item .card_content {
  padding-top: 1rem;
}

.collectwrap .h5p-list .h5p-list-item .card_content a {
  position: absolute;
  bottom: 0;
  right: 1rem;
  width: 80%;
}

.collectwrap .h5p-list .h5p-list-item .card_content a:hover {
  background: #819BA4;
  color: white;
  border: 1px solid transparent;
}

.collectwrap .h5p-list .h5p-list-item h5 {
    margin: 0 auto 20px auto;
    text-align: center;
}

.collectwrap .h5p-list .h5p-list-item .label-tag {
   font-size: 80%;
}


.collectwrap .h5p-list .h5p-list-item .label-tag::before {
    background-color: #18475A;
}

.collectwrap .h5p-list .h5p-list-item .content-id {
    top: unset;
    bottom: 0;
    left: 1rem;
    width: 10%;
    margin: 1rem auto;
    border-radius: 5px;
    height: 38px;
    background: #eee;
    color: #3F424F;
    font-size: 100%;
    text-transform: uppercase;
    line-height: 38px;
    box-shadow: none;
}

/* Smartphones */
@media only screen and (max-width: 480px) {
  .collectwrap .h5p-list .h5p-list-item .label-tag, .collectwrap .h5p-list .h5p-list-item .content-id {
     font-size: 60%;
  }
}

.search-fields {
  font-size: 80%;
  display: inline-flex;
}

.search-fields label {
  margin: 0 1rem;
}

.h5p-list .h5p-list-item h5 {
  margin-left: 20px;
  margin-bottom: 10px;
}

.h5p-list .h5p-list-item .button-group {
   position: absolute;
   left: 0;
   bottom: 0;
   text-align: center;
   width: 100%;
}

.h5p-list .h5p-list-item .button-group .sec {
   margin-top: -20px;
}

.h5p-list .h5p-list-item .button.primary {
  background-color: #EB7F8F;
  color: white;
  border: 1px solid lightgrey;
}

.h5p-list .h5p-list-item .button.primary:hover {
  background: #EB7F8F;
  border: 1px solid black;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.h5p-list .h5p-list-item .button-group .sec .secondary {
   width: 45%;
}

.h5p-list .h5p-list-item .button-group .sec .secondary.one {
   color: #77559D;
   border: 1px solid #77559D;
}

.h5p-list .h5p-list-item .button-group .sec .secondary.two {
   color: #FFD44D;
   border: 1px solid #FFD44D;
}

.h5p-list .h5p-list-item .button-group .sec .secondary:hover {
  background: transparent;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.h5p-list .h5p-list-item .button-group .copynote {
  color: lightgrey;
  text-decoration: italic;
  display: none;
}

.h5p-list .h5p-list-item .content-id {
   position: absolute;
   top: -10px;
   left: -15px;
   background: #3E424E;
   border-radius: 100px;
   color: white;
   font-size: 120%;
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: 40px;
   box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.h5p-list .h5p-list-item .content-id.en {
   right: -15px;
   left: unset;
   background: #99C5CC;
   color: #3E424E;
}

.h5p-list .h5p-list-item .content-id.de {
   right: -15px;
   left: unset;
   background: #EB7F8F;
   color: #3E424E;
}

.h5p-list .h5p-list-item .content-id.es {
   right: -15px;
   left: unset;
   background: #FFD44D;
   color: #3E424E;
}

.h5p-list .h5p-list-item p {
  margin: 0;
  padding: 0;
}

.h5p-list .h5p-list-item code {
  visibility: hidden;
  font-size: 1px;
}


.h5p-list .h5p-list-item .tags {
  float: right;
}

.h5p-list .h5p-list-item .meta {
  margin-top: 50px;
  text-align: left;
}

.h5p-list .h5p-list-item .tags .label-tag {
  box-shadow: none;
  position: relative;
  padding: .5rem 2rem;
  margin: .5rem;
  background-color: transparent;
  background: transparent;
  border-color: transparent;
  color: white;
  z-index: 1;
  filter: drop-shadow(-1px 6px 3px rgba(50, 50, 0, 0.15));
}

.h5p-list .h5p-list-item .tags .label-tag:hover {
  box-shadow: none;
  color: white;
  background: transparent;
}

.h5p-list .h5p-list-item .label-tag::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #3E424E;
  z-index: -1;
  clip-path: polygon(8% 0, 100% 13%, 89% 100%, 0 100%);
  transition: all 1s ease;
}

.h5p-list .h5p-list-item .tags .label-tag:hover::before {
  background-color: #3E424E;
  transform: scale(0.95);
}

.h5p-list .h5p-list-item .tag-item {
  font-size: 85%;
  float: left;
  margin: 1rem .5rem 1rem 0;
  text-transform: uppercase;
  color: transparent;
  background-image: var(--grad_blue);
  background-clip: text;
  -webkit-background-clip: text;
}


.h5p-list .h5p-list-item .card_image img {
  width: 100%;
}

/* ------------ */


#grav-login {
  color: black;
  text-align: center;
}

#grav-login .form-field {
  width: 100%;
  margin: 0;
}

#grav-login .form-actions {
    text-align: left;
    display: block;
    margin: auto;
    text-align: center;
}

#grav-login .button {
    margin: 0 1rem;
}

#grav-login .form-data.rememberme {
  width: 100%;
  text-align: left;
}

.h5-sc {
  min-width: calc(100% + 2rem);
  min-height: 1200px;
  margin: -2rem;
}

footer img.footfunding {
  width: 100%; 
  border-radius: 5px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  padding: .5rem 1rem;
  background: white;
}

/* Add a pseudo-element for the inner white background */
.sidebar .profile-pic {
  position: relative;
  text-align: center;
  width: 100%;
  margin-bottom: 2rem;
  background-color: transparent;
}

/* Create circular mask for the image */
.sidebar .profile-pic::before {
  content: "";
  position: absolute;
  top: 5px; /* Match padding */
  left: 50%;
  transform: translateX(-50%);
  width: 110px; /* 120px - 2*5px padding */
  height: 110px;
  background: white;
  border-radius: 50%;
  z-index: 1;
}

.sidebar .profile-pic img.sideprof, .sidebar .profile-pic picture.sideprof img {
  position: relative;
  z-index: 2;
}

.h5p-embed {
  margin: -1rem;
}