html {
    scroll-behavior: smooth;
}

/* In CSS App because in CSS Shop not working :-( */
.button_custom1 p a,
.button_custom1 a,
a.button {
    padding:.5rem 1rem;
    background-color:#53535;
    font-size:14px;
    color: #fff!important;
}
body {
    background-color:#f5f5f5;
    font-family:Lato,Arial,sans-serif;
}
#container {
    min-height:66vh;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family:Lato,'Open sans',Arial,sans-serif;
}
h1 {
    font-size:2.8rem;
}
p {
    margin-bottom:.2rem;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color:inherit;
}

/* Correction of Foundation */
figure {
    margin:0;
}
.ce_text.block {
    overflow:hidden;
    padding-top:.8rem;
    padding-bottom:1rem;
}
.overflowvisible {
    overflow:visible;
}
.padding15 {
    padding-top:15px;
    padding-bottom:15px;
}
.padding25 {
    padding-top:25px;
    padding-bottom:25px;
}
.paddingr0 {
    padding-right:0;
}
.marginb {
    margin-bottom:2rem;
}
.italic {
    font-style:italic;
}
.bold {
    font-weight:bold;
}
.bg1 {
    background-color:#fff;
}
.bg2 {
    background-color:#70db42;
    font-size:90%;
}
.home .bg2 {
    min-height:210px;
}
.bg3 {
    background-color:#f5f5f5;
}
.bg4 {
    background-color:#e3e3e3;
}
.bg5 {
    background-color:#4d75eb;
    font-size:90%;
}
#header {
    left:0;
    top:0;
    position:absolute;
    z-index:5444000
}
#mm {
    width:100%;
    right:1px;
    top:4px;
    position:fixed;
    z-index:20000
}

/* Trailer Block nach oben in Desktop-Layout */
@media all and (min-device-width: 1000px) {
    .home #lb1 {
        margin-top:-50px;
    }
}
@media screen and (min-device-width : 768px) {
    .bobo {
    border-bottom:0px solid #515251;
    }
}
@media screen and (min-device-width : 200px) and (max-device-width: 767px) {
    .bobo {
    border-bottom:1px solid #515251;
    }
}
.bori {
    border-right:1px solid #7e807e;
}
.nocursortransition {
    width:100%;
    transition:none;
    cursor:default;
    pointer-events: none;
}
@media all and (min-width: 1024px) {
    #lb1 .row {
        border-bottom:1px solid #515251;
    }
}

/* Kopfzeilen und Logos Trailer */
#lb1 h5 {
    margin-top:10px;
    font-size:1.1rem;
    line-height:1.1rem;
    color:#fff;
    text-transform:uppercase;
}
#lb1 {
    width:100%;
    background-color:#f5f5f5;
}
@media screen and (max-device-width:1000px) {
    #lb1 .row {
        margin-right:0;
        margin-left:0;
    }
}

/* Trailer verlinkt, normale Schriftfarbe */
#lb1 a {
    color: inherit;
}
.steuerbefreit {
    background-image:url("files/pictures/graphics/steuerbefreit1.svg");
    background-position:center top;
    z-index:200;
    background-size:cover;
}

/* Layoutbereich dunkelgrau */
.home #lb2,
.startupafrica #lb2,
.spenden #lb2 {
    padding-top:5px;
    padding-bottom:5px;
    background-color:#47475e;
}

/* Layoutbereich hellgrau */
.startupafrica #lb3,
.waisenkinder #lb3,
.team #lb3 {
    padding-top:5px;
    padding-bottom:5px;
    background-color:#ededed;
}

/* Button hell über dunkel */
#lb2 .button {
    display:block;
    margin-top:10px;
    background-color:#c5c5c7;
    color:#222;
}

/* Button dunkel über hell */
#lb2 .rsts-slide .button {
    bottom:-2%;
    position:absolute;
    display:inline-block;
    background-color:#53535e;
    color:#ededf0;
    left:0%;
}
@media all and (max-width:600px) {
    #lb2 .rsts-slide .button {
        bottom:-12px;
        position:absolute;
        display:inline-block;
        background-color:#53535e;
        color:#ededf0;
        left:0%;
    }
}

/* Button hell über dunkel */
#lb2 .spenden-button {
    display:block;
    margin-top:10px;
    background-color:#8ac9eb;
    color:#222;
}
.waisenkinder #lb2 {
    display:none;
    background-color:#fff;
}
.no-lb2,
.no-lb3,
.no-lb4 {
    display:none;
}
.row {
    padding-top:10px;
    padding-bottom:20px;
}
.rsts-slide .row {
    padding-top:0;
    padding-bottom:0;
}
#footer {
    padding-top:10px;
    background-color:#3d3e4a;
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6,
#footer p,
#footer a,
#footer li {
    font-size:.9rem;
    line-height:.97rem;
    color:#ccc;
}

/* Text im Slider (Text-Feld) */
.position-text {
    bottom:40%;
    left:auto;
    right:5%;
    top:auto;
    position:absolute;
    padding:2% 1% 1%;
    background-color:#d95d5d;
    font-size:150%;
    color:#c7c7c7;
}

/* ANPASSUNGEN SMARTPHONE */
@media screen and (max-device-width: 380px) and (orientation : portrait) {
    .adapt-s {
    display:none;
    }
    .progress {
    display:none;
    }
    // #lb2 .rsts-slide .button {
    // display:none;
    // }
}
@media screen and (max-device-width: 480px) {
    .adapt-sm {
    display:none;
    }
}

/* Slider Schriftgrösse */
@media screen and (max-device-width: 600px) and (orientation:portrait) {
    #lb2 .rsts-slide p {
        font-size: 90%;
        line-height:97%;
        margin-bottom:0%;
        margin-top:2%;
    }
    #lb2 .rsts-slide h4 {
        font-size: 100%;
        line-height:95%;
        margin-bottom:3%;
    }
}

/* Slider Schriftgrösse */
@media screen and (max-device-width: 600px) and (orientation: landscape) {
    #lb2 .rsts-slide h4 {
        font-size:130%;
        line-height: 100%;
    }
}