/* via3a. - 20.01.2014 */

* {
	margin:0px;
	padding:0px;
}

html {height:100%; background-color:#fff; scroll-behavior: smooth}
body { font-family: 'Droid Sans', sans-serif; color:#374851;overflow-y:scroll; height:100%;    font-size:0.9em;line-height: 19px; margin: 0 0 0 0; background-color:#fff}
body p, body div {}

/* diverse Divs  ---------------------- */
.content {width:100%; margin: 0px auto; z-index:100;min-height: 100%; height: auto !important; height: 100%; position:relative;  padding-top:0px; top:0px; font-size:0.9em}
#balkenoben {height:100px; width:100%; background-color:#fff;  position:relative; border-bottom:1px solid #707173; position:fixed; z-index:999}
#balkenInner {position:relative; margin:0px auto; text-align:center; width: 980px; max-width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center}
#logo {position:relative; z-index:2; font-family: 'Droid Sans', sans-serif; font-size:20px; color: #707173}
#nav {z-index:3;  font-family: 'Droid Sans', sans-serif; font-size:20px; font-weight:bold; max-width: 100%; display: flex; justify-content: flex-end}
.herobild {position: relative; padding-top: 0px; max-width: 100%; overflow: hidden}
.newsHeadBreit {width:100%; border-bottom:5px solid #8FBC13; margin-bottom:20px; font-weight:300; font-size:2em; line-height: 1.2em; padding-bottom:10px}
.newsAni {width:520px; overflow:hidden; margin-left:-5px}
.newsContainer {width:520px; line-height:1.5em; position:relative}
.newsHead {width:calc(100% - 5px); border-bottom:5px solid #8FBC13; margin-bottom:20px; font-weight:300; font-size:2em; padding-bottom:10px}
.newsEintrag {height:300px;}
.newsHeader {background-color:#cce3ae; background:rgba(204,227,174,0.6); height:20px; width:100%; color:#000000; padding:10px; clear:both; border-bottom:1px solid #99cc33; width:500px; margin-left:4px; position:relative; z-index:200}
.newsImageText {padding-top:0px; padding-left:5px; margin-bottom:0px; margin-top:10px;}
.newsImage {padding:0px; margin:0px; float:left; width:520px; position:relative; margin-right:0px; height:300px; overflow:hidden; margin-top:-50px;}
.newsText {float:left; position:relative; width:380px}
.newsText_breit {float:left; position:relative; width:500px}
span.bold {font-weight:bold; font-size: 17px}
.newsLinkOuter {margin-top:10px; width:520px; text-align:right;}
.newsContainer .newsLink {background-color:#CCC; border-radius:5px; width:200px; padding:5px; padding-left:10px; padding-right:10px}
.newsContainer .newsLink:hover {background-color:#8FBC13; color:#FFF}

div.short {max-height: 135px; overflow: hidden}
.opener {text-align: right; font-weight: bold; cursor: pointer}
div.short + .opener {display: block; }
div.short.aktiv {max-height: none}
div.short.aktiv + .opener {display: none}

#nextAni, #nextSocial {cursor:pointer; display:block; font-weight:300; border:1px solid #999; padding:5px; border-radius:5px}
#nextAni:hover, #nextSocial:hover {background-color:#8FBC13; color:#FFF; border-color:#8FBC13;}
#prevAni, #prevSocial {cursor:pointer; display:block;  font-weight:300;  border:1px solid #999; padding:5px; border-radius:5px}
#prevAni:hover, #prevSocial:hover {background-color:#8FBC13; color:#FFF; border-color:#8FBC13;}
.pb20px {padding-bottom: 20px}
.flexer {display: flex; justify-content: space-between; gap: 15px}


.projektAni {width:520px; overflow:hidden; margin-left:-5px}
.projektContainer {width:520px; line-height:1.5em; position:relative}
.projektHead {width:520px; border-bottom:5px solid #8FBC13; margin-bottom:20px; font-weight:300; font-size:2em; padding-bottom:10px}
.projektHead span.normal {float:left}
.projektHead span.small {font-weight:normal; font-size:0.5em; display:block; margin-bottom:-10px; float:left; margin-left:10px}
.projektEintrag {height:300px;}
.projektHeader {background-color:#cce3ae; background:rgba(204,227,174,0.6); height:20px; width:100%; color:#000000; padding:10px; clear:both; border-bottom:1px solid #99cc33; width:500px; position:relative; z-index:200}
.projektImageText {padding-top:0px; padding-left:0px; margin-bottom:0px; margin-top:10px;}
.projektImage {padding:0px; margin:0px; float:left; width:520px; position:relative; margin-right:0px; height:300px; overflow:hidden; margin-top:-50px}
.projektText {float:left; position:relative; width:380px}
.projektText_breit {float:left; position:relative; width:500px}
.projektLinkOuter {margin-top:10px; width:520px; text-align:right;}
.projektContainer .projektLink {background-color:#CCC; border-radius:5px; width:200px; padding:5px; padding-left:10px; padding-right:10px}
.projektContainer .projektLink:hover {background-color:#8FBC13; color:#FFF}


/* UPDATES */
.projektContainer, .newsContainer, #readOuterProjekte, #readOuter {width: 50%}
.projektHeader, .projektImage, .projektAni, .projektLinkOuter, .projektImageText, .newsHeader, .newsImage, .newsAni, .newsLinkOuter, newsImageText {width: 100%}
.projektContainer .projektImageText img {width: 100%; height: 100%; object-fit: cover;}
.projekteNav, .newsNav, .socialNav {display: flex; justify-content: space-between}

.slick-dots {display: flex; column-gap: 3px; flex-wrap: wrap; justify-content: center; margin: 10px 0}
.slick-dots li {position: relative; display: inline-block; width: 10px; height: 12px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.slick-dots li button:before {content: '•'; font-size: 18px; line-height: 12px; position: absolute; top: 0; left: 0; width: 10px; height: 12px; text-align: center; opacity: .25; color: black;}
.slick-dots li.slick-active button:before {color: #8FBC13; opacity: 1} 


.blog {margin-top:10px; float:right}
.blog .bloglink {background-color:#CCC; border-radius:5px; width:200px; padding:5px; padding-left:10px; padding-right:10px}
.blog .bloglink:hover {background-color:#8FBC13; color:#FFF}


.projektContainerModerationen .projektLink {background-color:#CCC; border-radius:5px; width:200px; padding:5px; padding-left:10px; padding-right:10px}
.projektContainerModerationen .projektLink:hover {background-color:#8FBC13; color:#FFF}


#nextProjekte {cursor:pointer; display:block; font-weight:300; border:1px solid #999; padding:5px; border-radius:5px}
#nextProjekte:hover {background-color:#8FBC13; color:#FFF; border-color:#8FBC13;} 
#prevProjekte {cursor:pointer; display:block; font-weight:300; border:1px solid #999; padding:5px; border-radius:5px}
#prevProjekte:hover {background-color:#8FBC13; color:#FFF; border-color:#8FBC13;}



.projektAniModerationen {width:520px; height:350px; overflow:hidden;}
.projektContainerModerationen {width:520px; line-height:1.5em; position:relative}
.projektContainerModerationen .projektLinkModerationen {background-color:#CCC; border-radius:5px; width:200px; padding:5px; padding-left:10px; padding-right:10px}
.projektContainerModerationen .projektLinkModerationen:hover {background-color:#8FBC13; color:#FFF}


#nextProjekteModerationen {cursor:pointer; display:block; position:absolute; top:405px; font-weight:300; left:500px; border:1px solid #999; padding:5px; border-radius:5px}
#nextProjekteModerationen:hover {background-color:#8FBC13; color:#FFF; border-color:#8FBC13;}
#prevProjekteModerationen {cursor:pointer; display:block; position:absolute; top:405px; font-weight:300; left:10px; border:1px solid #999; padding:5px; border-radius:5px}
#prevProjekteModerationen:hover {background-color:#8FBC13; color:#FFF; border-color:#8FBC13;}



.inhaltsTabelle {line-height:1.5em}
.inhaltsTabelle tr td:first-child {width:300px}



#readOuter {line-height:1.5em}
#readOuterProjekte { line-height:1.5em} 
#readOuterProjekteModerationen {width:400px; float:left; margin-left:15px; line-height:1.5em}

.readHead {width:100%; border-bottom:2px solid #8FBC13; margin-bottom:20px; font-weight:300;  padding-bottom:10px; font-size:1.2em}
.readHead1 {width:calc(100% - 5px); border-bottom:2px solid #8FBC13; margin-bottom:20px; font-weight:300;  padding-bottom:10px; font-size:1.2em;}
.readDatum {position:relative; text-align:right; font-style:italic; margin-top:-20px; padding-right:5px}
.readContent {margin-top:10px; text-align:justify}
.pl10 {padding-left:10px}
.readHeadBlog {width:auto;  margin-bottom:20px; font-weight:300;  padding-bottom:10px; font-size:1.2em}
.blogOuter {width:920px}

#spotsContainer {width:300px; float:left; margin-left:10px; line-height:1.5em}
.spotsHead {width:300px; border-bottom:5px solid #8FBC13; margin-bottom:20px; font-weight:300; font-size:2em; padding-bottom:10px}

#cyclenav {text-align:center; height:20px; position:relative; margin:0px auto; text-align:center; width:400px}
#cyclenav a {background-color:#999; border:0px solid #666; border-radius:10px; width:10px; height:10px; margin-right:5px; display:inline-block}
#cyclenav a:hover {background-color:#666;}
#cyclenav a.activeSlide {background-color:#666;}


#cyclenavProjekte {text-align:center; height:20px; position:relative; margin:0px auto; text-align:center; width:400px}
#cyclenavProjekte a {background-color:#999; border:0px solid #666; border-radius:10px; width:10px; height:10px; margin-right:5px; display:inline-block}
#cyclenavProjekte a:hover {background-color:#666;}
#cyclenavProjekte a.activeSlide {background-color:#666;}


#cyclenavProjekteModerationen {text-align:center; height:20px; position:relative; margin:0px auto; text-align:center}
#cyclenavProjekteModerationen a {background-color:#999; border:0px solid #666; border-radius:10px; width:10px; height:10px; margin-right:5px; display:inline-block}
#cyclenavProjekteModerationen a:hover {background-color:#666;}
#cyclenavProjekteModerationen a.activeSlide {background-color:#666;}


#socialWallOuter, #socialWallReadOuter {width: 50%; margin-top: 40px}
#socialWallOuter .socialPost {}
#socialWallOuter .socialPost img {width: 100%;}


/* Navigation ----------------------------- */
/* empty.png in menu, damit der hover - effekt nicht rüttelt */
#nav .menu{text-align:right; position:relative; color:#000;  background-image:url(UserFiles/structure/empty.png); background-repeat:repeat;} 
#nav .menu a {color:#707173; text-decoration:none; font-weight:normal}
#nav .menu ul {display: flex; gap: 20px} 
#nav .menu ul li {list-style-type:none;  width:auto; text-align:center; display:block;  position:relative; z-index:99; text-transform:uppercase;}
#nav .menu ul li.last {border-right:0px}
#nav .menu ul li.aktiv {}
#nav .menu ul li a { border:1px solid transparent; display:block; background-color:transparent; text-transform:lowercase}
#nav .menu ul li a.aktiv {color:#8FBC13}
#nav .menu ul li a.aktiv:hover {color:#8FBC13;}
#nav .menu ul li a.inaktiv:hover {color:#8FBC13}
#nav .menu ul li a:hover {color:#8FBC13}
#nav .menu ul li:hover {color:#8FBC13;} /*Hauptbutton*/
#nav .menu ul li:hover a, .menu ul li a:hover {} /* Hover Link */
#nav .menu ul li:hover ul, .menu ul li a:hover ul {visibility:visible; color:#8FBC13;}

/*Submenu */
#nav .menu ul li ul {visibility:hidden; position:absolute;  margin-left:-4px; top:25px; background-color:#b08a9e}
#nav .menu ul li ul.aktiv {visibility:visible; position:absolute;   background-color:#b08a9e; z-index:101}
#nav .menu ul li ul.aktiv li { padding-top:8px;}
#nav .menu ul li ul.aktiv li a.subaktiv {color:#524b3b;}



#nav .menu ul li ul li {background-color:#b08a9e; height:22px; padding-top:8px; clear:both; border-bottom:1px solid #fff; min-width:220px; text-align:left; padding-left:4px} 
#nav .menu ul li ul li.noborder {background-color:#954A6E}
#nav .menu ul li:hover ul li a, .menu ul li a:hover ul li a {display:block; position:relative; z-index:100;} /* Links im Submen+ */
#nav .menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {}
#nav .menu ul li:hover ul li a.aktiv:hover{color:#B5162E;}
#nav .menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {visibility:visible;}
#nav .menu ul li:hover ul.right li {float:right;}


.inhalt_text {margin-bottom: 50px;
margin: 0px auto;
padding-bottom: 50px;
padding-top: 50px;}
.begrenzer {
  width: 980px;
  max-width: 100%;
  margin: 0px auto;
}
.inhalt_text:nth-child(3n+1){background-color: #eeeeee}
.inhalt_text:last-child{padding-bottom: 0px !important}

.contentInnen {position:relative; z-index:0; margin:0px auto; padding-bottom:10px; border:1px solid transparent; background-color:#fff;}
.inhalt {width:100%; border:1px solid transparent }
#innerinhalt {height:auto; overflow:hidden;   padding-top:10px; float:left; padding-left:30px;}
#innerinhalt p {margin-bottom:20px}
#innerinhalt div {margin-bottom:20px}
#innerinhalt ul, .inhalt ol {margin-left:15px; margin-bottom:15px}
#innerinhalt a {text-decoration:underline; color:#000}
/*#innerinhalt a:hover {text-decoration:underline;}*/
#innerinhalt ul li {margin-left:20px;}
#innerinhalt ul ul {margin-top:10px; margin-bottom:10px}
#innerinhalt ul li ul {margin-left:30px;}

#teaserrechts {float:left; width:215px; margin-left:10px; margin-top:10px;  padding-left:15px; padding-top:25px; position:absolute; top:260px; left:795px}
#searchsite {margin-top:-12px;}
#suchfeld {background-image:url(UserFiles/Image/systembilder/lupe.png); background-repeat:no-repeat; padding-left:20px; height:20px; border:1px solid #dddddd; background-position:2px 3px; font-family: "Crimson Text",sans-serif; width:120px}
#searchbutton {border:0px; background-color:transparent; color:#000; cursor:pointer; font-style:italic; font-family: "Crimson Text",sans-serif; font-size:14px; text-align:right; width:72px}
#langChangeButtons {margin-top:15px; font-style:italic; font-size:16px;}
#choose {float:left; width:158px; margin-top:5px; font-size:14px}
#choosebuttons > a {display:block; width:20px; height:20px; background-color:#aacaec; color:#FFFFFF; float:left; font-style:normal; margin-left:2px; padding:2px; border:1px solid #aacaec;}
#choosebuttons > a.langaktiv {background-color:transparent; border:1px solid #ddd; color:#000000}
#choosebuttons > a:hover {background-color:transparent; border:1px solid #ddd; color:#000000}




#teaserganz{margin-left:-10px; margin-top:-20px;}
#teaserganz div {margin-bottom:0px}
.teaserbild img {width:340px; margin-right:20px; float:left}
.teaserbild_rechts img {width:205px; margin-right:20px; margin-bottom:5px}
.teaserheadline_rechts {font-weight:bold; font-size:17px; margin-bottom:5px}
.teasertext {float:right; width:215px; height:auto; margin-left:10px;  padding-bottom:10px; margin-bottom:20px}
.teasertext a {width:100%; text-align:right; font-style:italic}
.teasertext a {text-decoration:underline}
.teasertext a:hover {text-decoration:none;}
.sonderthema {font-size:20px; margin-bottom:10px}
.banner {background-color:#a9caed; color:#FFF;  margin-top:10px; text-align:right;  padding-right:15px; padding-top:5px; min-height:25px }
.banner .bannerbild {width:205px; margin-bottom:0px; margin-left:5px}
#banneranimiert {background-color:#a9caed; color:#FFF;  margin-top:10px; text-align:right;  padding-right:15px; padding-top:5px; min-height:25px }
.banneranimiertpartner {width:205px; margin-bottom:0px; margin-left:5px; text-align:center}


.teaserheadline {color:#80696f; font-weight:normal; margin:0px; padding:0px}
.teaserheadlineLinie {color:#80696f; font-weight:bold; margin:0px; padding:0px; border-bottom:1px solid #808080; padding-bottom:10px; width:auto; }
.teaser_0 {clear:both; width:215px;}


.kontaktWrap {}
.kontaktWrap .kontaktName {}
.kontaktWrap .kontaktInner .block {display: flex; gap: 15px}
.kontaktWrap .kontaktInner .block .left {width: 250px; max-width: 100%} 


#adresse {width:100%;  height:30px; font-weight:normal; font-size:14px; border-top:1px solid #707173; margin-top:100px} 
#adresseInner {width:980px; max-width: 100%; position:relative; margin:0px auto;}
#adresseInner p.left {margin-left:0px; float:left;}
#adresseInner p.left2 {margin-left:0px; float:left; clear:both; margin-top:5px}
#adresseInner p.Adresseright {margin-right:0px; float:right; padding-right:60px}
#adresseInner a { text-decoration:none}
#adresseInner #print {margin-top:-50px; float:right; margin-right:-78px; position:relative; z-index:10000; display:none}
#printbutton {background-image:url(UserFiles/structure/print_green.png); background-repeat:no-repeat; width:40px; height:45px;}


p.AdresseTopRight {float:right; margin-right:12px}



.abstandoben20 {height:20px; width:100%}
.bold {font-weight:bold;}


.teaserstartseite {border-top:1px solid #ddd; padding:0px; padding-top:10px; height:140px; overflow:hidden; margin-top:-10px; width:48%; float:left; margin-right:1%}
.teaserstartseiteheadline {font-size:16px; font-weight:bold;}
.teaserstartseitebild {width:170px; float:left }
.teaserstartseitebild img {max-width:150px;  }
.teaserstartseitetext p {margin:0px; padding:0px; line-height:18px}
.teaserstartseitetext a {font-style:italic; font-size:16px; color:#808080; line-height:22px}
.teaserstartseitetext a:hover {text-decoration:none}
.teaserstartseitetext span.link {font-style:italic; font-size:16px; color:#808080; font-weight:normal}



/* klassen ------------------- */

h1 { font-family: 'Droid Sans', sans-serif; font-size:30px;  margin-bottom:20px; font-weight:300}
h2, h3 {font-size:16px; color:#374851}
.rot {color:#ff0000; text-align:left}


/* Formularfelder ---------------- */

input, select, textarea {background-color:transparent; border:1px solid #000; margin-bottom:3px; height:25px; color:#000; padding-left:10px}
.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}
#comments {height:70px; overflow:auto; color:#87888a; font:100%  Helvetica, Arial, sans-serif;  padding-left:3px; padding-top:3px; width:262px}
#Senden {padding-left:20px; padding-top:3px; padding-bottom:3px; cursor:pointer; width:267px; float:left; color:#87888a; position:relative; z-index:100000}
#anrede {width:150px;}




img {border:0px;}
.highslide > img{border:10px solid #F00;}
.image {border:0px}
.rot {color:#80696f}
.emailcodierung{color:#000}
.emailcodierung  > a{color:#000}
a {outline:none; text-decoration:none; color:#333333;}







#mycarousel1 {}
#carousell { width:775px; height:360px; overflow:hidden}
#carouselcontainer {}
#carouselcontainer ul {margin-left:0px}
#carouselcontainer ul li {margin-left:0px}
#carouselcontainer ul li:hover {}
#pfeil_links {width:73px; height:69px; position:absolute; left:20px; top:550px; z-index:10;}
#pfeil_rechts {width:73px; height:69px; position:absolute; left:745px; top:550px; z-index:10}
#mycarousel-prev1 {background-image:url(UserFiles/structure/arrow_slideshow_left.png); background-repeat:no-repeat; cursor:pointer; width:73px; height:69px; display:block; position:relative; z-index:10000}
#mycarousel-next1 {background-image:url(UserFiles/structure/arrow_slideshow_right.png);  clear:right; margin-right: 0px; background-repeat:no-repeat; cursor:pointer; width:73px; height:69px; display:block; position:relative; z-index:10000}
.showteaserstarttext {position:absolute; top:275px; height:70px; width:755px; background-color:rgba(204,204,204,0.8); padding-left:20px; font-family: "Crimson Text",sans-serif; font-weight:bold; font-size:20px; padding-top:15px }
.showteaserstarttext a {font-size:17px; color:gray; font-weight:normal; text-decoration:underline}
.showteaserstartlink {display:block; margin-top:20px; font-style:italic}
.newsteaserbild {min-width:775px; min-height:360px}


#inhaltsbildouter {width:775px; height:360px; overflow:hidden}
#inhaltsbildouterregion {width:775px; height:360px; overflow:hidden}
.inhaltsbildregion {width:775px; height:360px; background-size:cover; background-repeat:no-repeat}




#anfrageform {display:none;}
.anfrageformulartable {border:0px; padding:0px; margin:0px; width:100%;}
.anfrageformulartable .noborder {border:0px;}
.anfrageformulartable button {width:150px; height:30px; text-align:center}

#searchresult {padding-bottom:40px;}
#searchresult ul li {margin-bottom:10px;}
#created {position:absolute; top:50px; left:25px; z-index:1000000; background-color:#FFF; width:955px; border:1px solid #999; border-radius:5px; display:none; padding:30px; box-shadow:  1px 1px 5px 5px #fff; }
#created a {text-decoration:underline;}
#createdcloser {position:absolute; top:-15px; left:980px; background-image:url(UserFiles/structure/close.png); width:30px; height:30px; text-indent:-10000px; cursor:pointer}

.contentInnen a {color:#374851;}
.contentInnen a:hover {text-decoration:none}
.contentInnen hr {border:solid #ad333b 1px; height:0px }

/*mobile Nav*/

#mobileOpenerOuter {display:none; width:30px; right:0px; margin-top:0px; z-index:101;}
#navMobileOpener {display:block;  padding-right:0px; cursor:pointer; width:30px;}
#navMobileOpener .balken {width:30px; height:5px; background-color:#8FBC13; margin-top:5px}
#navMobileMenu {width:100%; min-height:100px; top: 100px; z-index:100000;color:#666; padding:10px; display: none; transform: translateX(100%); transition: .5s ease-in-out} 
#navMobileMenu #mobileCloser {position: absolute; cursor: pointer; top: 20px; right: 20px; height: 40px; width: 40px; background-image: url(UserFiles/structure/mobile_closer_white.png); background-size: cover}



@media(max-width:1000px){
	#balkenInner {padding-left: 10px; padding-right: 10px; width: auto}
	.begrenzer {padding-left: 10px; padding-right: 10px; width: auto} 
	#adresseInner p.left {padding-left: 10px;}
}

@media(max-width:767px){
	.herobild {padding-top: 100px}
	.content {padding-top: 0px}
	#nav {display: none}
	#mobileOpenerOuter {display:block}
	#navMobile {display: block}
	#navMobileMenu {display: block}
	#navMobile, #navMobile #navMobileMenu {background-color: #ffffff; position: fixed;z-index: 99999;}
	#navMobile #navMobileMenu.visible {transform: translateX(0%)}
	#navMobile #navMobileMenu .menu ul {height: 70%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; }

	#navMobile #navMobileMenu .menu ul li  {list-style-type:none; padding: 0px 25px; color: #fff; opacity: 0; transition: 1.4s ease-in-out} 
	#navMobile #navMobileMenu.visible .menu ul li {opacity: 1}
	#navMobile #navMobileMenu.visible .menu ul li:nth-of-type(8n-7) {transition-delay: 50ms}
	#navMobile #navMobileMenu.visible .menu ul li:nth-of-type(8n-6) {transition-delay: 100ms}
	#navMobile #navMobileMenu.visible .menu ul li:nth-of-type(8n-5) {transition-delay: 150ms}
	#navMobile #navMobileMenu.visible .menu ul li:nth-of-type(8n-4) {transition-delay: 200ms}
	#navMobile #navMobileMenu.visible .menu ul li:nth-of-type(8n-3) {transition-delay: 250ms}
	#navMobile #navMobileMenu.visible .menu ul li:nth-of-type(8n-2) {transition-delay: 300ms}
	#navMobile #navMobileMenu.visible .menu ul li:nth-of-type(8n-1) {transition-delay: 350ms}
	#navMobile #navMobileMenu .menu ul li a { padding-left:5px; margin-bottom:5px; padding-top:5px; width:100%; display:block; color: #707173; font-size: 1.2em}
	#navMobile #navMobileMenu .menu ul li.aktiv  {font-weight:bold}
	
	.flexer {flex-direction: column; justify-content: flex-start}
	.projektContainer, .newsContainer, #readOuterProjekte, #readOuter, #socialWallOuter, #socialWallReadOuter {width: 100%}
	#socialWallReadOuter {margin-top: 0}
	#socialWallReadOuter .readHead1 {display: none} 
}

@media(max-width:576px){
	.kontaktWrap .kontaktInner .block {display: block}
}