@media screen and (max-width: 767px) {
.ce_image_bevel_border {
    width:90vw;
    border-style:hidden;
    border-radius:20vw;
}
.puffer_help {
    margin-top:15vw;
}
.puffer_home {
    height:35px;
}
#imagelink {
    width:20vw;
    height:20vw;
    right:4vh;
    top:4vh;
    position:fixed;
    float:right;
    background-color:#002879;
    background-repeat:no-repeat;
    border-style:hidden;
    border-radius:50em;
    z-index:150
}
#imagelinktext {
    width:20vw;
    height:10vw;
    right:4vh;
    top:14vh;
    position:fixed;
    float:right;
    padding-top:5px;
    text-align:center;
    background-color:#002879;
    background-repeat:no-repeat;
    border-style:hidden;
    border-radius:50em;
    font:1.125rem/1.3125rem interstate-condensed,sans-serif;
    font-weight:bold;
    color:#fff;
    z-index:150
}
figcaption {
    font:1rem/1.5625rem interstate;
    color:#27358a;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}
table {
    font:1rem/1.5625rem interstate;
    color:#27358a;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.bg_blue {
    background-color:#e2f3fa;
    border-style:solid;
    border-color:#e2f3fa;
    border-radius:15px;
    border-spacing:10px;
}
header {
    width:100vw;
    position:fixed;
    background-color:#fff;
    z-index:100;
}
header .inside {
    padding:20px;
    display:grid;
    grid-template-columns:1fr 1fr;
}
.mod_nav_header li {
    display:inline-block;
    padding-top:4vh;
    padding-right:0;
    padding-bottom:0;
    font-family: interstate, sans-serif;
    font-weight: 500;
}
#drop:checked + ul {
    width:50vw;
    height:100vh;
    position:absolute;
    padding:2vw;
    background-color:#fff;
    border-radius:3%;
    font-size:1rem;
    line-height:1.12rem;
    color:#db0216;
    font-family: interstate;
    font-weight: 500;
}
#toggle {
    padding-left:35vw;
    font-size:2.5rem;
    color:#27358a;
}
#drop:checked + ul {
    display:block;
}
#container .helper {
    width:86vw;
    margin-right:auto;
    margin-bottom:20vw;
    margin-left:auto;
    padding-top:16vh;
}
.two_cols {
    width:300%;
    position:static;
    float:right;
}
.ce_background_nepal {
    background-image:url("../../header/bg_nepal.png");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:250%;
    z-index:2;
}
.ce_background_home {
    width:100vw;
    height:100vh;
    background-image:url("../../bg_illu/home.svg");
    background-position:center bottom;
    background-repeat:no-repeat;
    background-size:100%;
    z-index:2;
}
.ce_background_wer {
    background-image:url("../../header/bg_wer-wir-sind.png");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:250%;
    z-index:2;
}
.ce_background_wassieerreichen {
    background-image:url("../../bg_illu/was_sie_bewirken.svg");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:250%;
    z-index:2;
}
.ce_background_hhca {
    background-image:url("../../header/bg_hhca.png");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:250%;
    z-index:2;
}
.ce_background_vol {
    background-image:url("../../header/bg_volunteering.png");
    background-position:center top;
    background-repeat:no-repeat;
    background-size:250%;
    z-index:2;
}
.ce_text_white {
    margin-top:60vw;
    padding:1.78rem;
    background-color:rgba(255,255,255,1);
    border-radius:25px;
}
.ce_text_blue {
    margin-top:60vw;
    padding:1.78rem;
    background-color:rgba(226,243,250,1);
    border-radius:25px;
}
.ce_image_container {
    width:75%;
    margin-top:10vw;
    margin-right:auto;
    margin-left:auto;
}
.mod_breadcrumb li {
    font-size:1.21rem;
    line-height:1.35rem;
    color:#27358a;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.mod_breadcrumb li a {
    margin-right:.5vw;
    font-size:1.24rem;
    line-height:1.35rem;
    text-decoration:none;
    color:#27358a;
    font-family: interstate, sans-serif;
    font-weight: 800;
    font-style: normal;
}
.mod_newslist>div {
    margin-top:4vh;
    padding:3vh;
    background-color:#e2f3fa;
    border-radius:25px;
}
.mod_nav_header li {
    display:block;
}
.mod_nav_header ul {
    display:none;
}
button {
    width:12vw;
    height:22vh;
    background-color:#002879;
    border-style:hidden;
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
    font-size:4rem;
    font-weight:bold;
    color:#db0d19;
    z-index:3;
}
#myDIV {
    width:55vw;
    height:22vh;
    float:right;
    background-color:#002879;
}
#myDIV ul {
    margin:5% auto;
    padding:5%;
    background-color:#fff;
}
#myDIV li {
    padding-top:1vh;
    text-decoration:none;
    color:#f00;
    text-transform:none;
    list-style-type:none;
    font-family: interstate-condensed, sans-serif;
    font-weight: 800;
    font-style: normal;
}
#call {
    right:0;
    top:30vh;
    position:fixed;
    float:right;
    z-index: 1;
}
#bh a {
    font-size:1.2rem;
    text-decoration:none;
    color:#ed1f1f;
    text-transform:none;
    list-style-type:none;
    font-family: interstate-condensed, sans-serif;
    font-weight: 800;
    font-style: normal;
}
h1 {
    font:1.6rem/2.0625rem interstate condensesd black;
    color:#e52421;
    font-family: interstate-condensed, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    hyphens: auto;
}
h2 {
    font-size:1.42rem;
    line-height:1.71rem;
    text-decoration:none;
    color:#e52421;
    font-family: interstate-condensed, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
    hyphens: auto;
}
h3 {
    font-size:1.15rem;
    line-height:1.29rem;
    text-decoration:none;
    color:#002879;
    font-family: interstate-condensed, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
}
p {
    font:1rem/1.5625rem interstate;
    color:#27358a;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}
p>a {
    font:1rem/1.5625rem interstate;
    color:#e52421;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}
td>a {
    font:1rem/1.5625rem interstate;
    color:#e52421;
    font-family: interstate, sans-serif;
    font-weight: 500;
    font-style: normal;
}
.red_link {
    margin:1vw;
    padding:3%;
    background-color:#e52421;
    border-radius:15px;
    font-size:1rem;
    line-height:1.14rem;
    text-decoration:none;
    color:#fff;
    font-family: interstate-condensed, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-transform: uppercase;
}
footer {
    margin-top:20vh;
    font-family: interstate, sans-serif;
    font-style: normal;
    font-weight: 500;
    z-index:100;
}
footer p {
    font-size:1rem;
    line-height:1.25rem;
    text-decoration:none;
    color:#27348a;
    font-weight: 500;
}
footer a {
    font-size:1rem;
    line-height:1.25rem;
    text-decoration:none;
    color:#27348a;
    font-family: interstate, sans-serif;
    font-style: normal;
    font-weight: 500;
}
footer .inside {
    padding:7%;
    background-color:#e2f2fa;
}
}
