/*
*
*	CDU-Fraktion Thüringen - 2017
*
*/

* { background-color: transparent !important;box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
* {-webkit-print-color-adjust:exact;print-color-adjust: exact;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
a, a:visited { color:black; text-decoration: none}
/* a[href]:after { content: " (" attr(href) ")"; font-size: 12px; text-transform: none; display: block; line-height: normal; margin-bottom: 15px} */
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
pre {}

thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
/* -- Global CSS3 Default Styles -- */
.circle {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow:hidden}
.rounded {-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; overflow:hidden}

img.responsive {width: 100% !important;	height: auto !important;}
.media-wrap iframe {width:100% !important; height: 50vw !important}

.printlogo {display:block; text-align: right; margin-bottom: 30px; }
.printlogo img { width: 250px}

body  {font-family: "Open Sans", Arial, Helvetica, sans-serif;font-size:16px;line-height: 25px; color: #333;padding-left: 1.5cm; padding-right: 1cm; padding-bottom: 1cm;}

#part-news,
#part-socialmedia,
#menubar,
.sidebar.rt,
#part-delegates,
#breadcrumb,
#outerheader,
#outerfooter,
.scrollTo,
.swiper-button-prev,
.swiper-button-next { display: none}

.content-part {border-top:2px solid grey}

#teaser .img-wrap:before {content: url("attr(data-image-src)");}

/* -- Teaser -- */
#teaser { position:relative; z-index: 6}
#teaser:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#teaser .swiper-container { }
#teaser .swiper-wrapper { 	
    -webkit-transform: translate3d(0px, 0, 0) !important;
	-moz-transform: translate3d(0px, 0, 0) !important;
	-o-transform: translate(0px, 0px) !important;
	-ms-transform: translate3d(0px, 0, 0) !important;
	transform: translate3d(0px, 0, 0) !important;
}
#teaser .swiper-slide {width:100% !important}

#teaser .teaser-button-prev,
#teaser .teaser-button-next{ display: none}

#teaser .teaserHeadline { width:50%; text-transform:uppercase; float:left;font-family: 'CDUKievitBold',sans-serif; display:table;}
#teaser .teaserHeadline a.scrollTo { display:none}
#teaser .teaserHeadline.filled { 
	background: #97c7d8;
	background: -moz-linear-gradient(#97c7d8 0%, #4a9ebc 100%);	background: -webkit-linear-gradient(#97c7d8 0%, #4a9ebc 100%);
	background: -webkit-gradient(linear, 0 100%, 0 0, from(#97c7d8), to(#4a9ebc));background: -o-linear-gradient(#97c7d8 0%, #4a9ebc 100%);
	background: linear-gradient(#97c7d8 0%, #4a9ebc 100%);
	-webkit-box-shadow: 0px 5px 5px rgba(74, 158, 188, .1), 0px 10px 10px rgba(74, 158, 188, .1), 0px 15px 15px rgba(74, 158, 188, .1), 0px 25px 25px rgba(74, 158, 188, .1), 0px 40px 40px rgba(74, 158, 188, .1);
	-moz-box-shadow: 0px 5px 5px rgba(74, 158, 188, .1), 0px 10px 10px rgba(74, 158, 188,.1), 0px 15px 15px rgba(74, 158, 188, .1), 0px 25px 25px rgba(74, 158, 188,.1), 0px 40px 40px rgba(74, 158, 188, .1);
	box-shadow: 0px 5px 5px rgba(74, 158, 188, .1), 0px 10px 10px rgba(74, 158, 188, .1), 0px 15px 15px rgba(74, 158, 188, .1), 0px 25px 25px rgba(74, 158, 188, .1), 0px 40px 40px rgba(74, 158, 188, .1);
}

#teaser .teaserHeadline h1 { font-size:25px; line-height:30px;}
/*#teaser .teaserHeadline:before { content:""; height:3px; width:200px; background:rgba(255,255,255, 0.6); position:absolute; top:150px; display:block; left:50px} */

#teaser .teaserHeadline h1{position: absolute; left:0; bottom: 0; z-index: 2; color: #fff !important; padding: 40px; margin: 0}
#teaser .teaserHeadline.filled h1{ position: static}
#teaser .teaserHeadline.img:before { display: none}
#teaser .teaserHeadline.img {min-height:400px; height:400px !important}
#teaser .teaserHeadline .img-wrap{height: 400px; width:100%;left:0; top: 0; background-size:cover; background-position: center; position: absolute;}

#teaser .teaserHeadline.img { position:relative;  z-index: 2; min-height: 400px}
#teaser .teaserHeadline img { }
#teaser .teaserHeadline .blur { display: none}

/* -- Teaser Sidebar -- */
#teaser .teaserSidebox { padding-bottom:50px; overflow:hidden; height: 400px !important}

#teaser .teaserHeadline.filled,
#teaser .teaserHeadline.filled + .teaserSidebox{ height: auto !important}

#teaser .box{ padding: 0 40px; overflow:hidden;}
#teaser .box em { color: #7C6D24; font-weight: 500}
#teaser .box h2 {position: relative; padding-bottom: 20px}
#teaser .box h2:before {filter: alpha(opacity=60);opacity: 0.6;content:"";height:3px; width: 75px; background: #DBDBDB; display:block;position: absolute; left: 0; bottom:0}
#teaser .box h3 { margin-bottom: 0; font-size: 16px}
#teaser .box address { margin-bottom: 20px; font-style: normal}

#teaser .box a.mailus { text-decoration: none}
#teaser .box a.mailus i {
	width: 25px;height: 25px; float: left; margin-right: 10px; text-align: center; line-height: 25px; color: #fff;font-size: 14px;
	background: #e95d0f;background: -webkit-linear-gradient(bottom left, #e95d0f 0%, #f49a00 100%);
	background: -o-linear-gradient(bottom left, #e95d0f 0%, #f49a00 100%);
	background: linear-gradient(to top right, #e95d0f 0%, #f49a00 100%);
}
#teaser .box a.mailus i:before {position: relative; left: -1px}

#teaser .box ul {padding-left:0; list-style: none}
#teaser .box ul li {position:relative; margin-bottom: 10px}


#teaser .box ul li i.icon-network { line-height: 28px}
#teaser .box ul li i.icon-tag { font-size: 18px}
#teaser .box ul li a { text-decoration: none}
#teaser .box ul li a:hover { text-decoration: underline}

#teaser ul.links { position: relative; padding: 20px 0; margin-top: 20px;}
#teaser ul.links:before {content: ""; top: 0; left: 0; height:3px; width: 72px; background: #DBDBDB; position: absolute}

#teaser ul.links li a i {
	-webkit-transition: background 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: background 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: background 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#teaser ul.links li a:after{ content: " (" attr(href) ")"; font-size: 11px; text-transform: none; display: block; line-height: normal; margin-bottom: 5px}
#teaser ul.links li a:hover i.icon-home{ background: #EA651B}
#teaser ul.links li a:hover i.icon-facebook{ background: #3b5998}
#teaser ul.links li a:hover i.icon-twitter{ background:#4099FF}
#teaser ul.links li a:hover i.icon-xing{ background:#026466}
#teaser ul.links li a:hover i.icon-instagram{ background:#e1306c}
#teaser ul.links li a:hover i.icon-youtube{ background:#bb0000}

/* -- Newsdetail Infos -- */
#teaser .newsInfo {}
#teaser .newsInfo .date {font-style: italic; color: #737373; display: block; margin-bottom: 20px}

#teaser .newsInfo ul { padding-left: 0; list-style: none}
#teaser .newsInfo ul li {position:relative; margin-bottom: 10px}

#teaser .newsInfo ul li a { text-decoration: none}
#teaser .newsInfo ul li a:hover { text-decoration: underline}

.personInfo { position: relative; padding: 20px 0; margin-top: 20px}
.personInfo:before {content: ""; top: 0; left: 0; height:3px; width: 72px; background: #DBDBDB; position: absolute}

.authorInfos { position: relative; padding: 20px 0}
.authorInfos:before {content: ""; top: 0; left: 0; height:3px; width: 72px; background: #DBDBDB; position: absolute}
.authorInfos:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}

.authorInfos:first-child{ padding-top: 0}
.authorInfos:first-child:before {top:auto; bottom: 15px}
.authorInfos .author { margin-bottom: 20px}
.authorInfos .author .img { float: left; margin-right: 20px; width: 75px; height: 75px}
.authorInfos .author .authorDesc { padding-top: 10px}
.authorInfos .author .authorDesc a { display: block; text-decoration: none; font-weight: 700}

/* -- Tags Liste -- */
#teaser .tag-list,
#teaser .filter,
#teaser .tag-filter,
#teaser .swiper-pagination { display: none}


blockquote {font-size: 30px;font-style: italic;color: #4A9EBC;	line-height: 32px;padding:30px 0; margin: 0 !important}
blockquote p {margin:0 0 20px}
blockquote .copy { font-size:14px; line-height: normal}
blockquote .copy .img{ float:left; margin-right:10px; width: 40px; height: 40px}
blockquote .copy em{ display:block; color:#737373}

.catBox h3 a{text-decoration:none}
.catBox h3 a:after{ content: " (" attr(href) ")"; font-size: 11px; text-transform: none; display: block; line-height: normal; margin-bottom: 5px}
.catBox a.more {display:none}


/* -- Downloads  -- */
.node .media {position: relative;padding-top:0; margin-left: -50px}
.node.publikation .media { margin-left: 0}
.node .media ul { padding-left:0; list-style:none}
.node .media ul li { padding:5px 0}
.node .media ul li:before { display:none}
.node .media ul li a{ color:#333 !important; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.node .media ul li a i { 
	color:#fff; width: 25px;height:25px; display:block; float:left; text-align:center; line-height:30px; margin-right:10px;font-size: 14px;
	position: relative; top: 1px; background: #e95d0f;
	background: -moz-linear-gradient(#e95d0f 0%, #f49a00 100%);
	background: -webkit-linear-gradient(#e95d0f 0%, #f49a00 100%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#e95d0f), to(#f49a00));
	background: -o-linear-gradient(#e95d0f 0%, #f49a00 100%);
	background: linear-gradient(#e95d0f 0%, #f49a00 100%);
}
.node .media ul li a i.icon-network:before { position: relative; top:-1px}
.node .media ul li a strong{}
.node .media ul li a em{ color:#737373; font-size: 14px}
.node .media ul li a:hover { text-decoration:underline}
.node .media ul li a:after{ content: " (" attr(href) ")"; font-size: 11px; text-transform: none; display: block; line-height: normal; margin-bottom: 5px}
/* -- Node mit Bild -- */
.node-img { overflow: visible; display: inline-block; display:block}
.node-img.publikation { overflow: visible; display: inline-block; margin-bottom: 40px}
.node-img .img { float: left; margin-right: 50px; padding-top: 10px}
.node-img .img img {-webkit-box-shadow:0 10px 30px rgba(0,0,0,0.3);-moz-box-shadow:0 10px 30px rgba(0,0,0,0.3);box-shadow:0 10px 30px rgba(0,0,0,0.3)}
.node-img .inner { overflow: hidden; padding:0; font-size:14px; line-height: 20px}

/* -- Blöcke -- */
.block {}
.block .img {}
.block .img img { display:block; width: 100% !important; height: auto !important}

.block .inner .network { display:block; font-style:italic; margin-bottom:20px; font-size: 14px}
.block .inner .network i{ 
	color:#737373;background:#fff; font-size:17px; text-align:center; line-height:30px; 
	width: 25px;height: 25px; display:block; float:left; margin-right:10px;
}
.block.large .inner .network i,
.block-info .inner .network i{color:#fff;background:#737373;}

/* -- Block - Datepicker-- */
.block-calendar h3{ font-size: 16px; text-transform: uppercase}
.block-calendar h3 em{ font-weight: normal; color: #737373; text-transform: none}

.block-calendar .btns { z-index: 2; position: absolute; right: 30px;top:30px}
.block-calendar .inner{background:#F6F5F0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding: 30px; position: relative}
.block-calendar .inner p{}

.block-calendar table {}
.block-calendar table tr {}
.block-calendar table td { font-size: 12px; text-align: center; width: 25px}
.block-calendar table td span,
.block-calendar table td a { display: block; width: 25px; height: 25px; margin: 0 auto; line-height: 25px}
.block-calendar table td span{ color: #DBDBDB}
.block-calendar table td a { 
	text-decoration: none; color: #fff;
	background: #737373 no-repeat center;
	background-image: -webkit-linear-gradient(bottom left, #e95d0f 0%, #f49a00 100%);
	background-image: -o-linear-gradient(bottom left, #e95d0f 0%, #f49a00 100%);
	background-image: linear-gradient(to top right, #e95d0f 0%, #f49a00 100%);
	background-size:0px 0px;
}
.block-calendar table td .today { background: #DBDBDB; color: #333}
.block-calendar table td a:hover {background-size:25px 25px;}

.block-calendar dl {padding-top: 25px; position: relative}
.block-calendar dl:before {content:""; height:3px; width: 75px; background: #DBDBDB; position: absolute; left: 0; top: 0}
.block-calendar dl dt { font-style: italic; color: #737373}
.block-calendar dl dd { font-style: italic}
.block-calendar dl dd a { color: #7C6D24; font-weight: 500; text-decoration: none}
.block-calendar dl dd a:hover { color: #333}

.block-calendar .swiper-button-prev{ float: left}
.block-calendar .swiper-button-next{ float: right}
#datepicker { margin-bottom: 30px}

/* -- Block - Teaser -- */
.block-teaser { margin:0 auto; /*height:550px;-webkit-transform: translateZ(0);transform: translateZ(0);*/}
.block-teaser .img { 
	float:left; width: 40%; position:relative; 
}
.block-teaser .img h2 { 
font-size:32px; line-height:34px; font-weight:normal; font-family: 'CDUKievitBold', sans-serif; text-transform:uppercase;
 margin-bottom:0;
    position: relative;
}
.block-teaser .img h2 a{ text-decoration: none}

.block-teaser .img h2 .pipe,
.block-teaser .img h2:before {
    display: none
}

.block-teaser .img .img-overlay { /*position:absolute; left:0; bottom:0; right:0; z-index:2*/}
.block-teaser .img img { position:relative; z-index:1;}
.block-teaser h3{ color:#7C6D24; font-size:16px; font-weight:500; font-style:italic}
.block-teaser .inner{ overflow:hidden; ; padding:50px; line-height:28px;}
.block-teaser a.more { display:none;}

/* -- Block - Orange im Footer -- */
.block-orange { 
	background:#E95D0F url(../gfx/footer-orange-bg.png); background-size:cover; background-repeat: no-repeat;color:#fff;
	-webkit-box-shadow:0 10px 40px rgba(233,93,15, 0.6);-moz-box-shadow:0 10px 40px rgba(233,93,15, 0.6);box-shadow:0 10px 40px rgba(233,93,15, 0.6);
	-webkit-border-radius: 6px 6px 0px 0px;-moz-border-radius: 6px 6px 0px 0px;border-radius: 6px 6px 0px 0px;
}
.block-orange .inner{ padding:50px}
.block-orange .inner p{}
.block-orange .inner > a { margin:0; padding-top:25px; margin-bottom:25px; position:relative; display: block; text-decoration: none}
.block-orange .inner > a:before { content:""; height:3px; width:75px; background:rgba(255,255,255, 0.6); display:block; position:absolute; left:0; top:0}
.block-orange .inner > a:last-child { margin-bottom:0}
.block-orange .inner > a:hover { text-decoration: underline}

/* -- Block Info -- */
.block-info {}
.block-info .img { overflow: hidden}
.block-info .inner { padding: 30px}
.block-info .inner h3 { font-size: 16px; text-transform: uppercase}

.block-info.v2 .inner h3 { position: relative; padding-bottom: 20px}
.block-info.v2 .inner h3:before {height:3px; width: 75px;content:""; background: #DBDBDB; position: absolute; left: 0; bottom: 0}

.block-info.orange {height: auto;}
.block-info.orange .inner{ color: #fff; padding: 30px;}
.block-info.orange .inner a{ color:#fff}
.block-info.orange .inner h3:last-child {margin-bottom:0;}
.block-info.orange .cat { position: absolute; left: 50px; top: 25px; margin-bottom: 0}

.block-info a{ text-decoration: none}
.block-info a:hover { text-decoration: underline;}

.block-info a.sendMail { display: block; margin-bottom: 30px}
.block-info a.sendMail:last-child {margin-bottom: 0}
.block-info a.sendMail i{
	width: 25px;height: 25px;display: block;color: #fff;font-size: 14px; text-align: center; line-height: 27px; float:left; margin-right: 10px;
	background: #e95d0f;background: -moz-linear-gradient(45deg, #e95d0f 0%, #f49a00 100%);
	background: -webkit-linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);background: linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
}

.block-info address { margin-bottom: 30px; font-style: normal}

.block-info dl {}
.block-info dl dt {font-weight: bold}
.block-info dl dd {}
.block-info dl dd p:last-child{margin-bottom: 0}

.block-info ul { padding-left: 0; list-style: none; margin-bottom: 30px}
.block-info ul:last-child { margin-bottom: 0}
.block-info ul li{}

.block-info ul.hasIcon {}
.block-info ul.hasIcon li{ position: relative; padding-left: 35px}
.block-info ul.hasIcon li i { 
	width: 25px;height: 25px; text-align: center; line-height: 28px; display: block; position: absolute; left: 0; top: 3px;
	background:#737373; color: #fff;
}

.block-info ul.list {}
.block-info ul.list li { position: relative; padding-bottom: 20px; padding-top: 20px}
.block-info ul.list li:last-child{padding-bottom: 0}
.block-info ul.list li:before {content: ""; height: 3px; width: 75px; background: #DBDBDB; position: absolute; left: 0; top: 0}
.block-info ul.list li a{ font-style: italic; color: #7C6D24; font-weight: 500; text-decoration: none; display: block}
.block-info ul.list li a:hover { color:#333}
.block-info ul.list li .submitted{ display: block; font-style: italic; color: #737373; margin-bottom: 20px}
.block-info ul.list small { display: block; color: #737373; font-size: 14px; font-style: italic}

.block-info ul.files {}
.block-info ul.files li { position: relative; padding-bottom: 20px; padding-top: 20px}
.block-info ul.files li:last-child{padding-bottom: 0}
.block-info ul.files li:before {content: ""; height: 3px; width: 75px; background: #DBDBDB; position: absolute; left: 0; top: 0}
.block-info ul.files a{ font-style: italic; color: #7C6D24; font-weight: 500; text-decoration: none; display: block}
.block-info ul.files a:hover { color:#333}
.block-info ul.files .thumb { float: left; margin-right: 15px}
.block-info ul.files .desc { display:block; overflow: hidden}
.block-info ul.files small { display: block; color: #737373; font-size: 14px; font-style: italic}

.block-info ul.members {position: relative; padding-top: 20px}
.block-info ul.members:before {content: ""; height: 3px; width: 75px; background: #DBDBDB; position: absolute; left: 0; top: 0}
.block-info ul.members .thumb{ display: block; overflow: hidden; float: left; margin-right: 15px}

.block-info ul.members li { padding:10px 0}
.block-info ul.members li:before{ display: none;}

.block-info ul.members li:first-child {padding:20px 0 10px}
.block-info ul.members li:first-child:before{ display: block;}
.block-info ul.members li a{ font-style: normal; color: #333; text-decoration: none}
.block-info ul.members li .desc {padding-top:10px; display: block; overflow: hidden}
.block-info ul.members li .desc strong {}
.block-info ul.members li .desc small {font-size:14px; line-height: normal; display: block}
.block-info a.more { text-transform: uppercase; letter-spacing: 2px; text-decoration: none; color: #EA651B}
.block-info a.more:hover {color:#4a9ebc}

/* -- Block Image -- */
#more-topics .swiper-slide,
#news-swiper .swiper-slide { width:350px; padding-bottom:60px;-webkit-backface-visibility: hidden;}

.block-img {position:relative;}
.block-img .img { display: block;overflow:hidden; position:relative; height:250px; background-size:cover; background-position:center;}
.block-img .img:before {content: attr(data-image-src); }
.block-img .img img { display:block}
.block-img h3{ 
    font-size:15px; text-transform:uppercase; position: relative; 
    overflow: hidden; max-height: 90px; text-overflow: ellipsis;
    display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;  
}
.block-img h3 a{ text-decoration:none; color:#000; display: block}
.block-img h3:before{ 
	height:3px; width:0; content:""; background:#fff; position:absolute; top:-20px; left:0;
	-webkit-transition: width 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition:  width 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: width 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.block-img .inner{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;overflow:hidden}
.block-img .inner .network i{ 
	color:#737373;background:#fff; font-size:17px; text-align:center; line-height:30px; 
	width: 25px;height: 25px; display:block; float:left; margin-right:10px; margin-top:-3px;
}
.block-img .inner .cat,
.block-img .inner .submitted,
.block-img .inner .network { 
	display:block; position: relative;
}
.block-img .inner .submitted i {
	width: 25px;height: 25px;display:block; margin-right:10px; float:left; 
	background: #fff;color:#737373; text-align: center; line-height:28px; font-size: 14px; margin-bottom: -10px;
}
.block-img .inner .submitted i.icon-video:before { position: relative; left: 1px; top:1px;font-size: 15px}
.block-img ul.social-links { padding-left:0;float: right; list-style: none}
.block-img ul.social-links li{ margin-left:5px; float: left}
.block-img ul.social-links li a{ text-decoration:none; width: 25px;height: 25px;background:#737373;color:#fff; text-align:center; line-height:25px; font-size:14px; display:block}
.block-img ul.social-links li a:hover{ color:#fff}
.block-img ul.social-links li a span { display:none}

/* -- Block Image - Hover -- */
.block-img:hover {}
.block-img.overlayed .inner{ padding:30px 0; z-index:2;  line-height: 20px; font-size:14px}

/* -- Hover style -- */
.block-img.orange { height: auto}
.block-img.orange .inner{  padding: 30px;}
.block-img.orange .inner h3:last-child {margin-bottom:0;}
.block-img.orange .cat { position: absolute; left: 30px; top: 25px; margin-bottom: 0}

/* -- Linkbox -- */
.block-img.linkbox { height: auto}
.block-img.linkbox .img:before {display:none}
.block-img.linkbox h3 { margin-bottom: 0; position: relative;z-index: 1; max-height: none}
.block-img.linkbox h3 a{ padding: 30px 30px; display: block}

 /* -- Block Abgeordnete Übersicht -- */
.block-img.member {height:auto}
.block-img.member .img {position:relative; height: auto}
.block-img.member .img:before {
	top:auto; left: 0; bottom: 0;right:0; height: 100px;position:absolute;z-index: 2;
	background: -webkit-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
	background: linear-gradient(rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%);
}
.block-img.member .img img {position: relative; z-index: 1}
.block-img.member .img h3 { position: absolute; z-index:3; color: #fff; text-transform: uppercase; font-size: 24px; left: 30px; right: 30px;bottom: 0; padding: 20px 0; margin-bottom: 0}
.block-img.member .img h3 a{color:#fff}
.block-img.member .img h3:before {content:"";left: 0; top: 0;height:3px; width: 200px; background: #fff; position: absolute; display: none}
.block-img.member .inner{padding:30px; position: relative; z-index: 1}
.block-img.member .inner:before {
	content:""; left: 0; top: 0; right:-1px; height: 100%;position: absolute; z-index: -1;
	background:url(../gfx/orange-bg.png); background-size:cover;filter: alpha(opacity=0);opacity: 0;
	-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;
	-webkit-transition: opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition:  opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.block-img.member em{
	color:#737373;-webkit-transition: color 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition:  color 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	transition: color 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
    display: block; line-height: normal
}
.block-img.membe p {margin-bottom:20px}
.block-img.member a.more {text-transform: uppercase; font-size: 16px; text-decoration: none; letter-spacing: 3px;color: #EA651B}
.block-img.member:hover .inner:before {filter: alpha(opacity=100);opacity: 1}
.block-img.member:hover em,
.block-img.member:hover a.more { color:#fff;}

/* -- Block Forum Topic -- */
.block-img.topic {height: auto}
.block-img.topic .img:before { display:none}
.block-img.topic .blur {bottom:auto; height: 250px}
.block-img.topic h3 { position: relative; padding-bottom: 20px}
.block-img.topic h3:before {height:3px; width: 75px;content:""; background: #DBDBDB; position: absolute; left: 0; bottom: 0; top: auto}
.block-img.topic a{ text-decoration: none}
.block-img.topic a:hover { text-decoration: underline;}
.block-img.topic .inner {padding:30px;background:#F6F5F0}
.block-img.topic p {margin-bottom: 10px;}
.block-img.topic p small { font-size:14px; font-style: italic; color: #737373; line-height: normal}
.block-img.topic a.more{ text-transform: uppercase; color: #EA651B; text-decoration: none; letter-spacing: 3px; display: block; margin-top: 20px}

 /* -- Block Social Media - Small -- */
#social-stream { margin-left:-50px; margin-right: -50px;}
#social-stream .swiper-slide { padding:50px 0 50px; width:100vw}
#social-stream .swiper-slide .block-img,
#social-stream .swiper-slide .block-info{ margin-top:50px; margin-bottom: 50px}
#social-stream .swiper-slide .block-info{ width:350px; min-height: 400px}

/* -- Block Social Media -- */
.block-social { /*width: 750px; */}
.block-social .img { float:left; position:relative; margin-top:-50px; z-index:2}
.block-social .img .img-overlay { position:absolute; left:0; bottom:0; right:0; padding:50px 50px 0}
.block-social .img img { display:block; /*-webkit-border-radius:6px; -moz-border-radius:6px;border-radius:6px; */}
.block-social .img .blur { z-index:-1; top:20px}
.block-social a.more { 
    display:none;
	/*color:#fff; letter-spacing:2px; padding:25px 25px 40px; width: 200px;display:block; text-decoration:none; text-transform:uppercase;
	-webkit-border-radius: 6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;
	background: -moz-linear-gradient(left, rgba(233,93,15,0.85) 0%, rgba(244,154,0,0.85) 100%);
	background: -webkit-linear-gradient(left, rgba(233,93,15,0.85) 0%, rgba(244,154,0,0.85) 100%);
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(233,93,15,0.85)), to(rgba(244,154,0,0.85)));
	background: -o-linear-gradient(left, rgba(233,93,15,0.85) 0%, rgba(244,154,0,0.85) 100%);
	background: linear-gradient(left, rgba(233,93,15,0.85) 0%, rgba(244,154,0,0.85) 100%);
	-webkit-transition: background-size 450ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: background-size 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: background-size 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 background-size:100%; */
}
.block-social h3{ font-family: 'CDUKievitBold',sans-serif; font-size:40px; line-height:42px; color:#fff; text-transform:uppercase; position:relative}
.block-social h3:before { content:""; left:0; top:-10px; height:3px; width:200px; background:#fff; display:block; position:absolute}
.block-social h3 a{}
.block-social h3 a:hover{}

.block-social h4{ font-style:italic; font-size:16px; font-weight:500; color:#7C6D24; margin-bottom:20px}
.block-social .inner{ 
	overflow:hidden; /*width: 400px; height:400px; background:#F6F5F0; */ padding:50px; margin:50px 0;
	/*-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0 */
}
.block-social .inner p{}

/* -- Spalten Layout -- */
.row {}
.row .lft,
.row .mid,
.row .rt { float:left}

.row .lft {}
.row .mid {}
.row .rt {}

.twoCols {}
.twoCols .lft,
.twoCols .rt { width:50%}

.twoColsLft .lft {width: 60%}
.twoColsLft .rt {width: 40%}

.threeCols {}
.threeCols .lft,
.threeCols .mid,
.threeCols .rt { width:33.3%}

.threeCols .lft {}
.threeCols .mid {}
.threeCols .rt {}

.delegateCols {}
.delegateCols > .lft{ width:400px; padding:50px 0}
.delegateCols > .rt{ width:750px; position: relative; z-index: 2}

/* -- Grid System -- */
.tablerow {display: table; width: 100%; table-layout: fixed}
.tablerow .box {float:none;display: table-cell; vertical-align: top}

.grid .box{ float:left;}
.grid.two .box { width:50%}
.grid.twoLft .box:first-child { width:70%; padding-right: 25px; border-right: 1px solid #DBDBDB}
.grid.twoLft .box:last-child { width:30%; padding-left: 25px}

/* -- Drei Spalten -- */
.grid.three .box { width:50%; padding-top: 50px}

.grid.three { margin-bottom: 50px; margin-left: -50px}
.grid.three .box { padding-left:50px}

.grid.three.news  {margin-left:0}
.grid.three.news .box { width:auto; padding-top: 30px; float: none; padding-left: 0}
.grid.three.news .block-img {}
.grid.three.news .block-img { display: table; width: 100%;}
.grid.three.news .block-img .img,
.grid.three.news .block-img .inner{ display:table-cell; vertical-align: top}

.grid.three.news .block-img .img{ width: 50%;}
.grid.three.news .block-img .inner{ width: 50%; padding: 0 0 0 30px}

/* -- Pages -- */
.news-detail {}
.news-detail .authorInfos {display:none}
.news-detail #teaser .teaserSidebox {height: auto !important; padding-bottom: 10px}

.news-detail #teaser .teaserHeadline {width:85% !important; display: inline-block}
.news-detail #teaser .teaserHeadline.img {height:auto !important; min-height: 0}
.news-detail #teaser .teaserHeadline h1 {color:#000 !important; position: static; padding: 0}

.news-detail #teaser .newsInfo .date { text-align: right; margin-bottom: 0; padding-right: 10px}
.news-detail #teaser .box {padding:0 }

.news-detail blockquote,
.news-detail #teaser .newsInfo ul,
.news-detail #teaser .teaserHeadline .img-wrap,
.news-detail #sharebar { display: none}

/* -- Wiederverwendabr-- */
.fltrt {float: right;}
.fltlft {float: left;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}

