@import url("https://fonts.googleapis.com/css?family=Yrsa:300,400,500,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i,900,900i&display=swap"); body {
margin: 0px;
padding: 0px;
font-size: 20px;
font-weight: 400;
line-height: 1.2;
position: relative; font-style: normal;
color: #3C8791;
font-family: "Yrsa", serif;
background-color: #ffffff;
text-rendering: optimizelegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
html {
overflow-x: hidden;
}
.home .custom-container {
width: 100%;
}
.container.custom-container .row {
margin-left: 0;
margin-right: 0;
}
::-moz-selection {
color: #ffffff;
background-color: #3C8791;
}
::selection {
color: #ffffff;
background-color: #3C8791;
}
.container-fluid {
max-width: 1640px;
}
.container {
max-width: 1390px;
padding-left: 30px !important;
padding-right: 30px !important;
} .home .container {
width: 100%;
}
.single .container .container {
width: 100%;
max-width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
}
a,
button {
cursor: pointer;
display: inline-block;
text-decoration: none;
font-family: "Source Sans Pro", sans-serif;
}
a:hover,
button:hover {
text-decoration: none;
color: #E61E5F;
}
.content a,
.container a {
font-family: inherit;
color: #E61E5F;
}
.content a:hover,
.container a:hover {
color: #3C8791;
}
button {
margin: 0px;
padding: 0px;
border: none;
background: none;
}
button:focus {
outline: none;
}
img {
height: auto;
max-width: 100%;
}
.image-container {
overflow: hidden;
position: relative;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1;
color: #E61E5F;
font-weight: 700;
font-family: "Yrsa", serif;
}
h4 {
font-size: inherit;
color: #3C8791;
}
strong,
span,
small,
label,
i {
margin: 0px;
padding: 0px;
display: inline-block;
font-family: "Yrsa", serif;
}
strong {
font-weight: 700;
}
body p,
.custom-container ul,
.custom-container ol {
margin-bottom: 1.5rem;
}
.custom-container ul,
.custom-container ol {
padding-left: 12px;
list-style-position: outside;
}
.MacOS .custom-container ul,
.MacOS .custom-container ol {
padding-left: 20px;
}
.dateibeschreibung {
min-width: 420px;
}
.custom-container ul li,
.custom-container ol li {
margin-top: 5px;
}
h2 {
font-size: 65px;
font-weight: 700;
margin-bottom: 2rem;
}
body .team-section .section-title .title-text {
font-size: 65px;
font-weight: 700;
}
.team-text {
margin-top: 1.5rem;
}
.custom-container h2,
.team-section h2 {
margin-top: 3rem;
}
.custom-container h1 {
font-size: 18px;
font-weight: bold;
font-family: "Source Sans Pro", sans-serif;
text-transform: uppercase;
color: #3C8791;
}
.side-hero {
float: right;
margin-right: -34.4%;
width: 34.4%;
margin-right: -30%;
margin-left: 30px;
width: 60%;
}
.side-hero img {
width: 100%;
height: auto;
}
.container {
width: auto !important;
} .owl-theme .owl-dots .owl-dot span {
background: #f2b01e;
border: 1px solid #f2b01e;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.owl-theme .owl-dots .owl-dot:hover span {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
background: #ffffff;
border: 1px solid #f2b01e;
}
.owl-theme .owl-dots .owl-dot.active span {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
background: #ffffff;
border: 1px solid #f2b01e;
}
.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
margin: 0px;
width: 35px;
height: 35px;
overflow: hidden;
border-radius: 0px;
position: relative;
background: transparent;
}
.owl-theme .owl-nav .owl-next>span,
.owl-theme .owl-nav .owl-prev>span {
display: none;
}
.owl-theme .owl-nav .owl-next:before,
.owl-theme .owl-nav .owl-prev:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
font-size: 24px;
font-weight: 900;
line-height: 35px;
text-align: center;
position: absolute;
color: #E61E5F;
background: transparent;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: 'Font Awesome 5 Pro';
}
.owl-theme .owl-nav .owl-next:hover,
.owl-theme .owl-nav .owl-prev:hover {
background: transparent;
}
.owl-theme .owl-nav .owl-prev {
margin-right: 5px;
}
.owl-theme .owl-nav .owl-prev:before {
content: '\f177';
}
.owl-theme .owl-nav .owl-next:before {
content: '\f178';
}  .ul-li>ul {
margin: 0px;
padding: 0px;
display: table;
}
.ul-li>ul>li {
float: left;
list-style: none;
display: inline-block;
}
.ul-li-block>ul,
.textwidget>ul {
width: 100%;
margin: 0px;
padding: 0px;
display: table;
}
.ul-li-block>ul>li,
.textwidget>ul>li {
width: 100%;
display: table;
list-style: none;
}
.ul-li-right>ul {
margin: 0px;
padding: 0px;
float: right;
display: table;
}
.ul-li-right>ul>li {
float: left;
list-style: none;
display: inline-block;
}
.ul-li-center>ul {
padding: 0px;
margin: 0 auto;
display: table;
}
.ul-li-center>ul>li {
float: left;
list-style: none;
display: inline-block;
}  .sec-ptb-170 {
padding: 100px 0px;
}
.mt-60 {
margin-top: 60px;
}
.mb-15 {
margin-bottom: 15px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-60 {
margin-bottom: 60px;
}
.mb-170 {
margin-bottom: 170px;
}
.mb-100 {
margin-bottom: 100px;
}  .custom-btn {
width: auto;
height: 45px;
font-size: 18px;
line-height: 39px;
padding: 0px 30px;
text-align: center;
border-radius: 45px;
color: #E61E5F;
font-weight: 700;
border: 2px solid #E61E5F;
font-family: "Source Sans Pro", sans-serif !important;
}
.custom-btn:hover {
color: #ffffff !important;
background-color: #E61E5F;
}
.details-btn {
font-size: 20px;
position: relative;
padding-right: 20px;
color: #3C8791;
font-weight: 700;
}
.details-btn:before {
top: 5px;
right: 0px;
line-height: 1;
font-size: 18px;
content: '\f178';
font-weight: 500;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-family: 'Font Awesome 5 Pro';
}
.details-btn:hover {
color: #3C8791;
}
.details-btn:hover:before {
right: -5px;
}  .section-title .sub-title {
ont-size: 20px;
font-weight: 700;
text-transform: uppercase;
display: inline-block;
font-family: "Source Sans Pro", sans-serif;
}
.section-title .title-text {
font-size: 65px;
font-weight: 700;
}  .plus-effect {
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-color: rgba(0, 0, 0, 0.8);
}
.plus-effect:after,
.plus-effect:before {
top: 50%;
left: 50%;
content: "";
position: absolute;
border-radius: 10px;
background-color: #E61E5F;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.plus-effect:before {
height: 4px;
width: 80px;
}
.plus-effect:after {
width: 4px;
height: 80px;
}  #thetop {
top: 0;
left: 0;
right: 0;
z-index: -1;
position: absolute;
}
#backtotop {
right: 15px;
width: 50px;
height: 50px;
z-index: 999;
bottom: 40px;
display: none;
position: fixed;
border-radius: 100%;
background-color: #3C8791;
-webkit-box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.3);
}
#backtotop #scroll {
z-index: 1;
width: 100%;
height: 100%;
display: block;
color: #ffffff;
font-size: 24px;
line-height: 52px;
text-align: center;
position: relative;
}  #preloader {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1005;
position: fixed;
overflow: visible;
background: #ffffff url(//staging.aladdin-stiftung.ch/wp-content/themes/aladdin-stiftung/assets/images/preloader.gif) no-repeat center center;
}  .deco-image-top {
right: 0px;
top: -340px;
z-index: -1;
width: 1420px;
overflow: hidden;
position: absolute;
}
.deco-image-top>img {
-webkit-transform: translateX(320px);
-ms-transform: translateX(320px);
transform: translateX(320px);
}  .bg-default-pink {
background-color: #E61E5F;
}
.bg-default-past {
background-color: #3C8791;
}
.bg-default-color {
background-color: #3C8791;
}
.bg-default-green {
background-color: #73AF50;
}
.bg-default-orange {
background-color: #F07319;
}
.bg-white {
background-color: #ffffff;
}
.bg-black {
background-color: #000000;
}
.bg-rating-star {
background-color: #f2b01e;
}
.bg-deep-gray {
background-color: #f0f0f0;
}
.bg-light-gray {
background-color: #f7f7f7;
}
.bg-twitter {
background-color: #1da1f2;
}
.bg-youtube {
background-color: #ff0000;
}
.bg-facebook {
background-color: #3b5998;
}
.bg-linkedin {
background-color: #007bb5;
}
.bg-pinterest {
background-color: #bd081c;
}
.bg-google-plus {
background-color: #db4437;
}
.bg-instagram-magenta {
background-color: #c32aa3;
}  a,
button {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}     .banner-vertical-bottom .row>div {
min-height: 50vh;
} .content-container {
min-height: 100vh;
margin: 0 auto;
padding-top: 220px;
}
.wrapper {
width: 100%;
padding: 0 17.2% 0;
}
.home .wrapper {
padding: 0;
overflow: hidden;
}
.wrapper .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.home .wrapper .container {
padding-left: 30px !important;
padding-right: 30px !important;
}
.home .pagetitle {
display: none;
}
.page.home .content-container {
padding-top: 0;
width: 100%;
max-width: 100%;
padding-left: 0;
padding-right: 0;
}
.content-container>*:not(section),
.content-container>*:not('.container') {
max-width: 100%;
padding: 0 30px;
}
.container-spacer+.banner-section { padding-top: 160px;
}
.container-spacer+p {
margin-top: 80px;
}
.header-section {
padding: 30px 0px;
}
.header-section .brand-logo .brand-link {
max-width: 185px;
}
.header-section .brand-logo .brand-link {
width: 150px;
}
.header-section .mobile-menu-btn {
display: none;
line-height: 1;
font-size: 30px;
margin: 20px 0px 20px 60px;
color: #3C8791;
}
.home .header-section .mobile-menu-btn {
color: #fff;
}
.header-section.stuck .mobile-menu-btn {
color: #3C8791;
}
.header-section .main-menubar {
padding-top: 72px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-section .main-menubar>ul>li {
margin-right: 40px;
}
.header-section .main-menubar>ul>li:last-child {
margin-right: 0px !important;
}
.header-section .main-menubar>ul>li>a {
font-size: 20px;
color: #3C8791;
font-weight: 600;
}
.header-section .main-menubar>ul>li>a:hover {
color: #E61E5F;
}
.header-section .btns-group {
padding-top: 63px;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-section .btns-group>ul>li {
margin-right: 30px;
}
.header-section .btns-group>ul>li:last-child {
margin-right: 0px !important;
}
.home .header-section .btns-group>ul>li>a {
height: 45px;
line-height: 39px;
color: #ffffff;
border-color: #ffffff;
}
.header-section .btns-group>ul>li>.custom-btn:hover,
.custom-btn:hover,
.current-cat {
color: #ffffff;
border-color: #E61E5F;
background-color: #E61E5F;
}  .header-section .main-menubar>ul .menu-item-has-children {
position: relative;
}
.header-section .main-menubar>ul .menu-item-has-children>a {
position: relative;
padding-right: 22px;
}
.header-section .main-menubar>ul .menu-item-has-children>a:before {
top: 5px;
right: 0px;
line-height: 1;
font-size: 20px;
content: '\f107';
position: absolute;
color: #E61E5F;
font-weight: 500;
font-family: 'Font Awesome 5 Pro';
}
.header-section .main-menubar>ul .menu-item-has-children>.sub-menu {
top: 150%;
left: 0px;
opacity: 0;
margin: 0px;
z-index: 999;
height: auto;
min-width: 200px;
position: absolute;
visibility: hidden;
padding: 15px 20px;
border-radius: 10px;
border-top-left-radius: 0px;
background-color: #ffffff;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 20px 2px rgba(0, 0, 0, 0.1);
}
.header-section .main-menubar>ul .menu-item-has-children>.sub-menu>li {
width: 100%;
display: table;
border-bottom: 1px solid #f0f0f0;
}
.header-section .main-menubar>ul .menu-item-has-children>.sub-menu>li:last-child {
border-bottom: none;
}
.header-section .main-menubar>ul .menu-item-has-children>.sub-menu>li>a {
width: 100%;
padding: 15px;
display: block;
font-size: 18px;
font-weight: 700;
color: #3C8791;
}
.header-section .main-menubar>ul .menu-item-has-children>.sub-menu>li:hover>a {
color: #E61E5F;
}
.header-section .main-menubar>ul .menu-item-has-children>.sub-menu>.active>a {
color: #E61E5F;
}
.header-section .main-menubar>ul .menu-item-has-children:hover>.sub-menu {
top: 100%;
opacity: 1;
visibility: visible;
}  .sticky-header {
top: 0;
left: 0;
right: 0;
width: 100%;
z-index: 999;
position: fixed;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sticky-header:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
content: '';
position: absolute;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sticky-header.stuck:before {
top: 0;
left: 0;
right: 0;
bottom: 0;
content: '';
position: absolute;
background-color: #ffffff;
-webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.1);
}
.header-section.stuck {
padding: 20px 0px;
}
.header-section.stuck .brand-logo .brand-link {
max-width: 90px;
}
.header-section.stuck .main-menubar {
padding-top: 35px;
}
.header-section.stuck .btns-group {
padding-top: 26px;
}
.header-section.stuck .btns-group>ul>li>a {
color: #E61E5F;
border-color: #E61E5F;
}
.header-section .btns-group>ul>li>a.social-button {
line-height: 46px;
}
.header-section.stuck .btns-group>ul>li>a.social-button,
.btns-group>ul>li>a.social-button {
color: #3C8791;
}  .sidebar-menu-wrapper {
display: block;
}
.sidebar-menu ul {
list-style: none;
padding-left: 0;
}
.sidebar-menu-wrapper .sidebar-menu {
top: 0;
right: -50%;
height: 100vh;
z-index: 9999;
padding: 40px;
position: fixed;
min-width: 50%;
max-width: 50%;
overflow-y: scroll;
background-color: #ffffff;
-webkit-transition: 0.6s cubic-bezier(1, 0, 0, 1);
-o-transition: 0.6s cubic-bezier(1, 0, 0, 1);
transition: 0.6s cubic-bezier(1, 0, 0, 1);
-webkit-box-shadow: -3px 0px 8px 1px rgba(0, 0, 0, 0.1);
box-shadow: -3px 0px 8px 1px rgba(0, 0, 0, 0.1);
}
.sidebar-menu-wrapper .sidebar-menu .mCustomScrollBox {
overflow: visible !important;
}
.sidebar-menu-wrapper .sidebar-menu .dismiss {
position: absolute;
right: 24px;
top: 36px;
z-index: 2;
}
.sidebar-menu-wrapper .sidebar-menu .dismiss .close-btn {
width: 40px;
height: 40px;
font-size: 20px;
cursor: pointer;
line-height: 44px;
text-align: center;
color: #ffffff;
display: inline-block;
background-color: #3C8791;
}
.close-btn i {
font-size: 20px;
line-height: 20px;
}
.sidebar-menu-wrapper .sidebar-menu .sidebar-title {
font-size: 21px;
text-transform: capitalize;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list {
margin: 0px -40px;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>li {
width: 100%;
display: block;
border-bottom: 1px solid #f0f0f0;
}
.sidebar-menu-wrapper .sidebar-menu a {
width: 100%;
display: block;
font-size: 30px;
padding: 0 0 5px;
color: #E61E5F;
text-transform: capitalize;
}
.sidebar-menu .sub-menu {
margin-bottom: 20px;
}
.sidebar-menu-wrapper .sidebar-menu .menu-list>.active>a {
color: #3C8791;
}
.sidebar-menu-wrapper .sidebar-menu .menu-item-has-children>a {
position: relative;
}
.sidebar-menu-wrapper .sidebar-menu .menu-item-has-children>.sub-menu>li {
position: relative;
}
.sidebar-menu-wrapper .sidebar-menu .menu-item-has-children>.sub-menu>li>a {
width: 100%;
display: block;
font-size: 20px;
padding: 5px 0px;
color: #3C8791;
}
.sidebar-menu-wrapper .sidebar-menu .menu-item-has-children>.sub-menu>li:hover>a {
color: #3C8791;
}
.sidebar-menu-wrapper .sidebar-menu.active {
right: 0px;
-webkit-box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
box-shadow: 0px 10px 55px 1px rgba(137, 173, 255, 0.35);
}
.sidebar-menu-wrapper .overlay {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
z-index: 999;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
background: rgba(0, 0, 0, 0.7);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.sidebar-menu-wrapper .overlay.active {
opacity: 1;
display: block;
}
.sidebar-menu::-webkit-scrollbar {
width: 0px;
}   .latest-posts-wrapper .item {
width: 50%;
padding: 15px;
display: flex;
}
.latest-posts-wrapper {
width: calc(100% + 30px);
margin-left: -15px;
display: flex;
flex-wrap: wrap;
}
.latest-posts-wrapper.blog-section .blog-grid-item {
margin-top: 0;
}
.cat-filter {
list-style: none;
padding: 3rem 0 0;
display: block;
float: left;
}
.cat-filter li {
float: left;
margin-right: 30px;
}
body .wp-pagenavi {}
body .wp-pagenavi a,
body .wp-pagenavi span {
border: 1px solid #E61E5F;
padding: 15px 20px;
margin: 15px 15px 0 0;
font-size: inherit !important;
font-family: "Source Sans Pro", sans-serif;
font-weight: normal;
color: #E61E5F !important;
background: none;
}
body .wp-pagenavi span.pages {
padding: 15px 30px;
color: #3C8791;
border: none;
background: none;
}
body .wp-pagenavi span.current {
font-weight: normal;
background: #E61E5F;
color: #fff !important;
border: 1px solid #E61E5F;
}
.wp-block-gallery {
padding-left: 0 !important;
}
.footer-section {
font-size: 18px;
margin-top: 6rem;
font-family: "Yrsa", serif;
line-height: 1.3;
}
.footer-widget1 {
float: left;
width: 20%;
padding: 0 15px;
}
.footer-nav {
float: left;
width: 60%;
}
.footer-nav ul {
width: 100%;
}
.footer-nav .menu-item-has-children {
width: 33.33%;
padding: 0 15px;
}
.footer-nav .menu-item-has-children:first-child {
padding-left: 40px;
}
.footer-widget2,
.copyright-area {
padding: 0 15px;
float: left;
width: 20%;
max-width: 20%;
}
.impressum-navi {
padding-left: 40px
}
.footer-section strong {
font-weight: normal;
}
.footer-section a {
font-family: "Yrsa", serif;
}
.footer-section .menu-item-object-custom {
display: none;
}
.footer-section .footer-title {
margin-bottom: 20px;
color: #E61E5F;
}
.footer-section .footer-content {
padding: 60px 0px;
}
.footer-section .footer-content .address-info>.custom-btn {
margin-top: 20px;
display: inline-block;
}
.footer-section .footer-content .site-link {
color: #E61E5F;
display: inline-block;
}
.footer-section .footer-content a.custom-btn {
color: #E61E5F;
}
.footer-section .main-menubar>ul>li>a {
color: #E61E5F;
margin-bottom: 20px;
}
.footer-section .sub-menu {
padding-left: 0;
list-style: none;
}
.footer-section .footer-content .useful-links>ul>li {
margin-bottom: 2px;
}
.footer-section .footer-content .useful-links>ul>li:last-child {
margin-bottom: 0px !important;
}
.footer-section .footer-content a {
color: #3C8791;
}
.footer-section .footer-content .useful-links>ul>li>a:hover {
color: #E61E5F;
}
.footer-section .footer-bottom {
padding: 40px 0px;
border-top: 1px solid #3C8791;
}
.footer-section .footer-bottom .footer-menu>ul>li {
margin-right: 55px;
}
.footer-section .footer-bottom .footer-menu>ul>li:last-child {
margin-right: 0px !important;
}
.footer-section .footer-bottom .footer-menu>ul>li>a {
color: #3C8791;
}
.footer-section .footer-bottom .footer-menu>ul>li>a:hover {
color: #E61E5F;
}
.footer-section .footer-bottom .social-links>ul>li {
margin-right: 15px;
}
.footer-section .footer-bottom .social-links>ul>li:last-child {
margin-right: 0px !important;
}
.footer-section .footer-bottom .social-links>ul>li>a {
color: #3C8791;
}
.footer-section .footer-bottom .social-links>ul>li>a:hover {
color: #E61E5F;
}   section:first-of-type .banner-image {
padding-top: 255px;
top: 0 !important;
}
.banner-section .banner-content {
padding: 80px 0px;
}
.banner-fullscreen {
height: 100vh;
}
.banner-fullscreen+.feature-section {
margin-top: -15px;
}
.banner-section.banner-end .banner-image {
left: 0;
right: auto;
}
.banner-section .banner-image {
top: 0;
right: 0;
z-index: -2;
width: 100%;
height: 100vh;
background-size: auto 100% !important;
overflow: hidden;
position: absolute;
}
.banner-image img {
width: 100%;
height: auto;
}
.banner-section.size-100 .banner-image {
height: 100vh;
}
.banner-section.size-150 .banner-image {
height: 150vh;
}
.banner-section.size-200 .banner-image {
height: 200vh;
top: -50vh;
}
.banner-section.size-200 {
padding-top: 50vh;
}
.banner-section .banner-image>img {
-webkit-transform: translateX(145px);
-ms-transform: translateX(145px);
transform: translateX(145px);
}  .feature-section>ul {
width: 100%;
display: flex;
}
.feature-section>ul>li {
width: 25%;
}
.feature-section>ul>li>div {
min-height: 100%;
}
.feature-section li:nth-child(1)>div,
.donate-section .row>div:nth-child(1) .donate-item,
.donate-section .row>div:nth-child(1) .donate-item .plus-effect:after,
.donate-section .row>div:nth-child(1) .donate-item .plus-effect:before {
background: #E61E5F;
}
.feature-section li:nth-child(2)>div,
.donate-section .row>div:nth-child(2) .donate-item,
.donate-section .row>div:nth-child(2) .donate-item .plus-effect:after,
.donate-section .row>div:nth-child(2) .donate-item .plus-effect:before {
background: #3C8791;
}
.feature-section li:nth-child(3)>div,
.donate-section .row>div:nth-child(3) .donate-item,
.donate-section .row>div:nth-child(3) .donate-item .plus-effect:after,
.donate-section .row>div:nth-child(3) .donate-item .plus-effect:before {
background: #F07319;
}
.feature-section li:nth-child(4)>div,
.donate-section .row>div:nth-child(4) .donate-item,
.donate-section .row>div:nth-child(4) .donate-item .plus-effect:after,
.donate-section .row>div:nth-child(4) .donate-item .plus-effect:before {
background: #73AF50;
}
.feature-section .feature-item {
padding: 60px 60px;
position: relative;
}
.feature-section .feature-item .item-icon {
font-size: 38px;
color: #ffffff;
margin-bottom: 20px;
display: inline-block;
}
.feature-section .feature-item .item-title {
font-size: 30px;
color: #ffffff;
}
.feature-section .feature-item>p {
overflow: hidden;
min-height: 215px;
line-height: 30px;
padding-bottom: 45px;
color: #ffffff;
}
.feature-section .feature-item>.custom-btn {
color: #ffffff;
border-color: #ffffff;
position: absolute;
bottom: 60px;
}
.feature-section .feature-item>.custom-btn:hover {
background-color: #fff;
}
.feature-section li:nth-child(1) .feature-item>.custom-btn:hover {
color: #E61E5F !important;
}
.feature-section li:nth-child(2) .feature-item>.custom-btn:hover {
color: #3C8791 !important;
}
.feature-section li:nth-child(3) .feature-item>.custom-btn:hover {
color: #F07319 !important;
}
.feature-section li:nth-child(4) .feature-item>.custom-btn:hover {
color: #73AF50 !important;
}  .owl-stage {
display: flex;
}
.owl-stage .item {
min-height: 100%;
background: #F0F0F0;
}
.blog-section .blog-grid-item {
margin-top: 30px;
}
.blog-section .blog-grid-item .item-image {
width: 100%;
height: 230px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.blog-section .blog-grid-item:hover .item-image .plus-effect {
opacity: 1;
}
.blog-section .blog-grid-item:hover .item-image .plus-effect:before {
width: 60px;
}
.blog-section .blog-grid-item:hover .item-image .plus-effect:after {
height: 60px;
}
.blog-section .blog-grid-item .item-content {
padding: 30px;
}
.blog-section .blog-grid-item .item-content .item-category {
font-size: 16px;
margin-bottom: 15px;
font-weight: bold;
display: inline-block;
text-transform: uppercase;
color: #3C8791;
font-family: "Source Sans Pro", sans-serif;
}
.item-category {
font-family: "Source Sans Pro", sans-serif;
}
.item-category a {
color: #3C8791;
}
.blog-section .blog-grid-item .item-content .item-category:hover {
color: #E61E5F;
}
.blog-section .blog-grid-item .item-content .item-title {
margin-bottom: 20px;
}
.blog-section .blog-grid-item .item-content .item-title .title-link {
font-size: 28px;
color: #E61E5F;
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
}
.blog-section .owl-theme .owl-nav {
right: 0px;
bottom: -108px;
position: absolute;
}  .donate-section { margin: 50vh 0;
}
.donate-section .donate-content .donate-image {
top: 0px;
left: 0px;
z-index: -1;
width: 1140px;
position: absolute;
}
.donate-section .donate-content .donate-image .big-image {
overflow: hidden;
}
.donate-section .donate-content .donate-image .big-image>img {
-webkit-transform: translateX(-195px);
-ms-transform: translateX(-195px);
transform: translateX(-195px);
}
.donate-section .donate-content .donate-image .deco-image {
left: 0px;
top: -220px;
width: 530px;
overflow: hidden;
position: absolute;
}
.donate-section .donate-content .donate-image .deco-image>img {
-webkit-transform: translateX(-230px);
-ms-transform: translateX(-230px);
transform: translateX(-230px);
}
.donate-section .donate-item {
margin-top: 30px;
}
.donate-section .donate-item .item-image {
width: 100%;
height: 230px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.donate-section .donate-item:hover .item-image .plus-effect {
opacity: 1;
}
.donate-section .donate-item:hover .item-image .plus-effect:before {
width: 60px;
}
.donate-section .donate-item:hover .item-image .plus-effect:after {
height: 60px;
}
.donate-section .donate-item .item-content {
padding: 30px 50px;
}
.donate-section .donate-item .item-content .item-title {
font-size: 30px;
color: #ffffff;
}
.donate-section .donate-item .item-content .details-btn {
font-size: 16px;
color: #ffffff;
}
.donate-section .donate-item .item-content .details-btn:before { top: 0px;
}
.donate-section .bg-default-past .plus-effect:after,
.donate-section .bg-default-past .plus-effect:before {
background-color: #3C8791;
}
.donate-section .bg-default-orange .plus-effect:after,
.donate-section .bg-default-orange .plus-effect:before {
background-color: #F07319;
}
.donate-section .bg-default-green .plus-effect:after,
.donate-section .bg-default-green .plus-effect:before {
background-color: #73AF50;
}  .testimonial-section .testimonial-carousel .item .testimonial-item {
padding: 60px 30px;
}
.testimonial-section .testimonial-carousel .item .testimonial-item .hero-image {
width: 135px;
height: 135px;
overflow: hidden;
border-radius: 100%;
margin-bottom: 60px;
display: inline-block;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.testimonial-section .testimonial-carousel .item .testimonial-item .hero-name {
font-size: 28px;
}  .partner-section .partner-content .donate-image {
top: -80px;
right: 0px;
width: 1150px;
position: absolute;
}
.partner-section .partner-content .donate-image .big-image {
overflow: hidden;
}
.partner-section .partner-content .donate-image .big-image>img {
-webkit-transform: translateX(145px);
-ms-transform: translateX(145px);
transform: translateX(145px);
}
.partner-section .partner-content .donate-image .deco-image {
top: -40px;
right: 0px;
width: 660px;
overflow: hidden;
position: absolute;
}
.partner-section .partner-content .donate-image .deco-image>img {
-webkit-transform: translateX(320px);
-ms-transform: translateX(320px);
transform: translateX(320px);
}
.partner-section .partner-list {
margin-left: -15px;
margin-right: -15px;
}
.partner-section .partner-list>ul {
width: 100%;
}
.partner-section .partner-list>ul>li {
width: 25%;
padding: 15px;
}
.partner-section .partner-list>ul>li>a {
width: 100%;
height: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.partner-section .partner-list>ul>li>a>img {
margin: auto;
max-width: 80%;
}    .parents-relief-section .parents-relief-image {
top: 50%;
right: 0px;
width: 943px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.parents-relief-section .parents-relief-image .big-image {
overflow: hidden;
}
.parents-relief-section .parents-relief-image .big-image>img {
-webkit-transform: translateX(105px);
-ms-transform: translateX(105px);
transform: translateX(105px);
}
.parents-relief-section .parents-relief-image .shape-image {
top: 50%;
right: 0px;
width: 380px;
overflow: hidden;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.parents-relief-section .parents-relief-image .shape-image>img {
-webkit-transform: translateX(100px);
-ms-transform: translateX(100px);
transform: translateX(100px);
}
.parents-relief-section .parents-relief-content p {
font-size: 24px;
}   .team-section {
margin-bottom: 2rem;
}
.team-member {
margin-top: 30px;
}
.team-section .team-grid-item {
min-height: 100%;
}
.team-section .team-grid-item .item-image {
width: 100%;
display: block;
padding-top: 100%;
position: relative;
}
.item-content .statment {
margin-top: 1em;
}
.item-content .statment p:last-child {
margin-bottom: 0;
} @media (min-width: 760px) {
.team-section .spalten-2 .team-grid-item .item-image,
.team-section .spalten-1 .team-grid-item .item-image {
width: 30%;
padding-top: 30%;
float: left;
}
.team-section .spalten-2 .team-grid-item .item-content,
.team-section .spalten-1 .team-grid-item .item-content {
width: 70%;
float: right;
}
.team-section .spalten-2 .item-content .title-text,
.team-section .spalten-1 .item-content .title-text {
margin-bottom: 0;
}
}
.team-section .team-grid-item .item-image .image-container {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
}
.team-section .item-content {
padding: 20px;
}
.team-section .item-content .title-text {
font-size: 25px;
line-height: 1;
color: #E61E5F;
font-weight: 700;
font-family: "Yrsa", serif;
}  .assignment-location-section .info-list {
margin-top: 30px;
}
.assignment-location-section .info-list .item-title {
font-size: 24px;
color: #3C8791;
}   .blog-details-section .details-content .item-category {
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
}
.post-cat {
color: #3C8791;
}
.share-links a span {
font-family: "Source Sans Pro", sans-serif;
font-weight: normal;
font-size: 14px;
text-transform: uppercase;
transform: translateY(-2px);
}
.blog-details-section .details-content .share-links .item-title {
font-size: 17px;
margin-right: 30px;
font-family: "Source Sans Pro", sans-serif;
}
.blog-details-section .details-content .share-links>ul {
margin: -6px 0px;
}
.blog-details-section .details-content .share-links>ul>li {
height: 35px;
min-width: 120px;
margin-right: 20px;
}
.blog-details-section .details-content .share-links>ul>li:last-child {
margin-right: 0px !important;
}
.blog-details-section .details-content .share-links>ul>li>a {
width: 100%;
height: 100%;
line-height: 37px;
text-align: center;
border-radius: 45px;
color: #E61E5F;
font-weight: 700;
border: 1px solid #E61E5F;
}
.blog-details-section .details-content .share-links>ul>li>a>i {
margin-right: 8px;
}
.blog-details-section .details-content .share-links>ul>li>a:hover {
color: #ffffff;
background-color: #E61E5F;
}
.blog-details-section .details-content .details-image {
margin: 60px 0px;
}
.btns-wrapper {
align-items: center;
display: flex;
}
.block-download {
padding: 30px;
margin: 2rem 0px;
}
.block-downloads {
display: inline-block;
width: 100% !important;
}
.block-downloads:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.block-download .section-title .sub-title {
font-size: 14px;
}
.block-download .section-title .title-text {
font-size: 28px;
}
.block-download .section-title p {
font-size: 20px;
}
.block-download .btns-group {
width: 100%;
}
.block-download .btns-group>ul>li {
margin-right: 15px;
}
.block-download .btns-group>ul>li:last-child {
margin-right: 0px;
} .filesize {
line-height: 45px;
} .container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.custom-container+.block-downloads .block-download {
margin-top: 0;
}
====================================================================================================*/   @media screen and (max-width: 1440px) { body {
font-size: 16px;
} .container-fluid {
max-width: 100%;
padding-left: 30px;
padding-right: 30px;
}
.container {
max-width: 1200px;
}
.sec-ptb-170 {
padding: 120px 0px;
}
.mb-170 {
margin-bottom: 120px;
}
.deco-image-top {
top: -170px;
width: 800px;
}
.deco-image-top>img {
-webkit-transform: translateX(180px);
-ms-transform: translateX(180px);
transform: translateX(180px);
}
.section-title .title-text {
font-size: 54px;
}
.section-title>p {
font-size: 20px;
}  .header-section .brand-logo .brand-link {
max-width: 160px;
}
.header-section .main-menubar>ul>li {
margin-right: 60px;
}
.header-section .main-menubar>ul>li>a {
font-size: 22px;
}
.header-section .main-menubar {
padding-top: 74px;
}
.header-section .btns-group {
padding-top: 68px;
}
.header-section {
padding: 20px 0px;
}
.header-section.stuck .brand-logo .brand-link {
max-width: 90px;
}
.header-section.stuck .main-menubar {
padding-top: 32px;
}
.header-section.stuck .btns-group {
padding-top: 25px;
}  .banner-section .banner-content {
padding: 110px 0px;
}
.banner-section .banner-image {
width: 910px;
}
.feature-section .feature-item {
padding: 60px 30px;
}
.feature-section .feature-item>p {
line-height: 1.6;
font-size: 18px;
}
.donate-section .donate-content .donate-image {
width: 900px;
}
.donate-section .donate-content .donate-image .deco-image {
top: -170px;
width: 420px;
}
.donate-section .donate-item .item-content {
padding: 20px;
}
.donate-section .donate-item .item-content .item-title {
font-size: 24px;
}
.donate-section .donate-item .item-content .details-btn {
font-size: 16px;
}
.details-btn:before {
font-size: 16px;
}
.partner-section .partner-content .donate-image {
width: 840px;
}
.partner-section .partner-content .donate-image .deco-image {
top: -80px;
width: 500px;
}
.partner-section .partner-content .donate-image .deco-image>img {
-webkit-transform: translateX(280px);
-ms-transform: translateX(280px);
transform: translateX(280px);
}  .parents-relief-section .parents-relief-image {
width: 730px;
}
.parents-relief-section .parents-relief-image .shape-image {
width: 300px;
}
.parents-relief-section .parents-relief-content p {
font-size: 20px;
} }  @media screen and (max-width: 1280px) {
body {
font-size: 19px;
}
.donate-section .donate-item .item-content {
padding: 30px;
}
.container-fluid {
padding-left: 30px;
padding-right: 30px;
}
.feature-section .feature-item>p {
font-size: 18px;
line-height: 20px;
}
.feature-section .feature-item {
padding: 30px;
}
.header-section .brand-logo .brand-link {
width: 142px;
}
.header-section .main-menubar {
padding-top: 66px;
}
.header-section .btns-group {
padding-top: 57px;
}
.section-title .title-text,
h2 {
font-size: 48px;
}
.banner-section .banner-content {
padding: 60px 0px;
}
.content-container {
min-height: 100vh;
padding-top: 220px;
}  @media screen and (max-width: 1199px) {
.header-section .brand-logo .brand-link {
max-width: 90px;
}
.banner-section.size-200 {
height: 110vh;
}
section:first-of-type .banner-image {
width: 80%;
}  .header-section {
padding: 20px 0;
}
.header-section.stuck .btns-group,
.header-section .btns-group {
padding-top: 13px;
float: right;
}
.header-section .mobile-menu-btn {
display: inline-block;
float: right;
}
.header-section .main-menubar {
display: none;
}
.copyright-area {
width: 30%;
max-width: 30%;
}
.impressum-navi {
max-width: 40%;
width: 40%;
flex: 0 0 40%;
}
.social-wrapp {
display: none;
}
.footer-nav .menu-item-has-children:first-child,
.impressum-navi {
padding-left: 15px;
}
.footer-nav {
width: 50%;
}
.footer-widget2 {
max-width: 30%;
width: 30%;
padding-left: 30px;
}
#backtotop {
bottom: 30px;
}
.footer-section {
margin-top: 1rem;
}
.wrapper {
padding: 0;
}
.wrapper.full-wrapper {
padding: 0 17.2% 0 0;
}
.content-container {
padding-top: 200px;
}
.header-section .main-menubar>ul>li {
margin-right: 35px;
}
.banner-section .banner-content {
padding: 30px 0;
}
.feature-section>ul {
display: table;
}
.feature-section>ul>li {
width: 50%;
}
.banner-section .banner-image {
top: 0;
}
.sec-ptb-170 {
padding: 30px 0;
}
.donate-section {
margin: 40vh 0 20vh;
}
.banner-section.size-200 {
padding-top: 60vh;
}  .deco-image-top {
top: -160px;
width: 720px;
}
.deco-image-top>img {
-webkit-transform: translateX(280px);
-ms-transform: translateX(280px);
transform: translateX(280px);
}
.section-title .title-text {
font-size: 48px;
}  .banner-section .banner-image {  width: 100%;
}
.banner-section .banner-image>img {
-webkit-transform: translateX(160px);
-ms-transform: translateX(160px);
transform: translateX(160px);
}
.feature-section .feature-item .item-title {
font-size: 24px;
margin-bottom: 15px;
}
.feature-section .feature-item {
padding: 40px 20px;
}
.feature-section .feature-item>p {
font-size: 15px;
min-height: 170px;
margin-bottom: 30px;
}
.blog-section .blog-grid-item .item-content .item-title .title-link {
font-size: 20px;
}
.donate-section .donate-content .donate-image {
width: 750px;
}
.donate-section .donate-content .donate-image .deco-image {
top: -115px;
width: 380px;
}
.donate-section .donate-content .donate-image .deco-image>img {
-webkit-transform: translateX(-200px);
-ms-transform: translateX(-200px);
transform: translateX(-200px);
}
.testimonial-section .testimonial-carousel .item .testimonial-item {
padding: 40px 20px;
}
.partner-section .partner-content .donate-image {
top: 0px;
width: 720px;
}
.partner-section .partner-content .donate-image .deco-image {
top: -120px;
width: 500px;
}  .parents-relief-section .parents-relief-image {
width: 600px;
} }  @media screen and (max-width: 991px) {
body {
font-size: 19px;
}
.feature-section .feature-item>p {
margin-bottom: 45px;
}
.content-container {
padding-top: 140px;
}
.section-title .title-text,
h2 {
font-size: 38px;
}
section:first-of-type .banner-image {
width: 70%;
}
.banner-section.size-200 {
padding-top: 12vh;
}
.banner-section.size-200 {
height: 47vh;
}
.section-title .title-text {
font-size: 38px;
}
.banner-section.size-150 .banner-image {
height: 110vh;
}
.container-spacer+.banner-section {
padding-top: 100px;
}
section:first-of-type .banner-image {
width: 80%;
}
.banner-section.size-100 .banner-image {
height: 50vh;
}
.banner-section.size-150 .banner-image {
height: 140vh;
}
.banner-section.size-200 .banner-image {
height: 75vh;
top: -30vh;
}
.donate-section {
margin: 70vh 0 20vh;
}
.banner-fullscreen {
height: 50vh;
}
.footer-widget1 {
width: 30%;
}
.footer-nav {
width: 70%;
}
.footer-widget2 {
padding-left: 15px;
padding-top: 15px;
}
.sec-ptb-170 {
padding: 60px 0px;
}
.mt-60 {
margin-top: 30px;
}
.mb-15 {
margin-bottom: 10px;
}
.mb-30 {
margin-bottom: 20px;
}
.mb-60 {
margin-bottom: 30px;
}
.mb-170 {
margin-bottom: 60px;
}
.mb-100 {
margin-bottom: 40px;
}
.header-section .main-menubar {
display: none;
}
.header-section .mobile-menu-btn {
display: inline-block;
}
.header-section .brand-logo .brand-link {
max-width: 100px;
}
.header-section.stuck .brand-logo .brand-link {
max-width: 100px;
}  .footer-section .footer-content .address-info,
.footer-section .footer-content .contact-info,
.footer-section .footer-content .useful-links {
margin-bottom: 30px;
}
.feature-section>ul>li {
width: 50%;
}
.feature-section .feature-item>p {
min-height: 110px;
}
.donate-section .donate-content .donate-image {
display: none;
}
.donate-section .donate-content {
padding: 0px;
}
.partner-section .partner-content .donate-image {
display: none;
}
.partner-section .partner-content .section-title {
padding: 0px;
}
.partner-section .partner-content {
padding-top: 0px;
}  .parents-relief-section .parents-relief-image {
display: none;
}  .block-download .btns-group>ul {
float: none;
}
.block-download .btns-group {
padding: 0px;
margin-top: 40px;
} }   @media only screen and (max-device-width: 820px) and (orientation: landscape) {
body {
width: 100%;
height: 100vh;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAxNzggMTc4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNzggMTc4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjRDJEMkQyIiBkPSJNODguNywxNzAuNUgzMi42Yy0wLjYsMC0xLTAuNC0xLTFWOTUuMWMwLTAuNiwwLjQtMSwxLTFoNTR2LTcuNUgxNWMtOC4zLDAtMTUsNi43LTE1LDE1VjE2MwoJCQljMCw4LjMsNi43LDE1LDE1LDE1aDg2LjdDOTYuMSwxNzgsOTEuMywxNzUsODguNywxNzAuNXogTTE3LDE0OS4yYy0xLDAtMS44LTAuOC0xLjgtMS44czAuOC0xLjgsMS44LTEuOGMxLDAsMS44LDAuOCwxLjgsMS44CgkJCVMxOCwxNDkuMiwxNywxNDkuMnogTTE4LjgsMTM4LjdjMCwxLTAuOCwxLjgtMS44LDEuOGMtMSwwLTEuOC0wLjgtMS44LTEuOFYxMjZjMC0xLDAuOC0xLjgsMS44LTEuOGMxLDAsMS44LDAuOCwxLjgsMS44VjEzOC43eiIKCQkJLz4KCQk8cGF0aCBkPSJNMTYzLDBoLTYxLjNjLTguMywwLTE1LDYuNy0xNSwxNXYxNDhjMCw4LjMsNi43LDE1LDE1LDE1SDE2M2M4LjMsMCwxNS02LjcsMTUtMTVWMTVDMTc4LDYuNywxNzEuMywwLDE2MywweiBNMTI2LDE1LjMKCQkJaDEyLjdjMSwwLDEuOCwwLjgsMS44LDEuOGMwLDEtMC44LDEuOC0xLjgsMS44SDEyNmMtMSwwLTEuOC0wLjgtMS44LTEuOEMxMjQuMiwxNi4xLDEyNSwxNS4zLDEyNiwxNS4zeiBNMTE3LjMsMTUuMwoJCQljMSwwLDEuOCwwLjgsMS44LDEuOGMwLDEtMC44LDEuOC0xLjgsMS44cy0xLjgtMC44LTEuOC0xLjhDMTE1LjUsMTYuMSwxMTYuMywxNS4zLDExNy4zLDE1LjN6IE0xMzIuMywxNjkuOGMtNC40LDAtOC0zLjYtOC04CgkJCWMwLTQuNCwzLjYtOCw4LThjNC40LDAsOCwzLjYsOCw4QzE0MC4zLDE2Ni4zLDEzNi43LDE2OS44LDEzMi4zLDE2OS44eiBNMTcwLjUsMTQ1LjFjMCwwLjYtMC40LDEtMSwxSDk1LjFjLTAuNiwwLTEtMC40LTEtMVYzMi42CgkJCWMwLTAuNiwwLjQtMSwxLTFoNzQuNGMwLjYsMCwxLDAuNCwxLDFWMTQ1LjF6Ii8+Cgk8L2c+Cgk8cGF0aCBkPSJNNzYuMywyOC4yTDUxLjgsMjRsMi42LDcuMWMtMTYuMyw5LjUtMjcuOCwyNS45LTMxLjEsNDQuNGw5LjgsMS43YzIuNy0xNS4xLDExLjgtMjguNSwyNC43LTM2LjZsMi41LDYuOEw3Ni4zLDI4LjJ6Ii8+CjwvZz4KPC9zdmc+Cg==) center center no-repeat #fff;
background-size: 15% auto;
}
body>* {
display: none !important;
}
}
@media screen and (max-width: 580px) { body,
.footer-section,
.section-title>p,
.feature-section .feature-item>p {
font-size: 22px;
}
.block-download {
padding: 20px;
margin: 10px 0px;
}
.dateibeschreibung {
min-width: 100%;
}
.feature-section .feature-item>p {
line-height: inherit;
}
.side-hero {
display: none;
}
.home .wrapper .container,
.banner-section .container-fluid,
header .container-fluid {
padding-left: 20px !important;
padding-right: 20px !important;
}
.blog-section .blog-grid-item .item-content {
padding: 20px;
}
.sec-ptb-170 {
padding: 20px 0px;
}
.banner-content p {
margin-bottom: 0;
}
.banner-content .custom-btn {
margin-top: 20px;
}
section .row>div:nth-child(1) .donate-item {
margin-top: 0 !important;
}
.blog-section .blog-grid-item {
margin-top: 20px;
}
.feature-section .feature-item>p {
margin-bottom: 20px;
padding-bottom: 0;
}
.feature-section .feature-item>.custom-btn {
position: relative;
bottom: auto;
}
.feature-section .feature-item {
padding: 28px 20px;
}
.banner-content .custom-btn {
margin-bottom: 5px;
}
.container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;
}
.page.home .content-container {
padding-top: 60px;
}
.banner-fullscreen+.feature-section {
margin-top: 0;
}
.banner-fullscreen,
.banner-section {
height: auto !important;
padding-top: 0 !important;
}
.logo-col,
.burger-col {
width: 50% !important;
}
.nav-col {
display: none;
}
.home .header-section .mobile-menu-btn {
color: #3C8791;
}
header .btns-group {
display: none;
}
.banner-image {
display: none;
}
.donate-section {
margin: 0;
}
.section-title .title-text,
body .team-section .section-title .title-text {
font-size: 32px;
}
.cat-filter {
padding-top: 2rem;
}
.cat-filter li,
.blog-details-section .details-content .share-links>ul>li {
width: auto;
float: left;
margin: 20px 20px 0 0 !important;
}
.cat-filter li:nth-child(1),
.cat-filter li:nth-child(2) {
margin-top: 0;
}
.latest-posts-wrapper .item {
width: 100%;
padding: 10px 15px;
}
.banner-image {
display: none;
}
#backtotop {
width: 40px;
height: 40px;
}
#backtotop #scroll {
font-size: 18px;
line-height: 48px;
}  .header-section .brand-logo .brand-link {
max-width: 60px;
}
.header-section.stuck .brand-logo .brand-link {
max-width: 60px;
}
.header-section {
padding: 15px 0px;
}
.header-section.stuck {
padding: 15px 0px;
}
.header-section .mobile-menu-btn {
font-size: 30px;
margin: 6px 0px;
}  .footer-section .footer-content {
padding-top: 30px;
padding-bottom: 0px;
}
.footer-section .footer-bottom {
padding: 15px 0px;
}
.footer-section .footer-bottom .footer-menu>ul>li {
margin-right: 20px;
}
.footer-section .footer-bottom .footer-menu {
margin: 10px 0px;
}
.footer-section .footer-bottom .social-links>ul {
float: none;
}  .banner-section .banner-content {
padding: 20px 0;
}
.donate-section .donate-item {
margin-top: 20px;
}
.footer-section .footer-content {
padding-top: 20px;
}
body p,
.custom-container ul,
.custom-container ol,
.footer-section .footer-content .address-info,
.footer-section .footer-content .contact-info,
.footer-section .footer-content .useful-links {
margin-bottom: 20px;
}
body p:last-child {
margin-bottom: 0;
}
.footer-widget1,
.footer-nav,
.footer-widget2 {
width: 100%;
padding: 0 35px;
max-width: 100%;
}
.footer-nav .menu-item-has-children:first-child,
.footer-nav .menu-item-has-children,
.impressum-navi {
padding-left: 0;
padding-right: 0;
padding-top: 20px;
width: 100%;
}
.footer-nav .menu-item-has-children:first-child {
padding-top: 0;
}
.copyright-area,
.impressum-navi {
width: 100%;
max-width: 100%;
padding: 0 35px;
}
#backtotop #scroll {
line-height: 41px;
}
.section-title .title-text,
h2 {
font-size: 32px;
}
.content-container {
padding-top: 90px;
}
.custom-container h2,
.team-section h2 {
margin-top: 2rem;
}
.wrapper.full-wrapper {
padding-left: 20px;
}
.banner-vertical-bottom .row>div {
min-height: auto;
}
.footer-widget2,
.footer-widget1 {
padding-top: 0;
}
.footer-section .main-menubar>ul>li>a,
.footer-section .footer-title {
margin-bottom: 10px;
}
.donate-section .donate-item .item-content {
padding: 20px;
}
.sidebar-menu-wrapper .sidebar-menu {
min-width: 100%;
width: 100%;
right: -100%;
}
.side-hero {
margin-right: -33%;
margin-left: 20px;
}
.wrapper {
padding: 0 20px;
}
.feature-section>ul>li {
width: 100%;
}
.feature-section .feature-item>p {
min-height: auto;
}
.blog-section .owl-theme .owl-nav {
bottom: -79px;
}
.partner-section .partner-list>ul>li {
width: 50%;
}
.partner-section .partner-list>ul>li>a {
height: 60px;
}  .assignment-location-section .info-list .item-title {
font-size: 18px;
color: #3C8791;
}
.parents-relief-section .parents-relief-content p {
font-size: 14px;
}  .blog-details-section .details-content .share-links {
margin-top: 15px;
float: none !important;
}
.blog-details-section .details-content .share-links>ul {
margin: 0px;
float: none;
}
.blog-details-section .details-content .share-links .item-title {
width: 100%;
margin-right: 0px;
margin-bottom: 5px;
}
.blog-details-section .details-content .share-links>ul>li {
margin-right: 5px;
margin-bottom: 5px;
}
.blog-details-section .details-content .details-image {
margin: 20px 0px;
}
.block-download .btns-group>ul>li>.custom-btn {
margin: 0px;
}
.wrapper.full-wrapper {
padding: 0 20px;
} }