@media (max-height:880px) {

.juve-wrap{gap: 10px; margin-top: 20px}	
.juve, .juve-ag{height: 80px !important; width: auto}	
	
}

@media (max-height:600px) AND (max-width:1380px) {

.juve, .juve-ag{height: 40px !important; width: auto}	
	
}

@media (max-width:1700px) {

body.menuOpen .menuLayer .menuLayerInner {
	padding: 0px 30px;
	overflow: auto;
}
	
}

@media (max-width:1024px) {
:root {
	--content-breite:100%;
}	
html {}
body {line-height: 150%;}
h1, #start h1 {line-height: 50px; font-size: 22px; max-width: 100%; margin-top: 20px}
.contentAfter .block h1 {line-height: 48px; font-size: 40px;}
img {max-width: 100%; height: auto;}
#navOuter, .subnavOuter, .pink {display:none}
.contentAfterSubnav {margin-left:0px}
#mobileOpenerOuter {display:block}
#obenOuter {
    height: 80px;
    margin: 0 auto;
    text-align: center;
	top: 0px;
	padding: 0px 20px;
	color: #fff9f5 !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.topline .icon-tel	{margin-left: 20px; margin-right: 0px;}
.topline .icon-tel .text {text-indent: -100000px; display: block}
.topline .icon-email.mobile {display: block}
.topline .icon-email.desktop {display: none}
.topline .icon-tel.mobile {display: block}
.topline .icon-tel.desktop {display: none}	
#logolink {
  height: 150px;
  left: 0px;
  top: 40px;
}	
#obenOuterBalken {width: 100%;  height:100px;background-color: #b40e32; display: flex; justify-content: center}
#balkenoben {z-index:1; max-width:100%; width:100%; margin:0px auto;height:100%; display: flex; align-items: center}
#logolink { z-index:999; margin-left:5px;margin-top: 0px; width: auto}
#logo  { z-index:999; margin-left:-25px; height: 60%}
#name {position:relative; float:left; text-align:left; margin-left:120px; margin-top:38px; font-size:1.3em; line-height:1.1em}	
.headerGallery span[class^="pos_"] {display: block; position: relative; font-size: 20px; padding: 10px 0px}
.headerGallery span.pos_mm div,
.headerGallery span.pos_om div,
.headerGallery span.pos_um div {padding-left: 0px}	
#faqs {flex-direction: column; flex-wrap: wrap}
#faqs .faqheadlines {width: 100% !important; max-width: 100% !important}	
#faqs .faqtexte {width: 100% !important; max-width: 100% !important}	
#faqs .faqheadlines .faqheadline.active, #faqs .faqtexte .faqtext.active {
  border-radius: 5px 5px 5px 5px;
}	
	
	
#faqs .faqheadlines .faqheadline:last-child {margin-bottom: 20px}	
	
.pt_2 {
  padding-top: 20px !important;
  display: block;
  width: 100%;
  height: 0px;
}
	
.pt_4 {
  padding-top: 40px !important;
  display: block;
  width: 100%;
  height: 0px;
}	
	
.juve-wrap{gap: 10px; margin-top: 20px}	
.juve, .juve-ag{height: 65px !important; width: auto}	
	
/*Falls Einleitungstext gesetzt*/
.einleitungMobile .juve-wrap {bottom:250px}  
.einleitungMobile .contentAfter .einleitung {width:100%;max-width: 100%}
	
.imgfloatleft {float: none}		
.teamKarteBig {padding: 30px}	
.teamKarteBig .infoBlock {grid-template-columns: 1fr;}	
.teamKarteBig img.partnerFoto {width: 400px; height: auto; right: -100px}
.modul_karriere .juve-wrap {bottom: 50px; right: 20px}	

#lastLine .inner, #lastLine .inner ul {flex-direction: column}
#lastLine .inner .left {display: none}
#lastLine .inner .right ul li.small {text-align: right; padding-right: 10px}

	
#baustelle .baustelleHead .eroffnung { left: 20px; top: 10px} 
#baustelle .baustelleHead .logo {right: 20px; top: 20px} 
    
.content.split .imageSection {display: none}
.content.split .contentsection {width: 100%}
	
.content#projekte, .content.split#projekte, .content.split.splitRight#projekte {flex-direction: column; min-height: 0;}
	.content.split .contentsection, .content.split.splitRight .contentsection {padding: 100px 20px}
.buttonSection.split, .buttonSection.split.splitRight {width: 100%; display: flex; justify-content: center; margin: 40px 0px; height: auto}
.buttonSection.split a, .buttonSection.split.splitRight a  {position: relative; top: 0px; left: auto; right: auto}

#navMobile, #navMobile #navMobileMenu {background-color:var(--green);/* position: absolute; */top: 0px;position: fixed;z-index: 99999;}
#navMobile #navMobileMenu.visible {transform: translateX(0%)}
#navMobile #navMobileMenu .menuMobile ul {height: 70%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
	
#navMobile #navMobileMenu .menuMobile ul li  {list-style-type:none; padding: 0px 25px; color: #fff; opacity: 0; transition: 1.4s ease-in-out} 
#navMobile #navMobileMenu.visible .menuMobile ul li {opacity: 1}
	#navMobile #navMobileMenu.visible .menuMobile ul li:nth-of-type(8n-7) {transition-delay: 100ms}
	#navMobile #navMobileMenu.visible .menuMobile ul li:nth-of-type(8n-6) {transition-delay: 200ms}
	#navMobile #navMobileMenu.visible .menuMobile ul li:nth-of-type(8n-5) {transition-delay: 300ms}
	#navMobile #navMobileMenu.visible .menuMobile ul li:nth-of-type(8n-4) {transition-delay: 400ms}
	#navMobile #navMobileMenu.visible .menuMobile ul li:nth-of-type(8n-3) {transition-delay: 500ms}
	#navMobile #navMobileMenu.visible .menuMobile ul li:nth-of-type(8n-2) {transition-delay: 600ms}
	#navMobile #navMobileMenu.visible .menuMobile ul li:nth-of-type(8n-1) {transition-delay: 700ms}
#navMobile #navMobileMenu .menuMobile ul li a { padding-left:5px; margin-bottom:5px; padding-top:5px; width:100%; display:block; color: #fff; font-size:32px; text-decoration: none}
#navMobile #navMobileMenu .menuMobile ul li.aktiv  {font-weight:bold}

	
#contentOuter {background-image: none; margin-top: 50px}
#contentHome {margin-top:0px; background-color: #fff9f5}
#contentHome img {width:100%}
#content, .content {margin: 0px 0px; padding-bottom: 0px; min-height: 0px}
#spruch {padding: 20px 0px}
.contentBox {margin-top: 10px; display: block}
.contentBox .contentText, .contentBox .contentImg, .contentBox .contentImg img {width:100%}
.contentBox .contentImg {margin-bottom:20px}
.contentBox .contentText ul {list-style-position: inside;}
.contentBox .imgcarousel {margin-top: 25px; margin-bottom: 40px}
.contentBox .imgcarousel ul li {margin-left:0px !important;}

.contentsection {
	padding: 40px 0px;
}
.contentsection .inhalt {width: 100%}
	
	.layout_expertise {padding: 100px 0}
    
.content#start .contentsection {height: calc(100vh - 50px);}    
#startvideo {height: 100%; width: auto; left: -90%}
#start .buttonOuter {position: static; margin: 0px auto; margin-top: 50px}    

    
    .videoBanner {height: calc(100vw * 0.5625); width: 100%}
    #projektevideo {height: calc(100vw * 0.5625); width: 100%}

	#kundenGrid, #partnerGrid {width: 100%; max-width: 100%}    
	#kundenGrid .kunde, #partnerGrid .partner {width: 300px}
	.slick-prev {left: -30px !important; background-image: none; width: 20px}
	.slick-next {right: -30px !important; background-image: none; width: 20px}
	.slick-prev::before {content: "←"; color: black}
	.slick-next::before {content: "→"; color: black}
	#kundenGrid .slick-prev, #partnerGrid .slick-prev {left: -10px !important;}
	#kundenGrid .slick-next, #partnerGrid .slick-next {right: -10px !important;}
	
	#angebotGrid {width: 500px; margin: 0px auto}
	#angebotGrid .angebot {width: 500px; height: 500px; margin-top: 0px;}
    
    .tarifeOuter {flex-wrap: wrap; margin-top: 40px}
    .tarifeOuter .tarif {margin-bottom: 60px}

.hr {margin: 20px 0px}
	
	.projektBox {height: auto; padding: 20px}
	
.kontakt {margin-bottom: 0px; padding: 40px 0px}
#adresse #adresseInnen {padding: 0px 20px; font-size: 12px}
#adresse .normal {float:none}
#adresse .footerNav {float:none; padding-top: 5px}
#adresse a {text-decoration: none; color: #fff9f5}
	
	adresse #adresseInnen .left, #adresse #adresseInnen .right {width: 35%}
	#adresse #adresseInnen .center {width: 30%}
	#adresse #adresseInnen .center .logo {width: 70%}

#adresse {
    box-shadow:none;
    margin:0;
    padding-left: 0;
    padding-top: 20px
	
}

#adresse #adresseInnen .left {

    text-align: left;
    width: auto;
	font-size: 1.3em;
}

#adresse #adresseInnen .right {margin-right:0px; padding-right:0px; padding-left: 0px; margin-top:0px; font-size:1.3em;}
    body[data-aos-duration="400"] #adresse[data-aos] {transition-duration: 0s}

.formtabelle {margin-top:20px}
.formtabelle tr td {clear:both; display:block}
input{ width:100%; border-radius:2px}
input[type='checkbox']{ width:auto;}
.anabmelden {float:left; margin-right:10px; border:0px }
#newslettersubmit {width:162px; text-align:center}
#password {width:123px; margin-top:5px; color:#87888a; font:100%  Helvetica, Arial, sans-serif;  padding-left:3px}
#commentsUser {width:100%}
#Senden {/*cursor:pointer; width:140px; float:left; color:#fff; position:relative; z-index:100000; height:40px; background-color:#9b015e; border:1px solid #9b015e; margin-top:10px; margin-bottom:20px*/ -webkit-appearance: none;} 
#anrede {width:150px;}
#formDanke {color:#333; display:none}

#projectGallery a {margin:0px auto; clear:both; float:none; margin-bottom:20px}
#projectGallery a:nth-of-type(4n) {margin:0px auto; margin-bottom:20px}

.postFull .postImage {height:auto; width:273px;}

.postFullText {width:90%; height:auto; padding:10px; min-width:0px; min-height:0px;}
.postFullText .postFullTextContent {padding-left:10px}
.postFullText .postFullTextContent p {margin-left: 0px !important} 

.contentAfter hr {width:auto !important}

}




@media (max-width:900px) {
    
    #baustelle {height: auto; min-height: 100vh} 
    #baustelle .baustelleHead {height: 150px}
    #baustelle .baustelleContent {height: auto; min-height: calc(100vh - 150px);}
}


@media (max-width:767px) {
	
	.pt_0{padding-top:0px !important;}
	.pt_1{padding-top:5px !important;}
	.pt_2{padding-top:15px !important;}
	.pt_3{padding-top:25px !important; }
	.pt_4{padding-top:40px !important;}
	.pt_5{padding-top:80px !important;}
	.pt_6{padding-top:100px !important;}
	.abstand.pt_0 {display: none}

	.pb_0{padding-bottom:0px !important;}
	.pb_1{padding-bottom:5px !important;}
	.pb_2{padding-bottom:15px !important;}
	.pb_3{padding-bottom:25px !important;}
	.pb_4{padding-bottom:40px !important;}
	.pb_5{padding-bottom:80px !important}
	.pb_6{padding-bottom:100px !important;}
	
	h1 {font-size: 40px; line-height: 48px; margin-top: 0}
	h2, p {font-size: 16px; line-height: 20px;}
	h4 {font-size: 16px; line-height: 22px}
	
	h1.smallh1 {font-size: 32px; line-height: 40px}
	
	.flex.mobileColumn {flex-direction: column; align-items: flex-start}
	
	.topbar .topbarInner {padding: 8px 30px}
	.menuLayer .menuLayerInner {padding: 15px;}
	.menuLayer .menuLayerInner .logo {display: inline-block; width: 115px; margin-bottom: 18px}
	.menuLayer .menuLayerInner .logo img {width: 100%}
	.menuLayer .menuTopBar {margin-top: 0; margin-bottom: 10px}
	.menuLayer .menuTopBar .search {width: 240px;}
	.menuLayer .menuCloser {top: 7px}
	.menuOpener {top: 51px; right: 7px}
	
	input::placeholder {font-size: 14px; line-height: normal}
	input:not([type='checkbox']) {height: 40px; margin-bottom: 24px; padding-top: 4px; padding-bottom: 4px}
	
	.logoLink {width: 90px; height: 36px; left: 15px; top: 17px}
	
	.menu ul {margin-top: 5px}
	.menu ul li a {font-size: 42px; line-height: 52px; margin-top: 6px; margin-bottom: 6px}
	
	.contentAfter {padding: 0 15px; flex-direction: column; justify-content: center; align-items: flex-start; padding-bottom: 90px}
	/* wenn langer Einstiegsnewstext - dann leichte Verschiebung */
	/*.contentAfter {padding: 0 15px; flex-direction: column; justify-content: flex-start; padding-top: 20vH; align-items: flex-start; padding-bottom: 90px}*/
	
	/*Falls Einleitungstext gesetzt*/
	.einleitungMobile .juve-wrap {bottom:285px}  
	
	.contentAfter .block {margin-top: 0; margin-left: 0}
	.contentAfter .flipText {display: none}
	.contentAfter .flipTextMobile {display: block}
	.contentAfter .block .line {margin-top: 20px; margin-bottom: 20px}
	.contentAfter .block h1 {margin-bottom: 00px}
	img.juve {right: 10px}
	.scroller {width: calc(100% - 30px); bottom: 110px; padding-right: 0}
	.scroller .hoverText {margin-bottom: 0}
	.scroller img {height:  30px}
	
	.display-heading {display: none}
	.display-heading-mobile {display: block; position: relative; bottom: 90px}
	
	.headline-wrap {flex-direction: column; align-items: flex-start}
	.headline-wrap .formattedLink {margin-left: 0px}
	
	.textblock {padding: 0 10px}
	
	.layout_0 .contentInnen {padding: 0 15px} 
	.layout_0 .contentInnen.splitContent {grid-template-columns: 1fr}
	.layout_0 .contentInnen.splitContent p {font-size: 16px; line-height: 26px}
	
	.layout_1 .contentInnen.splitContent {grid-template-columns: 1fr; height: auto}
	.layout_1 .contentInnen.splitContent .left {width: 100%; justify-content: space-between}
	.layout_1 .contentInnen.splitContent .right {padding-top: 120px}
	.layout_1 .contentInnen.splitContent .hauptbild {position: relative; left: -20px;}
	.layout_1 .contentInnen.splitContent .hauptbild .slickGallery {height: 360px; width: 240px}
	.layout_1 .contentInnen.splitContent .hauptbild2  {right: unset; bottom: unset; top: 300px; left: 20px}
	.layout_1 .contentInnen.splitContent .hauptbild2 .slickGallery {height: 200px; width: 300px}
	
	.layout_2 .contentInnen.splitContent {grid-template-columns: 1fr; height: auto}
	.layout_2 .contentInnen.splitContent .left {order: 1; }
	.layout_2 .contentInnen.splitContent .right {order: 2;}
	.layout_2 .contentInnen.splitContent .hauptbild  {position: relative; right: -35px}
	.layout_2 .contentInnen.splitContent .hauptbild .slickGallery {height: 360px; width: 240px}
	.layout_2 .contentInnen.splitContent .hauptbild2  {right: unset; bottom: unset; top: 300px;}
	.layout_2 .contentInnen.splitContent .hauptbild2 .slickGallery {height: 200px; width: 300px}
	
	.layout_3 .contentInnen.splitContent {grid-template-columns: 1fr; height: auto; left: 0; padding: 0;}
	.layout_3 .contentInnen.splitContent .left {width: 100%}
	.layout_3 .contentInnen.splitContent .left .hauptbild {width: 100%; height: 240px}
	.layout_3 .contentInnen.splitContent .hauptbild .slickGallery {height: auto; width: 100%; left: 0; top: -40px}
	.layout_3 .contentInnen.splitContent .right {padding-top: 0; padding: 0 20px}
	
	.layout_4 .contentInnen.splitContent {flex-direction: column; padding: 0; width: 100%;}
	.layout_4 .contentInnen.splitContent .left .hauptbild {width: 240px; height: 360px; left: -12px; position: relative;}
	.layout_4 .contentInnen.splitContent .right {padding: 0 20px}
	.layout_4 .contentInnen.splitContent .right .textblock {padding: 40px 0; padding-top: 60px;} 
	.layout_4 .contentInnen.splitContent .right .textblock.greyBG {background: transparent; position: relative; left: 0px; padding-left: 0px; padding-right: 0px; font-size: 16px; line-height: 26px}
	.layout_4 .contentInnen.splitContent .left .display-heading-mobile {display: block; position: absolute; bottom: 90px; left: 230px}
	
	.layout_6 .contentInnen.splitContent {grid-template-columns: 1fr; height: auto; left: 0; padding: 0}
	.layout_6 .contentInnen.splitContent .left {order: 1}
	.layout_6 .contentInnen.splitContent .right {order: 2}
	.layout_6 .contentInnen.splitContent .hauptbild {right: -47px; bottom: 80px;}
	.layout_6 .contentInnen.splitContent .hauptbild img {height: 280px; width: 220px}
	.layout_6 .contentInnen.splitContent .hauptbild2 {top: 100px}
	.layout_6 .contentInnen.splitContent .hauptbild2 img {width: 240px; height: 180px}
	.layout_6 .contentInnen.splitContent .left .display-heading-mobile {bottom: 0}
	
	.layout_expertise .contentInnen {grid-template-columns: 1fr; grid-gap: 50px; padding: 0 15px}
	.layout_expertise .contentInnen h1 {font-size: 32px; line-height: 40px}
	.layout_expertise .contentInnen .subline {font-size: 22px; line-height: 30px; margin-bottom: 30px}
	.layout_expertise .contentInnen .text p, .layout_expertise .contentInnen .text ul li {font-size: 16px; line-height: 26px}
	
	.layout_news {padding-top: 60px}
	.layout_news .contentInnen {grid-template-columns: 1fr; gap: 50px}
	.layout_news .contentInnen .left {order: 2}
	.layout_news .contentInnen .right {order: 1}
	
	.start .content_part_karriere:first-of-type {padding-top: 60px}
	.content_part_karriere .subline {font-size: 20px; line-height: 30px;}
	.content_part_karriere .textContent h4 {margin-bottom: 15px;}
	.content_part_karriere .textContent p {margin-bottom: 25px; font-size: 16px; line-height: 26px;}
	.content_part_karriere .textContent ul{font-size: 16px; line-height: 26px;}
	.content_part_karriere .textContent ul li {font-size: 16px; line-height: 26px;}
	
	
	
	.newsOuter, .newsOuterBig {grid-template-columns: 1fr}
	.newsOuter .news.newsBig, .newsOuterBig .news.newsBig {margin-bottom: 16px}
	.newsOuter .news.newsBig, .newsOuterBig .news.newsBig {max-width: 100%; display: flex; flex-direction: column; margin-bottom: 24px}
	.newsOuter .news.newsBig .block, .newsOuterBig .news.newsBig .block {padding: 20px;}
	.newsOuter .news.newsBig .block .top, .newsOuterBig .news.newsBig .top {flex-direction: column}
	.newsOuter .news.newsBig .block h3, .newsOuterBig .news.newsBig h3 {font-family: Avenir,Verdana,sans-serif; font-weight: 900; letter-spacing: 0.3px; margin-bottom: 5px; text-transform: none; height: 65px}
	.newsOuter .news.newsSmall {max-width: 100%; }
	.newsOuter.pagination .paginationPage .newsInner {grid-template-columns: 1fr; gap: 16px}
	
	.rankingsOuter {grid-template-columns: 1fr; height: auto}
	
	.netzwerkeOuter {grid-template-columns: 1fr}
	.netzwerkeOuter .netzwerk {margin-bottom: 15px}
	
	.expertiseOuter, .karriereOuter, .karriereOuter:not(.karriereOuterSmall) {grid-template-columns: 1fr}
	.expertiseOuter .expertise, .karriereOuter .karriere {position: relative; height: auto; padding: 10px; border-bottom-right-radius: 20px; transition: 0.4s}
	.expertiseOuter .expertise.open, .karriereOuter .karriere.open  {background-color: var(--white); color: var(--dark-green); border-bottom-right-radius: 0px}
	.expertiseOuter .expertise.open:hover, .karriereOuter .karriere.open:hover { border-bottom-right-radius: 0px}
	.expertiseOuter .expertise:hover, .karriereOuter .karriere:hover { border-bottom-right-radius: 20px}
	.expertiseOuter .expertise .name, .karriereOuter .karriere .name {min-height: 50px; font-size: 14px; line-height: 20px; display: flex; align-items: center; overflow: hidden}
	.expertiseOuter .expertise.open .name, .karriereOuter .karriere.open .name {color: var(--dark-green)}
	.karriereOuter .karriere .name {margin-bottom: 0}
	.expertiseOuter .expertise .text, .karriereOuter .karriere .text {max-height: 0; overflow: hidden; opacity: 1; color: var(--dark-green); transition: 0.4s}
	.expertiseOuter .expertise .formattedLink, .karriereOuter .karriere .formattedLink {max-height: 0; overflow: hidden; color: var(--dark-green)}
	.expertiseOuter .expertise.open .text, .karriereOuter .karriere.open .text {max-height: 70px; overflow: hidden; padding-top: 24px; transition: 0.4s; color: var(--dark-green)}
	.expertiseOuter .expertise.open .formattedLink, .karriereOuter .karriere.open .formattedLink {max-height: 40px; overflow: hidden; color: var(--dark-green); padding-top: 18px; padding-bottom: 5px}
	.expertiseOuter .expertise .formattedLink:before, .karriereOuter .karriere .formattedLink:before {display: none} 
	.expertiseOuter .expertise:hover .formattedLink, .karriereOuter .karriere:hover .formattedLink {color: var(--dark-green); padding-left: 0} 
	
	.expertise .arrowMobileOnly {display: block; position: absolute; top:20px; right: 15px; color: var(--white); transition: 0.5s}
	.expertise.open .arrowMobileOnly {transform: rotate(180deg); color: var(--dark-green)}
	
	
	.teamKarte img.partnerFoto {width: 120px; height: auto; margin-bottom: 0; right: -40px}
	.teamKarte img.partnerFoto.newImg {height: auto}
	
	.teamKarteBig {padding: 20px}
	.teamKarteBig .infoBlock .info, .teamKarteBig .infoBlock .info {font-size: 16px}
	.teamKarteBig img.partnerFoto {width: 280px; height: auto;}
	
	.publikationen .pubLine {flex-direction: column}
	.publikationen .pubLine .year {width: auto}
	.publikationen .pubLine .text {font-size: 16px; line-height: 28px}
	
	.content_part_news .date {font-size: 10px; line-height: 13px; letter-spacing: 1.2px; font-weight: 500}
	
	.expertiseFilterOuter {width: 100%}
	.filterSection {margin-bottom: 60px}
	.filterSection .typFilter {flex-direction: column; align-items: flex-start}
	.filterSection .typFilter .filterButton {min-height: 40px; font-size: 13px; line-height: 16px}
	
	.teamOuter {grid-template-columns: 1fr; gap: 24px}
	
	.zitatWrapper .zitat .text {font-size: 14px; line-height: 20px}
	.zitatWrapper .zitat .medium {font-size: 16px; line-height: 20px}
	.zitatWrapper img.leftQuote {width: 17px; height: 20px; bottom: -45px}
	.zitatWrapper img.rightQuote {width: 17px; height: 20px; top: -15px}
	.slick-dots {bottom: -30px}
	
	.kontaktOuter {margin-top: 30px}
	.kontaktOuter .split {grid-template-columns: 1fr}
	.kontaktOuter textarea {height: 200px}
	
	.cmstext p {font-size: 16px; line-height: 26px;}
	
	.projektBox {justify-content: center; height: auto; flex-wrap: wrap; padding: 20px; margin-top: 5vh}
	.projektBox .projektText {font-size: 30px; margin-bottom: 10px}	
    #formularOuter {
    	flex-wrap: wrap;;
    }
    
    #formularOuter #eform {width: 100%;}
    #formularOuter .kontaktDaten {padding-left: 0px;}
    
    .imageGrid img {width: 50%;}
    .imageGrid.team-img img {width: 50%;}
	
	#adresse #adresseInnen {flex-wrap:wrap;}
	adresse #adresseInnen .left {width: 70%}
	#adresse #adresseInnen .center {width: 30%}
	#adresse #adresseInnen .right {width: 100%; margin-top: 40px;}
	#adresse #adresseInnen .right .text {text-align:left;margin-bottom: 20px; font-size: 26px}
	#adresse #adresseInnen .right .socials {justify-content: flex-start;margin-left: -20px}
	#adresse .footerNav a {margin: 0}

	input {margin-bottom: 0}
	
	
}



@media (max-width: 600px) {
    #baustelle {height: auto; min-height: 100vh} 
    #baustelle .baustelleHead {height: 100px}
    #baustelle .baustelleContent {height: auto; min-height: calc(100vh - 100px); background-position-y: center; padding: 80px 0}
    #baustelle .baustelleContent .blueBox {padding: 10px;font-size: 16px; line-height: 18px} 
    #baustelle .baustelleContent .blueBox .hlike {font-size: 54px; line-height: 56px; margin-bottom: 40px; letter-spacing: 2px} 
    #baustelle .baustelleContent .blueBox .big {font-size: 20px; line-height: 22px; font-weight: bold; margin-bottom: 20px; letter-spacing: 1px} 
    #baustelle .baustelleContent .blueBox .abril {font-size: 26px; letter-spacing: 2px; margin-top: 20px; }  
}

@media (max-width: 500px) {
	
	h1, .contentAfter .block h1 {font-size: 25px; line-height: 33px}
	h3 {font-size: 16px}
	
	.menu ul li a {font-size: 34px; line-height: 38px}
	
	.einleitungMobile .contentAfter .einleitung {padding-bottom: 40px}
	
	.newsOuter .news.newsSmall .block h3, .newsOuterBig .news.newsBig h3 {min-height: 65px}
	.newsOuter .news .block .text, .newsOuterBig .news .block .text {font-size: 16px; line-height: 24px}
	.newsOuter .news.newsBig .block, .newsOuterBig .news.newsBig .block {height: 270px}
	
	.newsOuter .news .block .bereich, .newsOuterBig .news .block .bereich, .content_part_news .cat, .content_part_news .cat a {font-size: 10px; line-height: 13px}

	.teamKarteBig {padding: 20px; margin-top: 260px; min-height: inherit; overflow-x: inherit}
	.teamKarteBig .infoBlock .info, .teamKarteBig .infoBlock .info a {font-size: 16px}
	.teamKarteBig img.partnerFoto {height: 260px; width: auto; top: -260px; right: -10px}
	
	.rankingsOuter .ranking img {width: 160px}
	
    #adresse .left .footerNav {margin-bottom: 10px}
    #adresse #adresseInnen .right .socials {margin-bottom: 20px}
	#adresse #adresseInnen .center .logo {width: 100%}
	#angebotGrid {width: 300px;}
}

@media (max-width: 400px) {
	
	.logo-cover {margin-bottom: 120px}
	.cover-heading {margin-bottom: 120px}
	.menu-point-yellow {margin-bottom: 120px} 
	
    .buttonOuter {width: 275px; max-width: 100%}
	
	#adresse #adresseInnen .center {width: 100%; padding-top: 40px; align-items: flex-start}
	#adresse #adresseInnen .center .logo {width: 40%}
}

@media (max-width: 370px) {
	#logo {height: 40%;}
	#logoText {font-size: 10px}
/*	h1, #start h1 {font-size: 32px; line-height: 38px} */
	h2 {font-size: 16px}
	
	.juve-wrap {bottom: 320px}
	
	.content#start .contentsection {padding-top: 40px}
	#start .buttonOuter {margin-top: 30px;}
	.buttonOuter {height: 60px}
	
	#angebotGrid {width: 280px}
	.slick-prev {left: -20px !important;}
	.slick-next {right: -20px !important;}
	
	.split h2 {font-size: 32px; line-height: 40px}
	
	.projektBox .projektText {font-size: 24px; line-height: 30px}
}