html, body {margin:0; padding:0;}
body {font-family:'Open sans', arial, verdana, sans-serif; font-size:20px; line-height:26px; color:#4D4D4D; background:#FAFAFA; xmargin-top:145px; padding-top:1px; position:relative;}

img {border:0px none;}
hr.clearer {border:0px none; height:1px; clear:both; margin:0px; padding:0px;}

a {color:#FF931E; text-decoration:none;}
a:active, a:hover {text-decoration:underline;}

iframe {width:100% !important;}



/*--- Base classes ---*/
.buttonlink3d {
	background:#FF931E; color:white; padding:5px 8px; display:block; float:right;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(51,51,51,1);
-moz-box-shadow: 2px 2px 2px 0px rgba(51,51,51,1);
box-shadow: 2px 2px 2px 0px rgba(51,51,51,1);
}
.buttonlink3d:after {visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.box {display:block;}
.box img {display:block;}

.boxlink, .forgot-password a {display:block; border: 3px solid #FF931E !important; padding:20px; color:inherit;}
.boxlink:hover, .forgot-password a {color:#FF931E; text-decoration:none;}
.forgot-password a {float:right;}

.nav, .nav li, .content .flexslider ul, .content .flexslider ul li {list-style:none; margin:0px; padding:0px; background:transparent;}

#logo-link {display:block; width:250px; float:left;}
#logo-link img {display:block; width:100%;}

.logo-link-publisher {float:right; margin-left:20px; xmargin-top:-100px;}
    .logo-link-publisher img {display:block; width:100%;}
    #logo-link-lk {width:87px;}
    #logo-link-stadt {width:179px; padding-top:27px;}

.shadow {display:block; width:100%;}




/*--- Headlines ---*/
h2 {color:#696B1D; font-size:46px; line-height:52px; font-weight:600; border-bottom:3px solid #FF931E; padding-bottom:15px; text-align:center;}
.csc-header {text-align:center;}
.csc-header h2 {display:inline-block;}
.ambassador-head {
    background:url('../img/bg-squirrel.png') no-repeat;
    padding:30px 30px 30px 150px;
    background-size:auto 100%;
}

h3 {color:#696B1D; font-size:26px; font-weight:600;}


h4 {
	padding-bottom:10px; font-weight:600; border-bottom:3px solid #FF931E;
	/*line-height: 45px;*/
	display:inline-block;
}
h4 a {text-decoration:none !important;color:#4d4d4d;}
h4 a:hover {color:#FF931E;}




/*--- TYPO3 Styles ---*/
.csc-textpic-center-outer, .csc-textpic-center-inner, .csc-textpic-imagewrap, .csc-textpic-imagecolumn, .csc-textpic-image {max-width:100%;}
.csc-textpic-image {display:block !important;}
.csc-textpic-image img {max-width:100%; height:auto !important;}

div.csc-textpic-intext-right .csc-textpic-imagewrap {
    max-width:40%;
}

/* additionally responsive */
/*.hwt-imagecolumn-2cols {width:49.4%; margin-right:1.2% !important; float:left;}
.hwt-imagecolumn-3cols {width:32.5%; margin-right:1.2% !important; float:left;}
.hwt-imagecolumn-4cols {width:24.1%; margin-right:1.2% !important; float:left;}*/

#c64 {width:48%; float:left;}
#c65 {width:48%; float:right;}




/*--- Page elements ---*/
#outer {margin-top:145px;}
.box-inner {padding:70px 100px;}


/* header + navigation */
#header {
    background:#fafafa url('../img/bg-shadow-top.png') repeat-x left bottom;
    background-size:100% auto;
    position:fixed; width:100%;
    z-index:1000;
    top:0px;
    max-height: 100%;
	overflow: auto;
}
/*#header .box-inner {padding-top:30px; padding-bottom:0px;}
.sticky-header .box-inner {padding-top:20px !important;}
    .sticky-header #logo-link {width:140px;}
    .sticky-header #logo-link-lk {width:56px;}
    .sticky-header #logo-link-stadt {width:116px;}
    .sticky-header #mainnav {clear:none !important; margin-top:10px !important;}*/
#header .box-inner {padding-top:20px; padding-bottom:0px;}
    #logo-link {width:140px;}
    #logo-link-lk {width:56px;}
    #logo-link-stadt {width:116px;}
    #header #mainnav {clear:right !important; margin-top:10px !important;}

#mainnav-control {
    display:none;
    clear:right !important;
    float:right;
    padding-right:55px;
    background:url('../img/icon-mobilemenu.png') no-repeat right top;
    height:35px;
    line-height:35px;
    color:#696B1D;
    margin-top:10px;
    margin-bottom:15px;
}
#mainnav {float:right; margin:25px 0px 15px 0px; clear:both;}
    #mainnav li {display:inline-block; margin-left:15px;}
        #mainnav a {
            color:#696B1D; padding:8px; line-height:1.0;
            display:block; text-transform:uppercase; text-decoration:none;
        }
        #mainnav a:hover {color:white; background:#696B1D;}


/* login + logout links */
#loginlink, #logoutlink {
    position:fixed;
    z-index:9999;
    background:#696B1D;
    color:white;
    padding:10px 10px;
    left:-14px;
    top:50%;
    margin-top:-25px;
    display:block;

    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#logoutlink {background:#FF931E;}


/* one page boxes */
.slidebox {min-height:300px; xpadding:70px 0px;}
    .xslidebox:first-child {padding-top:152px;}
    .slidebox-section {padding:70px 100px;}
    .slidebox-section-dark {background:#F0F0E8;}
.jumper {margin:0px; height:1px; border:0px none; background:transparent; position:absolute; width:100%; position:relative; top:-143px; margin-top:-2px;}


/* header box */
.box-header .csc-default {position:relative;}
.box-header .csc-default .csc-textpic-center .csc-textpic-text {
    padding:0px 100px; left:0px; right:0px;
    position:absolute; top:25%; text-align:center; color:white;
    text-transform: uppercase; font-size:26px; font-weight:300;
    line-height:50px;
}
.box-header .csc-default .csc-textpic-center h1 {font-weight:inherit;}
.box-header .csc-default .csc-textpic-center b {font-weight:900;}


/* content section */
.content ul {list-style:none; padding:0px;}
.content ul li {min-height:30px; margin-bottom:15px; padding-left:50px; background:url('../img/bg-greenearth-small.png') no-repeat left top; line-height:1.3; padding-top:5px;}

.content-2col-first {margin-right:6%;}

.content-2col-left, .content-2col-right {float:left; width:47%; min-height:2px;}
.content-2col-main {float:left; width:62%; min-height:2px;}
.content-2col-aside {float:left; width:31%; min-height:2px;}
.content-2col-aside-right {float:right; margin-left:6%; margin-right:0px;}


/* footer */
#footer {background:#696B1D; padding:55px 0px; position:relative;}
#footer .box-inner {background:url('../img/logo-klimabotschafter-osnabrueck-footer.png') no-repeat 100px 55px; min-height:470px; padding-left:50%;}

    #footernav li {margin-bottom:10px;}
    #footernav a {color:white;}

    #publisher-footer {margin-left:-30px;}
    #publisher-footer li {float:left; margin-right:30px; height:102px;}
    #publisher-footer li:last-child {margin-right:0px;}
        #publisher-footer li img {display:block;}
            #publisher-footer a {display:block;}
            #footer-link-lk {width:97px; padding-top:10px;}
            #footer-link-stadt {width:186px; padding-top:60px;}

    #resourcesnav {position:absolute; width:100%; left:0px; bottom:20px; text-align:center;}
        #resourcesnav li {display:inline-block; border-right:2px solid white; padding-right:10px; margin-left:10px; height:14px; line-height:15px; font-size:15px;}
        #resourcesnav li:last-child {border-right:0px none;}
        #resourcesnav a {color:white;}




/*--- slider ---*/
/* visual slider */
body .flexslider {border-radius:0px; box-shadow:none; border:0px none; margin-bottom:0px; background:transparent;}
    body .flexslider .flex-direction-nav {height:1px; xtop:50%; xleft:0px; xwidth:100%;}
        body .flex-direction-nav .flex-prev {left:5px;}
        body .flex-direction-nav .flex-next {right:5px;}
    body .flex-control-nav {position:absolute; right:20%; width:auto; bottom:7px;}
        @media screen and (max-width: 1023px) {
            body .flex-control-nav {
                display:none;
            }
        }

        body .flex-control-nav li a {background:#F0F0E8; width:16px; height:16px;}
        body .flex-control-nav li a.flex-active {background:#FF931E;}
        body .flex-control-nav li a:hover {background:#696B1D;}


/* headerslider */
.headerslider {width:64%; margin-right:5%; float:left;}
body .headerslider {margin-top:20px !important;}
body .headerslider .flex-control-nav {right:30%;}


/* start page header infocol */
.startheader-infocol {width:30%; margin-right:3%; float:right; font-size:15px; margin-top:20px;}
.startheader-infocol h3 {font-size:15px;}
.startheader-infocol p {margin:8px 0px;}
.startheader-infocol .csc-default {border:3px solid #ff931e; xpadding:15px; margin-bottom:20px; xoverflow:hidden; position:relative; background:url('../img/bg-square.png') repeat-x bottom left;}
.startheader-infocol .csc-default p {margin-bottom:0px;}
.startheader-infocol .csc-default h4 {margin:0px; padding:0px; border:0px; line-height:19px;}
.startheader-infocol .csc-header {text-align:left; line-height:27px; padding:4px 15px 6px 40px; 	background:#FF931E url('../img/icon-squirrel.png') no-repeat 8px 4px;
	background-size:auto 22px; color:white;}
.startheader-infocol .csc-header a {color:inherit;}
.startheader-infocol .bodytext {margin-top:0px; line-height:24px;}
.startheader-infocol .csc-default > .bodytext {padding:0px 15px; padding-top:15px;}
.startheader-infocol .buttonlink3d {padding:2px 8px; position:absolute; z-index:100; bottom:10px; right:15px; background-color:#696B1D;}

/* infoboxes startpage */
.startheader-infocol .csc-default
{
	background: none;
	border: none;
    margin-bottom: 20px;
    position: relative;
}
.startheader-infocol .csc-default:last-child {
    margin:0px none;
}
.startheader-infocol .csc-default:not(:last-child):after {
    display:block;
    border-top: 1px solid #ff931e;
    content:"";
    position: absolute;
    width:100%;
    height:1px;
    bottom:-11px;
}

.startheader-infocol .csc-header {
	display: none;
}

.startheader-infocol .buttonlink3d {
	box-shadow: none;
	bottom: initial;
	right: initial;
	position: initial;
	float: initial;
	padding: initial;

	background-color: rgba(255,147,30,0);
	
	border: 1px solid #ff931e;
	color: white;
	font-weight: normal;
	font-size:16px;
	text-transform: none;
	
	min-width: 180px;
	width: 30%;
	text-align: center;
	padding: 2px 0;
	margin: 0 auto;
	margin-top:5px;
}

.startheader-infocol .csc-default > .bodytext {
	margin-top: initial;
	line-height: initial;
	padding: initial;
	padding-top: initial;

	font-size: 130%;
	font-weight: 900;
	text-align: center;
	color: white;
}

#c196 {
	background: url('../img/infocol-solar.jpg');
}

#c198 {
	background: url('../img/infocol-sanierung.jpg');
}

#c196, #c198 {
	min-height: 116px !important;
	background-size: cover;
	background-position: center center;
	text-transform: uppercase;
	font-size: 16px;
}

// @media screen and (max-width: 1400px) {
//	#c196 p:last-child {
//		display: none;
//	}
//	#c198 p:last-child {
//		display: none;
//	}
//}


/* ambassdor slider */
body .ambassadorslider {padding-left:80px; padding-right:80px;}
body .ambassadorslider .slides .ambassador-image {display:block; width:30%; margin-right:3%; float:left; margin-top: 80px;}
body .ambassadorslider .slides .ambassador-info {display:block; width:60%; float:left; padding-top:80px;}
body .ambassadorslider .flex-direction-nav a {background:url('../img/slider-arrow-left.png') no-repeat; width:26px; height:69px; opacity:1 !important; margin-top:-69px;}
body .ambassadorslider .flex-direction-nav a:before {display:none !important;}
body .ambassadorslider .flex-direction-nav .flex-prev {left:0px !important;}
body .ambassadorslider .flex-direction-nav .flex-next {background:url('../img/slider-arrow-right.png'); right:0px !important;}

body .ambassadorslider .slides .ambassador-info {}




/*--- ambassador views ---*/
/* ambassador filter */
.ambassador-filter {}
.ambassador-filter li {float:left; width:30%; margin-right:3.3%;}
.ambassador-filter li a {display:block; background:#F0F0E8; padding:20px; border:3px solid #FF931E; text-align:center; color:inherit; text-decoration:none;}
.ambassador-filter li a:hover {color:#FF931E;}
.ambassador-filter li a.active {background:#FF931E; color:white;}
.ambassador-filter li a.active:hover {color:inherit;}


/* ambassador list */
.ambassador-list {position:relative; margin-top:40px; margin-bottom:40px;}
.ambassador-list-item {float:left; width:30%; margin-right:3.3%; margin-bottom:50px;}
.ambassador-list-item img {display:block; margin:0px auto;}
.ambassador-list-data {display:none; position:absolute; z-index:1; width:68%; xright:12%; left:12%; padding:2.5%; margin:0px; background:#F0F0E8;}
.ambassador-list-item a {position:relative; xborder-bottom:2px solid red;}
.ambassador-list-item a:after {
    display:none; content:""; position:absolute; left:50%; bottom:0px; background:red; margin-left:-15px; width:29px; height:14px; background:url('../img/hover-arrow.png');
}
.ambassador-list-item:hover .ambassador-list-data {display:block;}
.ambassador-list-item:hover a:after {display:block;}


/* ambassador single */
.ambassador-single {margin-bottom:40px;}
.ambassador-data {float:left; width:65%;}
.ambassador-data b, .ambassador-data h1 {color:#FF931E;}
.ambassador-single img {float:left; margin-right:40px; xwidth:30%; height:auto !important; display:block;}


/* project list */
.project-list-anchor {display:block; position:relative; top:-170px;}
.project-list-item {margin-bottom:50px; clear:both;}
.project-list img {float:left; width:30%; height:auto !important; margin-right:5%;}
.project-data {width:60%; float:left;}
.project-data a {word-wrap: break-word;}




/*--- info cols startpage ---*/
.content-infocol {float:left; width:20%; position:relative; margin-top:20px;}
.content-infocol .csc-textpic-text {
    position:absolute; background:white;
    left:0px; right:0px; border:3px solid #FF931E; top:15px; bottom:50px; display:none;
    padding-left:10px;
    padding-right:10px;
    padding-top:75px;
    text-align:center;
}




/*--- ext: news ---*/
.news-list-view div.article {border-bottom:2px solid #ff931e; padding:25px 0px !important; padding-bottom:38px !important; margin-bottom:40px; /*background:url('../img/bg-square.png') repeat-x bottom left;*/}
.news-list-view .article h3 {margin-top:0px; display:inline-block;}
.news-list-view .news-list-date {
    color: #ff931e; font-size: 26px; font-weight: 600; border-left:3px solid #ff931e;
    display:inline-block; margin-left:8px; padding-left:10px;
}
.news-list-view .teaser-text, .news-list-view .news-text-wrap {width:80%;}
.news-list-view .more {
    display: inline-block; float:left; margin-left:80%; position:relative; left:-160px;
    width:150px; text-align:center;
}

body .news-list-view .article .news-img-wrap {
    float:right; margin:0px; margin-left:5%; margin-bottom:25px;
    width:15%;
}
body .news-list-view .article .news-img-wrap img {width:100%;}
body .news-list-view .article .news-img-wrap a {padding:0px; border:0px none; float:none;}

/*.box-inner .news-list-view {width:75%;}*/


/* startpage news */
.startheader-infocol .news a {display:block; text-decoration:none; color:inherit;}
.startheader-infocol .news .header, .startheader-infocol .news .teaser-text {padding:0px;}
.startheader-infocol .news .teaser-text {float:left;}
.startheader-infocol .news .header {padding-top:10px;}
.startheader-infocol h3 {color:inherit;}
.startheader-infocol .news-list-view .article {border:0px none; padding:0px !important; height:100%;}

body .startheader-infocol .news-list-view .article .news-img-wrap {
    float:left; margin-left:0px; margin-right:6%; margin-bottom:0px; width:47%;
}
.startheader-infocol .news .article .news-img-wrap img {margin:0px auto;}

.startheader-infocol .news-list-view .teaser-text, 
    .startheader-infocol .news-list-view .news-text-wrap {width: 47%;}

.startheader-infocol .news, .startheader-infocol .flexslider, .startheader-infocol .slides {height:100%;}

.startheader-infocol .news-list-view .news-list-date {
	display:block; border-left:0px none; margin-left:0px; font-size:inherit;
	font-weight:800; color:white;
	background:#FF931E url('../img/icon-calendar.png') no-repeat 8px 2px;
	background-size:auto 22px; 
    padding:0px;
}

.startheader-infocol .news .buttonlink3d {
	color: black;
	font-weight: bold;
	text-transform: uppercase;
    border:0px none;
    border-top: 1px solid #ff931e;
    padding-top:12px;
    text-align:left;
    margin-top:12px;
    width:auto;
}

.startheader-infocol .news-list-view .news-list-date {
	border-left:		0px none;
	margin-left:		0px;
	font-size:			inherit;
	font-weight:		800;
	color:				black;
	background:			initial;
	background-size:	auto 22px; 
}

.startheader-infocol .news-list-view .news-list-date::before {
	content:			"";
	display:			inline-block;
	background:			url(../img/kalender_klein_ohne-schatten.png);
	background-position:center;
	background-size:	110%;
	
	width:				35px;
	height:				35px;
	
	vertical-align:		-10px;
}




/*--- Responsive ---*/
@media screen and (max-width: 1100px) {
    .content-infocol .csc-textpic-text {
        font-size:16px;
    }
}

.content-infocol .csc-textpic-text:before {
    content:""; display:block; width:89px; height:89px; position: absolute; top:-44px;
    background:url('../img/bg-greenearth-big.png');
    left:50%; margin-left:-46px;
}
.content-infocol:hover .csc-textpic-text {display:block;}


@media screen and (max-width: 1023px) {
    .content-infocol .csc-textpic-text:before {
        display:none;
    }
    .content-infocol .csc-textpic-text {
        background:#fff;
        padding-top:0px;
        top:100%;
        bottom:auto;

    }
    .content-infocol {
        position: static;
    }
    #c45{
        position: relative;
    }
}




/*--- subpages ---*/
#c217, #c220
{
	position:			relative;
} 

/*#c217:before
{
	content:			"Eignet sich Ihr Haus für";
	display:			inline-block;
	position:			absolute;
	width:				100%;
	bottom:				55%;
	
	text-align:			center;
	text-transform:		uppercase;
	
	color:				white;
	font-size:			2.5em;
	
	z-index:			1;
}

#c217:after
{
	content:			"Solarenergie-Nutzung?";
	display:			inline-block;
	position:			absolute;
	width:				100%;
	top:				55%;
	
	text-align:			center;
	text-transform:		uppercase;
	
	color:				white;
	font-size:			2.5em;
	font-weight:		900;
}

#c220:before
{
	content:			"Energetisch sanieren,";
	display:			inline-block;
	position:			absolute;
	width:				100%;
	bottom:				55%;
	
	text-align:			center;
	text-transform:		uppercase;
	
	color:				white;
	font-size:			2.5em;
	
	z-index:			1;
}

#c220:after
{
	content:			"aber Wie?";
	display:			inline-block;
	position:			absolute;
	width:				100%;
	top:				55%;
	
	text-align:			center;
	text-transform:		uppercase;
	
	color:				white;
	font-size:			2.5em;
	font-weight:		900;
}*/




/*--- forms ---*/
form, fieldset {margin:0px; padding:0px; border:0px none;}
    legend, .tx-powermail h3 {display:none;}
    form .error label {color:#FF931E !important; font-weight:600 !important;}
    .fieldwrap-textarea label {vertical-align:top;}

    #fieldset-motivation {margin-bottom:75px; background:url('../img/icon-register.png') no-repeat right top;}
        #fieldset-motivation .fieldwrap-textarea {min-height:300px; padding-left:150px; background:url('../img/bg-squirrel.png') no-repeat left bottom;}
        #fieldset-motivation textarea {width:50%; height:300px;}
        #fieldset-motivation label {
            position:relative; display:block; xfloat:left;
            width:50%; xheight:300px; margin-right:0px;
        }
        #fieldset-motivation label:after {
            content:""; position:absolute;
            width:14px; height:27px;
            left:-13px; top:310px; xbottom:35px;
            background:url('../img/bg-word-ballooon.png');
        }

    #fieldset-promise {margin-bottom:40px;}
        #fieldset-promise > label {font-style:normal; display:block; margin-bottom:15px;}

    #fieldset-personaldata {width:580px;
    /*width:55%;*/
     margin:0px auto; text-align:right;}
        #fieldset-personaldata legend {
            display:block; position:static; margin:0px auto; margin-bottom:25px;
            border-bottom:3px solid #FF931E; width:420px; text-align:left;
            margin-left:10px; float:right;
            color:#696B1D;
        }
        #fieldset-personaldata label, #fieldset-personaldata input {display:inline-block;}

    input, textarea, select {
        background:white !important;
        border:1px solid #696B1D !important;
        border-bottom:5px solid #696B1D !important;
        border-radius:4px !important;
        box-shadow:none !important;
        color:inherit !important;
        font-size:inherit !important;
        font-family:inherit !important;
        font-weight:normal !important;
        padding:5px;
        box-sizing:border-box;
        width:420px;
        font-weight:300 !important;
    }
    .error input, .error textarea, .error select {border-color:#FF931E !important;}
    .fieldwrap-check input {width:auto !important; float:left; margin-top:5px;}
    input.submit {border:3px solid #FF931E !important; border-radius:0px !important; padding:12px; 20px; cursor:pointer;}
    input.submit:hover {color:#FF931E !important;}

    label {
        font-style:italic;
        color:#696B1D;
        margin-right:15px;
    }
	.fieldwrap-textarea label {display:none;}
	label a {text-decoration:underline;}

    .fieldwrap {margin-bottom:15px;}
    .fieldwrap-input-submit {
        padding-left:50px;
        background:url('../img/bg-greenearth-small.png') no-repeat left center;
        float:right;
        xmargin-top:40px;
    }
    .fieldwrap-inner {width:48%; margin-right:2%; float:left; margin-bottom:12px;}
		.fieldwrap-inner * {
			margin-bottom: 15px;
		}
        .fieldwrap-check label {
            color:inherit; font-size:inherit; font-weight:inherit; font-style:normal;
            padding-left:30px; display:block !important; position:relative;
        }
        .fieldwrap-check label:after {
            content:""; display:block; width:14px; height:14px;
            background:#fafafa no-repeat center center;
            border:1px solid #696B1D; border-bottom:3px solid #696B1D;
            border-right:3px solid #696B1D;
            position:absolute; left:0px; top:4px;
        }
        .fieldwrap-check input:checked + label:after {background-image:url('../img/bg-checked.png');}

    #fieldset-personaldata .fieldwrap-inner {width:420px; float:right; margin-right:0px; text-align: left;}
    #fieldset-personaldata .error-message:not(:empty) {text-align:left; display:inline-block; width:420px;}

        #label-building, #label-city {display:none !important;}
        .fieldsection-address .fieldwrap, .fieldsection-city .fieldwrap {display:inline-block;}
        #street, #city {width:340px;}
        #building, #zip {width:75px;}

    .notice-required {font-size:15px;}
	.error-message-global {text-align:center; color:#FF931E; font-weight:600; margin-top:0px; margin-bottom:50px;}
	.error-message-promise {color:#FF931E; font-weight:600; font-style:italic; display:block; margin-bottom:15px; margin-top:-10px;}

    /* formhandler */
    .input-files #image {position:relative; z-index:1;}
    input.secondary {
        background:#FF931E !important; color:white !important; width:180px; padding:6px 5px 0px 5px;
        border-radius: 4px !important; border-width:1px 1px 5px 1px !important; margin-top:-5px;
        position:relative; xz-index:-1;
    }
    input.secondary:hover {color:white !important; font-weight:bold !important;}

    .info-files {font-size:15px; xtext-align:right; text-align:left;}
    .info-files p {width:420px; float:right; margin-top:0px; font-weight:bolder;}
    .info-files dl {float:right; width:420px; margin:0px; margin-bottom:12px;}
    .info-files dt, .info-files dd {font-size:15px; xdisplay:inline-block;}
    .info-files dt {float:left; clear:both; width:160px;}
    .info-files dd {xwidth:420px; float:left;}
    .file-count {display:none;}
    .stored-image {display:block; width:50%; float:right; margin-bottom:12px;}
    .stored-image img {width:100%; display:block;}

    /* formhandler project register */
    .fieldsection-contact {margin-top:40px; margin-bottom:40px;}

    /* felogin */
    .tx-felogin-pi1 .fieldwrap-input {margin-left:50px;}
    .tx-felogin-pi1 .fieldwrap-input-submit {float:none; margin-left:0px;}
    #forgot-password {margin-left:50px;}


::-webkit-input-placeholder {font-style:italic; font-weight:300 !important;}
::-moz-placeholder {font-style:italic; font-weight:300 !important;} /* firefox 19+ */
:-ms-input-placeholder {font-style:italic; font-weight:300 !important;} /* ie */
input:-moz-placeholder {font-style:italic; font-weight:300 !important;}




/*--- Responsive ---*/
@media screen and (max-width: 1250px) {
    #outer {margin-top:141px;}
    #mainnav a {font-size:16px;}

    /* start page header */
	.headerslider, .startheader-infocol {float:none; width:auto;}
	.startheader-infocol {padding-left:6%; padding-right:6%;}
	.startheader-infocol .csc-default {height:auto !important; padding:20px 0px;}
    
    /* start page header news */
    body .startheader-infocol .news-list-view .article .news-img-wrap {width:30%;}
    .startheader-infocol .news-list-view .teaser-text, .startheader-infocol .news-list-view .news-text-wrap {width:64%;}
    
    /* slider */
    body .headerslider {margin-top:0px !important;}
}

@media screen and (min-width: 1024px) and (orientation : portrait) {
    #mainnav {display:block !important;
        height: 36px !important;
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width: 1023px) {
    .content-2col-aside .csc-textpic-image img {max-width:80%; margin:0px auto;}
    h2 {font-size:38px; line-height:42px;}

    #mainnav {display:none;}
    #mainnav-control {display:block;}
    .logo-link-publisher {position: relative; top:-5px;}
    .footprint {display:none !important;}

    .box-inner {padding-left:6%; padding-right:6%;}
    .slidebox-section {padding:6% 6% 12% 6%;}
    #fieldset-motivation {background:none;}
    #fieldset-motivation textarea {width:80%;}

    #footer .box-inner {background-position:6% 55px; padding-left:6%; padding-bottom:100px;}
        #footernav {float:right; padding-right:6%;}
        #publisher-footer {
            position: absolute;
            right:6%;
            left: 6%;
            text-align:center;
            top:550px;
        }
        #publisher-footer li {display:inline-block; float:none; margin-bottom:20px;}

    #c64, #c65 {width:auto; float:none; margin-top:30px;}

    /* box-header */
    .box-header .csc-default .csc-textpic-center .csc-textpic-text {top:10%;}
}
@media screen and (max-width: 850px) {
    #mainnav li {display:block;}

    #fieldset-personaldata {width:auto; text-align:left;}
        #fieldset-personaldata legend {margin-left:0px; float:none;}
        #fieldset-personaldata label {display:block;}
        .fieldsection-city div:first-of-type {width:75px;}
    #fieldset-personaldata .fieldwrap-inner, #fieldset-personaldata .fieldwrap-input-submit {float:none;}
    #fieldset-personaldata input.submit {width:auto;}
}
@media screen and (max-width: 700px) {
    body .ambassadorslider .slides .ambassador-image {float:none; width:40%; margin:0px auto;}
    body .ambassadorslider .slides .ambassador-info {float:none; width:auto; padding-top:35px;}
}
@media screen and (max-width: 600px) {
    body {font-size:15px; line-height:22px;}
    .content-2col-main, .content-2col-aside {float:none; width:auto; margin-right:0px;}
    h2 {font-size:30px; line-height:35px;}
    .content-2col-aside .csc-textpic-image img {max-width:60%;}
    xdiv[data-csc-images="4"] .csc-texpic-imagerow {float:left; width:50%;}
    xdiv[data-csc-images='4'] {background:silver;}

    .fieldwrap-inner {float:none; width:auto;}
}
@media screen and (max-width: 550px) {
    #publisher-footer {top:380px;}
    #publisher-footer li {margin-bottom:50px;}
    #toTop, #toTopHover {width:45px !important; height:45px !important;}

    #fieldset-motivation .fieldwrap-textarea {background:none; padding-left:0px;}
    #fieldset-motivation label {display:none;}
    .ambassador-head {background:none; padding-left:0px;}

    #fieldset-personaldata {width:100%;}
    #fieldset-personaldata legend, #fieldset-personaldata .fieldwrap-inner, input, textarea, select {width:100%;}
    .fieldwrap-textarea label {display:none;}
    .fieldwrap-input-submit {background:none; padding-left:0px;}

    .fieldsection-city div:first-of-type, .fieldsection-address div:last-of-type {width:33%;}
    .fieldsection-address div:first-of-type, .fieldsection-city div:last-of-type {width:65%;}

    #fieldset-motivation textarea, #street, #city, #building, #zip {width:100% !important;}

    body .ambassadorslider {padding-left:8%; padding-right:8%;}
    body .ambassadorslider .flex-direction-nav .flex-prev {left:-10px !important;transform: scale(0.6);}
    body .ambassadorslider .flex-direction-nav .flex-next {right:-10px !important;transform: scale(0.6);}

    #logo-link-stadt {position:absolute; top:20px; right:76px; padding:0px;}

    #footer .box-inner {background-size:80% auto; background-position:top center;}
}


@media screen and (max-width: 1250px) and (orientation : landscape) {
	#header .box-inner {
		padding-top:5px;
		padding-bottom:10px;
	}
	#outer {
		margin-top:84px;
	}
	#outer .box-inner {
		padding-top:10px;
	}

	#logo-link {width:90px;}
	#logo-link-stadt {
		position: relative;
		top: 26px;
		right: 0px;
		padding: 0px;
		float: left;
		margin-bottom:10px;
	}
	#logo-link-lk {
		position: relative;
		float:left;
		top:6px;
	}
	#mainnav-control {
		margin-top:20px;
		margin-bottom:10px;
	}

    #mainnav {display:none;}
    #mainnav-control {display:block;}
	/*#mainnav-control:after {*/
		/*float         : right;*/
		/*padding-right : 55px;*/
		/*background    : #fff url("../img/icon-mobilemenu.png") no-repeat scroll right top;*/
		/*height        : 35px;*/
		/*line-height   : 35px;*/
		/*color         : #696b1d;*/
		/*margin-top    : 10px;*/
		/*margin-bottom : 15px;*/
		/*width:0;*/

	/*}*/
	.jumper{
		top:-83px;
	}
}

@media screen and (min-width: 1250px) {
    #mainnav {display:block !important;
        height: 36px !important;
        margin-bottom: 15px !important;
    }
}






/*--- Components ---*/
/**
 * https://www.klimabotschafter-os.de/botschafter/klimabotschafter-karte/
 *
 * Filter für die Karte #map_map
 */
#map_map #filterControl {
	margin: 10px; z-index: 0; position: absolute; cursor: pointer; text-align: left; width: 85px; left: 0px; top: 0px;
}	

#map_map input[type="checkbox"] {
  display: none;
}
#map_map label {
	direction: ltr; overflow: hidden; text-align: left; position: relative; color: rgb(0, 0, 0); font-family: Roboto,Arial,sans-serif; -moz-user-select: none; font-size: 11px; background-color: #ebebeb; padding: 8px; border-radius: 2px; background-clip: padding-box; box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3); font-weight: 500;
	display: block;
	margin-bottom: 7px;
	font-style:normal;
	width:	90px;
}
#map_map input[type=checkbox]:checked + label {
	background-color: rgb(255, 255, 255);
}

#map_map .bubble img {
	width			:	100px;
	height			:	100px;
	
	background-image:	url(/fileadmin/media_climateambassador/Klimabotschafter/bubble_hoernchen.png);
	background-size	:	cover;
	margin-right	:	15px;
	margin-bottom	:	15px;
	object-fit		:	cover;
}

#map_map .bubble div {
	float			:	right;
}





/*
|--------------------------------------------------------------------------
| Footprints
|--------------------------------------------------------------------------
*/
#footprint-0,
#footprint-1,
#footprint-2,
#footprint-3{
    position: absolute;
    opacity:0;
}
@media(max-width:800px){
    #footprint-0,
    #footprint-1,
    #footprint-2,
    #footprint-3{
        display:none;
    }
}





/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:70px;
	right:10px;
	overflow:hidden;
	width:52px;
	height:52px;
	border:none;
	text-indent:100%;
	background:url(../img/ui.totop.png) no-repeat left top;
    background-size:100% 100%;
}

#toTopHover {
    background:url(../img/ui.totop.png) no-repeat left top;
    background-size:100% 100%;
	width:52px;
	height:52px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}





/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
  font-family: 'flexslider-icon';
  src: url('../components/FlexSlider/fonts/flexslider-icon.eot');
  src: url('../components/FlexSlider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('../components/FlexSlider/fonts/flexslider-icon.woff') format('woff'), url('../components/FlexSlider/fonts/flexslider-icon.ttf') format('truetype'), url('../components/FlexSlider/fonts/flexslider-icon.svg#flexslider-icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
  /*max-width:1600px;*/
  	margin:auto !important;
}
.flexslider + .shadow{
    /*max-width:1600px;*/
  	margin:auto !important;
}

.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 60px;
  background: #ffffff;
  border: 4px solid #ffffff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
  content: '\f001';
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content: '\f002';
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*/
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 10px;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}