@charset "utf-8";
@import url('../fontawesome/css/font-awesome.min.css');


/* GENERAL STUFF */
*{box-sizing: border-box;position: relative;outline: none;}
/* html{font-family: 'Josefin Sans', sans-serif;} */
html{font-family: 'Roboto', sans-serif;}
body{background:white;}
body, html{margin:0;padding:0;color:rgb(40,50,60);overflow-x: hidden;}

p{font-size:20px;font-weight:300;line-height: 1.6em;font-family: 'Roboto', sans-serif;}
p a{color:rgb(230,60,30);text-decoration: underline;opacity: .8;font-weight:400;}
p a:hover{text-decoration: underline;opacity: 1}
h1, h2, h3, h4, h5, h6{font-family: 'Josefin Sans', sans-serif;}
.contentContainer{float:left;width:100%;height:auto;margin:0;padding:0;}
.wrapper {float:left;background: ;width:calc(100% - 200px);margin:0 100px;padding:0px;}
.wrapper .wrapper_big {width:100%;display: block;background: ;max-width:1400px;margin:0 auto;padding:0px;}
.wrapper .wrapper_small {width:100%;display: block;background: ;max-width:1000px;margin:0 auto;padding:0px;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  margin: 0;
  border-radius: 0px;
}
input[type="submit"], input[type="text"], button{
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border-radius: 0px;
  outline:none;
}

.hUpper{text-transform: uppercase;font-size:20px;float:left;width:100%;}
.hRed{color:rgb(230,60,30);}
.hIntro{margin:;}

/* HEADER */
header{position: fixed;top:0;right:0;width:100%;background: white;box-shadow: 0px 0px 15px rgba(40,50,60,.2);z-index:10;transition: all .2s linear;}
header .navLine{float:left;width:100%;background: rgb(105,50,135);padding:5px 0;}
header .navLine .navLineLeft{float:left;width:auto;margin:0 0 0 100px;}
header .navLine .navLineLeft p{float:left;width:auto;height:25px;line-height: 27px;color:white;padding:0 20px 0 0;margin:0;font-size:14px;}
header .navLine .navLineLeft p strong{font-size:12px;color:;}
header .navLine .navLineLeft a{color:white;}
header .navLine .navLineRight{float:right;width:auto;margin:0 100px 0 0;}
/* language */
header .navLine .navLineRight .language{float:left;width:auto;height:25px;background: rgba(0,0,0,.2);}
header .navLine .navLineRight .language .languageName{float:left;background: ;height:25px;line-height: 28px;padding:0 10px;color:white;text-transform: uppercase;font-size: 12px;font-weight: 400;}
header .navLine .navLineRight .language .languageFlag{float:left;background: ;height:25px;width:20px;margin:0 10px 0 0;display: flex;align-items: center;}
header .navLine .navLineRight .language .languageFlag img{width:20px;}
header .navLine .navLineRight .language .languageBtn{float:right;width:30px;height:25px;background: transparent;text-align: center;line-height: 27px;border-left:1px solid rgb(105,50,135);}
header .navLine .navLineRight .language .languageBtn i{color:white;font-size:14px;width:100%;}
/* search */
header .navLine .navLineRight .search{float:left;margin:0 0 0 10px;width:auto;height:25px;background: rgba(0,0,0,.2);}
header .navLine .navLineRight .search input[type="text"]#search{float:left;background: transparent;border:0px solid white;border-radius: none;outline:none;color:white;min-width: 200px;margin:0px;padding:0px 10px;font-size: 12px;height:25px;}
header .navLine .navLineRight .search #search::-webkit-input-placeholder {color:silver;text-transform: uppercase;font-size: 12px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
header .navLine .navLineRight .search #search::-moz-placeholder {color:silver;text-transform: uppercase;font-size: 12px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
header .navLine .navLineRight .search #search:-ms-input-placeholder {color:silver;text-transform: uppercase;font-size: 12px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
header .navLine .navLineRight .search #search:-moz-placeholder {color:silver;text-transform: uppercase;font-size: 12px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
header .navLine .navLineRight .search input[type="submit"]#submit{float:left;width:auto;height:25px;border:0px;background: transparent;text-align: center;line-height: 25px;border-left:1px solid rgb(105,50,135);padding:0 15px;margin:0;color:white;font-size:14px;}
header .navLine .navLineRight .search input[type="submit"]#submit:hover{background: white;color:rgb(105,50,135)}
/* logo */
header .logo{float:left;opacity: 1;width:auto;height:100px;margin:0 0 0 100px;background: ;display: flex;align-items: center;}
header .logo a{background: ;height:52px;}
header .logo a img{height:52px;}
header .logo a img.one{display: none;}
header .logo a img.two{display: block;}
header .logo:hover{opacity: .8;}
header .nav-bar{display: none;}
/* nav */
header nav{float:right;width:auto;margin:0 100px 0 0;background: ;height:auto;}
header .navHeader{display: none;}
header nav ul{margin:0;padding:0;float:left;width:auto;background: ;height:auto;list-style: none;}
header nav ul li{margin:0;padding:0;float:left;width:auto;background: ;height:auto;list-style: none;}
header nav ul li a{float:left;margin:0;padding:0 12px;text-decoration: none;text-transform: uppercase;height:100px;line-height: 100px;background: ;font-weight:600;font-size: 14px;color:rgb(40,50,60);opacity: .8;font-family: 'Josefin Sans', sans-serif;}
header nav ul li:hover a,
header nav ul li.active a,
header nav ul li.parent a{opacity: 1;}
header nav ul li span{position: absolute;top:0;left:0;width:100%;height:4px;background: transparent;}
header nav ul li:hover span,
header nav ul li.parent span,
header nav ul li.active span{background: rgb(40,50,60);}
/* header.active */
header.active{top:-35px;transition: all .2s linear;}
/* zweite ebene */
header nav ul li ul{display: none;position: absolute;top:100px;left:0;width:calc(100% + 100px);margin:0 -50px;box-shadow: 0px 5px 5px rgba(40,50,60,.2);}
header nav ul li:hover ul{display: block;}
header nav ul li ul li{float:left;width:100%;height:auto;border-top:1px solid #ccc;}
header nav ul li ul li a{float:left;width:100%;height:auto;padding:15px 10px;text-align: center;line-height: 1.3em;font-size:14px;background: #efefef;}
header nav ul li ul li:hover a,
header nav ul li ul li.active a{background: #fff;}
header nav ul li ul li span{display: none;}


/* SUCHE */
.suche{float:left;width:100%;}
/* search */
.suche .search{float:left;margin:0;width:auto;height:auto;background: white;}
.suche .search input[type="text"]#search{float:left;background: transparent;border:1px solid #ddd;border-radius: none;outline:none;color:black;min-width: 300px;margin:0px;padding:10px;font-size: 14px;height:50px;}
.suche .search #search::-webkit-input-placeholder {color:grey;text-transform: uppercase;font-size: 14px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
.suche .search #search::-moz-placeholder {color:grey;text-transform: uppercase;font-size: 14px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
.suche .search #search:-ms-input-placeholder {color:grey;text-transform: uppercase;font-size: 14px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
.suche .search #search:-moz-placeholder {color:grey;text-transform: uppercase;font-size: 14px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
.suche .search input[type="submit"]#submit{float:left;width:auto;height:50px;border:0px;background: black;text-align: center;line-height: 25px;padding:10px;margin:0 0 0 20px;color:white;font-size:14px;}
.suche .search input[type="submit"]#submit:hover{background: grey;color:white}
.suche h3{float:left;width:100%;}
.result{float:left;width:100%;border:1px solid #ddd;padding:10px;margin:20px 0 10px;}
.result .breadcrumb{padding:20px 0;}

/* CONTENT */
/* breadcrumb */
.breadcrumb{float:left;width:100%;background: ;z-index:2;color:rgb(40,50,60);padding:155px 0 15px 0;font-size:16px;font-weight:400;}
.breadcrumb a{color:grey;}
.breadcrumb a:hover{color:rgb(40,50,60);}


/* STARTSEITE */
/* swiper */
.swiper-container {float:left;width:100%;height:90vh;z-index:1;margin:0;background: black;}
.swiper-slide {float:left;width:100%;height:100%;}
.gallery-top {z-index:1;float:left;height: 70vh;width: 100%;}
.gallery-thumbs {z-index:2;height: 20vh;float:left;margin:0 0 20px 0;overflow: visible;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.4;cursor: pointer;}
.gallery-thumbs .swiper-slide h2{position: absolute;display: block;background: transparent;top:0;left:0;width:100%;height:50px;margin:-50px 0 0;line-height: 50px;padding:0;color:white;text-align: center;font-size: 16px;font-family: 'Josefin Sans', sans-serif;text-transform: uppercase;font-weight:500;letter-spacing: 0px;}
.gallery-thumbs .swiper-slide h2.alternative{display: none;}
.gallery-thumbs .swiper-slide:hover {opacity: .7;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}
.gallery-thumbs .swiper-slide-thumb-active  h2{background-image: linear-gradient(to top, rgba(0,15,30,.9), rgba(0,15,30,0));font-family: 'Josefin Sans', sans-serif;}
.gallery-thumbs .swiper-slide-thumb-active:hover {opacity: 1;}
/* progressBar */
.progressBar{display: none;z-index:999;position: absolute;bottom:0;left:0;width:100%;height:1px;background: rgba(0,15,30,.9);}
.progressBar .inner{position: absolute;bottom:0;left:0;width:0%;height:1px;background: white;}
/* swiper-container */
.swiper-container.gallery-top .gradientToBottom{position: absolute;z-index:2;top:0;left:0;width:100%;height:30vh;background-image: linear-gradient(to bottom, rgba(0,15,30,.9), rgba(0,15,30,0));}
.swiper-container.gallery-top .gradientToRight{position: absolute;z-index:2;top:0;left:0;width:80%;height:100%;background-image: linear-gradient(to right, rgba(0,15,30,.8), rgba(0,15,30,0));}
.swiper-container.gallery-top .textblock{position: absolute;float:none;top:0;left:0;width:auto;z-index:3;max-width: 800px;margin:200px 0 0 100px;}
.swiper-container.gallery-top .textblock h1{color:white;font-size:55px;font-family: 'Josefin Sans', sans-serif;font-weight:600;line-height: 1.1em;margin:0;text-shadow: 0px 0px 10px rgba(0,15,30,.7);}
.swiper-container.gallery-top .textblock p{color:white;font-size: 20px;font-weight:300;text-shadow: 0px 0px 5px rgba(0,15,30,1);}
.swiper-container.gallery-top .textblock a.btn{float:left;color:white;font-family: 'Josefin Sans', sans-serif;text-shadow: none;text-transform: uppercase;text-decoration: none;text-align: center;width:auto;height:40px;padding:0 12px;line-height: 42px;border:1px solid white;}
.swiper-container.gallery-top .textblock a.btn:hover{background: white;color:black;}
/* sidebar */
.sidebar{z-index:2;float:right;width:30%;background: white;border:1px solid #ddd;padding:10px 15px;margin-top:-120px;text-align: center;border-top:5px solid rgb(230,60,30);}
.sidebar h4{float:left;width:100%;margin:0;padding:10px 0 15px;font-size:20px;text-transform: uppercase;font-weight:400;}
.sidebar .item{float:left;width:100%;background: ;padding:15px 0;}
.sidebar .item span{position: absolute;top:0;left:calc(50% - 50px);width:100px;height:1px;background: #ddd;}
.sidebar .item p{float:left;width:100%;margin:0;padding:0;}
.sidebar .item p a{float:left;width:100%;color:rgb(230,60,30);text-transform: uppercase;font-weight:400;font-size:12px;text-decoration: none;padding:10px 0 0;}
.sidebar .item p a:hover{text-decoration: underline;color:;}
/* sidebarBottom */
.sidebarBottom{float:left;width:100%;margin:25px 0 0;padding:0;background: ;}
.sidebarBottom a{color:rgb(230,60,30);text-transform: uppercase;font-weight:400;font-size:14px;text-decoration: none;}
.sidebarBottom a.first{float:left;width:50%;text-align: right;padding:10px 10px 10px 0;border-right:1px solid #ddd;}
.sidebarBottom a.second{float:left;width:50%;text-align: left;padding:10px 0 10px 10px;}
.sidebarBottom a:hover{text-decoration: underline;}


/* AKTUELLES */
/* intro */
.intro{float:left;width:100%;padding:0;margin:0;max-width:800px;}
.aktuellesList{float:left;width:100%;margin:0 0 0;padding:0;display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
.aktuellesList .aktuellesItem{width:32.5%;margin:0 0 20px 0;padding:20px 0 0px 0;border-bottom:0px solid #ddd;}
.aktuellesList .aktuellesItem .textblock{float:left;width:100%;background: ;padding:20px 0 0;}
.aktuellesList .aktuellesItem .textblock h2{float:left;width:100%;font-weight:400;margin:0;padding:0 0 20px;font-family: 'Josefin Sans', sans-serif;}
.aktuellesList .aktuellesItem .textblock p{float:left;width:100%;margin:0;padding:0 0 10px;}
/* images */
.aktuellesList .aktuellesItem .images{float:right;width:100%;height:auto;padding:10px;background: ;border:1px solid #ddd;}
.aktuellesList .aktuellesItem .images img{float:left;width:100%;height:auto;object-fit: contain;}
/* teaserAboutUs */
.teaserAboutUs{float:left;width:100%;margin:30px 0 0;min-height:50vh;padding:0;border:none;border-top:1px solid #ddd;background: rgb(83,116,111);}
.teaserAboutUs .image{position: absolute;left:0;width:calc(50% + 0px);height:100%;}
.teaserAboutUs .gradient{position: absolute;right:calc(50% - 0px);width:40vw;height:100%;background-image: linear-gradient(to left, rgba(83,116,111,1), rgba(83,116,111,0));}
.teaserAboutUs .textblock{float:right;width:50%;padding:70px 0 70px 40px;color:white;}
.teaserAboutUs .textblock h2{}
.teaserAboutUs .textblock p{}
.teaserAboutUs .textblock a{color:white;font-weight:400;}
/* teaserDonate */
.teaserDonate{float:left;width:100%;display: flex;align-items: stretch;}
.teaserDonate .donateLeft{float:left;width:60%;height:auto;padding:50px 50px 50px 100px;}
.teaserDonate .donateLeft h2{float:left;width:100%;text-transform: uppercase;}
.teaserDonate .donateLeft p{float:left;width:100%;margin:0 0 10px;}
.teaserDonate .donateRight{float:right;width:40%;height:auto;padding:50px 100px 50px 50px;background: rgb(230,240,250);}
.teaserDonate .donateRight h2{float:left;width:100%;text-transform: uppercase;}
.teaserDonate .donateRight p{float:left;width:100%;margin:0 0 10px;}
.teaserDonate .donateRight .paypalBtn{float:left;width:auto;clear:both;cursor: pointer;margin:10px 0 20px;height:45px;border-radius: 10px;padding:0 15px;display: flex;align-items: center;background: rgb(255,200,0);}
.teaserDonate .donateRight .paypalBtn:hover{background: rgb(255,210,0);}
.teaserDonate .donateRight .paypalBtn span{float:left;}
.teaserDonate .donateRight .paypalBtn img{float:right;height:20px;margin:0 0 0 10px;}


/* PROJEKTE */
.projekteList{float:left;width:100%;margin:0px 0 20px;display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
.projekteList .projektItem{width:calc(100% / 2 - 10px);height:350px;background: rgba(40,50,60,1);margin:0 0 16px;transition: all .2s ease-in-out;}
.projekteList .projektItem:hover{background: rgba(40,50,60,.5);transition: all .2s ease-in-out;}
.projekteList .projektItem img{position: absolute;top:0;left:0;width:100%;height:100%;object-fit: cover;opacity: .5;}
.projekteList .projektItem .textbox{width:100%;height:100%;position: absolute;top:0;left:0;display: flex;background: ;justify-content: center;align-items: center;}
.projekteList .projektItem .textbox h2{color:white;width:90%;text-align: center;padding:0 5%;text-shadow: 0px 0px 15px rgb(0,0,0);font-size:30px;}


/* PROJEKT */
.projektStart{background: ;float:left;width:100%;padding-top:135px;}
.projektStart img.mobile_only{display: none;float:left;width:100%;height:auto;}
/* projektHeader */
.projektHeader{float:left;width:100%;display: flex;align-items: stretch;}
/* projektHeaderLeft */
.projektHeader .projektHeaderLeft{float:left;width:60%;background: rgb(230,240,250);}
.projektHeader .projektHeaderLeft .breadcrumb{padding:25px 0 25px 100px;}
.projektHeader .projektHeaderLeft .textblock{float:left;width:100%;background: ;padding:0 50px 0 100px;}
.projektHeader .projektHeaderLeft .textblock h3{float:left;width:100%;font-weight:400;font-size: 16px;text-transform: uppercase;padding:0;margin:15px 0;}
.projektHeader .projektHeaderLeft .textblock h1{float:left;width:100%;padding:0px 0;margin:0 0 20px;}
.projektHeader .projektHeaderLeft .textblock p{float:left;width:100%;padding:0px 0;margin:0 0 20px;font-size: 20px;}
/* projektHeaderRight */
.projektHeader .projektHeaderRight{float:right;width:40%;background: rgb(83,116,111);padding:50px 100px 50px 50px;}
.projektHeader .projektHeaderRight p{float:left;width:100%;font-weight:400;font-size: 14px;text-transform: uppercase;color:white;margin:0;padding:10px 0 10px;}
.projektHeader .projektHeaderRight .image1{float:left;width:100%;height:auto;content:'';display: block;padding-top:100%;background: ;border:1px solid white;}
.projektHeader .projektHeaderRight .image1 img{position: absolute;top:0;left:0;width:100%;height:100%;object-fit: contain;}
/* projektMain */
.projektMain{float:left;width:100%;}
.projektMain .projektMainText{float:left;width:calc(100% - 450px);max-width: ;background: ;padding:20px 0;}
.projektMain .projektMainText h3{float:left;width:100%;margin:30px 0 10px;font-size:22px;}
.projektMain .projektMainText p{float:left;width:100%;margin:0;padding:0;}
/* projektMainSidebar */
.projektMain .projektMainSide{float:right;width:380px;}
.projektMain .projektMainSidebar{z-index:2;float:right;width:100%;margin-top:20px;background: rgb(230,240,250);border:0px solid #ddd;padding:0px 0px;text-align: left;border-top:5px solid rgb(83,116,111);}
.projektMain .projektMainSidebar h4{float:left;width:100%;margin:0;padding:15px;text-align: center;font-size:20px;text-transform: uppercase;font-weight:400;border-bottom: 1px solid rgb(83,116,111)}
.projektMain .projektMainSidebar ul{float:left;width:100%;background: ;list-style: circle;}
.projektMain .projektMainSidebar ul li{float:left;width:95%;margin:0;padding:0 0 10px;text-align: left;background: ;font-size:18px;font-weight:400;line-height: 1.3em;list-style: circle;}
/* sidebarProjektHistory */
.projektMain .sidebar.sidebarHistory.sidebarProjektHistory{clear:both;margin-top:20px;width:100%;}
.sidebar.sidebarHistory{width:45%;margin-top:0px;height:auto;overflow: hidden;}
.sidebar.sidebarHistory h4{font-size:18px;}
.sidebar.sidebarHistory ul{float:left;width:100%;margin:0;padding:0;list-style: none;}
.sidebar.sidebarHistory ul li.item{float:left;width:100%;background: ;list-style: none;padding:0px 0px 15px;text-align: left;}
.sidebar.sidebarHistory ul li.item span{position: absolute;top:0;left:0;margin:10px 0 0;width:30px;height:calc(100% - 0px);background: transparent;border-top:1px solid #ccc;border-left:1px solid #ccc;}
.sidebar.sidebarHistory ul li.item:last-child span{border-left:none;}
.sidebar.sidebarHistory ul li.item .textblock{float:right;width:calc(100% - 50px);margin:0;padding:0;}
.sidebar.sidebarHistory ul li.item .textblock h5{margin:0;padding:5px 0;width:100%;font-size:16px;float:left;color:rgb(230,60,30);}
.sidebar.sidebarHistory ul li.item .textblock p{margin:0;padding:0;width:100%;float:left;}
/* sidebarBottom */
.sidebar.sidebarHistory .sidebarBottom{float:none;width:100%;margin:25px 0 0;padding:60px 0 0;background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);position: absolute;bottom:0;left:0;}
.sidebar.sidebarHistory .sidebarBottom a,
.sidebar.sidebarHistory .sidebarBottom span{color:rgb(230,60,30);cursor: pointer;text-transform: uppercase;font-weight:400;font-size:12px;text-decoration: none;}
.sidebar.sidebarHistory .sidebarBottom a.first,
.sidebar.sidebarHistory .sidebarBottom span.first{float:left;width:50%;text-align: right;padding:10px 10px 10px 0;border-right:1px solid #ddd;}
.sidebar.sidebarHistory .sidebarBottom a.second{float:left;width:50%;text-align: left;padding:10px 0 10px 10px;}
.sidebar.sidebarHistory .sidebarBottom a:hover,
.sidebar.sidebarHistory .sidebarBottom span:hover{text-decoration: underline;}
/* FOTORAMA */
.fotorama{background: #fff;float:left;width:100%;margin:0px 0 20px;}


/* Spenden - Jetzt helfen */
.mainText{padding:20px 0;}
.mainText li{line-height:1.5em;}


/* VEREIN */
/* aboutUsTextBild */
.aboutUsTextBild{float:left;width:100%;height:auto;}
.aboutUsTextBild .image{width:45%;position: absolute;left:0;top:0;height:100%;background: ;}
.aboutUsTextBild .image img{width:100%;height:100%;object-fit: contain;}
.aboutUsTextBild .textblock{width:55%;padding:20px 0 20px 40px;float:right;height:auto;}
/* aboutUsTextVideo */
.aboutUsTextVideo{float:left;width:100%;height:auto;padding:20px 0;display: flex;align-items: stretch;flex-wrap: nowrap;}
.aboutUsTextVideo .textblock{width:50%;padding:20px 40px 20px 0px;float:left;height:auto;}
.aboutUsTextVideo .video{width:50%;padding:20px 0px;float:right;height:auto;background: ;}
.aboutUsTextVideo .video video{width:100%;height:100%;object-fit: contain;}
/* teaserMap */
.teaserMap{float:left;width:100%;background: rgb(83,116,111);padding:50px 0;}
.teaserMap .teaserMapInner{float:left;width:100%;display: flex;align-items: center;}
.teaserMap .teaserMapInner .textblock{float:left;width:calc(100% - 550px);background:;color:white;}
.teaserMap .teaserMapInner .textblock h2{float:left;width:100%;margin:0;}
.teaserMap .teaserMapInner .textblock h4{float:left;width:100%;margin:20px 0 20px;font-size:20px;font-weight:300;line-height: 1.3em;}
.teaserMap .teaserMapInner .textblock .item{float:left;width:100%;margin:0;padding:20px 0;}
.teaserMap .teaserMapInner .textblock .item span{position: absolute;top:0;left:0;width:50px;height:1px;background: rgba(255,255,255,.2);}
.teaserMap .teaserMapInner .textblock .item h4{float:left;width:100%;margin:0 0 5px;padding:0;text-transform: uppercase;}
.teaserMap .teaserMapInner .textblock .item p{float:left;width:100%;margin:0;padding:0 0 10px;}
.teaserMap .teaserMapInner .textblock .item a{clear:both;float:left;width:auto;color:yellow;font-weight: 400;text-transform: uppercase;font-size: 12px;opacity: 1;}
.teaserMap .teaserMapInner .textblock .item a:hover{color:white}
.teaserMap .teaserMapInner .map{background: ;width:500px;float:right;height:auto;}
.teaserMap .teaserMapInner .map img{width:100%;height:auto;}
/* member */
.member{float:left;width:100%;height:auto;padding:0;margin:50px 0 0;}
.member .people{float:left;width:100%;margin:0 0 30px 0;}
.member .people img{float:left;width:400px;height:300px;object-fit: cover;}
.member .people .textblock{float:left;padding:0 0 0 30px;width:calc(100% - 430px);max-width:600px;}
.member .people .textblock h3{float:left;width:100%;}
.member .people .textblock p{float:left;width:100%;font-size:20px;}
.member .people .textblock p a{color:rgb(230,60,30);}
/* videoAlone */
h3.videos{float:left;width:100%;position: relative;border-top:1px solid #ddd;text-align: center;color:rgb(105,50,135);font-size:24px;padding:20px 0 10px;}
.videoAlone{float:left;width:100%;display: flex;justify-content:flex-start;flex-wrap: wrap;}
.videoAlone .videoBox{width:50%;height:auto;margin:0;padding:20px 20px 20px 0;background: ;}
.videoAlone .videoBox video{float:left;position: relative;width:60%;height:auto;margin:0;}
.videoAlone .videoBox .textbox{float:right;position: relative;width:calc(40% - 20px);height:auto;margin:0;}
.videoAlone .videoBox .textbox h2{font-weight:300;line-height: 1.3;}


/* KONTAKT */
.kontakt-1{float:left;width:100%;display: flex;align-items: stretch;}
.kontakt-1 .adresse{float:left;width:50%;padding:50px 50px 50px 0;}
.kontakt-1 .kontaktformular{float:right;width:50%;padding:50px 50px 30px;margin-bottom: 20px;background: rgb(230,240,250);}
.kontakt .map{float:left;width:100%;}
.kontakt .map iframe{float:left;width:100%;height:60vh;margin:20px 0;}


/* FOOTER */
footer{float:left;width:100%;height:auto;background: rgb(40,50,60);color:white;padding:50px 0;margin:30px 0 0;}
footer .footerLeft{float:left;width:50%;}
footer .footerLeft img{float:left;width:60%;padding:0;margin:0 40% 30px 0;}
footer .footerLeft .info{width:auto;font-size:18px;font-weight:400;float:left;padding:0 20px 0 0;}
footer .footerLeft .info span{color:#aaa;text-transform: uppercase;font-family: 'Josefin Sans', sans-serif;}
footer .footerLeft .info a{color:white;}
footer .footerRight{float:right;width:50%;}
footer .footerRight p{float:left;width:100%;margin:0;padding:0 0 10px;}
footer .footerLine{float:left;width:100%;margin:20px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.2);background: ;}
footer .footerLine p{float:left;width:auto;margin:0;padding:0 30px 0 0;font-size: 14px; font-weight:300;}
footer .footerLine ul{float:left;width:auto;margin:0;padding:0;list-style: none;}
footer .footerLine ul li{float:left;width:auto;margin:0;padding:0 10px 0 0;list-style: none;}
footer .footerLine ul li a{float:left;width:auto;margin:0;padding:0;color:#ccc;text-decoration: none;font-size: 14px; font-weight:300;}
footer .footerLine ul li a:hover{text-decoration: underline;color:white;}







/* MEDIA QUERIES */
/* BIGGER THAN NORMAL */
@media only screen and (min-width: 1600px) {
  header .navLine .navLineLeft p{font-size:16px;}
  header .navLine .navLineLeft p strong{font-size:14px;color:;}
  header nav ul li a{font-size:18px;}

  .breadcrumb{font-size: 18px;}

  .hUpper{font-size:24px;}

  .gallery-thumbs .swiper-slide h2{font-size: 22px;}
  .swiper-container.gallery-top .textblock p{font-size:22px;}

  .projekteList .projektItem{height:450px;}

  .projektHeader .projektHeaderLeft .textblock h3{font-size:22px;}
  .projektHeader .projektHeaderLeft .textblock p{font-size:22px;}
  .projektHeader .projektHeaderRight p{font-size:18px;}


}


/* SMALLER THAN NORMAL */
@media only screen and (max-width: 1200px) {
  .wrapper {width:calc(100% - 40px);margin:0 20px;}
  /* HEADER */
  header .navLine .navLineLeft{margin:0 0 0 20px;}
  header .navLine .navLineRight{margin:0 20px 0 0;}
  /* logo */
  header .logo{margin:0 0 0 20px;}
  /* nav */
  header nav{margin:0 20px 0 0;}

  /* STARTSEITE */
  /* swiper */
  .swiper-container {height:80vh;}
  .gallery-top {height: 65vh;}
  .gallery-thumbs {height: 15vh;margin:0 0 20px 0;}
  .gallery-thumbs .swiper-slide h2{height:40px;margin:-40px 0 0;line-height: 40px;font-size: 14px;}

  .swiper-container.gallery-top .textblock{margin:28vh 0 0 60px;}
  .swiper-container.gallery-top .textblock h1{font-size:28px;}
  .swiper-container.gallery-top .textblock p{font-size: 16px;}

  /* AKTUELLES */
  /* no changes */

  /* teaserAboutUs */
  .teaserAboutUs{margin:20px 0 0;min-height:40vh;}
  .teaserAboutUs .textblock{padding:40px 0 40px 30px;}

  /* teaserDonate */
  .teaserDonate .donateLeft{width:50%;padding:30px;}
  .teaserDonate .donateRight{width:50%;padding:30px;}


  /* PROJEKTE */
  .projekteList .projektItem{height:300px;}


  /* PROJEKT */
  /* projektHeaderLeft */
  .projektHeader .projektHeaderLeft .breadcrumb{padding:15px 0 15px 20px;}
  .projektHeader .projektHeaderLeft .textblock{padding:0 20px;}
  /* projektHeaderRight */
  .projektHeader .projektHeaderRight{padding: 20px;}
  /* projektMain */
  .projektMain .projektMainText h3{margin:20px 0 10px;}
  /* projektMainSidebar */
  .projektMain .projektMainSidebar h4{font-size:16px;}
  /* sidebarProjektHistory */
  .projektMain .sidebar.sidebarHistory.sidebarProjektHistory{clear:both;margin-top:20px;width:100%;}
  /* FOTORAMA */
  .fotorama{float:left;width:100%;margin:30px 0;}


  /* Spenden - Jetzt helfen */
  .mainText{padding:20px 0;}
  .mainText li{line-height:1.5em;}

  /* VEREIN */
  /* aboutUsTextBild */
  .aboutUsTextBild .image{width:50%;}
  .aboutUsTextBild .textblock{width:50%;padding:0 0 0 20px;}
  /* aboutUsTextVideo */
  .aboutUsTextVideo .textblock{padding:0 20px 0 0px;}
  .aboutUsTextVideo .video{padding:0px 0px;}
  /* videoAlone */
  h3.videos{float:left;width:100%;position: relative;border-top:1px solid #ddd;text-align: center;color:rgb(105,50,135);font-size:24px;padding:20px 0 10px;}
  .videoAlone{float:left;width:100%;display: flex;justify-content:flex-start;flex-wrap: wrap;}
  .videoAlone .videoBox{width:50%;height:auto;margin:0;padding:20px 20px 20px 0;background: ;}
  .videoAlone .videoBox video{float:left;position: relative;width:60%;height:auto;margin:0;}
  .videoAlone .videoBox .textbox{float:right;position: relative;width:calc(40% - 20px);height:auto;margin:0;}
  .videoAlone .videoBox .textbox h2{font-weight:300;line-height: 1.3;}
  /* teaserMap */
  .teaserMap .teaserMapInner .textblock{width:50%;}
  .teaserMap .teaserMapInner .textblock .item{float:left;width:100%;margin:0;padding:20px 0;}
  .teaserMap .teaserMapInner .map{width:50%;}

  /* member */
  /* no changes */

  /* KONTAKT */
  /* no changes */


  footer{float:left;width:100%;height:auto;background: rgb(40,50,60);color:white;padding:50px 0;margin:0px 0 0;}
  footer .footerLeft{float:left;width:50%;}
  footer .footerLeft img{float:left;width:60%;padding:0;margin:0 40% 30px 0;}
  footer .footerLeft .info{width:auto;font-size:18px;font-weight:400;float:left;padding:0 20px 0 0;}
  footer .footerLeft .info span{color:#aaa;text-transform: uppercase;font-family: 'Josefin Sans', sans-serif;}
  footer .footerLeft .info a{color:white;}
  footer .footerRight{float:right;width:50%;}
  footer .footerRight p{float:left;width:100%;margin:0;padding:0 0 10px;}
  footer .footerLine{float:left;width:100%;margin:20px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.2);background: ;}
  footer .footerLine p{float:left;width:auto;margin:0;padding:0 30px 0 0;font-size: 14px; font-weight:300;}
  footer .footerLine ul{float:left;width:auto;margin:0;padding:0;list-style: none;}
  footer .footerLine ul li{float:left;width:auto;margin:0;padding:0 10px 0 0;list-style: none;}
  footer .footerLine ul li a{float:left;width:auto;margin:0;padding:0;color:#ccc;text-decoration: none;font-size: 14px; font-weight:300;}
  footer .footerLine ul li a:hover{text-decoration: underline;color:white;}



}


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

  /* CONTENT */
  p{font-size:16px;font-weight:400;}
  p,h1,h2,h3,h4,h5,h6{line-height: 1.5em;}
  .wrapper {width:calc(100% - 30px);margin:0 15px;}
  .hUpper{text-transform: uppercase;font-size:20px;margin:10px 0 0;text-align: center;}
  .hRed{color:rgb(230,60,30);}
  .hIntro{margin:;}

  /* HEADER */
  header{box-shadow: 0px 0px 10px rgba(40,50,60,.2);background: white;}
  header .navLine{padding:5px 0;}
  header .navLine .navLineLeft{margin:0;background: ;padding:0 15px;float:left;width:100%;}
  header .navLine .navLineLeft p{height:25px;line-height: 27px;padding:0 10px 0 0;margin:0;font-size:11px;}
  header .navLine .navLineLeft p strong{font-size:9px;color:;}
  header .navLine .navLineRight{display: none;}
  /* logo */
  header .logo{width:100%;background: ;padding:0;height:60px;margin:0;}
  header .logo a{background: ;width:auto;margin:0px 15px;height:50px;}
  header .logo a img{width:auto;height:50px;}
  header .logo a img.one{display: none;}
  header .logo a img.two{display: block;}
  header .logo:hover{opacity: 1;}
  header .nav-bar{display: block;position: absolute;top:0;right:0;height:60px;z-index:10;cursor: pointer;width:60px;text-align: center;font-size:22px;line-height: 63px;color:rgb(40,50,60)}
  header .nav-bar:hover{background: #efefef;}
  /* nav */
  header nav{float:none;width:300px;overflow: scroll;margin:0;background: white;height:100%;display: block;position: fixed;top:0;left:-300px;z-index:11;box-shadow:none;transition: all .3s ease;}
  header nav.active{left:0;transition: all .3s ease;box-shadow: 0px 0px 20px rgba(40,50,60,.3);}
  header nav .navHeader{display: block;float:left;width:100%;height:auto;}
  header nav .navHeader.navHeaderBottom{padding:0 0 50px;}
  header nav .navHeader h2{float:left;width:calc(100% - 60px);margin:0;padding:0 20px;height:60px;line-height: 60px;border-bottom:1px solid #ccc;color:rgb(105,50,135);font-size:20px;text-transform: uppercase;font-weight:300;}
  header nav .navHeader .close{position: absolute;top:0;right:0;width:60px;height:60px;border-bottom:1px solid #ccc;color:rgb(40,50,60);font-size:20px;text-align: center;line-height: 63px;}
  header nav .navHeader .close:hover{background: #efefef;}
  /* language */
  header nav .navHeader .navLineRight .language{float:left;width:100%;height:36px;background: #efefef;border-bottom:1px solid #ccc;border-top:1px solid #ccc}
  header nav .navHeader .navLineRight .language .languageName{float:left;background: ;height:36px;line-height: 40px;padding:0 20px;color:rgb(40,50,60);text-transform: uppercase;font-size: 14px;font-weight: 400;}
  header nav .navHeader .navLineRight .language .languageFlag{float:left;background: ;height:36px;width:20px;margin:0 10px 0 0;display: flex;align-items: center;}
  header nav .navHeader .navLineRight .language .languageFlag img{width:26px;}
  header nav .navHeader .navLineRight .language .languageBtn{float:right;width:50px;height:36px;background: transparent;text-align: center;line-height: 40px;border-left:1px solid #ccc;}
  header nav .navHeader .navLineRight .language .languageBtn i{color:rgb(40,50,60);font-size:14px;width:100%;}
  /* search */
  header nav .navHeader .navLineRight .search{float:left;margin:0px;width:100%;height:46px;background: #efefef;overflow: hidden;border-bottom:1px solid #ccc;}
  header nav .navHeader .navLineRight .search input[type="text"]#search{float:left;background: transparent;border:0px solid #ccc;border-bottom:1px solid rgb(40,50,60);border-radius: none;outline:none;color:rgb(40,50,60);min-width: 100px;width:calc(100% - 100px);margin:8px 0px 8px 20px;text-indent: 0px;padding:0px 0px;font-size: 12px;height:30px;}
  header nav .navHeader .navLineRight .search #search::-webkit-input-placeholder {color:rgb(40,50,60);text-transform: uppercase;font-size: 12px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
  header nav .navHeader .navLineRight .search #search::-moz-placeholder {color:rgb(40,50,60);text-transform: uppercase;font-size: 12px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
  header nav .navHeader .navLineRight .search #search:-ms-input-placeholder {color:rgb(40,50,60);text-transform: uppercase;font-size: 12px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
  header nav .navHeader .navLineRight .search #search:-moz-placeholder {color:rgb(40,50,60);text-transform: uppercase;font-size: 12px;font-weight: 400;font-family: 'Josefin Sans', sans-serif;height:25px;line-height: 20px;}
  header nav .navHeader .navLineRight .search input[type="submit"]#submit{float:left;width:auto;height:30px;border:0px;background: black;text-align: center;line-height: 25px;padding:0 10px;margin:8px 0 0 4px;color:white;font-size:14px;}
  header nav .navHeader .navLineRight .search input[type="submit"]#submit:hover{background: grey;color:white;}

  header nav ul{width:100%;}
  header nav ul li{width:100%;border-bottom:1px solid #ddd;}
  header nav ul li a{float:left;margin:0;width:100%;padding:0 20px;cursor: pointer;text-decoration: none;text-transform: uppercase;height:60px;line-height: 60px;background: ;font-weight:600;font-size: 14px;color:rgb(40,50,60);opacity: .5;}
  header nav ul li:hover a,
  header nav ul li.active a,
  header nav ul li.parent a{opacity: 1;}
  header nav ul li span{display: none;}

  /* header.active */
  header.active{top:-35px;transition: all .2s linear;}
  /* zweite ebene */
  header nav ul li ul{display: block;position: relative;float:left;top:0;left:0;width:100%;margin:0;box-shadow: none;}
  header nav ul li ul li{float:left;width:100%;height:auto;border-top:1px solid #ccc;border-bottom:0px;}
  header nav ul li ul li a{float:left;width:100%;height:auto;padding:15px 10px 15px 35px;text-align: left;line-height: 1.3em;font-size:14px;background: #efefef;}
  header nav ul li ul li:hover a,
  header nav ul li ul li.active a{background: #fff;}
  header nav ul li ul li span{display: none;}

  /* CONTENT */
  /* breadcrumb */
  .breadcrumb{padding:110px 0 15px 0;font-size:14px;}

  /* STARTSEITE */
  /* swiper */
  .swiper-container {height:65vh;margin:90px 0 0;}
  .gallery-top {height: 55vh;}
  .gallery-thumbs {height: 10vh;margin:0 0 20px 0;}
  .gallery-thumbs .swiper-slide h2{display: none;font-size: 15px;}
  .gallery-thumbs .swiper-slide h2.alternative{position: absolute;display: block;background: transparent;top:0;left:0;width:100%;height:40px;margin:-30px 0 0;line-height: 40px;padding:0;color:white;text-align: center;font-size: 12px;font-family: 'Josefin Sans', sans-serif;text-shadow: 0px 0px 5px rgba(30,40,50,.5);text-transform: uppercase;font-weight:600;letter-spacing: 0px;}
  /* swiper-container */
  .swiper-container.gallery-top .textblock{margin:50px 0 0 15px;width:90%;}
  .swiper-container.gallery-top .textblock h1{font-size:22px;}
  .swiper-container.gallery-top .textblock p{font-size: 14px;font-weight:400;}


  /* AKTUELLES */
  /* aktuellesItem */
  .aktuellesList .aktuellesItem{width:100%;margin:20px 0 20px 0;padding:0px 0 20px 0;border-bottom:1px solid #ddd;}


  /* teaserAboutUs */
  .teaserAboutUs .image{position: relative;float:left;left:none;width:100%;height:280px;}
  .teaserAboutUs .gradient{position: absolute;right:0;top:230px;width:100%;height:50px;background-image: linear-gradient(to top, rgba(83,116,111,1), rgba(83,116,111,0));}
  .teaserAboutUs .textblock{float:right;width:100%;padding:0 0 10px;color:white;}
  .teaserAboutUs .textblock a{color:white;font-weight:400;}
  /* teaserDonate */
  .teaserDonate{display: block;}
  .teaserDonate .donateLeft{width:100%;padding:0 20px;}
  .teaserDonate .donateRight{width:100%;height:auto;padding:0 20px 20px;}
  .teaserDonate .donateRight .paypalBtn{width:100%;clear:both;cursor: pointer;margin:10px 0 20px;height:45px;border-radius: 10px;padding:0 15px;display: flex;align-items: center;justify-content: center;background: rgb(255,200,0);}
  .teaserDonate .donateRight .paypalBtn:hover{background: rgb(255,210,0);}
  .teaserDonate .donateRight .paypalBtn span{float:left;padding-top:5px;}
  .teaserDonate .donateRight .paypalBtn img{float:right;height:20px;margin:0 0 0 20px;}



  /* PROJEKTE */
  .projekteList{float:left;width:100%;margin:0px 0 20px;display: flex;align-items: flex-start;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;align-content: flex-start;}
  .projekteList .projektItem{width:100%;height:220px;background: rgba(40,50,60,1);margin:0 0 10px;transition: all .2s ease-in-out;}
  .projekteList .projektItem .textbox h2{font-size:22px;}


  /* PROJEKT */
  .projektStart{padding-top:95px;}
  .projektStart img.mobile_only{display: block;float:left;width:100%;height:auto;}
  /* projektHeader */
  .projektHeader{float:left;width:100%;display: block;}
  /* projektHeaderLeft */
  .projektHeader .projektHeaderLeft{float:left;width:100%;background: rgb(230,240,250);}
  .projektHeader .projektHeaderLeft .breadcrumb{padding:15px;background: white;}
  .projektHeader .projektHeaderLeft .textblock{float:left;width:100%;background: ;padding:0 15px 15px;}
  .projektHeader .projektHeaderLeft .textblock h1{font-size:22px;}
  /* projektHeaderRight */
  .projektHeader .projektHeaderRight{float:right;width:100%;background: rgb(83,116,111);padding:15px;}
  /* projektMain */
  .projektMain{float:left;width:100%;}
  .projektMain .projektMainText{float:left;width:100%;max-width: ;background: ;padding: 20px 0;}
  .projektMain .projektMainText h3{margin:20px 0 10px;}
  /* projektMainSidebar */
  .projektMain .projektMainSide{float:right;width:100%;}
  .projektMain .projektMainSidebar{width:100%;margin-top:20px;background: rgb(230,240,250);border:0px solid #ddd;padding:0px 0px;text-align: left;border-top:5px solid rgb(83,116,111);}
  .projektMain .projektMainSidebar h4{float:left;width:100%;margin:0;padding:15px;text-align: center;font-size:16px;text-transform: uppercase;font-weight:400;border-bottom: 1px solid rgb(83,116,111)}
  .projektMain .projektMainSidebar ul{float:left;width:100%;background: ;list-style: circle;}
  .projektMain .projektMainSidebar ul li{float:left;width:100%;margin:0;padding:0 0 10px;text-align: left;background: ;font-weight:400;line-height: 1.3em;list-style: circle;}
  /* sidebarProjektHistory */
  .projektMain .sidebar.sidebarHistory.sidebarProjektHistory{clear:both;margin-top:20px;width:100%;margin:20px 0;}
  /* sidebar */
  .sidebar{z-index:2;float:left;width:100%;padding:10px 15px;margin-top:0;}
  .sidebar h4{float:left;width:100%;margin:0;padding:5px 0 10px;font-size:14px;text-transform: uppercase;font-weight:400;}
  .sidebar .item{padding:10px 0;}
  .sidebar .item span{position: absolute;top:0;left:calc(50% - 50px);width:100px;height:1px;background: #ddd;}
  .sidebar .item p a{font-size:10px;}
  /* sidebarBottom */
  .sidebarBottom{margin:15px 0 0;}
  .sidebarBottom a{font-size:12px;}
  /* sidebarBottom */
  .sidebar.sidebarHistory .sidebarBottom{float:none;width:100%;margin:25px 0 0;padding:40px 0 0;background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);position: absolute;bottom:0;left:0;}
  .sidebar.sidebarHistory{width:100%;margin-top:10px;}
  .sidebar.sidebarHistory.active{height:100%;transition: all .3s linear;}


  /* FOTORAMA */
  .fotorama{float:left;width:100%;margin:30px 0 10px;}

  /* Spenden - Jetzt helfen */
  .mainText{padding:20px 0;}
  .mainText li{line-height:1.5em;}


  /* VEREIN */
  .aboutUsTextBild .image{width:100%;position: relative;float:left;left:none;top:none;height:250px;background: ;}
  .aboutUsTextBild .image img{width:100%;height:100%;object-fit: cover;}
  .aboutUsTextBild .textblock{width:100%;padding:0px;float:right;height:auto;}
  /* aboutUsTextVideo */
  .aboutUsTextVideo{float:left;width:100%;height:auto;padding:0px 0;display: flex;align-items: stretch;flex-wrap: wrap;}
  .aboutUsTextVideo .textblock{width:100%;padding:20px 0px 20px 0px;float:left;height:auto;}
  .aboutUsTextVideo .video{width:100%;padding:20px 0px;float:right;height:auto;background: ;}
  .aboutUsTextVideo .video video{width:100%;height:100%;object-fit: contain;}
  /* videoAlone */
  .videoAlone .videoBox{width:100%;}
  .videoAlone .videoBox video{float:left;position: relative;width:100%;height:auto;margin:0;}
  .videoAlone .videoBox .textbox{float:left;position: relative;width:100%;height:auto;margin:0;}
  /* teaserMap */
  .teaserMap{border-top:1px solid #ddd;padding:30px 0;}
  .teaserMap .teaserMapInner{float:left;width:100%;display: block;align-items: none;}
  .teaserMap .teaserMapInner .textblock{width:100%;}
  .teaserMap .teaserMapInner .textblock h2{float:left;width:100%;margin:0;}
  .teaserMap .teaserMapInner .textblock h4{float:left;width:100%;margin:10px 0;font-size:16px;}
  .teaserMap .teaserMapInner .textblock .item{float:left;width:100%;margin:0;padding:10px 0;}
  .teaserMap .teaserMapInner .map{background: ;width:100%;float:right;height:auto;}
  .teaserMap .teaserMapInner .map img{width:90%;margin:20px 5% 0;height:auto;}
  /* member */
  .member{padding:10px 0 0;margin:0 0 0;border-top:1px solid #ddd;}
  .member .people{float:left;width:100%;margin:10px 0 30px 0;}
  .member .people img{float:left;width:100%;height:auto;object-fit: contain;}
  .member .people .textblock{float:left;padding:0;width:100%;max-width:none;}
  .member .people .textblock p{font-size:16px;}


  /* KONTAKT */
  .kontakt-1{float:left;width:100%;display: block;}
  .kontakt-1 .adresse{float:left;width:100%;padding:0;}
  .kontakt-1 .kontaktformular{float:right;width:100%;padding:0 15px;background: rgb(230,240,250);}
  .kontakt .map{float:left;width:100%;}
  .kontakt .map iframe{float:left;width:100%;height:300px;margin:20px 0;}

  /* footer */
  footer{padding:20px 0 50px;}
  footer .footerLeft{width:100%;padding:0;}
  footer .footerLeft img{width:80%;float:left;margin:0px 0 30px;}
  footer .footerLeft .info{clear:both;width:auto;font-size:14px;font-weight:400;float:left;padding:0 0px 20px 0;}
  footer .footerRight{float:right;width:100%;padding:0;}
  footer .footerRight p{float:left;width:100%;margin:0;padding:0 0 20px;}
  footer .footerLine{float:left;width:100%;margin:20px 0 0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.2);background: ;}
  footer .footerLine p{float:left;width:100%;margin:0;padding:0 0px 0 0;font-size: 16px; font-weight:300;}
  footer .footerLine ul{float:left;width:auto;margin:0;padding:10px 0 0 0;list-style: none;}
  footer .footerLine ul li{float:left;width:auto;clear:both;margin:0;padding:5px 0 0 0px;list-style: none;}
  footer .footerLine ul li a{float:left;width:auto;margin:0;padding:0;color:#ccc;text-decoration: none;font-size: 16px; font-weight:300;}
  footer .footerLine ul li a:hover{text-decoration: underline;color:white;}

}




/*  */