/* imports */
@import '/assets/css/webfonts/urwdin.css';
/* color definitions */
:root {
  --bg-lightgray: rgba(74, 74, 74, 0.2);
  --lightgray: rgba(112, 112, 112);
  --bg-darkgray: rgba(51, 51, 51, 0.4);
  --darkgray: rgba(51, 51, 51);
  --red: #a5102d;
  --green: #65b32e;
  --bs-body-font-family: "urwdin-regular", "Helvetica", "Arial", "sans-serif";
}
/* fonts */
.din-black {
  font-family: "urwdin-black", "Helvetica", "Arial", "sans-serif";
}
.dinblack,
.countupValue,
.ext-infoblock-headline,
.ext-sloganblock-slogan {
  font-family: "urwdin-black", "Helvetica", "Arial", "sans-serif";
}
.dinreg,
.ext-infoblock-title,
.ext-infoblock-normaltxt {
  font-family: "urwdin-regular", "Helvetica", "Arial", "sans-serif";
}
.font__size-10 {
  font-size: 10px;
  line-height: 13px;
}
.font__size-12 {
  font-size: 12px;
  line-height: 16px;
}
.font__size-14 {
  font-size: 14px;
  line-height: 22px;
}
.font__size-18 {
  font-size: 18px;
  line-height: 22px;
}
.font__size-22 {
  font-size: 22px;
  line-height: 28px;
}
.font__size-27 {
  font-size: 27px;
  line-height: 30px;
}
.font__size-28 {
  font-size: 28px;
  line-height: 31px;
}
.font__size-32 {
  font-size: 32px;
  line-height: 34px;
}
.font__size-50 {
  font-size: 50px;
  line-height: 50px;
}
.font__size-65 {
  font-size: 65px;
  line-height: 80px;
}
.font__weight-bold {
  font-weight: bold;
}
.font__color-white {
  color: #ffffff;
}
.font__color-green {
  color: #65B32E;
}
.font__color-blau {
  color: #293D4F;
}
.font__color-dgrau {
  color: #333333;
}
.font__color-red {
  color: #B1001D;
}
.font__color-yellow {
  color: #deff00;
}
.font__color-dark {
  color: #222222;
}
.font__uppercase {
  text-transform: uppercase;
}
.bg-grey {
  background-color: #ebebeb;
}
.bg-grey2 {
  background-color: #333333;
}
.bg-green {
  background-color: #65B32E;
}
.bg-blau {
  background-color: #293D4F;
}
.bg-white {
  background-color: #ffffff;
}
.bg-yellow {
  background-color: #deff00;
}
.bg-dark {
  background-color: #222222;
}
/* Allgemeines */
body {
  font-family: "urwdin-regular", "Helvetica", "Arial", "sans-serif";
  font-size: 1rem;
  line-height: 1.2rem;
  color: #333;
}
a {
  color: #65b32e;
  text-decoration: none !important;
}
a:hover,
a:visited {
  color: #5b9b1e !important;
  text-decoration: underline !important;
}
a.mainLink:link,
a.mainLink:visited,
a.mainLink:active {
  color: #65b32e;
  text-decoration: none !important;
}
a.whiteLink:link,
a.whiteLink:visited,
a.whiteLink:active {
  color: #ffffff;
  text-decoration: none !important;
}
/* Anker verschieben */
a.anchor {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}
/* backgrounds */
.backCsr {
  background: url('/assets/img/csr/csrback.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}
.boxElemShadowComplete {
  box-shadow: 0 0 5px #eae9e9;
}
/* fonts */
.dinblack,
.countupValue,
.ext-infoblock-headline,
.ext-sloganblock-slogan {
  font-family: 'urwdin-black', 'Helvetica', 'Arial', 'sans-serif';
}
.dinreg,
.ext-infoblock-title,
.ext-infoblock-normaltxt {
  font-family: 'urwdin-regular', 'Helvetica', 'Arial', 'sans-serif';
}
.upper {
  text-transform: uppercase;
}
.megaHeader,
.ext-sloganblock-slogan {
  font-size: 2.2rem;
  line-height: 2.4rem;
}
.subHeader,
.ext-infoblock-headline {
  font-size: 2.2rem;
  line-height: 2.4rem;
}
.minorHeader {
  font-size: 1.5rem;
  line-height: 1.7rem;
}
.contactblockHeadline {
  font-size: 2rem;
  line-height: 2.2rem;
}
.contactblockName {
  font-size: 1.25rem;
  line-height: 1.45rem;
}
.contactblockProfession {
  font-size: 0.85rem;
  line-height: 1rem;
}
.adaptiveTxt {
  font-size: clamp(16px, 10vw, 64px) !important;
}
/* colors */
.greenClr {
  color: #65B32E;
}
.blueGreyClr {
  color: #293D4F;
}
.backGreyBlue {
  background-color: #293D4F;
}
.countupValue {
  font-size: 6rem;
}
#donationValue1 {
  display: inline-block;
  min-width: 310px;
}
/* buttons */
.btn {
  border-radius: 0;
  box-shadow: none !important;
}
.btn-primary,
.btn-primary:active,
.btn-primary:visited {
  background-color: #65B32E !important;
  border: 1px solid #65B32E !important;
  color: #ffffff !important;
}
.btn-primary:hover {
  background-color: #5b9b1e !important;
  border: 1px solid #5b9b1e !important;
  color: #ffffff !important;
}
.btn-outline-primary {
  color: #65B32E !important;
  border: 1px solid #65B32E !important;
  background-color: #ffffff !important;
  min-width: 10rem !important;
}
.btn-outline-primary:hover {
  background-color: #5b9b1e !important;
  color: #ffffff !important;
  border: 1px solid #65B32E !important;
}
.btn-donate,
.btn-donate:active,
.btn-donate:visited {
  background-color: #FFD140 !important;
  color: #ffffff !important;
}
.btn-donate:hover {
  background-color: #f9b014 !important;
  color: #ffffff !important;
}
a.biggerTxt.btn.btn-65B32E:hover,
a.biggerTxt.btn.btn-65B32E:active,
a.biggerTxt.btn.btn-65B32E:visited {
  color: #ffffff !important;
}
.navItemActive {
  border-bottom: 2px solid #65B32E !important;
}
/* hero images */
.bg-hero-main {
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 200px;
}
.hero-innerCont {
  position: absolute;
  display: inline-block;
  max-width: 35% !important;
  top: 45%;
  left: 30%;
}
.arrow_box {
  position: relative;
  background-color: #293D4F;
}
.arrow_box:after {
  top: 100%;
  left: 70%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #293D4F;
  border-width: 40px;
  border-right: 0;
  margin-left: -25px;
  margin-bottom: -50px;
}
/* donate paypal */
.donateBtnContainer {
  position: sticky;
  top: 1rem;
  float: right;
  margin-left: 1rem;
  margin-bottom: 1rem;
  z-index: 100;
  width: fit-content;
}
.pp-BRQFYPA89VZFJ {
  text-align: center;
  border: none;
  border-radius: 0.25rem;
  min-width: 11.625rem;
  padding: 0 2rem;
  height: 2.625rem;
  font-weight: bold;
  background-color: #FFD140;
  color: #ffffff !important;
  font-family: "Helvetica Neue", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  cursor: pointer;
}
/* accordeon styles */
.firststyle {
  background-color: #65b32e !important;
  color: #fff !important;
}
.secondstyle {
  background-color: #f0f0f0 !important;
  color: #212529 !important;
}
/* contact block */
.csr-scoutback {
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  min-height: 608px;
}
/* Infoblocks */
.ext-infoblock-title {
  color: #65B32E;
  font-weight: bold;
}
.ext-infoblock-headline {
  color: #293D4F;
}
/* Sloganblocks */
.ext-sloganblock-slogan {
  color: #ffffff;
  font-weight: bold;
}
/* Bewerbungsdropdown */
#dropdownMenuBewerbung {
  position: absolute;
  top: 10px;
  right: 16px;
}
#dropdownMenuBewerbung .dropdown-menu {
  left: unset;
  right: 0;
  background-color: #65B32E;
  color: #ffffff;
  min-width: 21rem;
  margin: 0;
  border-radius: 0;
  padding: 1.5rem;
  border: 0;
}
#dropdownMenuBewerbung a.waLink {
  background-color: #ffffff;
  color: #494949;
  padding: 0.75rem 1rem;
}
#dropdownMenuBewerbung button {
  box-shadow: none;
}
/* accordion items */
.collapseTitle {
  color: #ffffff !important;
}
.accordion-header > a {
  background-color: #65B32E !important;
}
.accordion-header.even > a {
  background-color: #293D4F !important;
}
/* custom style definitions */
body {
  font-family: "urwdin-regular", "Helvetica", "Arial", "sans-serif";
  font-family: 'urwdin-regular', 'Helvetica', 'Arial', 'sans-serif';
  background-color: #eae9e9;
  font-size: 1rem;
  color: #333;
}
#outerCont,
#footerCont {
  margin: 0;
  padding: 0;
}
.containerLight {
  color: #333;
  background-color: #ffffff;
}
/* footer stuff */
.footerContainer {
  background-color: #293D4F;
  color: #eae9e9;
  font-size: 0.9rem;
}
.footerDivider {
  border-top: 3px solid #65B32E;
  width: 10%;
  height: 10px;
}
a.footerLink:link,
a.footerLink:visited,
a.footerLink:active {
  color: #65B32E;
}
a.footerLink:hover {
  color: #5b9b1e;
  text-decoration: underline;
}
a.langLink:link,
a.langLink:visited,
a.langLink:active {
  color: #293D4F;
}
a.langLink:hover {
  color: #5b9b1e;
  text-decoration: underline;
}
.langLink.active {
  color: #65B32E !important;
  font-weight: bold;
}
a.whiteLink:link,
a.whiteLink:visited,
a.whiteLink:active {
  color: #ffffff;
}
a.whiteLink:hover {
  color: #ffffff;
  text-decoration: none;
}
.bbTextContainer {
  height: 110px;
  overflow: hidden;
}
.blogTextContainer {
  height: 150px;
  overflow: hidden;
}
.imgbox {
  position: relative;
  margin: auto;
  overflow: hidden;
}
.imgbox img {
  max-width: 100%;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
}
.imgbox:hover img {
  transform: scale(1.1);
}
/* countdown and keytags */
#countdownInvert {
  margin-top: 0px !important;
}
.bg-class1 {
  background-image: url(/assets/img/cover_woman_1600x900-min.jpg);
  background-size: cover;
  background-position: center center;
  padding: 20px;
  height: 250px;
}
.bg-class2 {
  background-image: url(/assets/img/cover_man_1600x900-min.jpg);
  background-size: cover;
  background-position: center center;
  padding: 20px;
  height: 250px;
}
.countdown {
  font-family: "urwdin-black", "Helvetica", "Arial", "sans-serif";
  font-family: 'urwdin-black', 'Helvetica', 'Arial', 'sans-serif';
  color: #FFF;
  opacity: 0.6;
  margin: 0 auto;
  font-size: 4rem;
  line-height: 5rem;
  text-align: center;
  padding: 0;
}
.keyTag {
  top: -8rem;
  right: 0;
}
.keyTag2 {
  top: 8rem;
  right: 0;
}
.bg-hero1 {
  background-image: url(/assets/img/hero-teaser-2.jpg);
  background-size: cover;
  background-position: center center;
  padding: 20px;
  height: 250px;
}
.blackboard {
  background-image: url(/assets/img/blackboard-min.jpg);
  background-size: cover;
  background-position: center center;
}
.sloganBack {
  background-image: url(/assets/img/bg-laueftmitmir-min.png);
  background-size: cover;
  background-position: center center;
}
.bb-lightback1 {
  background-image: url(/assets/img/bb-back-1.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.bb-lightback2 {
  background-image: url(/assets/img/bb-back-2.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.containerShadow {
  box-shadow: 0 5px 10px -5px #293D4F;
}
/* media queries */
@media (min-width: 768px) {
  #dropdownMenuBewerbung .dropdown-menu {
    min-width: 27rem;
  }
  .countdown {
    font-family: "urwdin-black", "Helvetica", "Arial", "sans-serif";
    font-family: 'urwdin-black', 'Helvetica', 'Arial', 'sans-serif';
    color: #FFF;
    opacity: 0.6;
    margin: 0 auto;
    font-size: 4rem;
    text-align: center;
    line-height: 5rem;
  }
}
@media (min-width: 992px) {
  #outerCont,
  #footerCont {
    /*padding-right: 15px;
    padding-left: 15px;*/
    margin-right: auto;
    margin-left: auto;
  }
  .bg-class1 {
    background-image: url(/assets/img/cover_woman_1600x900-min.jpg);
    background-size: cover;
    background-position: center center;
    padding: 20px;
    height: 500px;
  }
  .bg-class2 {
    background-image: url(/assets/img/cover_man_1600x900-min.jpg);
    background-size: cover;
    background-position: center center;
    padding: 20px;
    height: 500px;
  }
  .bg-hero-main {
    height: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 608px;
  }
  .container {
    max-width: 1600px;
  }
  .countdown {
    font-family: "urwdin-black", "Helvetica", "Arial", "sans-serif";
    font-family: 'urwdin-black', 'Helvetica', 'Arial', 'sans-serif';
    color: #FFF;
    opacity: 0.6;
    margin: 0 auto;
    font-size: 6rem;
    line-height: 7rem;
    text-align: center;
  }
  .keyTag {
    top: -200px;
    left: 80px;
  }
  .bg-hero1 {
    background-image: url(/assets/img/hero-teaser-2.jpg);
    background-size: cover;
    background-position: center center;
    padding: 20px;
    height: 568px;
  }
  .megaHeader,
  .ext-sloganblock-slogan {
    font-size: 3.2rem;
    line-height: 3.4rem;
  }
}
@media (min-width: 1200px) {
  .bg-class1 {
    background-image: url(/assets/img/cover_woman_1600x900-min.jpg);
    background-size: cover;
    background-position: center center;
    padding: 20px;
    height: 500px;
  }
  .bg-class2 {
    background-image: url(/assets/img/cover_man_1600x900-min.jpg);
    background-size: cover;
    background-position: center center;
    padding: 20px;
    height: 500px;
  }
  .container {
    max-width: 1600px;
  }
  .countdown {
    font-family: "urwdin-black", "Helvetica", "Arial", "sans-serif";
    font-family: 'urwdin-black', 'Helvetica', 'Arial', 'sans-serif';
    color: #FFF;
    opacity: 0.6;
    margin: 0 auto;
    font-size: 10rem;
    line-height: 11rem;
    text-align: center;
  }
  .keyTag {
    top: -200px;
    left: 80px;
  }
  .bg-hero1 {
    background-image: url(/assets/img/hero-teaser-2.jpg);
    background-size: cover;
    background-position: center center;
    padding: 20px;
    height: 568px;
  }
  .megaHeader,
  .ext-sloganblock-slogan {
    font-size: 3.2rem;
    line-height: 3.4rem;
  }
  .themelist_header {
    color: #65b32e !important;
  }
  .themelist_item {
    color: #333 !important;
  }
  .owl-carousel {
    position: relative;
  }
  .owl-prev,
  .owl-next {
    position: absolute;
    top: 0;
    height: 100%;
    margin-top: -10px;
    color: #fff !important;
  }
  button.owl-prev:focus,
  button.owl-next:focus {
    outline: none;
  }
  button.owl-prev:hover,
  button.owl-next:hover {
    background-color: rgba(1, 1, 1, 0) !important;
  }
  .owl-prev {
    left: 5rem;
  }
  .owl-next {
    right: 5rem;
  }
  .owl-theme .owl-nav [class*="owl-"]:hover {
    background: none;
    color: #a3a4a3 !important;
    text-decoration: none;
  }
}