@charset "utf-8";
/* umweltfinanz.de
Udo Reinsch 2017
*/

.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content-wrapper {
		padding:0 0 0 20px;
}
.main-content-wrapper .main-content, footer .inner-wrapper {
		padding:0 15px 40px 20px;
}
footer .inner-wrapper {
		padding:0 15px 0 20px;
}
.main-content .col-teaser {
		width:240px;
}
.col-teaser .teaser {
		width: 210px;
}

@media only screen and (max-width:1050px) {
	.nav-wrapper nav{
		padding:0;
	}
	.main-nav li.first a {
		padding: 9px 15px 0 20px;
	}
	.main-nav li.first ul li a {
		padding: 9px 15px 0 20px;
	}	
	.main-nav li.first ul li.first a{
		padding-left:20px;
	}
	.main-nav li.first ul li.last a{
		padding:5px 25px 9px 20px;
	}
	.col-content .content-teaser.big, .col-content .content-teaser.mensch, .col-content .content-teaser.produkt, .col-content .highlight-wrapper .highlight, .col-content .material-wrapper .material {
			width:330px;
	}
	.col-content .content-teaser.small, .col-content .content-teaser.download {
			width:210px;
	}	
}
@media only screen and (max-width:985px) {
	.col-content .content-teaser.big, .col-content .content-teaser.mensch, .col-content .content-teaser.produkt {
			width:345px;
	}
	.col-content .content-teaser.small, .col-content .content-teaser.download {
			width:220px;
	}
}
@media only screen and (max-width:860px) {
	.header-wrapper .header {
		padding: 0 5px 0 3.1%;
	}
	.main-nav li.first a {
		padding: 9px 15px 0 25px;		
	}
	.main-nav li.first ul li a, .main-nav li.first ul li.first a, .main-nav li.first ul li.last a{
		padding-left:28px;
	}
	.main-content-wrapper .main-content, footer .inner-wrapper{
		display:block;
		padding:0 15px 0 3.488372093%;			
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content-wrapper {
		padding:0 0 0 3.488372093%;
	}
	.main-content .col-content{
		width:100%;
		float:none;
		padding-bottom:0;
	}
	.main-content .col-teaser{
		width:100%;
		display:inline-block;
		float:none;	
		padding:40px 0 40px 0;			
	}
	.main-content .col-teaser.onlinezeichnung{
		display:none;
	}	
	.col-content .text-wrapper.teaser-hinweis-wrapper {
		display:inline-block;
	}
	.col-teaser .teaser.hinweis {
		display:none;
	}	
	.col-teaser .teaser {
		width: 220px;
		float:left;
		margin:0 30px 50px 0;
	}
	.main-content .col-teaser.mobil-hide {
		display:none;
	}
	.col-content .trenner.hide{
		display:block;
		margin-bottom:0;
	}
	.col-content ul.pageNav {
		margin-bottom: 0;
	}
	.col-content .highlight-wrapper .highlight {
		margin-bottom:0;
	}
	footer .footer-1 .inner-wrapper, footer .footer-2 .inner-wrapper {
		display: inline-block;
		width:100%;		
	}
	footer .footer-1 .inner-wrapper .col-1{
		padding-bottom:20px;			
	}
	footer .inner-wrapper .inner-links, footer .inner-wrapper .inner-rechts{
		width:100%;
	}
}
@media only screen and (max-width:815px) {
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-1{
		padding:15px 20px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-2 a svg{
		margin: 14px 10px 0 10px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .titel {
		font-size:26px;
		font-size:2.6rem;
		line-height:26px;
		line-height:2.6rem;		
		margin-bottom:7px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .text {
		font-size:20px;
		font-size:2.0rem;
		line-height:20px;
		line-height:2.0rem;		
	}
	.col-content .content-teaser.big, .col-content .content-teaser.mensch, .col-content .content-teaser.produkt, .col-content .highlight-wrapper .highlight, .col-content .material-wrapper .material{
		width:330px;
	}
	.col-content .content-teaser.small{
		width:210px;
	}
	.col-teaser .teaser {
		width: 210px;
	}
}
@media only screen and (max-width:760px) {
	.header-wrapper .header .header-rechts img, .header-wrapper .header .header-rechts figure{		
		width:325px;
		margin:10px 0 0 0;
	}
	.header-wrapper .header{ 
		overflow:visible;		
	}
	.header-wrapper .header .header-links .special-menu{
		visibility: visible;
		opacity: 0;
		animation: menu-fade-out 0.5s;		
	}
	.kopfbild-wrapper {
		top:0px;
		height:280px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content-wrapper {
		padding:0 0 0 3.488372093%;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper  div[class^="slide-"]{
		height:280px;
	}
	.main-content-wrapper .main-content, footer .inner-wrapper{
		padding:0 3.488372093% 0 3.488372093%;
	}
	.main-content .col-content {
		padding: 50px 0 0;
	}
	.main-content .col-content .text-wrapper, .main-content .col-content .block-link, .main-content .col-content .block-link, .main-content .col-content .news-wrapper, .main-content .col-content .newsletter-archiv-wrapper, .main-content .col-content .page-block-wrapper, .main-content .col-content .steuerelement-wrapper, .main-content .col-content .produkt-wrapper, .main-content .col-content .eckdaten-wrapper, .main-content .col-content .formular-wrapper, .col-content ul.pageNav, .col-content ul.pageNav.archiv {
		padding-right:10px;
	}
	.news-wrapper .trenner {
		margin: 10px 10px 0 0;
	}
	.col-content .content-teaser.big, .col-content .content-teaser.mensch, .col-content .content-teaser.produkt, .col-content .highlight-wrapper .highlight, .col-content .material-wrapper .material{
		width:345px;
	}
	.col-content .content-teaser.small, .col-content .content-teaser.download{
		width:220px;
	}
	.col-teaser .teaser {
		width: 220px;
	}	
	/*-----------------------------------------main-nav*/
	.nav-wrapper {
		display:none;
		visibility: visible;
		opacity:0;
		animation: menu-fade-out 1s;
	}
	.col-content a[href^="tel:"], .col-teaser .teaser .inhalt a[href^="tel:"]{
		text-decoration:underline;
	}
	.main-menu-mobil svg  {
		width:72px;
		height:72px;
	}			
	.main-menu-mobil svg .st1 {
		fill: #a7a593;
		stroke: #a7a593;
		stroke-miterlimit: 10;
	}
	label.pseudo-nav-label {
		display: inline-block;
		position:absolute;			
		width:50px;
		height:50px;
		cursor:pointer;
		top:11px;
		left:110px;
		border:none;
	}
	input.pseudo-nav:checked ~ ul {
		display: block;
		z-index: 9999;
		position: absolute;
		min-width:320px;
	}		
	.main-mobil-nav {
		display:none;
		position:absolute;
		top:88px;
		left:88px;
		float:none;			
		overflow:hidden;
		width:auto;
		border: none;
		padding:4px 0 0 0;
		z-index:99;
		background-color:transparent;	
	}			
	.main-mobil-nav li {
		position:relative;
		overflow:hidden;
		float:none;
		list-style: outside none none;
		padding:0;
		background-color:#eeeeeb;		
		font-size:15px;		
		font-size:1.5rem;
		font-family:'assistantsemibold',Arial,Helvetica, sans-serif;	
	}
	.main-mobil-nav li.parent  {
		display:block;	
	}
	.main-mobil-nav li label.toggle, [id^="drop"] {
		display: none;
	}
	.main-mobil-nav li.parent label.toggle {
		position:absolute;
		display:inline-block;
		width:50px;
		height:25px;
		right:0;
		top:8px;
		padding:3px 2px 0 15px;
		text-align:right;
		cursor:pointer;
	}
	.main-mobil-nav li.parent label.toggle svg {
		width:25px;
		height:25px;
	}
	.main-mobil-nav li.parent label.toggle svg .kreis, .main-menu-mobil div svg .kreis {
		fill:#ffffff;
	}		
	svg .pfeil {
		fill:#918f79;
	}
	.main-mobil-nav li.first label.toggle {
		top:17px;
	}		
	.main-mobil-nav li a {
		position:relative;
		float:left;
		overflow:hidden;
		display:block;
		background-color:transparent;
		padding:7px 25px 7px 25px;
		margin-right:35px;
		height:auto;
		color:#918f79;
		text-decoration:none;
		white-space:nowrap;			
	}
	.main-mobil-nav li.active a, .main-mobil-nav li a:hover {
		color:#00998a;	
	}		
	.main-mobil-nav li.first a{
		padding:15px 25px 7px 25px;
	}
	.main-mobil-nav li.last a{
		padding:7px 25px 20px 25px;
	}		
		
/*------------- 2. me�ebene	*/
	.main-mobil-nav li ul {
		display:none;
	}			
	.main-mobil-nav input:checked ~ ul {
		display:inline-block;
		width:100%;
		position: static;
	}
	.main-mobil-nav li ul li {
		position:relative;
		overflow: hidden;
		font-size:14.5px;		
		font-size:1.45rem;
		font-family:'assistantregular',Arial,Helvetica, sans-serif;
	}	
	.main-mobil-nav li ul li a, .main-mobil-nav li.active ul li a, .main-mobil-nav li.first ul li a {
		display: block;
		padding:5px 25px 4px 35px;
		white-space:normal;
		line-height:16px;			
		line-height:1.6rem;
	}		
	.main-mobil-nav li ul li.first a{
		padding:2px 25px 4px 35px;
	}
	.main-mobil-nav li ul li.last a{
		padding:4px 25px 7px 35px;
	}
	.main-mobil-nav li.active ul li a{
		color:#918f79;
	}
	.main-mobil-nav li.active ul li.active a, .main-mobil-nav li ul li.active a, .main-mobil-nav li ul li a:hover  {
		color:#00998a;
	}			
}
@media only screen and (max-width:750px) {
	.header-wrapper .header .header-links .special-menu{
		display:none;		
	}
	.col-content table.shrink th, .col-content table.shrink td{
		font-size:14px;
		font-size:1.4rem;
        line-height:17px;
        line-height:1.7rem;		
	}
	.col-content table.shrink th .subheader{
		font-size:13px;
		font-size:1.3rem;		
	}
	.col-content table.shrink td .title{
		font-size:16px;
		font-size:1.6rem;
	}
}
@media only screen and (max-width:700px) {
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-1{
		padding:13px 20px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-2 a svg{
		margin: 11px 10px 0 10px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .titel {
		font-size:22px;
		font-size:2.2rem;
		line-height:22px;
		line-height:2.2rem;		
		margin-bottom:6px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .text {
		font-size:17px;
		font-size:1.7rem;
		line-height:17px;
		line-height:1.7rem;		
	}
	.main-content .col-content .text-wrapper .zweispaltig {
		display:inline-block;
	}
	.main-content .col-content .text-wrapper .zweispaltig .col-1{
		width:100%;
		margin-right:0;
		padding-bottom:10px;
	}
	.main-content .col-content .text-wrapper .zweispaltig .col-2{
		width:100%;
	}
	.col-content .formular-wrapper.onlinezeichnung .form-elemente-wrapper, .col-content .zf-wrapper .form-elemente-wrapper {
		display:inline-block;
	}
	.col-content .formular-wrapper.onlinezeichnung .form-elemente-wrapper .col-1, .col-content .formular-wrapper.onlinezeichnung .form-elemente-wrapper .col-2, .col-content .zf-wrapper .form-elemente-wrapper .col-1, .col-content .zf-wrapper .form-elemente-wrapper .col-2 {
		width:100%;
	}
}
@media only screen and (max-width:600px) {
	.header-wrapper .header {
		padding: 0 0 0 3.1%;
	}
	.header-wrapper .header .header-links {
		margin: 20px 0 0 0;
	}
	.header-wrapper .header .header-links img, .header-wrapper .header .header-links figure {
		display:none;
	}
	label.pseudo-nav-label {
		left:0px;
	}
	.kopfbild-wrapper {
		height:230px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper  div[class^="slide-"]{
		height:230px;
	}
	.main-mobil-nav {
		top:86px;
		left:-25px;	
	}
	.main-content .col-content {
		padding: 40px 0 0;
	}
	.col-content .content-teaser .bild .neu{
		top:-15px;
		left:-10px;
	}
	.news-wrapper .meldung-wrapper {
		display: block;
	}
	.news-wrapper .meldung-wrapper figure {
		margin-bottom:20px;
	}	
	.news-wrapper .meldung-wrapper .intro {
		width: 100%;
	}	
	.col-content .eckdaten-wrapper .text {
		display:inline-block;
	}
	.col-content .eckdaten-wrapper .text .col-1, .col-content .eckdaten-wrapper .text .col-2 {
		width:100%;
	}
	.col-content .eckdaten-wrapper .text .col-1 {
		padding-bottom:0;
	}
	.col-content .eckdaten-wrapper .text .col-2 {
		padding-top:0;
	}
	.col-content .form-elemente-wrapper {
		display:inline-block;
	}
	.col-content .form-elemente-wrapper .col-1, .col-content .form-elemente-wrapper .col-2 {
		width:100%;
	}
	.col-content .form-elemente-wrapper .col-1 {
		padding-bottom:20px;
		padding-right:0;
	}
	.col-content .form-elemente-wrapper .col-2 {
		padding-bottom:80px;
		padding-right:0;		
	}
	.col-content .formular-wrapper p.datenschutzhinweis {
		margin:50px 0 0 0;
	}
	.col-content table.shrink th, .col-content table.shrink td, .col-content table.shrink td p{
		font-size:13px;
		font-size:1.3rem;
        line-height:16px;
        line-height:1.6rem;		
	}
	.col-content table.shrink th .subheader{
		font-size:12px;
		font-size:1.2rem;		
	}
	.col-content table.shrink td .title, .col-content table.shrink td.title p{
		font-size:14px;
		font-size:1.4rem;
	}
}
@media only screen and (max-width:555px) {
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-1{
		padding:13px 20px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-2 a svg{
		margin: 8px 10px 0 10px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .titel {
		font-size:18px;
		font-size:1.8rem;
		line-height:18px;
		line-height:1.8rem;		
		margin-bottom:6px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .text {
		font-size:15px;
		font-size:1.5rem;
		font-family:'assistantsemibold',Arial,Helvetica, sans-serif;
		line-height:15px;
		line-height:1.5rem;		
	}
	.col-content .content-teaser.small, .col-content .content-teaser.download{
		width:210px;
	}
	.col-teaser .teaser {
		width: 210px;
	}
	.col-content .formular-wrapper p.datenschutzhinweis {
		margin:70px 0 0 0;
	}
}
@media only screen and (max-width:510px) {
	.col-content .content-teaser.small, .col-content .content-teaser.download{
		width:220px;
	}
	.col-teaser .teaser {
		width: 220px;
	}
}
@media only screen and (max-width:490px) {
	.col-content .content-teaser {
		display:block;
		margin:0 10px 30px 0;
	}
	.col-content .formular-wrapper.onlinezeichnung .formular .button-wrapper {
		display:block;
	}
	.col-content .formular-wrapper.onlinezeichnung .formular .button-wrapper .button-links {
		width:100%;
		padding:20px 0 0 0;		
	}	
	.col-content .formular-wrapper.onlinezeichnung .formular .button-wrapper .button-rechts {
		width:100%;
		padding:23px 0 0 0;		
	}
	.col-content .formular-wrapper.onlinezeichnung .formular .button-wrapper .button-rechts input {
		float:none;
	}	
}
@media only screen and (max-width:470px) {
	.header-wrapper, .header-wrapper .header, .header-wrapper .header .header-rechts  {
		height: 90px;
	}
	label.pseudo-nav-label {
		top:7px;
	}
	.main-menu-mobil svg  {
		width:50px;
		height:50px;
	}
	.main-mobil-nav {
		top:66px;	
	}
	.header-wrapper .header .header-rechts img, .header-wrapper .header .header-rechts figure{		
		width:250px;
		margin:10px 0 0 0;
	}
	.kopfbild-wrapper {
		top:0;
		height:180px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper  div[class^="slide-"]{
		height:180px;
	}
	footer .footer-2 .inner-wrapper div, footer .footer-1 .inner-wrapper div {
		padding-right:0;
	}
	footer .inner-wrapper .inner-links, footer .inner-wrapper .inner-rechts {
		display:inline-block;
	}
	footer .footer-1 .inner-wrapper .inner-links{
		padding-bottom:12px;
	}	
	footer .footer-2 .inner-wrapper .inner-links{
		padding-bottom:20px;
	}
	footer .col-1, footer  .col-2, footer .col-3, footer .col-4 {
		width:100%;
	} 
}
@media only screen and (max-width:450px) {
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content-wrapper {
		padding:0;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content {
		position:relative;
		top:115px;
		left:0;
		width:100%;	
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-1 {
		padding:13px 5px 14px 3.488372093%;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-2 a svg{
		margin: 16px 10px 0 10px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .titel {
		font-size:18px;
		font-size:1.8rem;
		line-height:18px;
		line-height:1.8rem;		
		margin-bottom:6px;
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .text {
		font-size:14px;
		font-size:1.45rem;
		font-family:'assistantsemibold',Arial,Helvetica, sans-serif;
		line-height:14px;
		line-height:1.4rem;		
	}
	.main-wrapper .kopfbild-wrapper .bx-wrapper div[class^="slide-"] .slide-content .col-2 {
		width: 50px;
	}
}
@media only screen and (max-width:395px) {
	.header-wrapper .header {
		padding: 0 0 0 15px;
	}
	.header-wrapper .header .header-rechts img, .header-wrapper .header .header-rechts figure{	
		width:220px;
		margin:14px 0 0 0;
	}
	.steuerelement-wrapper .navigation img {
		margin: 2px 5px 0 5px;
	}
	.col-content .teaser-wrapper .content-teaser.big,  .col-content .teaser-wrapper .content-teaser.mensch, .col-content .content-teaser.produkt, .col-content .highlight-wrapper .highlight, .col-content .material-wrapper .material {
		width:290px;
		margin-right:0;
	}
	.col-content .highlight-wrapper .highlight .header, .col-content .highlight-wrapper .highlight .inhalt, .col-content .teaser-hinweis, .col-content .teaser-hinweis.doppelt-abstand-v, .page-block-wrapper .info-link-wrapper, .page-block-wrapper .tag, .page-block-wrapper .share, .col-content .eckdaten-wrapper .header, .col-content .eckdaten-wrapper .text .col-1, .col-content .eckdaten-wrapper .text .col-2, .col-content .formular-wrapper .formular, .col-content table td.abstand-links-22 {
		padding-left:16px;
	}
	.col-content .highlight-wrapper .highlight .header {
		font-size:21px;
		font-size:2.1rem;		
	}
	.col-content .formular-wrapper p.datenschutzhinweis {
		margin:90px 0 0 0;
	}
	footer .inner-wrapper {
		padding:0 15px 0 15px;	
	}	
}
@media only screen and (max-width:380px) {
	.page-block-wrapper .share {
		display:block;
		height:110px;
	}
	.main-content .col-content .text-wrapper, .main-content .col-content .block-link, .main-content .col-content .block-link, .main-content .col-content .news-wrapper, .main-content .col-content .newsletter-archiv-wrapper, .main-content .col-content .page-block-wrapper, .main-content .col-content .steuerelement-wrapper, .main-content .col-content .produkt-wrapper, .main-content .col-content .eckdaten-wrapper,.col-content .formular-wrapper, .col-content ul.pageNav, .col-content ul.pageNav.archiv {
		padding-right:0;
	}
}