@charset "UTF-8";
/*
*
*	CDU-Fraktion Thüringen - Mobile View - 2017
*
*/
@media screen and (max-width: 1450px){
    a#hamburger {background:#fff; -webkit-border-radius: 0 6px 5px 0;-moz-border-radius: 0 6px 5px 0;border-radius: 0 6px 5px 0;}
    a#hamburger {}
}
@media screen and (max-width: 1366px){
    iframe:not([id^="op_widget"]) {width:100% !important; height: 300px !important; height: calc(100vw / 2) !important}
    #teaser .filter .filter-cloud.large {width:90%; width:calc(100vw - 60px)}
	
}
@media screen and (max-width: 1280px){
    #inner,
	#teaser,
	#outerfooter,
	.content-part {padding:0 30px}
    #outerfooter {padding-top:50px}
    
    fieldset.addTopic .lft {width:60%}
    fieldset.addTopic .rt {width:40%}
    
    #teaser .teaserHeadline {width:66.666%;}
    #teaser .teaserSidebox{width: 33.333%}
    #teaser .teaserHeadline .img-wrap{background-size: cover; background-position: center; background-repeat: no-repeat}
    
    #teaser .teaserHeadline h1 {font-size: 32px;line-height: 34px;}
	#teaser .teaserHeadline h1:before {margin-top:-30px}
	#teaser .teaserHeadline.hasButton {padding:50px 30px 60px}
	#teaser .teaserHeadline a.scrollTo {left:30px; height:45px}
	#teaser .teaserSidebox {padding-top:30px;padding-bottom: 30px}

	#teaser .swiper-container {margin-left:-75px; margin-right: -75px}
	#teaser .swiper-slide {padding: 0 0 40px}
	
    #teaser .tag-list {padding-left:50px; padding-top: 20px}
    #teaser .tag-filter .tag-cloud {padding:30px}
    #teaser .box { width:auto; padding:30px}
    
	.block-teaser {height:auto}
    .block-teaser h3 {}
	.block-teaser .img {width:60%; }
	.block-teaser .img h2 {	font-size: 22px;line-height: 24px;padding: 30px 50px}
    .block-teaser .img h2:before,
    .block-teaser .img h2 .pipe{margin-top:-30px}
	.block-teaser .img img {width:100% !important; height: auto !important}
	.block-teaser .inner {width:40%; height: 320px; padding: 30px; }
    
    .block .img .blur {bottom:0}
    
    .gallery {}
    .gallery .thumbs .large,
    .gallery .thumbs .small { height: auto}
    
    .gallery .thumbs .large { width: 66.66%}
    .gallery .thumbs .small { width: 33.33%}
    
    .gallery .thumbs .large img,
    .gallery .thumbs .small img { width: 100% !important; height: auto !important}
    
    /* -- Inhalte -- */
	.delegateCols > .lft {width:33.333%}
	.delegateCols > .rt {width:66.666%}
	.delegate-list .swiper-slide {padding:30px 25px}
	.delegate-list .delegate-thumb {margin:0 0 25px 25px; width: 65px; height: 65px}
	.delegate-list .delegate-thumb img {width:110%; height: auto !important}
	
	#delegates .delegate-box .desc {width:45%; padding: 30px}
    #delegates .delegate-box .desc + .image {width:55%}

	#delegates .delegate-box .image h4 {font-size:30px; line-height: 34px}
	#delegates .delegate-box .image img {width:100% !important; height: auto !important}
    
    #gMap {width:100% !important}
    /* -- -- */
    #footer .twoColsLft .lft {width:calc(100% - 350px)}
    #footer .twoColsLft .rt {}
    #footer dl {width:33.333333%; font-size: 13px}	
}
@media screen and (max-width: 1152px){
    .delegate-list .delegate-thumb {margin:0 0 25px 15px; width: 65px; height: 65px}
	.delegate-list .delegate-thumb img {width:110%; height: auto !important}
    
    .grid .block-img {width:100%}
    .block-img.overlayed .inner {padding:20px 30px}
	.block-img .inner .cat, 
	.block-img .inner .submitted, 
	.block-img .inner .network {top:15px; font-size: 14px}
	
	.block-img.member .img h3{left:30px;right:30px; font-size:22px; line-height: normal}
	.block-img.member .inner {padding:20px 30px; font-size:14px; line-height: 18px}
    
    .block .img .blur {bottom:0; background-size:contain;-webkit-filter: blur(15px); -moz-filter: blur(15px);-o-filter: blur(15px);-ms-filter: blur(15px);filter: blur(15px);}
	.block-img:hover {
        -webkit-box-shadow: 0 15px 15px rgba(233,93,15, 0.1), 0 15px 20px rgba(233,93,15, 0.2), 0 15px 40px rgba(233,93,15, 0.3);
        -moz-box-shadow: 0 15px 15px rgba(233,93,15, 0.1), 0 15px 20px rgba(233,93,15, 0.2), 0 15px 40px rgba(233,93,15, 0.3);
        box-shadow: 0 15px 15px rgba(233,93,15, 0.1), 0 15px 20px rgba(233,93,15, 0.2), 0 15px 40px rgba(233,93,15, 0.3);
    }
    
}
@media screen and (max-width: 1024px){
	#outerheader {position: fixed; background: #fff; -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.15);-moz-box-shadow:0 2px 10px rgba(0,0,0,0.15);box-shadow:0 2px 10px rgba(0,0,0,0.15)}
    .funkloch-melden #outerheader{z-index:1000}
    .funkloch-melden #menubar{z-index:1001}
    #map_wrapper .block-filter {bottom: auto; top: 0}
    
	#header {height:75px;}
	#logo {padding-top: 15px; padding-right: 30px}
	#logo a {width:110px; height: 43px; background-repeat: no-repeat; background-size: contain}
	#menubar .menu-wrap {padding-top:13px}
	
    #socialmenu ul li a {line-height:29px}
    
	#container {padding-top:75px; padding-bottom: 298px}
	
	.front #teaser {padding: 0}

	#outerfooter{padding-top:60px}
	#breadcrumb {padding:30px 30px 0}
    
    #wahlkreis-map-wrap svg{width:100% !important; height: auto !important}
	
    .search-wrap {padding: 23px 10px 10px}
    fieldset.search button.send {top:26px}
	/* -- Teaser -- */	
    #teaser .teaserHeadline {width:60%;}
    #teaser .teaserHeadline.img {min-height: 500px}
    #teaser .teaserSidebox{width: 40%}

	#teaser .teaserHeadline h1 {font-size: 32px;line-height: 34px;}
	#teaser .teaserHeadline h1:before {margin-top:-30px}
	#teaser .teaserHeadline.hasButton {padding:50px 30px 60px}
	#teaser .teaserHeadline a.scrollTo {left:30px; height:45px}
	#teaser .teaserSidebox {padding-top:30px;padding-bottom: 30px}

	#teaser .swiper-container {margin-left:0; margin-right: 0}
	#teaser .swiper-slide {padding: 0 30px 40px}
	
    #teaser .tag-list {padding-left:50px; padding-top: 20px}
    #teaser .tag-filter .tag-cloud {padding:30px}
    #teaser .box { width:auto; padding:30px}
    
	.block-teaser {height:auto}
	.block-teaser h3 {font-size:14px; line-height: 18px; }
	.block-teaser .img {width:60%; margin-top: 0}
	.block-teaser .img h2 {	font-size: 22px;line-height: 24px;padding: 30px 50px}
    .block-teaser .img h2:before,
    .block-teaser .img h2 .pipe{margin-top:-30px}
	.block-teaser .img img {width:100% !important; height: auto !important}
	.block-teaser .inner {width:40%; margin-top: 0; height: 320px; padding: 30px; line-height: 18px; font-size: 13px}

    .delegateCols > .lft {width:40%}
	.delegateCols > .rt {width:60%}
    .delegate-list .delegate-thumb {margin:0 0 15px 15px; width: 60px; height: 60px}
	.delegate-list .delegate-thumb img {width:110%; height: auto !important}
    
	.content-part:last-child {margin-bottom: 50px}
	
    .node blockquote p {font-size: 30px; line-height: 32px;}
    
	.grid.three {margin-left:-30px}
	.grid.three .box {padding-left:30px; padding-top: 30px}
	.grid .block-img {width:100%}
	
    .staffList .staffItem .name {line-height:normal; font-size: 11px;}
    .staffList .staffItem .name strong {font-size:14px}
    
    fieldset.addTopic .formRadio span {font-size:14px; line-height: normal}
    .forum-topics .topic .title {padding:30px}
    
	/* -- Footer -- */
    #outerfooter {margin-top: -276px;padding-top:60px}
	#footer {padding: 30px 0 0 30px}
	#footer .block-orange{margin-top: -90px}
	#footer .twoColsLft .lft {width:60%; }
	#footer .twoColsLft .rt {width:40%;}
	
	.block-orange .inner {padding:30px}
    
    #events {margin-bottom:50px}
}
@media screen and (max-width: 960px){
    #inner {
		display: -ms-flexbox;display: -webkit-flex;display: flex;
		-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
		-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
		-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
		-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
	}
	#breadcrumb{ display: none}
    #breadcrumb > ul > li {display:none}
    
    #breadcrumb > ul > li.printIt,
    #breadcrumb > ul > li.shareIt{display:block}
    
    #sharebar.mobi {display:block}
    
	#mainContent {-webkit-order: 1; -ms-flex-order: 1; order: 1; margin: 0}
	.sidebar.rt {-webkit-order: 2; -ms-flex-order: 2; order: 2; float:none; width: auto}
    
    .publikationen #teaser .filter .filter-cloud {width:100vw; width: calc(100vw - 75px)}
    #teaser .filter .filterOptions ul li i {}
    #teaser .filter .filterOptions ul li span {font-size:14px; padding: 2px 0}
    
    #funkloch-melder { width: 90vw; margin-left: -45vw; margin-bottom: 50px}
    
    #footer dl {float:none; width:auto; font-size:12px; margin-bottom: 5px}
    #footer dl dt {margin-bottom: 5px}
    #footer dl dd {display:inline-block; margin-right:5px; margin-bottom: 2px}
}
@media screen and (max-width: 900px){
    #footer .twoColsLft .lft {width:55%; }
	#footer .twoColsLft .rt {width:45%;}
}
@media screen and (max-width: 850px){
     #delegates .delegate-box {width:100%}
    .delegateCols { 
		display: -ms-flexbox; display: -webkit-flex; display: flex;
    	-webkit-flex-direction: column; -ms-flex-direction: column;  flex-direction: column;
		-webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap;flex-wrap: nowrap;
		-webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start;
		-webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;
		-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;
	}
	.delegateCols > .lft,
	.delegateCols > .rt {float:none; }
	.delegateCols > .lft {width:90%;-webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 0; z-index: 1; margin: 0 auto}
	.delegateCols > .rt {width:100%; -webkit-order: 0; -ms-flex-order: 0; order: 0; z-index: 2}
	.delegate-list {-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px}
}
@media screen and (max-width: 800px){
    #footer .twoColsLft .lft {width:53%; }
	#footer .twoColsLft .rt {width:47%;}
    
    ul.map-tabs li a {padding:0 20px; font-size:14px; line-height: 60px; height: 60px }
    ul.map-tabs li.active a {font-size:18px}
}
/* -- Tablet  -- */
@media screen and (max-width: 768px){
	/* .grid.two .box { width:100%; padding-left:0 !important; padding-right:0 !important} */
	.grid.three .box { width:50%}
    
    #inner,
	#teaser,
	#outerfooter,
	.content-part {padding:0 20px}
    #outerfooter {padding-top:60px}
    
	#teaser .filter .filter-cloud.large {width:90%; width:calc(100vw - 50px)}
	#outercontent {clear:both}
	#teaser .teaserHeadline {width:50%; padding:30px 30px 55px;}
    #teaser .teaserHeadline.img {min-height: 400px}
    #teaser .teaserHeadline h1 {padding-top:40px; font-size:18px; line-height: 20px}
    
   /* #teaser .teaserHeadline img {width: auto !important;height: 100% !important;} */
    
	#teaser .box {width:auto; padding: 30px}
    #teaser .teaserSidebox {font-size: 14px; line-height: 22px; padding-top: 0; width: 50%}
    
    #teaser .tag-filter {bottom:-10px}
    #teaser .tag-list {padding-left:30px}
    #teaser .tag-list ul li {font-size:14px}
    #teaser .tag-list ul li i {top:9px}
    #teaser .tag-list button.remove {top:10px}
    #teaser .tag-list ul li span { white-space:nowrap;  overflow: hidden; text-overflow: ellipsis; max-width: 85%; display: block; float:left; padding: 4px 0 3px}
    
    #teaser .newsInfo ul li i {top:-1px}
    
    #teaser .filter .filter-cloud {padding:25px; width: 95vw}
    #teaser .filter .filterOptions ul {font-size:13px}
    #teaser .filter .filterOptions ul li a i {position: relative; top: 3px}
    #teaser .filter .filterOptions ul li a span{display:block; padding: 3px 0}
    #teaser .filter .filter-cloud .tags{font-size:13px}
    
    #teaser .filter .row .lft {padding-right:15px}
    #teaser .filter .row .rt,
    #teaser .filter .row .mid {padding-left:25px}
    
	/* -- Inhalte -- */    
    .block-img {width:330px}
    .block-info .inner{padding:30px}
    .block-social .inner {padding:30px; width: 340px}
    
    .node blockquote {margin: 30px 0 0}
    .node .media {margin-left:0}
    .node-single .inner {padding: 30px 0}
    .node figure {margin-left:0}
    .gallery { margin: 30px 0}
    #mainContent .node figure iframe {min-height:0}
    #part-news .cp-inner {
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
    }
    #part-news h2 {-webkit-order: 0; -ms-flex-order: 0; order: 0;/*margin-bottom: 20px*/}
    #part-news .filterbar {-webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 30px; margin-top: -20px}
    #part-news .tabs {-webkit-order: 2; -ms-flex-order: 2; order:2;}
    
    .filterbar {font-size:16px; float:none !important}
    .filterbar ul li {margin-left:0; margin-right: 10px}
    
    #more-topics,
    #news-swiper {margin-left:-30px; margin-right:-30px}
    
    .tabs .tab-content .swiper-slide {margin-right:0px} 
    
    .content-part.grey .cp-inner {padding:50px 0}
    
    .categoryGrid {margin-left:-30px}
    .categoryGrid .catBox { margin-bottom: 30px}
    .categoryGrid .box {padding-left:30px;}
    .categoryGrid .catBox:hover {
        -webkit-box-shadow: 0 15px 15px rgba(233,93,15, 0.1), 0 10px 20px rgba(233,93,15, 0.2), 0 15px 30px rgba(233,93,15, 0.3);
        -moz-box-shadow: 0 15px 15px rgba(233,93,15, 0.1), 0 10px 20px rgba(233,93,15, 0.2), 0 15px 30px rgba(233,93,15, 0.3);
        box-shadow: 0 15px 15px rgba(233,93,15, 0.1), 0 10px 20px rgba(233,93,15, 0.2), 0 15px 30px rgba(233,93,15, 0.3);
    }
    
    div.wahlkreise {font-size:14px; line-height:20px}
    div.wahlkreise ul li a i { position: relative; top: -2px}
    
    fieldset.std {padding:0 30px 30px}
    fieldset.petition {padding:0}
    
    fieldset.addTopic .lft {padding-right:15px}
    fieldset.addTopic .rt {padding-left:15px}
    fieldset.addTopic .formRadio span {padding: 5px 0 5px 20px}
    
    /* -- Terminkalender-- */
    .fc-event i.circle {width: 10px;height: 10px;}
    .fc-day-grid-event .fc-content {padding-left:15px;font-size: 11px;line-height: normal;}
    .event-detail .lft, 
    .event-detail .rt {padding:30px}
    .event-detail .rt ul li {font-size:13px}
    
    .authorInfos .author .img img {width: 50px !important; height: 50px !important}
    .authorInfos .author .authorDesc {font-size:13px; line-height: normal}
    
	/* -- Footer -- */
	#footer .twoColsLft .lft {width:50%;padding-right:10px}
	#footer .twoColsLft .rt {width:50%}
        
    /* -- Pages -- */
    body.contact .contact-person { margin: 0 30px 15px}
    body.news-detail #teaser .teaserHeadline img {width: auto !important;height: 100% !important;} 
}
/* -- Smartphone Landscape -- */
@media screen and (max-width: 750px){
    #teaser .teaserHeadline.img {height:350px !important; }
}
@media screen and (max-width: 736px){
	.hide-mobile{display:none}
    
    #delegates .delegate-box .desc {padding: 20px; width: 50%}
    #delegates .delegate-box .desc h3 {font-size: 10px; line-height: 14px}
    #delegates .delegate-box .desc p {display:none}
    #delegates .delegate-box a.more {font-size:11px}
    #delegates .delegate-box .desc + .image {width:50%}
    #delegates .delegate-box .image h4 {padding: 15px 30px 30px 30px; font-size: 14px; line-height: 18px}
    #delegates .delegate-box .image h4:before { height:2px; left:30px }
    #delegates .delegate-box .desc .blur {bottom: -10px}
    #delegates .delegate-box > .desc + .image + .blur {width:50%}
    #delegates .delegate-box > .blur {bottom: -10px; background-size: contain}
    .node blockquote { margin: 20px 0 0; padding: 25px 0;background-size: 50px;}
    .node blockquote p {font-size:24px; line-height: 32px}
}
@media screen and (max-width: 680px){
    #teaser .teaserHeadline.img {height:250px !important;}
    
    ul.map-tabs, 
    ul.map-tabs li {display:block}
    ul.map-tabs li.filter-btn { width:auto }
    .funkloch-overlay {padding-bottom: 100px}
    #funkloch-melder {padding:30px}
    #funkloch-melder button.close {top:0}
    
    #funkloch-melder .position {float: none !important}
    
    #funkloch-melder .provider,
    #funkloch-melder .dataconnection{padding-left:0}
    
    #funkloch-melder .provider label,
    #funkloch-melder .dataconnection label{width:40%}
    
    #funkloch-melder .provider label {padding-top:0; height: 120px}
    #funkloch-melder .range-wrap {padding:0 6.5%; }
    #funkloch-melder ul.range-labels li small {font-size:11px; line-height: normal !important;	white-space: nowrap;float: right;}
    
    #map_wrapper {position: relative; margin-bottom: 40px}
    #map_wrapper .block-filter {bottom:auto; top: 0}
}
/* -- Smartphone Portrait -- */
@media screen and (max-width: 567px){
    html, body {max-width:100vw}
    body {font-size:14px; line-height: 24px}
    h2 {font-size:20px}
    h3 {font-size:16px}

    a#hamburger .burger {width:30px}
    a#hamburger .burger i.top { margin-top:-13px}
    a#hamburger .burger i.bottom { margin-top: 11px}
    a#hamburger.open .burger {left:20px}
    
	.hide-mobi,
	.grid.two .box,
	.grid.three .box { width:100%; float:none; padding-left:0; padding-right:0}
	.grid.three .box:first-child {padding-top: 0}
	.grid.three{margin-left:0}
    .grid.news {padding-top:30px}
	
    audio {width:100%; margin-bottom: 20px}
    
	#logo{padding-top:20px; padding-right:20px}
	#logo a{width:80px; height: 32px}
    
    #outercontent {z-index:10}
    
    div#dz_fullscreen_button,
	#breadcrumb {display: none}
    
    #sharebar {bottom:0}
    #sharebar ul.active {top:auto;bottom:0;left: auto; right: 30px; width: 106px}
    #sharebar ul li { -webkit-transform: translate(30px, 0);-moz-transform: translate(30px, 0);transform: translate(30px, 0);float:left; margin-bottom: 0; margin-right: 10px; padding-right: 0}
    
	#inner, #teaser, #outerfooter, .content-part {padding:0 20px}
	
	/* #mainmenu {font-size:20px; line-height: 20px} */
	#menubar .menu-wrap {width:100vw}
	.slinky-menu h2 {margin-bottom:20px}
	
	#container {min-height:auto; padding-bottom: 0; overflow: visible}
	#outerfooter {margin-top:0} 
    
    #mainmenu {margin-left:20px}
    #topmenu,
    #socialmenu {padding-left:20px}
    #topmenu:before {left:20px}
    
    fieldset.search .formItem {margin-left: 20px}
 /*    fieldset.search button.send {right:175px}
   .search-wrap button.toggle {margin-right:120px} */
    
	/* -- Teaser -- */
    .front #outerteaser{overflow:hidden}
    
    #teaser .swiper-pagination {display: block}
    
	#teaser .teaserHeadline {width:auto; float:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; display: block; padding: 50px 30px 30px}
	#teaser .teaserHeadline h1{padding-top:0; font-size: 22px;line-height: 24px;}
    #teaser .teaserHeadline.img,
	#teaser .teaserHeadline.filled {margin: 0 -20px 0}
    
    #teaser .teaserHeadline img {width: 100% !important;height: auto !important;}
    /*#teaser .teaserHeadline.hasButton {	padding: 50px 30px 30px;} */
    
    #teaser .teaserHeadline.img {height:450px !important; padding: 0 !important}
    #teaser .teaserHeadline.img h1 { position:absolute; left: 30px; bottom: 50px;font-size: 18px;line-height: 22px;right:30px}
    #teaser .teaserHeadline.img a.scollTo {}
    #teaser .teaserHeadline .img-wrap {position: relative}
    #teaser iframe {width:100% !important; height: 300px !important; height: calc(100vw - 28px) !important}
    
    .block-teaser a.more {width:auto}
    .block-teaser .media-place:before {position: absolute; left: 0; top: 0; width: 100%; height: 100%; content:""; z-index: 2;}
    .block-teaser .player-bar{margin-left:30px; margin-right: 0}
    .block-teaser .player-bar a.more {padding:18px 25px 17px;}
    .block-teaser .player-bar.short {width:auto; margin-right: 20px}
    .block-teaser .player .timebar-wrap {display:none}
    .block-teaser .player-bar.short + a.more {margin-right: 30px}
    
    .active-video .block-teaser .player,
    .active-video .block-teaser .player-bar,     
    .active-video .block-teaser .player-bar + a.more {filter: alpha(opacity=100);opacity: 1;}
    
    .active-video .block-teaser .player {padding: 20px 20px 21px}
    .active-video .block-teaser .player-bar.short + a.more {width:auto; margin-right: 20px; }
    
	#teaser .swiper-slide{padding:0 0 30px}
	#teaser .teaserSidebox {float:none; padding-top: 0; width: auto}
	#teaser .tag-filter {float:none; width: auto; margin-bottom: 30px}
    #teaser .tag-filter .tag-cloud {left:-20px; right: -20px; padding: 20px}
    #teaser .tag-filter .tag-cloud.open {top:-60px}
    #teaser .tag-list {padding-left:0}
    
	#teaser .filter{float:left; width: auto; bottom: 0; margin-top: 20px}
    #teaser .filter .filter-cloud.large {/*width:90%; width:calc(100vw - 40px)*/ width: 100vw}
    #teaser .filter .filter-cloud {right:-20px; left: -20px}
    #teaser .filter .filter-cloud.open {top:-90px}
    
    #teaser .filter .filter-cloud .lft,
    #teaser .filter .filter-cloud .mid,
    #teaser .filter .filter-cloud .rt {float:none; width: auto; padding: 10px 0 !important;}
    
    #teaser .filter .filter-cloud .row{ 
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
        -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }
    #teaser .filter .filter-cloud .lft {-webkit-order: 3;-ms-flex-order: 3;order: 3;}
    #teaser .filter .filter-cloud .mid {-webkit-order: 2;-ms-flex-order: 2;order: 2;}
    #teaser .filter .filter-cloud .rt {-webkit-order: 1;-ms-flex-order: 1;order:1;}
    
    #teaser .filter .filter-cloud.large:before,
    #teaser .filter .row:before {display:none}
    
    #teaser .box {padding: 30px}
    #teaser .funkloch-counter + ul li i {top:-2px}
     /*#teaser .newsInfo ul { position: relative; padding-top: 20px}
    #teaser .newsInfo ul:before { content: "";top: 0;left: 0;height: 3px;width: 72px;background: #DBDBDB;position: absolute;} */
    
    /* -- Blöcke -- */
    .sidebar .block {margin-bottom:30px}
	.block-teaser .img{width:auto; float:none}
	.block-teaser .img h2 {padding:30px; font-size: 21px;line-height: 24px;}
    .block-teaser .img h2:before,
    .block-teaser .img h2 .pipe{left:30px}
	.block-teaser .inner {display:none}
    .block-teaser a.more {margin-left: 30px; padding: 15px 15px 25px}
    
    .block-img.orange .img {height:auto}
    .block-img.overlayed .inner {padding: 20px}
	.block .img img {width:100% !important; height: auto !important}
	.block .img .blur{	-webkit-filter: blur(10px);	-moz-filter: blur(10px); -o-filter: blur(10px);-ms-filter: blur(10px);filter: blur(10px);}
	
	.block-img{width:100%}	
	.block-img:hover {
		-webkit-box-shadow: 0 5px 5px rgba(233,93,15, 0.1), 0 10px 10px rgba(233,93,15, 0.2), 0 15px 20px rgba(233,93,15, 0.3);
		-moz-box-shadow: 0 5px 5px rgba(233,93,15, 0.1), 0 10px 10px rgba(233,93,15, 0.2), 0 15px 20px rgba(233,93,15, 0.3);
		box-shadow: 0 5px 5px rgba(233,93,15, 0.1), 0 10px 10px rgba(233,93,15, 0.2), 0 15px 20px rgba(233,93,15, 0.3);
	}
	.block-img.topic .inner,
	.block-img.linkbox h3 a {padding:25px 30px}
	.block-calendar .inner,
    .block-info .inner {padding:30px}
    
    /* -- Abgeordnete & News -- */
	.delegate-list .swiper-slide {padding: 30px 25px 30px 5px;}
	.delegate-list .delegate-thumb {margin:0 0 20px 20px; width: calc(33.33vw - 56px);height: calc(33.33vw - 56px)}
    .delegate-list .delegate-thumb img {width:100% !important}
	.delegate-list .delegate-thumb:before {width: calc(33.33vw - 56px);height: calc(33.33vw - 56px);background-size:contain}
    
    #more-topics {margin:0}
	#more-topics .swiper-slide, 
	#news-swiper .swiper-slide {width:100%}
	
	#more-topics,
    #news-swiper{margin-left:-20px; margin-right: 60px}
    
	#more-topics .swiper-slide,
    #news-swiper .swiper-slide {padding:0 20px 30px}
    
    /* .swiper-button-next.big.news-button-next{right:-295px; height: 320px; padding: 20px; margin-top: auto; top: auto; line-height:  290px; bottom: 80px} */
    .swiper-button-next.big.news-button-next{right:-295px; height: 400px; padding: 20px; margin-top: auto; top: auto; line-height:  370px; bottom: 80px} 
    #presse .swiper-button-next.big.news-button-next,
    .news-detail .swiper-button-next.big.news-button-next{bottom:60px}
    .swiper-button-next.big.social-button-next{right:-295px; height: 320px; padding: 20px; margin-top: -122px; line-height: 290px}
    
    .swiper-button-next.big.news-button-next:before,
    .swiper-button-next.big.social-button-next:before{font-size:25px}
    
    /*.swiper-slide .block-img {height:320px}*/
    .swiper-slide .block-img .img {height:180px}
    
    .swiper-slide .block-img .inner .cat, 
    .swiper-slide .block-img .inner .submitted, 
    .swiper-slide .block-img .inner .network { margin-bottom: 155px; top: 0}
	
	.categoryGrid {margin-left:-20px; margin-right: -20px}
	.categoryGrid .box{padding:0 20px 20px !important; float:none}
	.categoryGrid .catBox {margin-bottom:0; padding: 25px 30px}
    
    .content-part.grey .cp-inner {padding: 30px 0}
    
    .loadmore a.more {width:90%; width: calc(100vw - 40px)}
    
    /* -- Nodes -- */
    .node:first-child {padding-top:20px}
    .node h2 {line-height: 30px}
    .node .inner {padding: 0}
    .node blockquote p {font-size: 20px;line-height: 26px;}
	.node-staff {padding-right:0; padding-top: 20px !important}
    .node.sticky .inner {padding:0 20px}
    
    .node-single .inner {padding:0 0 0 20px}
    .node-single blockquote{margin-left:-20px}
    .node-single .media {margin-left:-20px}
    .node .media ul li a i{top:0}
    .node-media h2 {padding: 20px 0 0}
    
    .node-img.publikation h2 {font-size:16px; line-height: normal}
    .node-img.publikation .img {margin-right:20px}
    .node-img.publikation .img img {width: 80px}
    .node-img.publikation .inner{font-size:14px; line-height: normal}
    
    .node-result {padding:20px 0}
    .node-result h2{font-size:20px; line-height: 25px}
    .node-result p {margin-bottom:20px}
    
	.staffList{padding-left:0;}
    .staffList .staffItem { margin-bottom: 20px}
    .staffList .staffItem .name {width:auto; float:none; overflow:hidden; font-size:14px; line-height: 18px; margin-bottom: 5px}
	.staffList .staffItem .contactinfo {float:none; width: auto; margin-left: 95px}
	.staffList .staffItem .contactinfo ul {float:none}
	.staffList .staffItem .contactinfo ul li {margin-left:0; margin-right:10px}
    .staffList .staffItem .contactinfo .phone {text-align: left; font-size:12px}
    
    .wahlkreis-tooltip {padding:10px; width: 250px}
    .wahlkreis-tooltip h3{font-size:12px; line-height: 18px}
    .wahlkreis-tooltip h3:last-child {margin-bottom:0; padding-bottom:0}
    .wahlkreis-tooltip h3:last-child:before {display:none}
     #wahlkreis-map-wrap svg{height: 300px !important}
    
    /* -- Gallery-- */
    #gallery { margin-bottom: 20px}
    #gallery .count {padding:20px}
    #gallery .count i {line-height: 27px}
    #gallery .gallery-prev, 
    #gallery .gallery-next {width:40px; height:40px; line-height:46px; margin-top:-20px}
    
    /* -- Fullcalender-- */
    .fc-toolbar {padding:10px 15px; height: 45px}
    .fc-toolbar .fc-center {padding-left:10px; padding-top:3px}
    .fc-toolbar h2 {font-size:14px}
        
    .fc-toolbar button.fc-month-button, 
    .fc-toolbar button.fc-custom-button {font-size: 12px; letter-spacing: 0px; top:5px}
    
    .fc-scroller {height:500px !important}
    
    .fc-prev-button, 
    .fc-next-button {width:20px; height: 20px}
    
    .fc-icon-left-single-arrow:after,
    .fc-icon-right-single-arrow:after {font-size:20px}
    
    .fc-row .fc-content-skeleton td, 
    .fc-row .fc-helper-skeleton td {display:block; height: 42px}
    
    .fc .fc-bg td {display:block; height:42px}
    .fc .fc-bg td:before {height:1px; width:100px; right:auto; top: auto; left: 0; bottom: -1px}
    
    .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {float:none}
    .fc table {position:relative;}
    .fc table thead {position:absolute; top: 0; left: 0; z-index: 1}
    .fc table tbody {position: relative; z-index: 2}
    
    .fc-day-grid-event .fc-content {margin-left:40px}
    .fc-basic-view .fc-body .fc-row {height:auto !important}
    
    .event-list {padding:20px}
    .event-list .event-item .day {font-size:25px; width:40px}
    .event-list .event-item .title h2 {font-size:14px; line-height: normal}
    .event-list .event-item .date {width:90px; font-size:10px; line-height: normal}
    
    .event-list .event-item .day, 
    .event-list .event-item .title, 
    .event-list .event-item .date {padding: 5px 0}
    .event-list .event-item .title, 
    .event-list .event-item .date {padding: 12px 0 5px}
    .event-list .event-item .title {padding-right:5px}
    .event-list i.dot {top:0}
    
    #events {padding-top:30px}
    
    .event-detail {top:10px}
    .event-detail .lft, 
    .event-detail .rt {display:block; padding: 20px; width: auto}
    
    .event-detail h3 {font-size:20px; line-height: 24px}
    .event-detail p:last-child {margin-bottom: 0}
    .event-detail .time {font-size:11px; line-height: normal; margin-bottom: 5px}
    .event-detail a.more {font-size:12px; letter-spacing: 2px}
    
    .event-detail .grid.twoLft .box {float: none; display: block;}
    .event-detail .grid.twoLft .box:first-child,
    .event-detail .grid.twoLft .box:last-child {width:auto;padding:10px 0;font-size: 12px;line-height: 18px;}
    
    .event-detail .grid.twoLft .box:first-child {border-right: 0; border-bottom: 1px solid #DBDBDB;}
    .event-detail .grid.twoLft .box:last-child {}
    
    .event-detail .rt ul {font-size:14px; line-height: 18px}
    .event-detail .rt ul li {margin-bottom:7px; padding-left: 30px}
    .event-detail .rt ul li i {top:-2px; font-size:12px; line-height: 25px; width: 22px;height: 22px;}
    
    .authorInfos {padding:20px 0 }
    .authorInfos .author {margin-bottom: 0}
    .authorInfos .author .authorDesc {font-size: 14px;line-height: 18px;padding-top:5px}
    .authorInfos .author .img img{width:50px !important; height: 50px !important}    
    
    #social-stream {margin-left:0; margin-right: 80px}
    #social-stream .swiper-slide {width:100%}
    #social-stream .swiper-slide .block-social,
    #social-stream .swiper-slide .block-img,
    #social-stream .swiper-slide .block-info {width:auto; margin-top: 0; margin-bottom: 0}
    
    #part-socialmedia .swiper-button-prev.big, 
    #part-socialmedia .swiper-button-next.big {/* margin-top:-207px */ margin-top: -188px}
    
    .block-social  {}
    .block-social .img {float:none; margin-top:0; height: 180px; overflow: hidden; -webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0}
    .block-social .img a.more {width:100%; height: 100%; position: absolute; left: 0; top: 0;filter: alpha(opacity=0);opacity: 0;}
    .block-social .img .img-overlay {top:0; padding: 0}
    .block-social .img img {margin-top: -30%}
    .block-social .inner {
        margin:0; height: auto; width: auto; min-height: 220px; font-size: 12px;line-height: 18px;
         -webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;
    }
    .block-social .inner p{ margin-bottom: 0; max-height: 107px; overflow: hidden;}
    
    .gallery { margin: 30px 0 30px -20px}
    .gallery a.more span {padding: 15px 15px 30px; margin-left: 20px}
    
    #map_wrapper .block-filter {width: 100%}
    
    #funkloch-melder { margin-bottom: 50px}
    #funkloch-melder .range-wrap {padding: 0 3%}
    
    #funkloch-melder .provider, 
    #funkloch-melder .dataconnection {margin-left:-20px}
    
    #funkloch-melder .range-wrap:before {top:15px}
    #funkloch-melder .range-wrap input::-webkit-slider-thumb {width: 30px;height: 30px; border:0}
    
    #funkloch-melder ul.range-labels li:before {top:-20px}
    
    fieldset.standort-suche {padding:20px}
    fieldset.standort-suche .formItem { width: calc(100% - 90px)}

    /* -- Forum -- */
    fieldset.std {padding:0}
    
    #part-addtopic .btnInfo,
    #part-addtopic a.btnToggle{float:none}
    
    #part-addtopic .btnInfo {margin-bottom: 15px}
    
    fieldset.addTopic .row {
        display: -ms-flexbox;display: -webkit-flex;display: flex;
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
        -ms-flex-line-pack: stretch;align-content: stretch;
        -webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }
    fieldset.addTopic .lft,
    fieldset.addTopic .rt{width:auto; float:none; padding: 0}
    
    fieldset.addTopic .lft{-webkit-order: 1; -ms-flex-order: 1;order: 1;}
    fieldset.addTopic .rt{-webkit-order: 0; -ms-flex-order: 0;order: 0;}
    
    fieldset.addTopic .formRadio span {font-size:14px}
    
    fieldset.contact .formRadio .checkbox-wrap span {font-size:13px; padding: 0 0 0 10px}
    fieldset.funkloch-filter .formSubmitv2 {float:none !important}
    
    /* -- Footer -- */
	#footer {padding: 0}
	#footer .block-orange{margin-top:0}
	#footer .twoColsLft .lft,
	#footer .twoColsLft .rt {width:auto; float: none}
    
    #footer .twoColsLft .lft {padding:20px}
    
    /* -- Pages -- */
    body.task-force #mainContent{padding-top:20px}
    body.contact .contact-person {margin: 0 0px 15px;}
    body.publikationen #teaser .filter .filter-cloud {width:calc(100vw - 18px)}
    
    .umfrage { padding: 30px 30px 0; margin-left: -20px}
}
/* -- Smartphone Portrait - Kleine Displays -- */
@media screen and (max-width: 400px){
    .search-wrap.open {width:100%}
}
@media screen and (max-width: 320px){
    body {font-size:12px; line-height: 22px}
    h2 {font-size:16px}
    h3 {font-size:14px}
    p {margin-bottom: 20px}
    
    .slinky-menu a.back:before {top:-9px; margin-right:15px}
    #wahlkreis-map-wrap svg {height:250px}
    
    a#hamburger .text {padding:10px 0}
    #teaser .box {padding: 20px}
    #teaser .box ul li i {top:-3px}
    #teaser .teaserHeadline {padding:40px 20px 20px}
    #teaser .teaserHeadline h1:before{margin-top:-20px}
    #teaser .teaserHeadline.img {height: 300px !important; min-height: 300px}
    #teaser .teaserHeadline .blur {bottom:-5px;-webkit-filter: blur(10px);	-moz-filter: blur(10px);-o-filter: blur(10px);	-ms-filter: blur(10px);	filter: blur(10px);}
    #teaser .teaserSidebox {font-size: 12px;line-height: 20px;}
    
    #more-topics .swiper-slide, 
    #news-swiper .swiper-slide {padding-bottom:30px}
    #part-socialmedia .swiper-button-prev.big, 
    #part-socialmedia .swiper-button-next.big { margin-top:-189px}
   /* #social-stream .swiper-slide .block-social, 
    #social-stream .swiper-slide .block-img, 
    #social-stream .swiper-slide .block-info {width:87vw}
    */
    /* #social-stream .swiper-slide {padding-bottom:0} */
    
    .content-part .cp-inner {padding:30px 0}
    .authorInfos:before {top:-10px}
    .authorInfos .author .authorDesc {font-size: 12px;line-height: 16px;padding-top: 8px;}
    .authorInfos .author .img {margin-right:15px}
    
    /* -- Nodes -- */
    .node h2 {line-height: 24px;}
    .node .media {padding-top:20px}
    .node .media ul li a i {top:0}
    .node .media ul li a em {font-size:11px}
    .node-img.publikation .img {margin-right:15px}
    .node-img.publikation .img img {width:60px}
    .node-img.publikation h2{font-size:14px}
    .node-img.publikation .inner {font-size:12px}
    
    .node-single ul li {padding-left:20px}
    .node-single ul li:before {top:5px}
    
    /* -- Blöcke-- */
    .sidebar .block {margin-bottom:20px}
    .block-img {height:300px}
    .block-img .img{height:200px}
    .block-img h3 {font-size:11px; line-height: 15px}
    
    .block-img .inner .cat, 
    .block-img .inner .submitted, 
    .block-img .inner .network {margin-bottom:175px; top: 0}
    
    .block-img.orange .inner .cat {top:10px}
    .block-img.orange .inner{padding:20px}
    
    .block-orange .inner > a {padding-top:15px; margin-bottom: 15px}
    
    .block-teaser .img h2 {padding: 20px;font-size: 16px;line-height: 19px;}
    .block-teaser .img h2:before,
    .block-teaser .img h2 .pipe{left:20px; margin-top:-20px}
    .block-teaser a.more {margin-left:20px}
    
    .block-calendar .inner, 
    .block-info .inner {padding:20px}
    
    .block-info.blue a.submit { margin-bottom: -20px}
    
    .block-social .img {height:180px}
    .block-social .inner { padding: 20px; font-size: 11px;line-height: 16px;}
    
    .categoryGrid .catBox {padding:15px 20px}
    
    .loadmore a.more {width:100%}
    
    div.wahlkreise {font-size:12px}
    div.wahlkreise ul {padding-left:0}
    
    
    #funkloch-melder .range-wrap {padding: 0 10px}
    #funkloch-melder {width: 90vw;margin: 50px 0; padding: 20px; margin-left: -45vw }
    #funkloch-melder .provider label, 
    #funkloch-melder .dataconnection label {width:39%;font-size:11px;}
    
    #funkloch-melder .dataconnection label {width:39%;font-size:11px; padding: 0 10px}
    
    #funkloch-melder .speech-quality,
    #funkloch-melder .data-quality { margin-bottom: 15px}
    
    
    /* -- Terminkalender -- */
    .fc-toolbar {height:42px}
    .fc-toolbar .fc-center {padding-left:0px; padding-top:2px}
    .fc-toolbar button.fc-month-button, 
    .fc-toolbar button.fc-custom-button {top:3px}
    .event-list {padding:10px}
    .event-detail h3 {font-size:16px}
    
    /* -- Footer -- */
    #socialbar ul li a {width:40px;height:40px; line-height: 46px}
}