/* Global */

body, html {
font-family: "Roboto", Arial, sans-serif;
font-size: 1em;
font-weight: 300;
color: #003652;
line-height: 1.5em;
height: 100%;
width: 100%;
min-width: 320px;
margin: 0px;
padding: 0px;
text-align: left;
background: #ffffff;
-ms-text-size-adjust: none;
-webkit-text-size-adjust: none;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}

.FA { font-family: 'FontAwesome'; }
img { border: 0px; text-decoration: none; border-style: none; border-width: 0; }
a { outline: 0; -moz-outline: 0 }
b, strong { font-weight: 700; }
i, em { font-style: italic; }
form { margin: 0px; padding: 0px; position: relative; }
p { margin: 0px; padding: 0px; }
ul { margin: 0px; padding: 0px; }
ul.hellblau { margin: 0px; padding: 0px; list-style: none; }
ol { margin: 0px; padding: 0px; }
li { margin-left: 15px; }
ul.hellblau li::before {
content: "•"; 
font-weight: 700;
color: #009ee0;
display: inline-block; 
width: 1em;
margin-left: -0.9em;
}

.wh100 { width: 100%; height: auto; }
.pointer { cursor: pointer; }
.bold { font-weight: 700; }
.medium { font-weight: 500; }
.regular { font-weight: 400; }
.light { font-weight: 300; }
.invis { display: none !important; }
.bline { 
border-bottom: 2px solid #003652;
margin: 30px 0px 30px 0px;
}
.bildunterschrift {
font-weight: 500;
font-size: 0.8em;
}

.do { display: inline-block; }
.mo { display: none; }

* {
box-sizing: border-box;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.ofh {
overflow: hidden;
}

.block {
display: block;
}

.cb {
clear: both;
}

.fl {
float: left;
}

.fr {
float: right;
}

.tb {
width: 100%;
max-width: 590px;
}

.txt-ss {
font-size: 12px !important;
line-height: 125%;
}

.heronsanssemibold {
font-family: "Heron Sans Semi Bd";
font-style: Normal;
font-weight: Normal;
}

/***************************************************************
These styles are subject to the following license agreement(s):

https://store.typenetwork.com/cart/eula/occupant-fonts
***************************************************************/

/* Headlines */

h1 {
margin: 0px 0px 10px 0px;
padding: 0px;
color: #003652;
font-family: "Heron Sans Semi Bd";
font-style: normal;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3em;
line-height: 1.3em;
letter-spacing: 0.03em;
}

h2 {
margin: 0px 0px 10px 0px;
padding: 0px;
color: #003652;
font-family: "Heron Sans Semi Bd";
font-style: normal;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3em;
line-height: 1.3em;
letter-spacing: 0.03em;
}

h3 {
margin: 0px 0px 5px 0px;
padding: 0px;
color: #009ee0;
font-family: "Heron Sans Semi Bd";
font-style: normal;
font-weight: normal;
text-transform: uppercase;
font-size: 1.3em;
line-height: 1.3em;
letter-spacing: 0.03em;
}

h4 {
margin: 0px 0px 3px 0px;
padding: 0px;
color: #009ee0;
font-family: "Heron Sans Semi Bd";
font-style: normal;
font-weight: normal;
text-transform: uppercase;
font-size: 1.05em;
line-height: 1.3em;
letter-spacing: 0.03em;
}

h5 {
font-family: "Roboto";
color: #58595b;
margin: 0px;
padding: 0px 0px 20px 0px;
font-size: 1.5em;
line-height: 100%;
font-weight: 300;
}

h6 {
font-family: "Roboto";
color: #003652;
margin: 0px 0px 20px 0px;
padding: 0px 0px 0px 0px;
width: auto;
min-width: 170px;
font-weight: 500;
font-size: 0.8em;

display: inline-block;
border-top: 1px solid #003652;
border-bottom: 1px solid #003652;
}


/* Container */

#wrapper {
margin: 0px auto;
padding: 0px 50px 50px 50px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#hw {
width: 100%;
max-width: 900px;
margin: 0px auto;
position: relative;
padding: 0px 0px 30px 0px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#header {
width: 100%;
min-height: 150px;
position: relative;
padding: 0px 0px 0px 0px;
background: #ffffff;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#logo {
width: 350px;
height: auto;
position: absolute;
top: 26px;
left: 0px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#logo img {
width: 100%;
height: auto;
}

#mw {
width: 100%;
max-width: 900px;
margin: 0px auto;
text-align: left;
position: relative;
background: #003652;
height: auto;
min-height: 30px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}


#footer {
margin: 0px auto;
width: 100%;
max-width: 900px;
padding: 20px 0px;
background: #003652;
color: #ffffff;
position: relative;
}


#start {
width: 100%;
max-width: 900px;
position: relative;
margin: 0px auto;
padding: 0px;
}

#main {
width: 100%;
max-width: 900px;
position: relative;
margin: 0px auto;
padding: 0px;
display: table;
}

#more {
width: 100%;
max-width: 900px;
position: relative;
margin: 0px auto;
padding: 0px;
}

.add {
width: 100%;
max-width: 590px;
}


.ft-link-tw:before {
font-family: 'FontAwesome';
font-size: 100%;
content: "\f081" " ";
display: inline-block;
margin-right: 10px;
text-decoration: none !important;
}

.ft-link-fb:before {
font-family: 'FontAwesome';
font-size: 100%;
content: "\f082" " ";
display: inline-block;
margin-right: 10px;
text-decoration: none !important;
}

.ft-link-yt:before {
font-family: 'FontAwesome';
font-size: 100%;
content: "\f166" " ";
display: inline-block;
margin-right: 10px;
text-decoration: none !important;
}





/* Start Content */

#stintro {
font-size: 1.2em;
line-height: 1.5em;
width: 100%;
max-width: 590px;
font-weight: 300;
}

#stnumbers {
width: 100%;
margin: 0px 0px 40px 0px;
position: relative;
}

.number {
color: #009ee0;
font-size: 2.4em;
line-height: 1.2em;
letter-spacing: 1px;
font-family: "Heron Sans Semi Bd";
font-style: normal;
font-weight: normal;
display: inline-block;
}

.stnl {
float: left;
width: 50%;
min-height: 140px;
}

.stnr {
float: left;
width: 50%;
min-height: 140px;
}

.stnr img {
width: 80%;
height: auto;
}

.teaserbox {
border-top: 2px solid #003652;
border-bottom: 2px solid #003652;
padding: 15px 0px 15px 0px;
text-align: center;
}


/* Keyvisuals */

.kv-full {
width: 100%;
max-width: 900px;
margin: 0px auto;
padding: 40px 0px 40px 0px;
display: block;
}

.kv-half {
width: 100%;
max-width: 590px;
margin: 0px;
padding: 0px 0px 0px 0px;
display: block;
}

.kv-full img, .kv-half img {
width: 100%;
height: auto;
}


/* Sidebar & Content */

#sidebar {
display: table-cell;
width: 170px;
height: 100%;
float: right;
text-align: right;
padding: 0px;
margin: 0px 0px 0px 40px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#sidebar-full {
display: table-cell;
width: 260px;
height: 100%;
float: right;
text-align: right;
padding: 0px;
margin: 0px 0px 0px 40px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#cc {
display: table-cell;
height: 100%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
vertical-align: top;
overflow: hidden;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#content {
width: 100%;
max-width: 590px;
text-align: left;
padding: 0px;
margin: 0px;
}




@media only screen and (max-width: 900px) {

.stnl {
float: left;
width: 50%;
min-height: 140px;
font-size: 90%;
}


#sidebar {
display: none;
}

#cc {
display: block;
height: 100%;
text-align: left;
padding: 0px;
margin: 0px 0px 0px 0px;
vertical-align: top;
overflow: hidden;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#sidebar-full {
display: block;
width: 100%;
max-width: 260px;
height: 100%;
float: none;
text-align: left;
padding: 0px;
margin: 60px 0px 0px 0px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

}



@media only screen and (max-width: 800px) {

#wrapper {
margin: 0px auto;
padding: 0px 20px 50px 20px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.stnl {
float: none;
width: 100%;
min-height: 140px;
margin: 0px 0px 30px 0px;
font-size: 100%;
}

.stnr {
float: none;
width: 100%;
min-height: 140px;
}

}



@media only screen and (max-width: 600px) {

.do { display: none; }
.mo { display: inline-block; }

#wrapper {
margin: 0px auto;
padding: 0px 10px 50px 10px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#logo {
width: 350px;
height: auto;
position: relative;
top: auto;
left: auto;
margin: 10px 0px 10px 0px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

}


@media only screen and (max-width: 400px) {


#logo {
width: 100%;
height: auto;
position: relative;
top: auto;
left: auto;
margin: 10px 0px 10px 0px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.stnl {
float: none;
width: 100%;
min-height: auto;
margin: 0px 0px 20px 0px;
font-size: 85%;
}

.stnr {
float: none;
width: 100%;
min-height: 120px;
}

}
/* Stylesheet: styles Modified On 2023-06-16 12:05:41 */
/* Sidebarmenu */

#sbmenu {
width: 170px;
text-align: left;
font-weight: 500;
font-size: 0.8em;
display: inline-block;
}

#sbmenu ul {
padding: 0px;
margin: 0px;
border-top: 1px solid #003652;
}

#sbmenu ul li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
border-bottom: 1px solid #003652;
}

#sbmenu ul li a {
text-decoration: none;
font-weight: 500;
}

.sbm-noborder {
border-bottom: 1px solid #ffffff !important;
}

.sbmsoc img {
transform: scale(1);
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.sbmsoc img:hover {
transform: scale(1.1);
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}


/* Supermenu */

#supermenu, #footermenu {
background: #003652;
color: #ffffff;
font-size: 0.8em;
font-weight: 400;
}

#supermenu .smsoc {
display: none;
}

#supermenu ul, #footermenu ul {
padding: 0px;
margin: 0px;
}

#supermenu ul li, #footermenu ul li {
list-style-type: none;
margin: 0px 0px 5px 0px;
padding: 0px;
position: relative;
border-bottom: 1px solid #ffffff;
}

.sm-noborder {
border-bottom: 1px solid #003652 !important;
}

#supermenu ul li a, #footermenu ul li a {
display: block;
color: #ffffff;
text-decoration: none;
font-weight: 400;
}

#supermenu ul li a:hover, #footermenu ul li a:hover {
color: #009ee0;
text-decoration: none;
}

.sm-double {
float: left;
}

.sm-section1 {
float: left;
width: 186px;
margin: 0px 0px 30px 20px;
}

.sm-section2 {
float: left;
width: 238px;
margin: 0px 0px 30px 20px;
}

.smhide {
max-height: 0px;
overflow: hidden;
padding: 0px 0px 0px 0px;
-o-transition: all 500ms ease-out 10ms;
-moz-transition: all 500ms ease-out 10ms;
-webkit-transition: all 500ms ease-out 10ms;
-ms-transition: all 500ms ease-out 10ms;
transition: all 500ms ease-out 10ms;
}

.smshow {
max-height: 2000px;
padding: 20px 0px 20px 0px;
-o-transition: all 1000ms 0ms;
-moz-transition: all 1000ms 0ms;
-webkit-transition: all 1000ms 0ms;
-ms-transition: all 1000ms 0ms;
transition: all 1000ms 0ms;
}



/* Fader */

@-webkit-keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}

@keyframes fadeIn {
from { opacity: 0; }
to { opacity: 1; }
}


/* Topmenu */

#topmenu {
position: absolute;
top: 55px;
right: 0px;
height: 30px;
line-height: 30px;
}

#topmenu ul {
padding: 0px;
margin: 0px;
}

#topmenu ul li:nth-child(1) {
float: left;
list-style-type: none;
margin: 0px;
padding: 0px 10px 0px 0px;
position: relative;
}

#topmenu ul li:nth-child(2) {
float: left;
list-style-type: none;
margin: 0px;
padding: 0px 15px 0px 15px;
position: relative;
border-left: 2px solid #003652;
border-right: 2px solid #003652;
}

#topmenu ul li:nth-child(3) {
float: left;
list-style-type: none;
margin: 0px;
padding: 0px 0px 0px 10px;
position: relative;
}

#topmenu ul li img, #footermenu ul li img {
transform: scale(1);
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#topmenu ul li img:hover, #footermenu ul li img:hover {
transform: scale(1.1);
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}




#mmclicker {
z-index: 99;
width: 22px;
height: 22px;
overflow: hidden;
cursor: pointer;
position: absolute;
top: 8px;
right: 10px;
display: block;
}

.mmc1 {
background: url(https://www.die-stadtentwickler.info/imgs/hh-menue.svg) no-repeat;
background-size: 22px auto;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;

}

.mmc2 {
background: url(https://www.die-stadtentwickler.info/imgs/x-menue.svg) no-repeat;
background-size: 18px auto;
background-position: top center;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;

}

.mmshow-off {
position: absolute;
left: 0px;
top: -22px;
height: 22px;
width: 22px;
}

.mmshow-on {
position: absolute;
left: 0px;
top: 0px;
height: 22px;
width: 22px;
cursor: pointer;
}

.mmclose-off {
position: absolute;
left: 0px;
top: -22px;
height: 22px;
width: 22px;
}

.mmclose-on {
position: absolute;
left: 0px;
top: 0px;
height: 22px;
width: 22px;
cursor: pointer;
}

.mmoff {
opacity: 0;
max-height: 0px;
overflow: hidden;
-o-transition: all 500ms ease-out 10ms;
-moz-transition: all 500ms ease-out 10ms;
-webkit-transition: all 500ms ease-out 10ms;
-ms-transition: all 500ms ease-out 10ms;
transition: all 500ms ease-out 10ms;
}

.mmon {
opacity: 1;
max-height: 30px;
-o-transition: all 500ms ease-out 10ms;
-moz-transition: all 500ms ease-out 10ms;
-webkit-transition: all 500ms ease-out 10ms;
-ms-transition: all 500ms ease-out 10ms;
transition: all 500ms ease-out 10ms;
}


/* Mainmenu */

#mainmenu {
position: relative;
color: #ffffff;
height: 30px;
line-height: 30px;
width: 100%;
padding: 0px 20px 0px 20px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#mainmenu ul {
padding: 0px;
margin: 0px;
font-weight: 400;
font-size: 1em;
}

#mainmenu ul li {
float: left;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
}

#mainmenu ul li a {
color: #ffffff;
text-decoration: none;
margin: 0px 15px 0px 0px;
padding: 0px;
display: block;
height: 30px;
font-weight: 400;
}

#mainmenu ul li a:hover {
color: #009ee0;
text-decoration: none;
}

#mainmenu li.menuactive {
color: #009ee0 !important;
text-decoration: none;

}

#mainmenu a.menuactive {
color: #009ee0 !important;
text-decoration: none;
}

#mainmenu li a.menuactive span {
color: #009ee0;
text-decoration: none;
}

#mainmenu li li a.menuactive span {
color: #009ee0;
text-decoration: none;
}

#mainmenu li.separator {
display: none;
}





@media only screen and (max-width: 950px) {


#mainmenu {
display: none;
}


}


@media only screen and (max-width: 900px) {


#sbmenu {
display: none;
}


}



@media only screen and (max-width: 600px) {

#topmenu {
position: relative;
top: auto;
right: auto;
height: 25px;
line-height: 25px;
}

#topmenu ul li img {
transform: scale(0.9);
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#topmenu ul li img:hover {
transform: scale(1.1);
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

#supermenu ul, #footermenu ul {
padding: 0px;
margin: 0px 20px 0px 0px;
}

#supermenu ul li, #footermenu ul li {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 0px;
position: relative;
border-bottom: 1px solid #ffffff;
}

.sm-double {
float: none;
width: 100%;
}

.sm-section1 {
float: none;
width: 100%;
margin: 0px 0px 20px 10px;
}

.sm-section2 {
float: none;
width: 100%;
margin: 0px 0px 20px 10px;
}

}
/* Stylesheet: menu Modified On 2018-11-08 14:34:54 */
/* Global */


a:link { 
color: #003652;
text-decoration: underline;
font-weight: 500;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:active { 
color: #003652;
text-decoration: underline;
font-weight: 500;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:visited { 
color: #003652;
text-decoration: underline;
font-weight: 500;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

a:hover { 
color: #009ee0;
text-decoration: underline;
font-weight: 500;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}


a.arrowlink {
font-weight: 700;
font-size: 0.9em;
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/arrow-link-right.png) right no-repeat;
background-size: 13px 13px;
padding: 0px 18px 0px 0px;
}

a.sitelink {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/arrow-link-right.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
}


a.pdflink {
display: inline-block;
font-weight: 400;
font-size: 0.8em;
line-height: 25px;
text-decoration: none;
border-bottom: 1px solid #003652;
border-top: 1px solid #003652;
}

.pdflinkc {
margin: 20px 0px 0px 0px;
padding: 0px 0px 0px 30px;
background: url(https://www.die-stadtentwickler.info/imgs/pdf-vert.png) left no-repeat;
background-size: 19px 27px;
}


a.sitelinkDEK {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_1_giftgruen.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
color: #adc607 !important;
}

a.sitelinkBF {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_2_gruen.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
color: #338a85 !important;
}

a.sitelinkPW {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_3_orange.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
color: #d58709 !important;
}

a.sitelinkDLR {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_4_oliv.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
color: #667956 !important;
}

a.sitelinkSSB {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_5_violett.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
color: #875883 !important;
}

a.sitelinkBS {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_6_taubenblau.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
color: #6590a3 !important;
}

a.sitelinkBD {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_7_dunkelrot.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
color: #a11a3c !important;
}

a.sitelinkHG {
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_8_braun.png) left no-repeat;
background-size: 13px 13px;
padding: 0px 0px 0px 18px;
color: #917c00 !important;
}
/* Stylesheet: links Modified On 2019-06-11 20:15:30 */
/* YT */

.ytcon {
width: 100%;
max-width: 800px;
}

.ytfilm {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.ytfilm iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* Projekte Home */

#prostart {
margin: 0px;
padding: 25px 0px 25px 0px;
}

#prostart ul {
margin: 0px -10px 0px -10px;
padding: 0px;
line-height: 175%;
display: -webkit-flex;	
display: flex;
flex-wrap: wrap;
}

#prostart ul li {
position: relative;
flex: 1 1 calc(100% / 4);
margin: 0px 10px 0px 10px;
padding: 0px 0px 40px 0px;
float: left;
list-style-type: none;
background: #ffffff;
color: #003652;
cursor: pointer;
transition: all 400ms ease 10ms;
}

.prostartimg {
line-height: 0px;
margin: 0px 0px 10px 0px;
padding: 0px;
background: #003652;
}

.prostartimg img {
width: 100%;
height: auto;
opacity: 1;
transition: all 400ms ease 10ms;
}

#prostart ul li:hover .prostartimg img {
opacity: 0.6;
transition: all 400ms ease 10ms;
}

h2.prostarthead {
font-family: "Roboto", Arial, sans-serif;
margin: 0px;
padding: 0px;
text-transform: none;
font-weight: 700;
font-size: 1em;
line-height: 1.5em;
color: #003652;
transition: all 400ms ease 10ms;
}

#prostart ul li:hover {
color: #009ee0 !important;
transition: all 400ms ease 10ms;
}

#prostart ul li:hover h2.prostarthead {
color: #009ee0 !important;
transition: all 400ms ease 10ms;
}

.prostartbar {
position: absolute;
left: 0px;
bottom: 0px;
line-height: 0px;
width: 100%;
height: 12px;
}


@media only screen and (max-width: 600px) {

#prostart ul {
margin: 0px 0px 0px 0px;
padding: 0px;
line-height: 175%;
display: block;
flex-wrap: none;
}

#prostart ul li {
position: relative;
flex: none;
width: 100%;
margin: 0px 0px 40px 0px;
padding: 0px 0px 40px 0px;
float: left;
list-style-type: none;
background: #ffffff;
cursor: pointer;
}

}


/* Projekte */

.mainprojekt {
width: 100%;
margin: 0px 0px 10px 0px;
border-bottom: 1px solid #003652;
}

.mplink {
/* border-bottom: 1px solid #003652; */
}

a.mplink {
text-decoration: none;
font-weight: 700;
}

.mpcompany {

}

.mplistimg {
width: 96px;
height: auto;
float: right;
margin: 0px 0px 10px 10px;
}

.pro-sb-logo {
width: 100%;
max-width: 200px;
height: auto;
margin: 0px auto;
padding: 60px 0px 0px 0px;
}

.pro-sb-logo img {
width: 100%;
height: auto;
}


.eckdaten {
margin: 5px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-align: left;
font-weight: 500;
font-size: 0.8em;
width: 100%;
border-top: 1px solid #003652;
border-bottom: 1px solid #003652;
}

.sbprojekt {
margin: 25px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
font-weight: 500;
font-size: 0.8em;
width: 100%;
max-width: 260px;
}

#crline {
border-top: 1px solid #003652;
font-weight: 400;
font-size: 0.8em;
width: 100%;
max-width: 400px;
padding: 5px 0px 0px 0px;
}

#memberinfo {
border-top: 1px solid #003652;
margin: 60px 0px 0px 0px;
padding: 20px 0px 0px 0px;
text-align: left;
font-weight: 500;
font-size: 0.8em;
}

#memberinfo ul {
padding: 0px;
margin: 0px;
}

.sbprojekt ul {
padding: 0px;
margin: 0px;
border-top: 1px solid #003652;
}

#memberinfo ul li, .sbprojekt ul li {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px;
position: relative;
border-bottom: 1px solid #003652;
}

#memberinfo ul li a, .sbprojekt ul li a {
text-decoration: none;
font-weight: 500;
}


#dl-container {
border-top: 2px solid #003652;
margin: 25px 0px 0px 0px;
padding: 25px 0px 0px 0px;
}

.dl-item {
margin: 0px 0px 25px 0px;
}


#mlfilter {
display: inline-block;
width: auto;
max-width: 590px;
margin: 15px 0px 15px 0px;
padding: 5px 0px;
border-bottom: 1px solid #003652;
border-top: 1px solid #003652;
font-weight: 500;
font-size: 0.8em;
}

#mlfilter ul {
width: 100%;
max-width: 590px;
margin: 5px 0px 0px 0px;
padding: 5px 0px;
border-top: 1px solid #003652;
color: #d6e6ef;
}

#mlfilter ul li {
float: left;
list-style-type: none;
margin: 0px;
padding: 0px 3px 0px 3px;
}

#mlfilter ul li a {
margin: 0px;
padding: 0px;
text-decoration: none;
font-weight: 500;
}

#mlframe {
width: 100%;
max-width: 590px;
height: 320px;
margin: 0px;
padding: 0px;
}

#memberlist {
width: 100%;
height: auto;
background: #d6e6ef;
padding: 20px 25px 20px 10px;
}

#memberlist a {
display: block;
width: 100%;
height: auto;
text-decoration: none;
font-weight: 400;
font-size: 0.8em;
padding: 3px 15px 0px 15px;
margin: 0px 0px 3px 0px;
border-bottom: 1px solid #003652;
}

#memberlist a:hover {
text-decoration: none;
font-weight: 400;
}

.dsecc {
margin: 0px;
padding: 0px;
width: 100%;
max-width: 590px;
}

.memberl {
float: left;
width: 280px;
margin: 0px 30px 30px 0px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #003652;
}

.memberr {
float: left;
width: 280px;
margin: 0px 0px 30px 0px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #003652;
}


.memberl img, .memberr img {
width: 100%;
height: auto;
margin: 0px 0px 20px 0px;
display: block;
}


.hinweis {
border: 2px solid #003652;
padding: 20px;
font-weight: 500;
}

/* Handlungsfelder */

#hfintro {
width: 100%;
max-width: 400px;
margin: 0px 0px 25px 0px;
}

#hf {
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
}

#hfleft {
float: left;
width: 50%;
position: relative;
min-height: 250px;
}

#hfright {
float: left;
width: 50%;
}

#hfcake {
position: absolute;
top: 0px;
right: 10%;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_alle.svg) top left no-repeat;
background-size: 100%;
}

#hfc1 {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_1_giftgruen.svg) top left no-repeat;
background-size: 100%;
z-index: 9;
}

#hfc2 {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_2_gruen.svg) top left no-repeat;
background-size: 100%;
z-index: 9;
}

#hfc3 {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_3_orange.svg) top left no-repeat;
background-size: 100%;
z-index: 9;
}

#hfc4 {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_4_oliv.svg) top left no-repeat;
background-size: 100%;
z-index: 9;
}

#hfc5 {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_5_violett.svg) top left no-repeat;
background-size: 100%;
z-index: 9;
}

#hfc6 {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_6_taubenblau.svg) top left no-repeat;
background-size: 100%;
z-index: 9;
}

#hfc7 {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_7_dunkelrot.svg) top left no-repeat;
background-size: 100%;
z-index: 9;
}

#hfc8 {
position: absolute;
top: 0px;
left: 0px;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_8_braun.svg) top left no-repeat;
background-size: 100%;
z-index: 9;
}

.showhfc {
opacity: 1;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

.hidehfc {
opacity: 0;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}

#hfright a {
width: 100%;
max-width: 360px;
display: block;
color: #000000;
white-space: nowrap;
text-decoration: none;
border-bottom: 1px solid #000000;
font-weight: 700;
}

#hfright a:hover {
color: #009ee0;
white-space: nowrap;
text-decoration: none;
border-bottom: 1px solid #009ee0;
}

#hflink1 {
width: auto;
padding: 0px 0px 3px 20px;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_1_giftgruen.png) left no-repeat;
background-size: 15px 15px;
}

#hflink2 {
width: auto;
padding: 0px 0px 3px 20px;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_2_gruen.png) left no-repeat;
background-size: 15px 15px;
}

#hflink3 {
width: auto;
padding: 0px 0px 3px 20px;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_3_orange.png) left no-repeat;
background-size: 15px 15px;
}

#hflink4 {
width: auto;
padding: 0px 0px 3px 20px;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_4_oliv.png) left no-repeat;
background-size: 15px 15px;
}

#hflink5 {
width: auto;
padding: 0px 0px 3px 20px;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_5_violett.png) left no-repeat;
background-size: 15px 15px;
}

#hflink6 {
width: auto;
padding: 0px 0px 3px 20px;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_6_taubenblau.png) left no-repeat;
background-size: 15px 15px;
}

#hflink7 {
width: auto;
padding: 0px 0px 3px 20px;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_7_dunkelrot.png) left no-repeat;
background-size: 15px 15px;
}

#hflink8 {
width: auto;
padding: 0px 0px 3px 20px;
background: url(https://www.die-stadtentwickler.info/imgs/hf_pfeil_8_braun.png) left no-repeat;
background-size: 15px 15px;
}

.hflop {
opacity: 0.3;
-o-transition: all 400ms ease 10ms;
-moz-transition: all 400ms ease 10ms;
-ms-transition: all 400ms ease 10ms;
-webkit-transition: all 400ms ease 10ms;
transition: all 400ms ease 10ms;
}


/* Buttons */


.totop {
display: block;
width: 100%;
max-width: 900px;
height: 60px;
line-height: 60px;
font-size: 0.8em;
color: #003652;
text-decoration: none !important;
text-align: right;
padding: 0px 40px 0px 0px;
margin: 0px auto;
background: url(https://www.die-stadtentwickler.info/imgs/totop.png) right no-repeat;
background-size: 30px 60px;
}


/* Forms */

.nl-optin-start {
position: relative;
width: 100%;
height: 100%;
min-height: 210px;
max-width: 590px;
box-sizing: border-box;
display: inline-block;
}

.txtfield-std {
width: 100%;
max-width: 490px;
height: 34px;
line-height: 34px;
text-indent: 5px;
border: 2px solid #003652;
outline: 0px;
background: #ffffff;
font-size: 1em;
font-family: "Roboto", Arial, sans-serif;
box-sizing: border-box;
margin: 0px 0px 10px 0px;
}

.tf-std label {
font-weight: 500;
}

.tf-std input {
width: 100%;
max-width: 490px;
height: 34px;
line-height: 34px;
text-indent: 5px;
border: 2px solid #003652;
outline: 0px;
background: #ffffff;
font-size: 1em;
font-family: "Roboto", Arial, sans-serif;
box-sizing: border-box;
margin: 0px 0px 10px 0px;
}

.tf-std input[type=checkbox] {
width: auto;
max-width: auto;
height: 34px;
line-height: 34px;
border: none;
outline: none;
background: #ffffff;
font-size: 1em;
font-family: "Roboto", Arial, sans-serif;
box-sizing: border-box;
margin: 0px 0px 10px 0px;
}

.btn-submit {
font-family: "Roboto", Arial, sans-serif;
color: #ffffff !important;
background: #003652 !important;
font-size: 14px;
font-weight: 500;
text-decoration: none !important;
line-height: 32px !important;
outline: 0px !important;
padding: 0px 20px 0px 20px !important;
border: 0px;
cursor: pointer;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.btn-submit:hover {
background: #009ee0 !important;
text-decoration: none !important;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.btn-finfo {
position: absolute !important;
top: 0px !important;
right: 0px !important;
height: 30px !important;
line-height: 30px !important;
padding: 0px 10px 0px 10px !important;
}

button {
font-family: "Roboto", Arial, sans-serif;
color: #ffffff;
font-size: 16px;
font-weight: 300;
}


input[type=search] {
-webkit-appearance: none;
-webkit-border-radius: 0;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
}


::-webkit-input-placeholder {
font-style: normal;
font-weight: 400;
color: #003652;
font-size: 70%;
opacity: 1;
}

:-moz-placeholder { 
font-style: normal;
font-weight: 400;
color: #003652;
font-size: 70%;
opacity: 1;
}

::-moz-placeholder { 
font-style: normal;
font-weight: 400;
color: #003652;
font-size: 70%;
opacity: 1;
}

:-ms-input-placeholder {  
font-style: normal;
font-weight: 400;
color: #003652;
font-size: 70%;
opacity: 1;
}

::input-placeholder {  
font-style: normal;
font-weight: 400;
color: #003652;
font-size: 70%;
opacity: 1;
}


/* Suche */

#lupeo {
cursor: pointer;
}

#lupec {
cursor: pointer;
opacity: 0.5;
}

.lupeon {
display: block;
}

.lupeoff {
display: none;
}

.searchbox-off {
display: none;
}

.searchbox-on {
z-index: 199;
opacity: 1.0;
height: 34px;
width: 200px;
background: #ffffff;
position: absolute;
right: 5px;
bottom: 20px;
display: block;
-webkit-animation: fadeIn 450ms;
animation: fadeIn 450ms;
}

.search-input {
width: 200px;
height: 34px;
line-height: 34px;
text-indent: 5px;
border: 2px solid #003652;
outline: 0px;
background: #ffffff;
font-size: 1em;
font-family: "Roboto", Arial, sans-serif;
position: absolute;
left: 5px;
top: 4px;
}


@media only screen and (max-width: 900px) {


#memberinfo {
border-top: 1px solid #003652;
margin: 50px 0px 0px 0px;
padding: 20px 0px 0px 0px;
text-align: left;
font-weight: 500;
font-size: 0.8em;
}

}


@media only screen and (max-width: 800px) {

#hfright a {
width: 100%;
max-width: 360px;
display: block;
color: #000000;
white-space: nowrap;
text-decoration: none;
border-bottom: 1px solid #000000;
font-weight: 700;
font-size: 0.8em;
}

}

@media only screen and (max-width: 600px) {

ul.vorstand li {
list-style-type: none;
float: none;
width: 100%;
margin: 0px 30px 30px 0px;
padding: 0px 0px 20px 0px;
border-bottom: 1px solid #003652;
}

ul.vorstand li img {
width: 100%;
height: auto;
margin: 0px 0px 20px 0px;
display: block;
}

.search-input {
width: 200px;
height: 30px;
line-height: 30px;
text-indent: 5px;
border: 2px solid #003652;
outline: 0px;
background: #ffffff;
font-size: 1em;
font-family: "Roboto", Arial, sans-serif;
position: absolute;
left: 0px;
top: 0px;
}

.searchbox-on {
z-index: 199;
opacity: 1.0;
height: 30px;
width: 200px;
background: #ffffff;
position: relative;
right: auto;
top: auto;
display: block;
margin: 30px 0px -10px 0px;
-webkit-animation: fadeIn 450ms;
animation: fadeIn 450ms;
}

#hfleft {
float: none;
width: 100%;
margin: 0px 0px 25px 0px;
}

#hfright {
float: none;
width: 100%;
}

#hfright a {
width: 100%;
max-width: 360px;
display: block;
color: #000000;
white-space: nowrap;
text-decoration: none;
border-bottom: 1px solid #000000;
font-weight: 700;
font-size: 1em;
}

#hfcake {
position: relative;
top: auto;
right: auto;
width: 250px;
height: 250px;
overflow: hidden;
background: url(https://www.die-stadtentwickler.info/imgs/hf/hf_grafik_alle.svg) top left no-repeat;
background-size: 100%;
}

.btn-finfo {
position: absolute !important;
top: auto !important;
right: 0px !important;
bottom: 10px !important;
height: 30px !important;
line-height: 30px !important;
padding: 0px 10px 0px 10px !important;
z-index: 444;
}

}


.col-RS {
color: #adc607 !important;
}

.col-SBF {
color: #338a85 !important;
}

.col-ZI {
color: #d58709 !important;
}

.col-KSLR {
color: #667956 !important;
}

.col-SSP {
color: #875883 !important;
}

.col-DSC {
color: #6590a3 !important;
}

.col-WQ {
color: #a11a3c !important;
}

.col-BFE {
color: #917c00 !important;
}
/* Stylesheet: components Modified On 2023-06-16 14:13:01 */
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

#newsslider {
width: 100%;
max-width: 590px;
margin: 0px 0px 0px 0px;
position: relative;
}

#newsslider ul {
margin: 0px;
padding: 0px;
position: relative;
}

#newsslider ul li {
margin: 0px;
padding: 0px;
position: relative;
}

#newsslider ul li img {
width: 100%;
height: auto;
}


#startslider {
width: 100%;
margin: 20px 0px 40px 0px;
position: relative;
}

#startslider ul {
margin: 0px;
padding: 0px;
position: relative;
}

#startslider ul li {
margin: 0px;
padding: 0px;
position: relative;
}

.startslider-image {
width: 100%;
height: 175px;
background-position: 50% 50%;
background-size: cover;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.startslider-overlay {
width: 50%;
height: 175px;
line-height: 175px;
text-align: center;
position: absolute;
top: 0px;
right: 0px;
background: rgba(0,54,82,0.9);
z-index: 999;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.startslider-overlay img {
width: 90%;
max-width: 250px;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
background: #f0f0f0;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {

	left: 0px;
	background: #f0f0f0;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(https://www.die-stadtentwickler.info/imgs/bx_loader.gif) center center no-repeat #f0f0f0;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: 1em;
font-family: "Roboto";
	font-weight: 300;
	color: #dfd90b;
	padding-top: 0px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #dfd90b;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #35a833;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(https://www.die-stadtentwickler.info/imgs/arrow-link-left.png) no-repeat;
background-size: 100%;
opacity: 0.9;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(https://www.die-stadtentwickler.info/imgs/arrow-link-right.png) no-repeat;
background-size: 100%;
opacity: 0.9;
}

.bx-wrapper .bx-prev:hover {
opacity: 1;
}

.bx-wrapper .bx-next:hover {
opacity: 1;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 50%;
	outline: 0;
	width: 26px;
	height: 26px;
	text-indent: -9999px;
	z-index: 9999;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(imgs/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(imgs/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


/* Tablet & Mobile */
@media only screen and (max-width: 600px) {

.startslider-overlay {
width: 100%;
height: 100px;
line-height: 100px;
text-align: center;
position: relative;
top: auto;
right: auto;
background: rgba(0,54,82,1);
z-index: 999;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

.startslider-image {
width: 100%;
height: 200px;
background-position: 50% 50%;
background-size: cover;
-o-transition: all 200ms ease 10ms;
-moz-transition: all 200ms ease 10ms;
-ms-transition: all 200ms ease 10ms;
-webkit-transition: all 200ms ease 10ms;
transition: all 200ms ease 10ms;
}

}
/* Stylesheet: bxslider Modified On 2023-06-14 18:40:04 */
/* Klickliste */

dd { 
display: none;
margin: 0px;
}

dt {
cursor: pointer;
}

dt h3 {
font-family: "Source Sans Pro";
color: #374934;
margin: 0px;
padding: 0px;
font-size: 1.5em;
line-height: 100%;
font-weight: 300;
}

.closed {
font-style: normal;
}

.open {
font-style: italic;
}

.listbox {
background: #f0f0f0;
min-height: 40px;
width: 100%;
max-width: 750px;
margin: 0px 0px 20px 0px;
padding: 10px 20px 10px 20px;
box-sizing: border-box;
}

.listcontent {
margin: 15px 0px 10px 0px;
position: relative;
}


/* Aufklapper Projekte */

#projektmenu dd { 
display: none;
margin: 0px;
}

#projektmenu dt {
cursor: pointer;
}

#projektmenu dt h3 {
width: 100%;
display: block;
position: relative;
font-family: "Roboto", Arial, sans-serif;
margin: 0px;
padding: 0px;
font-size: 1em;
line-height: 1.5em;
font-weight: 700;
text-transform: none !important;
border-bottom: 2px solid #003652;
}

#projektmenu .closed {
font-style: normal;
}

#projektmenu .open {
font-style: normal;
}

#projektmenu .closed .pm-arr {
position: absolute;
top: 5px;
left: -20px;
width: 15px;
height: 15px;
transform: rotate(0deg);
transition: all 200ms ease 10ms;
}


#projektmenu .open .pm-arr {
position: absolute;
top: 4px;
left: -22px;
width: 15px;
height: 15px;
transform: rotate(-90deg);
transition: all 200ms ease 10ms;
}

#projektmenu .listbox {
background: #ffffff;
min-height: 40px;
width: 100%;
margin: 0px 0px 0px 0px;
padding: 10px 0px 0px 25px;
box-sizing: border-box;
}

#projektmenu .listcontent {
margin: 10px 0px 15px 0px;
position: relative;
}

/* Stylesheet: klickliste Modified On 2023-06-12 17:31:05 */
.pagination {
border-top: 2px solid #003652;
border-bottom: 2px solid #003652;
padding: 10px 0px 10px 0px;
margin: 0px 0px 30px 0px;
text-align: center;
font-weight: 700;
font-size: 0.9em;
}

#newsstart {
border-top: 2px solid #003652;
border-bottom: 2px solid #003652;
padding: 25px 0px 25px 0px;
}

#newsstart ul {
margin: 0px;
padding: 0px;
}

#newsstart ul li:nth-child(1) {
margin: 0px;
padding: 0px 25px 0px 0px;
list-style-type: none;
float: left;
width: 33.33%;
}

#newsstart ul li:nth-child(2) {
margin: 0px;
padding: 0px 25px 0px 25px;
list-style-type: none;
float: left;
width: 33.33%;
border-left: 2px solid #003652;
border-right: 2px solid #003652;
}

#newsstart ul li:nth-child(3) {
margin: 0px;
padding: 0px 25px 0px 25px;
list-style-type: none;
float: left;
width: 33.33%;
}

h2.newssum {
margin: 3px 0px 10px 0px;
padding: 0px;
color: #009ee0;
font-family: "Heron Sans Semi Bd";
font-style: normal;
font-weight: normal;
text-transform: uppercase;
font-size: 1.05em;
line-height: 1.3em;
letter-spacing: 0.03em;
hyphens: auto !important;
}

.newsdate {
font-weight: 700;
font-size: 0.9em;
}

.newslink a {
font-weight: 700;
font-size: 0.9em;
text-decoration: none;
background: url(https://www.die-stadtentwickler.info/imgs/arrow-link-right.png) right no-repeat;
background-size: 13px 13px;
padding: 0px 18px 0px 0px;
}

#newstartshowmore {
border-bottom: 2px solid #003652;
padding: 5px 0px 5px 0px;
margin: 0px 0px 30px 0px;
text-align: center;
}

#newsmain ul {
margin: 0px;
padding: 0px;
}

#newsmain ul li {
margin: 0px 0px 25px 0px;
padding: 0px 0px 25px 0px;
list-style-type: none;
float: none;
width: 100%;
border-right: none;
border-bottom: 2px solid #003652;
min-height: auto;
}

#newsmain ul li:last-child {
margin: 0px 0px 25px 0px;
padding: 0px 0px 25px 0px;
list-style-type: none;
float: none;
width: 100%;
border-right: none;
border-bottom: none;
min-height: auto;
}

.pospub ul {
margin: 0px;
padding: 0px;
}

.pospub ul li {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
float: none;
width: 100%;
}

h2.possum {
margin: 3px 0px 10px 0px;
padding: 0px;
color: #009ee0;
font-family: "Heron Sans Semi Bd";
font-style: normal;
font-weight: normal;
text-transform: none;
font-size: 1.05em;
line-height: 1.3em;
letter-spacing: 0.03em;
}


/* TDS */

.tdsdate {
font-weight: 700;
font-size: 0.9em;
color: #009ee0;
}

h2.tds {
margin: 3px 0px 10px 0px;
padding: 0px;
color: #003652;
font-family: "Heron Sans Semi Bd";
font-style: normal;
font-weight: normal;
text-transform: none;
font-size: 1.05em;
line-height: 1.3em;
letter-spacing: 0.03em;
}

.tdsimg {
margin: 0px 0px 35px 0px;
}

.tdsimg img {
width: 100%;
max-width: 590px;
height: auto;
}

.bu {
font-size: 0.8em;
font-weight: 700;
background: #ffffff !important;
}

.pdfbu {
font-size: 0.8em;
font-weight: 300;
}

@media only screen and (max-width: 600px) {


#newsstart ul li:nth-child(1) {
margin: 0px 0px 25px 0px;
padding: 0px 0px 25px 0px;
list-style-type: none;
float: none;
width: 100%;
border-bottom: 2px solid #003652;
}

#newsstart ul li:nth-child(2) {
margin: 0px 0px 25px 0px;
padding: 0px 0px 25px 0px;
list-style-type: none;
float: none;
width: 100%;
border-bottom: 2px solid #003652;
border-left: none;
border-right: none;
}

#newsstart ul li:nth-child(3) {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
float: none;
width: 100%;
}


}
/* Stylesheet: news Modified On 2024-03-20 10:20:22 */
