/*
Theme Name: SchlauFox
Author: Finn Priebe
Author URI: http://www.finnpriebe.de
*/

/*
Blau: #00A1CC; Braun: #422918; Gelb: #FDC610; Dunkelblau: #004576; Dunkelbraun: #2B160B;
*/

/* –––– Font-Definitionen –––– */

@font-face {
  font-family: 'NotoSans';
  src: url('Fonts/NotoSans.eot?#iefix') format('embedded-opentype'),  url('Fonts/NotoSans.woff') format('woff'), url('Fonts/NotoSans.ttf')  format('truetype'), url('Fonts/NotoSans.svg#NotoSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'NotoSans-Bold';
  src: url('Fonts/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),  url('Fonts/NotoSans-Bold.woff') format('woff'), url('Fonts/NotoSans-Bold.ttf')  format('truetype'), url('Fonts/NotoSans-Bold.svg#NotoSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* –––– Ende: Font-Definitionen –––– */

/* –––– Spalten –––– */

html, body {
    margin: 0px;
    width: 100%;
}

#content {
    top: 0px;
    position: absolute;
    width: 100%;
}

.mW {
    width: 100%;
    max-width: 1250px;
}

.cW {
    position: relative;
    width: 100%;
}

.fullCol {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0px 25px 0px 25px;
}

.halfCol {
    position: relative;
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding: 0px 25px 0px 25px;
}

.thirdCol {
    position: relative;
    width: 33.3%;
    box-sizing: border-box;
    float: left;
    padding: 0px 25px 0px 25px;
}

.sixtyPercentCol {
    position: relative;
    width: 66.6%;
    box-sizing: border-box;
    float: left;
    padding: 0px 25px 0px 25px;
}

.twoCSS3Colums {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    -ms-column-gap: 50px;
    -o-column-gap: 50px;
    column-gap: 50px;
}

.threeCSS3Colums {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    -o-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    -ms-column-gap: 50px;
    -o-column-gap: 50px;
    column-gap: 50px;
}

.fullHeight {
    height: 100%;
}

/* –––– Ende: Spalten –––– */

/* –––– Schrift –––– */

h1 {
    border: 10px solid white;
    position: absolute;
    bottom: -42px;
    margin: 0px 0px 0px -10px !important;
}

h1, h2 {
    font-family: 'NotoSans-Bold';
    color: white;
    background-color: #00A1CC;
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 2.1em;
    line-height: 1.2em;
    border-radius: 3px;
    display: inline-block;
    padding: 10px 25px 14px 25px;
    margin: 45px 0px 45px 0px;
}

h3 {
    font-family: 'NotoSans-Bold';
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: white;
    font-size: 1.1em;
    line-height: 1.2em;
    background-color: #2B160B;
    border-radius: 3px;
    display: inline-block;
    padding: 9px 15px 9px 15px;
}   

h4, input, select, textarea, #applicationFormInputs :where(input, select, textarea) {
    font-family: 'NotoSans-Bold';
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: black;
    font-size: 0.9em;
    line-height: 1.6em;
}

h5 {
    font-family: 'NotoSans-Bold';
    font-weight: normal;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: black;
    font-size: 1.1em;
    line-height: 1.2em;
}

p, #applicationFormInputs label, .engagement-layer-checkbox label, .engagement-layer-input label, #applicationFormInputs .frm_primary_label, #applicationFormInputs .frm_description, .selectedFiles ul {
    font-family: 'NotoSans';
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: black;
    font-size: 0.9em;
    line-height: 1.6em;
}

.highlightBlue {
    font-family: 'NotoSans-Bold';
    color: #00A1CC;
}

.highlightBlack {
    font-family: 'NotoSans-Bold';
    color: black;
}

.yellowHighlight {
    font-family: 'NotoSans-Bold';
    color: #004576;
    background-color: #FDC610;
    border-radius: 3px;
    margin-right: 10px;
    padding: 0px 5px 0px 5px;
}

/* –––– Ende: Schrift –––– */

/* –––– Transition –––– */

.trans1 {
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.trans2 {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* –––– Ende: Transition –––– */

/* –––– Sonstiges –––– */

.clear {
    clear: both;
}

hr {
    border: none;
    border-bottom: solid 3px #00A1CC;
    margin: 50px 0px 50px 0px;
}

a {
    color: inherit;
    cursor: pointer;
}

.jumpAnchor {
    position: relative;
    top: -25px;
}

.li::before {
    content: url("Bilder/BP.png");
    display: inline-block;
    left: 0px;
    position: absolute;
}

.li {
    display: block;
    padding-left: 12px;
    position: relative;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.li + br, .li + br + br {
    display: none;
}

.onlySmartphoneBlock, .onlySmartphoneInlineBlock, .onlyTablet {
    display: none;
}

.noColBreak {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
}

.yellowBar {
    background-color: #FDC610;
    color: #004576;
}

.brownBar {
    background-color: #2b160b;
    color: white;
}

.blueBar {
    background-color: #00A1CC;
    color: white;
}

.arrow {
    height: 100%;
    position: absolute;
    top: 0px;
    right: -28px;
}

.insetShadow {
    box-shadow: 0px 0px 15px rgba(0,0,0,0.4) inset;
}

.linkArrow {
    height: 10px;
    width: auto;
    margin-left: 3px;
    position: relative;
    top: 1px;
}

.sliderNav {
    width: 40px;
    height: 40px;
    background-color: #2b160b;
    border-radius: 3px;
    position: relative;
    cursor: pointer;
}

.sliderNav:hover {
    background-color: #00A1CC;
}

.sliderNavToRight {
    position: absolute;
    top: 0px;
    right: 0px;
}

.sliderArrow {
    position: absolute;
    height: 60%;
    width: auto;
    top: 17%;
    left: 30%;
    display: inline-block;
}

.sliderToRight {
    -webkit-transform: scale(-1,1);
    -moz-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    transform: scale(-1,1);
    left: 37%;
}

.noUnderline {
    text-decoration: none;
}

.reloadedContent {
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#stdHeaderImg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 100px;
}

#stdHeaderImg::after {
    content: "";
    display: block;
    padding-bottom: 35%;

}

#stdHeaderImg .fullHeight {
    position: absolute;
    top: 0px;
}

.contentCenter {
    width: 100%;
    text-align: center;
    display: block;
}

.hyphens {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.halfLine, .halfLine2 {
    display: block;
    width: 100%;
    height: 0.8em;
}

.halfLine2 {
    height: 0.7em;
}

.imgContain {
    background-size: contain !important;
}

.teaser2MoreTrigger {
    cursor: pointer;
}

#imprintPart a {
    text-decoration: none;
}

#noscript {
    width: 100%;
    background-color: #00a1cc;
    padding: 10px 0px 10px 0px;
}

#noscript p {
    color: white;
}

.vertDivider {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 3px;
    height: 100%;
    background-color: #00a1cc;
}

.pageNotFound #navCircle, .pageNotFound #footer {
    display: none;
}

.pageNotFound #nav + .cW {
    padding-top: 200px;
}

.pageNotFound h1 {
    position: static;
}

/* –––– Ende: Sonstiges –––– */

/* –––– Navigation –––– */

#nav {
    width: 100%;
    height: 115px;
    background-color: white;
    z-index: 30;
}

body:has([zone="campai"]) :is(#nav, #cookieMsg, #footer, #mobileNavTrigger) {
    display: none;
}

#mainNav {
    position: absolute;
    right: 0px;
    padding-right: 20px;
    bottom: 15px;
    display: flex;
    gap: 10px;
}

#mainNav a {
    text-decoration: none;
}

.nav-item {
    position: relative;
    padding: 5px 10px;
}

.nav-item h3 {
    margin: 0;
    background-color: transparent;
    padding: 0;
    color: black;
}

.nav-item.current {
    background-color: #00A1CC;
    border-radius: 3px;
}

.nav-item.current h3 {
    color: white;
}

.sub-menu {
    position: absolute;
    z-index: 70;
    translate: -20px 0;
    display: none;
}

.nav-item :is(h3:hover, h3:focus) + .sub-menu, .sub-menu:hover, .sub-menu:focus {
    display: block;
}

.sub-menu-gap {
    height: 20px;
}

.sub-menu-body {
    background-color: #00A1CC;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 3px;
    position: relative;
}

.sub-menu-body::before {
    content: '';
    display: block;
    width: 15px;
    height: 10px;
    -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
    background-color: #00A1CC;
    left: 20px;
    position: absolute;
    top: 0;
    translate: 0 -100%;
}

.sub-menu-body p {
    color: white;
    font-family: 'NotoSans-Bold';#
    white-space: nowrap;
    margin: 0;
}

.sub-menu-body a {
    white-space: nowrap;
}

#wrapperDonateArrow {
    position: absolute;
    right: 30px;
    display: inline-block;
    top: 0px;
}

#wrapperDonateArrow:hover {
    right: 20px;
}

#donateArrow, .arrowBar {
    margin: 0px;
    padding-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#moneyIcon {
    width: 30px;
    margin-right: 10px;
    position: relative;
    top: 2px;
}

#metaNav {
    position: absolute;
    left: 28px;
    top: -70px;
}

#metaNav p {
    display: inline-block;
    margin-right: 20px;
}

#logoClaim {
    position: absolute;
    top: 20px;
    z-index: 30;
}

#logo {
    width: 130px;
    height: auto;
}

#logoClaim h5 {
    width: 190px;
    position: absolute;
    top: 52px;
    margin: 0px;
    left: 160px;
}

#nav .thirdCol {
    position: relative;
}

#navCircle {
    position: absolute;
    top: 100%;
    width: 600px;
    height: auto;
    right: 20px;
    z-index: 30;
}

#mainNav h5 span.currNav {
    background-color: #00a1cc;
    color: white;
}

#mobileNavTrigger {
    position: fixed;
    z-index: 80;
    height: 40px;
    background-color: white;
    display: none;
    width: 100%;
    border-bottom: solid 3px #00a1cc;
}

#mobileNavTrigger p {
    position: absolute;
    margin-top: 8px;
    left: 35px;
}

#mobileNavTrigger img {
    position: absolute;
    left: 0;
    width: 20px;
    height: auto;
    top: 10px;
}

#mobileNavTriggerDonateButton {
    font-family: 'NotoSans-Bold';
    font-size: 0.85em;
    position: absolute;
    right: 0;
    background-color: #fdc610;
    color: #004576;
    text-decoration: none;
    padding: 0 8px 3px;
    border-radius: 3px;
    top: 9px;
}

#mobileNavLayer {
    padding-top: 75px;
    background-color: white !important;
}

#mobileNavLayerContent {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#mobileNavLayer p {
    font-family: 'NotoSans-Bold';
    margin: 0;
    cursor: pointer;
}

#mobileNavLayerContent > p {
    font-size: 1.2rem;
}

#mobileNavLayer a {
    text-decoration: none;
}

.mobile-sub-menu {
    display: none;
    flex-direction: column;
    gap: 5px;
}

.mobile-sub-menu p {
    color: #00A1CC;
}

/* –––– Ende: Navigation –––– */

/* –––– Slider –––– */

#slider, #gallerySlider {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 10;
}

#slider.projectsHeaderSlider::after {
    padding-bottom: 35%;
}

#slider::after, #gallerySlider::after {
    content: "";
    display: block;
    padding-bottom: 40%;
}

#gallerySlider::after {
    padding-bottom: 50%;
}

#sliderWrapper, #gallerySliderWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0px;
    z-index: 10;
}

#sliderWrapper div, #gallerySliderWrapper div {
    width: 100%;
    height: 100%;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#sliderSwitchCover, #gallerySliderSwitchCover {
    top: 0px;
    left: 100%;
    background-color: black;
    z-index: 20;
}

#sliderExtraContent {
    z-index: 60;
}

#wrapperForTextBoxShadow {
    position: absolute;
    top: 0px;
    z-index: 20;
}

#wrapperForTextBoxShadow > div {
    position: relative;
}

#wrapperForTextBoxShadow > div > div {
    height: 300px;
    z-index: 55;
    bottom: -220px;
    position: absolute;
    padding-right: 50px;
    width: 100%;
    box-sizing: border-box;
}

#wrapperForTextBoxShadow > div > div > div {
    background-color: white;
    border-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
}

#sliderTextBox {
    background-color: white;
    box-sizing: border-box;
    padding: 25px 25px 0px 25px;
    margin-top: -80px;
    border-radius: 3px;
    z-index: 60;
}

#sliderHeadline {
    margin-bottom: 20px;
    margin-top: 0px;
}

#sliderText {
    margin-top: 0px;
}

#sliderLink {
    text-decoration: none;
}

#sliderNav {
    width: 110px;
    position: absolute;
    top: -20px;
}

#sliderExtraContent .sixtyPercentCol {
    position: absolute;
    left: 33.3%;
}

#slider #projlogoSlider {
    position: absolute;
    background-color: white;
    border-radius: 50px;
    width: 100px;
    height: 100px;
    top: 50px;
    right: 30px;
    bottom: auto;
    padding-right: 0px;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.3);
    opacity: 1;
    overflow: hidden;
}

#slider #projlogoSlider.projlogoSliderInvis {
    opacity: 0;
}

#projlogoSlider img {
    width: 80%;
    height: auto;
    left: 10%;
    top: 10%;
    position: relative;
}

#wrapper-button-mainside-slider {
    z-index: 75;
    height: 100%;
    position: absolute;
    pointer-events: none;
}

#button-mainside-slider {
    position: absolute;
    width: min-content;
    aspect-ratio: 1 / 1;
    background-color: #FDC610;
    rotate: -10deg;
    box-shadow: 0 0 10px rgba(0,0,0,0.25);
    display: grid;
    place-content: center;
    padding: 20px;
    left: 33%;
    bottom: 75px;
    border-radius: 50%;
    pointer-events: all;
    cursor: pointer;
    transition: all 0.2s ease;
}

#button-mainside-slider:hover {
    scale: 1.1;
    box-shadow: 0 0 20px rgba(0,0,0,0.25);
}

#stdHeaderImg #button-mainside-slider {
    bottom: -50px;
    left: auto;
    right: 0;
}

.projHeaderSlider #button-mainside-slider {
    left: 25%;
    bottom: 50px;
}

#button-mainside-slider p {
    color: #004576;
    text-align: center;
    margin: 0;
    font-family: 'NotoSans-Bold';
    line-height: 120%;
    font-size: 1.5rem;
}

/* –––– Ende: Slider –––– */

/* –––– Header SideBoxes –––– */

#headerSideBoxes {
    position: fixed;
    right: 0px;
    bottom: 35px;
    z-index: 70;
}

.headerSideBox {
    background-color: white;
    width: 70px;
    height: 70px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    right: 0px;
    overflow: hidden;
    position: absolute;
}

.headerSideBox:hover {
    width: 200px;
}

#headerSideBox1 {
    bottom: 160px;
}

#headerSideBox4 {
    bottom: 80px;
}

#headerSideBox2 {
    bottom: 0;
}

.headerSideBox img {
    width: 40px;
    height: auto;
    position: absolute;
    top: 15px;
    right: 15px;
}

.headerSideBox p {
    opacity: 0;
    margin: 0px;
    position: absolute;
    left: -115px;
    top: 15px;
    line-height: 1.4em;
    white-space: nowrap;
}

.headerSideBox:hover p {
    opacity: 1;
    left: 15px;
}

/* –––– Ende: Header SideBoxes –––– */

/* –––– Startseite Projektlogos rechts –––– */

#program-logos-right {
    position: fixed;
    background-color: white;
    right: 0;
    width: 100px;
    padding: 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    bottom: 300px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    z-index: 60;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#program-logos-right a, #program-logos-right img {
    display: block;
}

#program-logos-right p {
    text-align: center;
    font-size: 12px;
    margin: 0 0 10px 0;
    line-height: 1em;
    font-family: 'NotoSans-Bold';
}

#program-logos-right img {
    width: 100%;
    height: auto;
}

/* –––– Ende: Startseite Projektlogos rechts –––– */

/* –––– Startseite Einleitung –––– */

#mainPageEntryText {
    position: absolute;
    bottom: 0px;
}

#mainsiteProjLogoWrapper {
    margin-bottom: -30px;
}

#mainsiteProjLogoWrapper .thirdCol {
    height: 50px;
}

#mainsiteProjLogos {
    margin-top: 20px;
    width: 108%;
    position: relative;
}

#mainsiteNewsWrapper h2 {
    margin-top: 0px;    
}

.singleProjLogoMainsite {
    padding-right: 30px;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.singleProjLogoMainsite img {
    width: 100%;
    height: auto;
    opacity: 1;
}

.singleProjLogoMainsite:hover img {
    opacity: 0.7;
}

.singleProjLogoMainsite p {
    text-align: center;
    line-height: 1.1em;
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    padding-right: 30px;
}

/* –––– Ende: Startseite Einleitung –––– */

/* –––– Startseite News –––– */

#mainsiteNews {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    scroll-margin-top: 150px;
}

.singleNewsMainsite {
    width: 100%;
    box-sizing: border-box;
    padding: 0px 25px 0px 25px;
    margin-bottom: 40px;
}

.singleNewsMainsiteImg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 35px;
}

.singleNewsMainsiteImg::after {
    content: "";
    display: block;
    padding-bottom: 60%;
}

.singleNewsMainsite h3, .singleNewsNewssite h3, .singleAward h3 {
    margin: 0px;
    z-index: 10;
}

.singleNewsMainsite h3:last-of-type, .singleNewsNewssite h3:last-of-type {
    margin-left: 40px;
    z-index: 5;
    margin-top: -6px;
    margin-bottom: 20px;
}

.singleNewsMainsite a {
    text-decoration: none;
}

#loadMoreNewsMainsiteTrigger {
    text-align: center;
    cursor: pointer;
    margin: 0px;
}

#lineUnderMainpageNews, #lineAboveSponsorsMainsite, #lineUnderMainpageProjLogos, #lineAboveMainpageContact {
    margin-bottom: 0px;
}

#mainsiteNewsWrapper .singleNewsMainsiteImg, #allNews .singleNewsMainsiteImg, .singleAward .singleNewsMainsiteImg {
    box-sizing: border-box;
    border: solid 1px #DDDDDD;
}

#mainpageNewsHeadline {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/* –––– Ende: Startseite News –––– */

/* –––– Startseite Presse und Auszeichnungen –––– */

#pressAwardsMainsite h2, #sponsorsMainsite h2 {
    margin-top: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

#awardsMainsiteHeadline {
    float: right;
}

#pressMainsite {
    margin-top: 10px;
}

.singleAwardMainsite {
    width: 50%;
    box-sizing: border-box;
    float: left;
    margin-bottom: 20px;
    position: relative;
}

.singleAwardMainsite:nth-of-type(odd) {
    padding-right: 10px;
}

.singleAwardMainsite:nth-of-type(even) {
    padding-left: 10px;
}

.singleAwardMainsite > div {
    background-color: #00A1CC;
    border-radius: 3px;
    width: 100%;
    position: relative;
}

.singleAwardMainsite > div::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.singleAwardMainsite:hover > div {
    background-color: #FDC610;
}

.singleAwardMainsite:hover h4 {
    color: #004576;
}

.singleAwardMainsite a {
    position: absolute;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 10px;
    text-decoration: none;
}

.singleAwardMainsiteImgWrapper {
    background-color: white;
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    border-radius: 2px;
}

.singleAwardMainsiteImg {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    position: relative;
}

.singleAwardMainsiteImg::after {
    content: "";
    display: block;
    padding-bottom: 60%;
}

.singleAwardMainsite h4 {
    color: white;
    text-align: center;
    line-height: 1.4em;
    margin: 10px 0px 0px 0px;
}

#linkToAllAwards {
    margin: 50px 0;
    text-decoration: none;
    display: block;
}

#pressAwardsMainsite .loadMorePressTrigger {
    margin-top: 25px;
}

#selected-awards-home {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 50px;
    width: 100%;
}

#selected-awards-home a {
    display: block;
    background-color: #00A1CC;
    text-decoration: none;
    padding: 10px 10px 0;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
}

#selected-awards-home a:first-child {
    grid-column: auto / span 2;
    grid-row: auto / span 2;
    padding: 25px 25px 0;
}

#selected-awards-home img {
    display: block;
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: cover;
    object-position: center;
    border-radius: 3px;
}

#selected-awards-home a:first-child img {
    aspect-ratio: 24 / 15;
}

#selected-awards-home a > div {
     flex-grow: 1;
     display: flex;
     align-items: center;
}

#selected-awards-home :is(h3, h4) {
    color: white;
    margin: 0;
    text-align: center;
    padding: 15px;
    display: block;
    background-color: transparent;
    width: 100%;
}

#selected-awards-home h3 {
    padding: 25px 15px;
}

#selected-awards-home h4 {
    line-height: 1.2em;
}

/* –––– Ende: Startseite Presse und Auszeichnungen –––– */

/* –––– Presse und ähnliches –––– */

.singlePress, .singleNewsletter {
    position: relative;
    margin-bottom: 15px;
}

.singlePress a, .singleNewsletter a {
    text-decoration: none;
}

.singlePress img, .singleNewsletter img {
    width: auto;
    height: 25px;
    position: absolute;
    top: 8px;
    left: 0px;
}

.singlePress:hover .yellowHighlight, .singleNewsMainsite:hover .yellowHighlight, .singleNewsletter:hover .yellowHighlight {
    color: white;
    background-color: #00a1cc;
}

.singlePress a {
    cursor: pointer;
}

.singlePress h4, .singleNewsletter h4 {
    box-sizing: border-box;
    padding-left: 30px;
    margin: 0px;
}

.loadMorePressTrigger, .loadMoreNewsletterTrigger {
    cursor: pointer;
    box-sizing: border-box;
    padding-left: 30px;
}

#publicationsEntryText {
    margin: 0px 0px 45px 0px;
}

#downloads-section {
    scroll-margin-top: 100px;
}

/* –––– Ende: Presse und ähnliches –––– */

/* –––– Sponsoren Startseite –––– */

#sponsorsMainsite .sixtyPercentCol p {
    margin-top: 0px;
}

#sponsorsMainsiteSliderNav {
    width: 110px;
    position: absolute;
    right: 25px;
}

#sponsorsMainsiteSlider {
    margin-top: 30px;
}

#sponsorsMainsiteSlider::after {
    content: "";
    display: block;
    padding-bottom: 10%;
}

#sMS1, #sMS2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: white;
}

.sponsorsMainpageLogo {
    width: 16.5%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.sponsorsMainpageLogo div {
    width: 70%;
    height: 70%;
    position: relative;
    top: 15%;
    left: 15%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* –––– Ende: Sponsoren Startseite –––– */

/* –––– Galerien Startseite –––– */

#galleryMainsite {
    margin-top: 50px;
}

#galleryMainsite h2 {
    position: absolute;
    right: 15px;
    margin: 0px;
    top: -45px;
    z-index: 60;
    border: solid 10px white;
}

#gallerySliderExtraContent {
    position: absolute;
    top: 0px;
    z-index: 60;
}

#gallerySliderTextBox {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    bottom: 0px;
    padding-right: 50px;
}

#gallerySliderTextBox > div {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
    background-color: white;
    width: 100%;
    box-sizing: border-box;
    padding: 25px 25px 0px 25px;
}

#gallerySliderTextBox .highlightBlue {
    margin-bottom: -5px;
}

#gallerySliderHeadline {
    margin: 0px 0px 5px 0px;
}

#gallerySliderNav {
    position: absolute;
    right: 25px;
    width: 110px;
    top: -20px;
    z-index: 60;
}

/* –––– Ende: Galerien Startseite –––– */

/* –––– Kontakt Startseite –––– */

#contactMainsite h2 {
    margin-top: 0;
}

#mainpageContactData {
    position: relative;
}

#mainpageContactData a {
    text-decoration: none;
}

#newsletter-fox-mainpage {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: auto;
}

#mainpage-newsletter-col {
    padding-left: 100px;
    scroll-margin-top: 100px;
}

/* –––– Ende: Kontakt Startseite –––– */

/* –––– Aktuelles –––– */

.singleNewsNewssiteMirror .singleNewsNewssiteCol1, .awardMirror .singleAwardCol1 {
    float: right;
}

#allNews .singleNewsNewssite:last-of-type hr, #allAwards .singleAward:last-of-type hr {
    display: none;
}

#allNews .singleNewsNewssite hr, #allAwards .singleAward hr {
    margin: 60px 0px;
}

.singleNewsNewssite p, #allNews .singleNewsMainsiteImg, .singleAward p, #allAwards .singleNewsMainsiteImg {
    margin-bottom: 0px;
}

.singleNewsNewssite p a, .singleAward p a {
    text-decoration: none;
    color: #00a1cc;
}

.singleNewsNewssiteSlider {
    position: relative;
    overflow: visible;
}

.singleNewsNewssiteSlide1, .singleNewsNewssiteSlide2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.singleNewsNewssiteSliderContr {
    width: 110px;
    position: absolute;
    bottom: -20px;
    right: 40px;
}

/* –––– Ende: Aktuelles –––– */

/* –––– Über –––– */

#aboutEntryText h3:first-of-type {
    margin-top: 0px;
}

#aboutEntryText h3 {
    margin: 15px 0px 5px 0px;
}

/* –––– Ende: Über –––– */

/* –––– Meilensteine –––– */

#milestones {
    margin-top: 40px;
}

.milestonesCol1 {
    width: 15%;
    float: left;
    box-sizing: border-box;
    height: 20px;
}

.milestonesCol2 {
    width: 75%;
    box-sizing: border-box;
    padding-left: 40px;
    float: left;
}

#milestonesEntry {
    margin-top: -20px;
}

#milestonesEntry hr {
    margin: 30px 0px;
}

.singleMilestone {
    border-left: solid 3px #00a1cc;
    padding-bottom: 25px;
}

.singleMilestone .milestonesCol1 p {
    text-align: right;
}

.singleMilestone p {
    margin: 0px;
}

.milestonePoint {
    width: 11px;
    height: 11px;
    border-radius: 3px;
    background-color: #00a1cc;
    position: absolute;
    left: -7px;
    top: 7px;
}

#milestoneCoverTop {
    width: 11px;
    height: 11px;
    background-color: white;
    position: absolute;
    left: -7px;
}

#milestonesArrow {
    position: absolute;
    bottom: -14px;
    width: 11px;
    height: auto;
    left: -7px;
}

/* –––– Ende: Meilensteine –––– */

/* –––– Stimmen –––– */

[name="stimmen-zu-schlaufox"] {
    scroll-margin-top: 50px;
}

#voicesHeadline {
    margin: 0px 0px 70px 0px;
}

.singlevoice {
    margin-bottom: 50px;
}

.singlevoiceCol1 {
    width: 35%;
    float: left;
}

.singlevoiceCol2 {
    width: 65%;
    float: left;
    box-sizing: border-box;
    padding-left: 40px;
}

.sqrImg {
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #DDDDDD;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.sqrImg::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.singlevoice h3 {
    color: #004576;
    background-color: #fdc610;
    margin: 0px 0px 5px 0px;
}

.singlevoice p:last-of-type {
    margin-bottom: 0px;
}

.singlevoiceCol1 img {
    width: 70px;
    height: auto;
    position: absolute;
    right: -15px;
    bottom: -15px;
}

/* –––– Ende: Stimmen –––– */

/* –––– Programme –––– */

#projH1Wrapper h1 {
    z-index: 60;
}

#currentProj {
    margin-top: 80px;
}

#currentProj .jumpAnchor {
    scroll-margin-top: 50px;
}

.singleProj h2 {
    margin-top: 0px;
}

.singleProjHeadlinePart h3 {
    background-color: transparent;
    font-size: 1.5em;
    color: #422918;
    padding-left: 20px;
    margin-top: 0px;
}

.singleProj .singleNewsMainsiteImg {
    position: relative;
    overflow: visible;
    margin-top: 5px;
    border: solid 1px #DDDDDD;
    box-sizing: border-box:;
}

.circleAroundLogo {
    position: absolute;
    width: 100px;
    height: 100px;
    background-color: white;
    border-radius: 50px;
    right: -25px;
    bottom: -25px;
    overflow: hidden;
}

.circleAroundLogo img {
    width: 80%;
    height: auto;
    position: absolute;
    left: 10%;
    top: 10%;
}

.projReadMore {
    cursor: pointer;
    color: #004576;
    background-color: #FDC610;
    margin-bottom: 0px;
}

.projReadMore:hover {
    color: white;
    background-color: #00a1cc;
}

.singleProjTeaserContent {
    position: absolute;
    top: 0px;
}

.singleProjTeaserContent p {
    margin: 0px;
}

.singleProj > hr {
    margin: 60px 0px;
}

.singleProj:last-of-type > hr, .singleOldProj:last-of-type > hr {
    display: none;
}

.singleProjAllContent {
    position: relative;
    overflow: hidden;
    max-height: 230px;
    opacity: 0;
    margin-bottom: 30px;
    pointer-events: none;
}

.singleProjAllContent a {
    text-decoration: none;
}

.projOut .singleProjAllContent {
    max-height: 2000px;
    opacity: 1;
}

.projOut .singleProjTeaserContent {
    opacity: 0;
}

.projOutComplete .singleProjAllContent {
    max-height: none;
    pointer-events: all;
}

.singleProj p a {
    color: #00a1cc;
}

.projWhereTitle {
    margin-top: 0px;
}

.singleProjAllContent .thirdCol hr {
    border-bottom: solid 3px #422918;
    margin: 30px 0px;
}

.smallSlider {
    position: relative;
    width: 70%;
    left: 15%;
    margin: 30px 0px 30px 0px;
}

.smallSlider::after {
    content: "";
    display: block;
    padding-bottom: 50%;
}

.smallSlider1, .smallSlider2, .smallSlider2BG {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.smallSlider2BG {
    background-color: white;
}

.smallSliderNav {
    position: relative;
    width: 100px;
    left: 50%;
    margin-left: -50px;
}

.smallSliderText {
    text-align: center;
    margin-bottom: 25px;
}

.supporterSlider + .smallSliderText {
    display: none;
}

.arrowBarWrapper {
    display: inline-block;
    position: relative;
    margin-left: -10px;
    cursor: pointer;
}

.arrowBarWrapper:hover {
    margin-left: 5px;
}

.projArrowBarWrapper {
    margin-bottom: 25px;
}

.singleProj .projArrowBarWrapper:hover {
    margin-left: -10px !important;
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
}

.projArrowBarWrapper h3 {
   width: 205px;
}

#oldProjHeadlineLine {
    margin-bottom: 0px;
}

#oldProjHeadline {
    margin-top: 0px;
    float: right;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    scroll-margin-top: 50px;
}

.singleOldProj h3 {
    border: solid 5px white;
    margin: 0px 0px 0px 35px;
    position: relative;
    top: 22px;
}

.singleOldProj p {
    margin-top: 45px;
}

.hiddenText {
    display: none;
}

.singleOldProj .projReadMore {
    margin: -10px 0px 20px 0px;
}

#sliderNavProjWrapper {
    position: absolute;
    z-index: 55;
}

#sliderNavProj {
    width: 110px;
    position: absolute;
    right: 25px;
    margin-top: -20px;
}

/* –––– Ende: Programme –––– */

/* –––– Team –––– */

.teamPartLines {
    margin-bottom: 0px;
}

#mainmembersHeadline, #secmembersHeadline, #bfdHeadline {
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    scroll-margin-top: 50px;
}

#mainmembersHeadline, #bfdHeadline {
    /*float: right;*/
}

#directorateHeadline {
    margin-top: -30px;
}

.singlePerson {
    position: relative;
    width: 25%;
    box-sizing: border-box;
    float: left;
    padding: 0px 40px 0px 40px;
    cursor: pointer;
    margin: 30px 0px 0px 0px;
    min-height: 400px;
}

.persons4line::after {
    content: " ";
    display: block;
    clear: both;
}

.roundImg {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 200px;
}

.roundImg::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.singlePerson img {
    width: 14px;
    height: auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.singlePerson h3 {
    margin: 25px 0px 0px 0px;
}

.singlePerson p {
    margin-bottom: 10px;
}

.singlePerson img {
    position: relative;
    top: 0px;
}

.singlePerson:hover img {
    top: 10px;
}

#personDetails {
    background-color: #00a1cc;
    overflow: hidden;
    max-height: 0px;
    clear: both;
    border-top: solid 0px white;
    border-bottom: solid 0px white;
}

#personDetails > .cW {
    padding: 40px 0px 40px 0px;
}

#personDetails.personDetailsOut {
    max-height: 2000px;
    border-top: solid 25px white;
    border-bottom: solid 10px white;
}

#personDetails.personDetailsOutCompl {
    max-height: none;
}

#personDetails .sqrImg {
    box-sizing: border-box;
    border: solid 5px white;
}

#personDetails .sliderNav {
    position: absolute;
    top: 0px;
    right: 0px;
}

#personDetails .sliderNav:hover {
    background-color: #2b160b;
}

#personDetails .sliderArrow {
    left: 20%;
}

#personDetails h2 {
    background-color: white;
    color: #00a1cc;
    margin: 0px 0px 20px 0px;
}

#personDetails p {
    color: white;
}

#personDetailsProj {
    height: 65px;
    margin-top: 20px;
}

#personDetailsProj img {
    height: 100%;
    width: auto;
    margin-right: 15px;
}

#personDetailsText .li::before {
    content: url("Bilder/BP_white.png");
}

#personDetails hr {
    border-bottom: solid 2px white;
    margin: 25px 0px 25px 0px;
}

.personDetailsNoLogo {
    display: inline-block;
    margin: 0px 10px 0px 10px;
    position: relative;
    top: -30px;
}

.team3line .singlePerson {
    position: relative;
    left: 12.5%;
}

.team2line .singlePerson {
    position: relative;
    left: 25%;
}

#ehrenamtlicheText {
    position: absolute;
    left: 54%;
    width: 46%;
    top: 10px;
}

.highlightedContactInfo {
    background-color: #422918;
    padding: 0 0.3em;
    border-radius: 2px;
    margin-left: 0.5em;
    display: inline-block;
}

/* –––– Ende: Team –––– */

/* –––– Auszeichnungen –––– */

.singleAward h3 {
    margin-bottom: 20px;
}

/* –––– Ende: Auszeichnungen –––– */

/* –––– Förderer –––– */

#supporterEntryText > .halfCol > p {
    margin-top: 0px;
}

#supporterPerson1 {
    padding-left: 0px;
}

#supporterPerson2 {
    padding-right: 0px;
}

#supporterPerson2 .horLine {
    height: 60%;
    width: 3px;
    background-color: black;
    top: 20%;
    left: -5px;
    position: absolute;
}

#allSupporter {
    margin-top: 50px;
}

.supporter6line {
    content: "";
    display: block;
    padding-bottom: 10%;
}

.supporter6line2 {
    position: absolute;
    width: 100%;
    height: 100%;
}

#allSupporter .sponsorsMainpageLogo div {
    cursor: pointer;
}

#supporterDetails {
    background-color: #00a1cc;
    border-top: 0px solid white;
    border-bottom: 0px solid white;
    max-height: 0px;
    overflow: hidden;
    position: relative;
}

#supporterDetails .fullCol {
    padding: 30px 50px;
}

#supporterDetails h3 {
    background-color: white;
    color: #00a1cc;
    margin-top: 0px;
}

#supporterDetails .highlightBlue {
    color: white;
}

#supporterDetails .fullCol > div {
    float: left;
}

#supporterDetails .fullCol > div:nth-of-type(1), #supporterDetails .fullCol > div:nth-of-type(2) {
    margin-right: 40px;
}

#supporterDetails .fullCol .clear {
    float: none;
}

#supporterDetailsWeblink p {
    margin: 0px;
}

#supporterDetailsProjHeadlineCol p {
    margin: 10px 0px 0px 0px;
}

#supporterDetails.supporterDetailsOut {
    border-top: 35px solid white;
    border-bottom: 25px solid white;
    max-height: 500px;
}

#supporterDetailsProj img {
    height: 80px;
    width: auto;
    margin-right: 25px;
}

#supporterDetailsProj .personDetailsNoLogo {
    color: white;
    margin-top: 63px;
}

.onlyOneContactPersonSupporter #supporterPerson1 {
    width: 100%;
    padding-right: 0px;
}

.onlyOneContactPersonSupporter #supporterPerson2 {
    display: none;
}

/* –––– Ende: Förderer –––– */

/* –––– Mitmachen! –––– */

#takeAktionEntry h3 {
    margin-top: 0px;
}

#takeAktionEntry h2 {
    margin-top: 0px;
    background-color: #fdc610;
    color: #004576;
    text-transform: uppercase;
    position: relative;
    left: 0px;
    padding-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

#takeAktionEntry h2:hover {
    left: 15px;
}

#takeAktionEntry h2 img {
    top: 0px;
    right: -50px;
}

.singleJobLogo {
    width: 60px;
    height: auto;
    position: absolute;
}

.singleJobHeadline {
    margin: 10px 0px 0px 80px;
    background-color: #00a1cc;
    color: white;
}

.singleJobSubline {
    margin: 30px 0px 0px 0px;
}

.singleJobText {
    margin-top: 0px;
}

.singleJob .arrowBarWrapper {
    margin-left: 0px;
    margin-top: 10px;
}

.singleJob .arrowBarWrapper:hover {
    margin-left: 10px;
}

.singleJob hr {
    margin: 40px 0px 45px 0px;
}

.singleJob:last-of-type hr {
    display: none;
}

.singleJobNewHeader {
    display: flex;
    align-items: start;
    gap: 30px;
}

.singleJobNewHeader img {
    width: 60px;
    height: auto;
    flex-shrink: 0;
    translate: 0 10%;
}

.singleJobNewHeader h3 {
    background-color: #00A1CC;
}

.singleJobNewReadMore {
    cursor: pointer;
}

.singleJobNewContent {
    margin: 25px 0;
    display: none;
}

.singleJobNew .arrowBarWrapper {
    margin-left: 0;
}

.singleJobNew input[type="button"] {
    margin-top: 15px;
}

#dividerUnderTakeAktionEntry {
    margin: 35px 0px 65px 0px;
}

#jobFilterEntryText p {
    margin: 0px 0px 30px 0px;
}

#headlineEhrenamtNeu {
    margin-bottom: 25px;
}

#ordentlicheMitgliederUndFoerdermitglieder > .cW > .halfCol:nth-of-type(1) {
    padding-left: 0px;
}

#ordentlicheMitgliederUndFoerdermitglieder > .cW > .halfCol:nth-of-type(2) {
    padding-right: 0px;
}

#ordentlicheMitgliederUndFoerdermitglieder .arrowBarWrapper {
    margin-left: 0px;
}

#ordentlicheMitgliederUndFoerdermitglieder .arrowBarWrapper:hover {
    margin-left: 15px;
}

#ordentlicheMitgliederUndFoerdermitgliederArrows .arrowBarWrapper {
    margin-top: 10px;
}

#ordentlicheMitgliederUndFoerdermitgliederTexts .arrowBarWrapper {
    display: none;
}

#jobsEhrenamt {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 50px;
    margin-top: 25px;
}

#jobsEhrenamt .singleJob > hr {
    display: none;
}

/* –––– Ende: Mitmachen! –––– */

/* –––– Bewerbungsformulare –––– */

#applicationForm {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
    top: 0;
    left: 0;
    overscroll-behavior: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
    z-index: 90;
}

#applicationForm, #applicationForm * {
    box-sizing: border-box;
}

#applicationForm > div {
    margin: auto 0;
    width: 100%;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}

#applicationForm > div > div {
    background-color: white;
    padding: 40px 50px 50px;
    width: 600px;
}

#applicationForm > div > div > *:first-child, .htmlContent > *:first-child {
    margin-top: 0;
}

#applicationForm > div > div > *:last-child, .htmlContent > *:last-child {
    margin-bottom: 0;
}

#applicationFormClose {
    position: fixed;
    top: 50px;
    right: 50px;
    width: 25px;
    height: 25px;
    cursor: pointer;
}

#applicationFormPreTitle {
    margin-bottom: 0;
}

#applicationFormTitle {
    margin-bottom: 35px;
}

#applicationFormInputs {
    margin-top: 25px;
}

#applicationFormInputs textarea {
    height: 150px;
}

#applicationFormInputs *:focus {
    box-shadow: none;
    outline: none;
}

#applicationFormInputs .frm_form_field {
    margin-bottom: 20px;
}

#applicationFormInputs :is(input, select, textarea), #applicationFormInputs .frm_form_subfield-first, #applicationFormInputs .frm_form_subfield-last {
    margin-bottom: 0;
}

#applicationFormInputs input[type="checkbox"], #applicationFormInputs input[type="radio"] {
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    top: 5px;
}

#applicationFormInputs input[type="radio"] {
    border-radius: 50%;
}

#applicationFormInputs input[type="checkbox"]:checked::after, #applicationFormInputs input[type="radio"]:checked::after {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#applicationFormInputs input[type="checkbox"]:checked::after {
    content: url('/wp-content/themes/schlaufox/Bilder/applicationFormCheckedCheckbox.svg');
}

#applicationFormInputs input[type="radio"]:checked::after {
    content: url('/wp-content/themes/schlaufox/Bilder/applicationFormCheckedRadio.svg');
}

#applicationFormInputs .frm_required {
    color: black;
    font-weight: normal;
}

.applicationFormInputError * {
    color: red !important;
}

.applicationFormInputError :is(input, select, textarea) {
    border-color: red !important;
}

.hide {
    opacity: 0;
}

.hide, .hide * {
    pointer-events: none !important;
}

.frm_primary_label {
    font-family: 'NotoSans-Bold' !important;
}

.frm_description {
    margin-bottom: 10px;
}

input[type="file"], .frm_form_field:not(.filesAreSelected) .selectedFiles, .filesAreSelected .filesInputDropArea {
    display: none !important;
}

.filesInputDropArea {
    height: 100px;
    border: dashed 3px #422918;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.filesInputDropArea:hover, .highlightDropArea {
    background-color: rgba(0,0,0,0.1);
}

.filesInputDropArea * {
    pointer-events: none;
}

.selectedFiles {
    padding: 20px 20px 25px;
    background-color: rgba(0,0,0,0.1);
    border-radius: 3px;
}

.selectedFiles > *:first-child {
    margin-top: 0;
}

.selectedFiles > *:last-child {
    margin-bottom: 0;
}

.selectedFiles .yellowHighlight {
    cursor: pointer;
    white-space: nowrap;
    width: min-content;
    margin-top: 20px;
}

.selectedFiles ul {
    padding-left: 15px;
}

#applicationFormInputs .checkboxColumns {
    margin-bottom: 30px;
}

.checkboxColumns .frm_opt_container {
    column-count: 2;
    column-gap: 25px;
}

.with_frm_style .frm_checkbox input[type="checkbox"]::before {
    display: none !important;
}

#applicationForm input[type="radio"]:checked::before, #applicationForm input[type="checkbox"]:checked::before {
    display: none !important;
}

/* –––– Ende:  Bewerbungsformulare –––– */

/* –––– Newsletter –––– */

#newsletterFox {
    width: 100%;
    height: auto;
    margin-top: 50px;
}

#newsletterEntrySubline1, #newsletterEntrySubline2, #newsletterEntryText {
    margin-top: 0px;
}

#newsletterForm {
    margin-top: 30px;
}

#newsletterForm p {
    margin-top: 0px;
}

#newsletterEntrySubline2 {
    margin-bottom: 45px;
}

/* –––– Ende: Newsletter –––– */

/* –––– Presse –––– */

#pressSiteContent h3 {
    margin: 0px 0px 35px 0px;
}

#downloads .singleAwardMainsiteImgWrapper {
    background-color: #00a1cc;
}

#downloads .singleAwardMainsiteImg::after {
    padding-bottom: 75%;
}

#downloads .singleAwardMainsite:hover .singleAwardMainsiteImgWrapper {
    background-color: #fdc610;
}

/* –––– Ende: Presse –––– */

/* –––– Spenden und Fördermitgliedschaft –––– */

#donateContent > .sixtyPercentCol > .halfCol:nth-of-type(1), #donateContent > .sixtyPercentCol > .halfCol:nth-of-type(4) {
    padding-left: 0px;
}

#donateContent > .sixtyPercentCol > .halfCol:nth-of-type(2), #donateContent > .sixtyPercentCol > .halfCol:nth-of-type(5) {
    padding-right: 0px;
}

#donateContent > .sixtyPercentCol > .halfCol h3, #donateContent > .thirdCol > h3 {
    margin-top: 0px;
}

#donateContent .arrowBarWrapper {
    margin: 20px 0px 0px 0px;
}

#donateContent .arrowBarWrapper:hover {
    margin-left: 10px;
}

.colouredBox {
    box-sizing: border-box;
    width: 100%;
    padding: 20px;
    border-radius: 3px;
    margin: 30px 0px 30px 0px;
}

.colouredBox p {
    margin: 0px;
}

#bankBox {
    background-color: #fdc610;
}

#bankBox p {
    color: #004576;
}

#registerBox {
    background-color: #00a1cc;
}

#registerBox p {
    color: white;
}

#donateExtraImg {
    border-radius: 3px;
    width: 100%;
    height: auto;
}

#godfatherPart h3 {
    margin-top: 0px;
}

.singleModel > p.yellowHighlight {
    display: inline-block;
    margin-bottom: 0px;
}

.singleModelShort > p.highlightBlue {
    cursor: pointer;
}

.singleModelShort > p a, .singleModelLong > p a {
    text-decoration: none;
    color: #00a1cc;
}

.singleModelShort {
    max-height: 1000px;
    overflow: hidden;
    opacity: 1;
    position: relative;
}

.singleModelLong {
    position: relative;
    overflow: hidden;
    max-height: 0px;
    opacity: 0;
}

.modelOut .singleModelShort {
    max-height: 0px;
    opacity: 0;
}

.modelOut .singleModelLong {
    max-height: 2000px;
    opacity: 1;
}

.modelOutCompl .singleModelLong {
    max-height: none;
}

#paypal-wrapper {
    display: flex;
    align-items: center;
}

#paypal-wrapper > p {
    margin: 0 0 0 -5px;
    translate: 0 25%;
}

/* –––– Ende: Spenden und Fördermitgliedschaft –––– */

/* –––– Galerien –––– */

#galeriesSelColMobile {
    display: none;
}

#galeriesSelCol .arrowBarWrapper {
    margin-bottom: 20px;
    cursor: pointer;
    margin-left: 0px;
}

#galeriesSelCol .arrowBar {
    padding-right: 15px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

#galeriesSelCol .arrow {
    max-width: 0px;
}

#galeriesSelCol .arrowBarWrapper:hover {
    margin-left: 0px;
}

.highlightGalPoint {
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    left: -20px;
    top: 15px;
    background-color: black;
    display: none;
}

.highlightGalSel .highlightGalPoint {
    display: block;
}

#highlightGalText {
    margin: 0px 0px 30px 0px;
}

#galDescr {
    margin: 0px 0px 40px 0px;
}

.galBArrow {
    opacity: 1;
}

.galYArrow {
    opacity: 0;
}

#galeriesSelCol .selGal .arrowBar {
    background-color: #fdc610;
    color: #004576;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}

#galeriesSelCol .selGal .arrow {
    max-width: 50px;
}

#galeriesSelCol .selGal .galYArrow {
    opacity: 1;
}

#galeriesSelCol .selGal .galBArrow {
    opacity: 0;
}

.singleGalImg img {
    width: 100%;
    height: auto;
    margin-bottom: 50px;
    opacity: 0;
    cursor: pointer;
    border-radius: 3px;
}

.singleGalImg img.b-loaded {
    opacity: 1;
}

#galImgsCol1 {
    padding-left: 0px;
}

#galImgsCol2 {
    padding-right: 0px;
}

/* –––– Ende: Galerien –––– */

/* –––– Img-Viewer –––– */

#cinema {
    display: block !important;
}

#cinemaBG {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

#cinemaImg {
    position: absolute;
    width: 0px;
    height: 0px;
    left: 50%;
    top: 50%;
    margin-left: 0px;
    margin-top: 0px;
    cursor: default;
}

#cinemaImg1, #cinemaImg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 3px;
}

#cinemaImg2 {
    opacity: 0;
}

#cinemaNav1, #cinemaNav2 {
    position: absolute;
    top: 50%;
    margin-top: -20px;
}

#cinemaNav1 {
    left: 20px;
}

#cinemaNav2 {
    right: 20px;
}

#cinemaClose {
    right: 20px;
    position: absolute;
    top: 20px;
}

#cinemaClose .sliderArrow {
    left: 20%;
}

/* –––– Ende: Img-Viewer –––– */

/* –––– Formulare –––– */

input, select, textarea, #applicationFormInputs :where(input, select, textarea) {
    width: 100%;
    height: 40px;
    border: solid 3px #422918;
    margin-bottom: 25px;
    border-radius: 3px;
    box-sizing: border-box;
    padding-left: 10px;
    background-color: transparent;
    z-index: 5;
}

textarea {
    padding-top: 10px;
    resize: vertical;
    padding-left: 15px;
}

select {
    padding-left: 5px;
}

.dropdownArrow {
    height: 34px;
    width: auto;
    position: absolute;
    top: 3px;
    right: 3px;
    pointer-events: none;
}

input[type=submit], #applicationFormInputs input[type=submit], input[type=button] {
    color: white;
    background-color: #00a1cc;
    border: none;
    cursor: pointer;
}

input[type=submit]:hover, #applicationFormInputs input[type=submit]:hover, input[type=button]:hover {
    background-color: #FDC610;
    color: #004576;
}

.checkboxWrapper {
    margin: 10px 0px 10px 0px;
}

input[type=checkbox] {
    display: none;
}

label.checkboxLab {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

label.checkboxLab::before {
    content: url('Bilder/check.png');
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0px;
    bottom: -5px;
}

input[type=checkbox]:checked + label.checkboxLab::before {
    content: url('Bilder/checkSel.png');
}

.checkLabel {
    display: inline-block;
    margin: 0px 0px 0px 40px;
    position: relative;
    top: -30px;
}

::-webkit-input-placeholder {
    color: black;
    opacity: 1;
}

:-moz-placeholder {
    color: black;
    opacity: 1;
}

::-moz-placeholder {
    color: black;
    opacity: 1;
}

:-ms-input-placeholder {
    color: black;
    opacity: 1;
}

/* –––– Ende: Formulare –––– */

/* –––– Nachricht –––– */

#message, #cinema, #mobileNavLayer, #videoPlayer, #audioPlayer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgba(255,255,255,0.85);
    z-index: 95;
    opacity: 0;
    display: none;
    cursor: pointer;
}

#message > div {
    position: relative;
    width: 30%;
    left: 35%;
    top: 40%;
    background-color: #00A1CC;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
}

#message p {
    margin: 0px;
    color: white;
    font-family: 'NotoSans-Bold';
}

/* –––– Ende: Nachricht –––– */

/* –––– Footer –––– */

#footer {
    padding-bottom: 50px;
}

#footer hr {
    border-bottom: solid 3px #422918;
    margin-bottom: 10px;
}

#footer p {
    margin: 15px 0px 30px 0px;
}

#footerRight {
    position: absolute;
    right: 0px;
    top: -3px;
}

#footer a > img, #footer h4 {
    display: inline-block;
    margin-left: 15px;
}

#footer a > img {
    width: 20px;
    height: auto;
    position: relative;
    top: 5px;
}

#footer h4 {
    margin-top: 0px;
}

/* –––– Ende: Footer –––– */

/* –––– Engagement-Layer –––– */

#engagement-layer, #engagement-layer * {
    box-sizing: border-box;
}

#engagement-layer {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
    top: 0;
    left: 0;
    overscroll-behavior: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: scroll;
    z-index: 90;
    padding: 50px 0;
    opacity: 0;
    pointer-events: none;
}

#engagement-layer.show {
    opacity: 1;
    pointer-events: all;
}

#engagement-layer-box {
    margin: auto 0;
    background-color: white;
    width: 500px;
    border-radius: 3px;
    padding: 35px;
}

#engagement-layer-box > *:first-child {
    margin-top: 0;
}

#engagement-layer-box > *:last-child {
    margin-bottom: 0;
}

#engagement-layer-box-close {
    filter: invert(100%);
    width: 20px;
    aspect-ratio: 1 / 1;
    float: right;
    cursor: pointer;
    translate: 50% -50%;
}

#engagement-layer-box-close::after {
    clear: both;
}

.engagement-layer-checkbox {
    margin: 10px 0;
    display: grid;
    grid-template-columns: min-content 1fr;
    gap: 15px;
}

.engagement-layer-checkbox input {
    display: block;
    width: 25px;
    aspect-ratio: 1 / 1;
    margin: 0;
    accent-color: #00A1CC;
    height: auto;
}

.engagement-layer-input input {
    margin-bottom: 15px;
}

.engagement-layer-input label {
    margin-bottom: 5px;
    display: block;
}

#engagement-layer-box [type="submit"] {
    margin-top: 25px;
}

/* –––– Ende: Engagement-Layer –––– */

/* –––– Video-Player/Audio-Player –––– */

#videoPlayer .wp-video {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
}

#videoPlayer .wp-video video {
    max-width: 100%;
}

#videoPlayerBG, #audioPlayerBG {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

#audioPlayerWrapper {
    width: 50%;
    position: absolute;
    left: 25%;
    top: 45%;
}

/* –––– Piwik –––– */

#piwikBody, #piwikBody p {
    font-size: 14.4px !important;
}

#piwikBody input {
    display: inline;
    width: 30px;
    height: 30px;
}

#cookieMsg {
    position: fixed;
    width: 100%;
    background-color: rgb(0, 161, 204);
    bottom: -100px;
    left: 0;
    z-index: 80;
}

#cookieMsg p {
    padding: 20px 30px;
    color: white;
    margin: 0;
}

#cookieMsg.cookieMsgOut {
    bottom: 0px;
}

#cookieMsg a {
    padding: 0 10px;
    display: inline-block;
}

/* –––– Ende: Video-Player/Audio-Player –––– */

/* ––––––––––––––––––– Media-Queries –––––––––––––––––––– */

@media screen and (min-width: 1200px) {

.mW {
    left: 50%;
    margin-left: -625px;
}

}

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

#headerSideBoxes {
    transform-origin: 100% 100%;
    scale: 0.75;
}

#button-mainside-slider p {
    font-size: 1.25rem;
}

#program-logos-right {
    bottom: 250px;
    transform-origin: 100% 100%;
    scale: 0.7;
}

#stdHeaderImg #button-mainside-slider {
    bottom: -35px;
    right: 10%;
}

.projHeaderSlider #button-mainside-slider {
    bottom: 25px;
}

}

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

#sliderNavProj {
    right: 33%;
    margin-right: -130px;
}

}

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

#footer h4 {
    margin-left: 10px;
}

#takeAktionEntry h2 img {
    right: -47px;
}

.mW {
    left: 2%;
    margin-left: 0px;
    width: 96%;
}

#logoClaim h5, .singleAwardMainsite h4, .tabletNone {
    display: none;
}

#mainNav {
    gap: 5px;
}

.fullCol, .halfCol, .thirdCol, .sixtyPercentCol, .singleNewsMainsite {
    padding: 0px 20px 0px 20px;
}

.twoCSS3Colums, .threeCSS3Colums {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    -ms-column-gap: 40px;
    -o-column-gap: 40px;
    column-gap: 40px;
}

h1, h2 {
    font-size: 1.9em;   
}

h3 {
    font-size: 1em;
    padding: 8px 15px 10px 15px;
}

p, h4, input, select, textarea, #applicationFormInputs :where(input, select, textarea) {
    font-size: 0.85em;
}

#donateArrow {
    padding-top: 7px;
    padding-bottom: 10px;
}

.singlePress h4, .singleNewsletter h4 {
    padding-left: 25px;
}

.singleAwardMainsite:nth-of-type(2n+1) {
    padding-right: 5px;
}

.singleAwardMainsite:nth-of-type(2n) {
    padding-left: 5px;
}

.singleAwardMainsite {
    margin-bottom: 10px;
}

.singleAwardMainsiteImg::after {
    padding-bottom: 120%;
}

#mainNav h5 span.currNav {
    background-color: transparent;
    color: black;
}

.singlevoiceCol2, .milestonesCol2 {
    padding-left: 30px;
}

.singlevoice {
    margin-bottom: 40px;
}

.projReadMore {
    margin-top: 30px;
}

.singleProjHeadlinePart h3 {
    font-size: 1em;
    position: relative;
    top: -5px;
}

.singlePerson {
    padding: 0px 25px;
    min-height: 350px;
}

#supporterPerson2 .horLine {
    left: -20px;
    height: 70%;
    top: 15%;
}

#message > div {
    left: 30%;
    width: 40%;
}

#downloads .singleAwardMainsite h4 {
    display: block;
}

#downloads .singleAwardMainsiteImg::after {
    padding-bottom: 60%;
}

#metaNav {
    left: 25px;
}

#ehrenamtlicheText {
    top: 5px;
    left: 60%;
    width: 40%;
}

#stdHeaderImg #button-mainside-slider {
    right: 15%;
}

.projHeaderSlider #button-mainside-slider {
   left: 22%;
}

}

/* Geringe Höhe */
@media screen and (max-height: 725px) {

#program-logos-right {
    transform-origin: 100% 100%;
    scale: 0.5;
}

}

/* Noch geringe Höhe */
@media screen and (max-height: 625px) {

#program-logos-right {
    display: none;
}

}

/* Tablet */
@media screen and (max-width: 1100px) {

#selected-awards-home h4 {
    padding: 15px 0;
}

#downloads-link-footer {
    display: none;
}

#footer a > img {
    margin-left: 5px;
}

#jobsEhrenamt {
    grid-row-gap: 40px;
}

.singleJobSubline {
    margin: 20px 0px 0px 0px;
}

.singleJobNewHeader {
    gap: 25px;
}

#button-mainside-slider {
    left: 35%;
    bottom: 50px;
}

#button-mainside-slider p {
    font-size: 1rem;
}

#stdHeaderImg #button-mainside-slider {
    right: 10%;
}

.projHeaderSlider #button-mainside-slider {
   left: 28%;
}

.pageNotFound #nav + .cW {
    padding-top: 150px;
}

}

/* Smartphone */
@media screen and (max-width: 900px) {

#headerSideBoxes {
    display: none;
}

#mainsiteNews {
    grid-template-columns: 1fr;
}

.halfCol, .thirdCol, .sixtyPercentCol {
    width: 100%;
    float: none;
    padding: 0px;
}

.twoCSS3Colums, .threeCSS3Colums {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    -ms-column-count: 1;
    -o-column-count: 1;
    column-count: 1;
}

.mW {
    left: 5%;
    width: 90%;
}

.singleNewsMainsite {
    width: 100%;
    float: none;
    padding: 0px;
}

#nav, #sliderTextBox, #sliderNav, #wrapperForTextBoxShadow, .singlePress br, .singleNewsletter br, .smartphoneNone, .teamPartLines, #personDetails .sliderNav, #personDetailsImg, .singlePerson img, #takeActionBigArrow {
    display: none;
}

#mobileNavTrigger {
    display: block;
}

#sliderExtraContent .sixtyPercentCol {
    left: 0%;
    position: relative;
}

#mainPageEntryText {
    position: relative;
    bottom: auto;
    margin-top: 30px;
}

#mainsiteProjLogoWrapper .thirdCol {
    height: 0px;
}

#mainsiteProjLogos {
    width: 105%;
}

.singleProjLogoMainsite {
    padding-right: 10px;
}

#mainsiteNewsWrapper > .fullCol {
    padding: 0px;
}

#mainsiteNewsWrapper h2 {
    margin: 40px 0px 30px 0px;
}

h3 {
    font-size: 0.85em;
}

.singleNewsMainsiteImg {
    margin-bottom: 25px;
}

h1, h2 {
    font-size: 1.4em;
    padding: 7px 15px 11px;
}

.singleNewsMainsite p {
    margin-top: 0px;
}

.singleNewsMainsite h3:last-of-type, .singleNewsNewssite h3:last-of-type {
    margin-left: 20px;
}

#loadMoreNewsMainsiteTrigger {
    text-align: left;
    margin: -20px 0px 35px 0px;
}

#pressAwardsMainsite h2, #sponsorsMainsite h2 {
    margin-bottom: 30px;
}

#pressAwardsMainsite .loadMorePressTrigger {
    padding: 0px;
    margin: 10px 0px 40px 0px;
}

#awardsMainsiteHeadline {
    float: none;
}

#pressAwardsMainsite h2, #sponsorsMainsite h2 {
    border-top-right-radius: 3px;
    border-top-right-radius: 0px;
}

#lineUnderMainpageNews, #lineAboveSponsorsMainsite, #lineAboveMainpageContact {
    display: none;
}

#pressAwardsMainsite .sixtyPercentCol h2 {
    margin-top: 60px;
}

#sponsorsMainsite .fullCol {
    padding: 0px;
}

#sponsorsMainsite h2 {
    margin: 30px 0px 20px 0px;
}

#sponsorsMainsiteSliderNav {
    position: relative;
    right: auto;
    margin-top: 20px;
    left: 50%;
    margin-left: -55px;
}

#sponsorsMainsiteSlider::after {
    padding-bottom: 20%;
}

.sponsorsMainpageLogo {
    width: 50%;
    margin-bottom: 15px;
}

.sponsorsMainpageLogo div {
    height: 80%;
    top: 10%;
    left: 10%;
    width: 80%;
}

#galleryMainsite {
    margin-top: 30px;
}

#galleryMainsite h2 {
    right: auto;
    left: 0px;
    border: none;
    top: -75px;
}

.onlySmartphoneInlineBlock {
    display: inline-block;
}

.onlySmartphoneBlock {
    display: block;
}

#gallerySliderNav {
    right: auto;
    left: 50%;
    margin-left: -55px;
}

.fullCol {
    padding: 0px;
}

#contactMainsite h2 {
    margin: 30px 0px 20px 0px;
}

input, select, textarea, #applicationFormInputs :where(input, select, textarea) {
    margin-bottom: 15px;
}

.checkboxWrapper {
    margin-bottom: -10px;
}

#footerRight {
    position: relative;
    right: auto;
    top: 0px;
}

#footer p {
    margin-bottom: 15px;
}

#footer a > img, #footer h4 {
    margin-left: 0px;
    margin-right: 10px;
}

#footer img {
    display: none !important;
}

#stdH1Wrapper h1, #projH1Wrapper h1 {
    border: none;
    margin-left: 0px !important;
    bottom: -70px;
}

#milestones h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.milestonesCol1 h3 {
    display: none;
}

#milestonesEntry .milestonesCol2 {
    padding-left: 0px;
    width: 100%;
}

#milestonesEntry .milestonesCol2 p {
    margin-top: 0px;
}

.milestonesCol2 {
    float: right;
    padding-left: 0px;
}

.milestonesCol1 {
    width: 20%;
}

#voicesHeadline {
    margin: 40px 0px 30px 0px;
}

.singlevoiceCol1, .singlevoiceCol2 {
    float: none;
    width: 100%;
    padding: 0px;
}

.singlevoice h3 {
    margin-top: 25px;
}

.singlevoiceCol1 img {
    right: -5px;
}

#stdHeaderImg, #slider {
    margin-top: 42px;
}

.singleProj h2 {
    margin-bottom: 10px;
}

.singleProjHeadlinePart h3 {
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 0px;
    padding-right: 0px;
}

.circleAroundLogo {
    right: -15px;
}

.singleProjAllContent {
    max-height: 120px;
}

.singleProjTeaserContent p {
    display: none;
}

.singleProj > hr {
    margin: 40px 0px;
}

.projArrowBarWrapper {
    margin-bottom: 15px;
    margin-left: -20px;
}

.projArrowBarWrapper h3 {
    width: 160px;
}

#oldProjHeadline {
    margin-bottom: 10px;
}

.singleOldProj h3 {
    margin-left: 10px;
}

.singleOldProj p {
    margin-top: 20px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

.singleOldProj > hr {
    margin: 40px 0px 15px 0px;
}

.team3line .singlePerson, .team2line .singlePerson {
    left: 5%;
}

.singlePerson {
    width: 90%;
    padding: 0px 10px;
    margin-top: 10px;
    left: 5%;
    min-height: 0px;
}

#teamCW {
    margin-top: 0px;
}

.singlePerson {
    float: none;
}

.singlePerson h3 {
    margin-top: 20px;
}

.singlePerson p {
    margin: 10px 0px 30px 0px;
}

#mainmembersHeadline, #bfdHeadline {
    float: none;
}

#mainmembersHeadline, #secmembersHeadline, #bfdHeadline {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin: 10px 0px 20px 0px;
}

#personDetails h2 {
    margin-top: 0px;
}

#personDetailsText {
    margin: 0px;
}

#personDetailsProj {
    height: 45px;
}

#personDetailsText br:last-of-type {
    display: none;
}

#teamCW .mW {
    left: 0%;
    width: 100%;
}

#personDetails .sixtyPercentCol {
    width: 90%;
    left: 5%;
    position: relative;
}

#personDetails.personDetailsOut {
    border-top: 0px solid white;
    border-bottom: 20px solid white;
}

#teamCW > .fullCol {
    width: 90%;
    left: 5%;
}

#takeAktionEntry .singleNewsMainsiteImg {
    margin-bottom: 35px;
}

#takeAktion {
    margin-top: -20px;
}

.supporter6line {
    padding-bottom: 0%;
}

#allSupporter {
    margin-top: 30px;
}

#allSupporter .sponsorsMainpageLogo {
    margin-bottom: 0px;
    padding-bottom: 25%;
}

#allSupporter .sponsorsMainpageLogo div {
    height: 70%;
    left: 15%;
    width: 70%;
    top: 15%;
    position: absolute;
}

#allSupporter .supporter6line2 {
    position: relative;
    width: 100%;
    left: 0%;
}

#supporterDetails .fullCol {
    padding-left: 0px;
    padding-right: 0px;
}

#supporterDetails .fullCol > div:nth-of-type(1), #supporterDetails .fullCol > div:nth-of-type(2) {
    margin-right: 0px;
}

#supporterDetails .fullCol > div {
    float: none;
}

#supporterDetailsProjHeadlineCol p br {
    display: none;
}

#supporterDetailsProj img {
    height: 50px;
    margin-right: 15px;
    margin-top: 20px;
}

#allSupporter > .mW {
    width: 100%;
    left: 0%;
}

#supporterDetails.supporterDetailsOut {
    border-bottom: 15px solid white;
    border-top: 20px solid white;
}

.singleAward h3 {
    margin: 30px 0px 10px 0px;
}

#allNews .singleNewsNewssite hr, #allAwards .singleAward hr {
    margin: 40px 0px;
}

.singleNewsNewssite .singleNewsMainsiteImg {
    margin-bottom: 30px !important;
}

.singleNewsNewssiteSliderContr {
    bottom: -10px;
    right: auto;
    left: 20px;
}

#allNews .singleNewsNewssiteCol1 {
    float: none;
}

#publicationsEntryText {
    margin-bottom: 30px;
}

#newsletterFox {
    margin: 20px 0px;
}

#newsletterEntrySubline2 {
    margin: 20px 0px 30px 0px;
}

.loadMorePressTrigger, .loadMoreNewsletterTrigger {
    padding-left: 25px;
}

#message > div {
    width: 90%;
    left: 5%;
    top: 30%;
}

#pressSiteContent > .thirdCol:nth-of-type(2) > h3, #pressSiteContent > .thirdCol:nth-of-type(3) > h3 {
    margin: 20px 0px 30px 0px;
}

#stdHeaderImg::after, #slider.projectsHeaderSlider::after {
    padding-bottom: 40%;
}

.singleGalImg img {
    margin-bottom: 15px;
}

#galeriesSelCol {
    display: none;
}

#galeriesSelColMobile {
    display: block;
}

#galeriesSelColMobile {
    margin-bottom: 10px;
}

#cinemaNav1, #cinemaNav2 {
    top: auto;
    bottom: 20px;
    margin: 0px;
}

#currentProj {
    margin-top: 100px;
}

.singlePress h4, .singleNewsletter h4 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

#lineUnderMainpageProjLogos, #gallerySliderExtraContent {
    display: none;
}

#mainpageNewsHeadline, #pressAwardsMainsite .sixtyPercentCol h2, #pressAwardsMainsite h2, #sponsorsMainsite h2 {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

#videoPlayer .wp-video {
    left: 5%;
    width: 90% !important;
    top: 10%;
}

#videoPlayer .wp-video video {
    height: auto !important;
}

#audioPlayerWrapper {
    width: 90%;
    left: 5%;
}

#milestones {
    margin-top: 0px;
}

#ehrenamtlicheText {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0px 0px 25px 0px;
}

.singleProjLogoMainsite p, .vertDivider, #ordentlicheMitgliederUndFoerdermitgliederArrows {
    display: none;
}

#mainsiteNewsWrapper h2 {
    margin-top: 20px;
}

#ordentlicheMitgliederUndFoerdermitgliederTexts .arrowBarWrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

#headlineEhrenamtNeu {
    margin-top: 0px;
}

#godfatherPart {
    margin-top: 30px;
}

.arrow {
    right: -24px;
}

.singleProj .singleNewsMainsiteImg {
    margin-bottom: 0px;
}

.singleProj .singleNewsMainsiteImg + p {
    margin-top: 20px;
}

#sliderNavProj {
    display: none;
}

#cookieMsg p {
    padding: 10px 15px;
    font-size: 0.7em
}

#footer {
    padding-bottom: 70px;
}

#dividerUnderTakeAktionEntry {
    margin: 35px 0px 50px;
}

#takeAktion .halfCol + .halfCol {
    margin-top: 35px;
}

#jobsEhrenamt {
    grid-template-columns: 1fr;
}

#takeAktion .arrowBarWrapper, #takeAktion .arrowBarWrapper:hover {
    margin-left: 0;
}

#applicationForm > div {
    padding: 60px 0;
}

#applicationForm > div > div {
    width: 90%;
    padding: 15px 25px 25px;
}

#applicationFormTitle {
    margin-bottom: 25px;
}

#applicationFormInputs .frm_form_field {
    margin-bottom: 17px;
}

#applicationFormClose {
    right: 5%;
    top: 20px;
    width: 20px;
    height: 20px;
}

.checkboxColumns .frm_opt_container {
    column-count: 1;
}

#program-logos-right {
    display: none;
}

#selected-awards-home {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 25px;
}

#selected-awards-home a:first-child {
    grid-column: auto / span 1;
    grid-row: auto / span 1;
    padding: 10px 10px 0;
}

#selected-awards-home :is(h3, h4) {
    padding: 15px 10px;
    line-height: 1.2em;
}

#linkToAllAwards {
    margin: 35px 0;
}

#downloads-link-footer {
    display: inline-block;
}

#footer h4 {
    margin-bottom: 0;
}

#mainpage-newsletter-col {
    padding-left: 0;
}

#jobsEhrenamt {
    grid-row-gap: 15px;
}

.singleJobNewHeader {
    gap: 20px;
}

#button-mainside-slider, .projHeaderSlider #button-mainside-slider {
    left: 0;
    bottom: -10px;
    padding: 10px;
}

#button-mainside-slider p {
    font-size: 0.85rem;
}

#engagement-layer-box {
    width: 90%;
}

#stdHeaderImg #button-mainside-slider {
    right: 0;
}

.singleJobNew input[type="button"] {
    margin-top: 5px;
}

.singleJobNew {
    margin-bottom: 15px;
}

.pageNotFound #nav + .cW {
    padding-top: 100px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 300px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 200px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 170px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 150px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 120px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 100px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 60px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 40px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 30px;
}

}

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

#currentProj .singleProj .projReadMore {
    margin-top: 20px;
}

}