@charset "utf-8";
/*
*
*	CDU-Fraktion Thüringen - 2021
*   Update: 20.06.2022
*   Author: SECONDRED Newmedia GmbH
*
*/

/* -- Global Reset & Defaults -- */
* { padding:0; margin:0; -webkit-tap-highlight-color:transparent }
*:focus { outline:none}
a:focus { outline:1px solid rgba(233,93,15,0.2)}
*, *::before, *::after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

html[dir="rtl"] {direction: rtl}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;text-size-adjust: 100%}
html, body  {  height:100%; width:100%;font-smooth: always;-webkit-font-smoothing: antialiased;-moz-font-smoothing: antialiased} 

input.formText, textarea { 
	font-family:Arial, Helvetica, sans-serif;-webkit-appearance:none;
	-webkit-border-radius:0;border-radius:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;	box-sizing: border-box;
}
.printlogo {display:none}
select,
input {-webkit-box-shadow:none;box-shadow:none; -webkit-border-radius:0;border-radius:0}
button { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; cursor:pointer;overflow: hidden; user-select: none}
textarea { resize:vertical; overflow:auto}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {-webkit-appearance: button;cursor: pointer}

::-webkit-input-placeholder {color: #737373; font-style: italic;-webkit-transition: color .25s  ease}
:-moz-placeholder { color: #737373;font-style: italic;-moz-transition: color .25s  ease}
::-moz-placeholder { color: #737373;font-style: italic; -moz-transition: color .25s  ease}
:-ms-input-placeholder { color: #737373;font-style: italic;-ms-transition: color .25s  ease}

:focus::-webkit-input-placeholder {color: #ccc}
:focus:-moz-placeholder { color: #ccc}
:focus::-moz-placeholder { color: #ccc }
:focus:-ms-input-placeholder { color: #ccc}

.disable-hover {pointer-events: none}
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0}

ul {padding-left:23px}
ol {padding-left:23px}

img {border: 0;-ms-interpolation-mode: bicubic}
canvas { -ms-touch-action: double-tap-zoom}
svg:not(:root) {overflow: hidden}

a,button, img, input, textarea  {
 -webkit-transition: color 250ms  ease, border-color 250ms  ease, background-color 250ms  ease, opacity 250ms ease, box-shadow 250ms  ease;
 -moz-transition:  color 250ms  ease, border-color 250ms ease, background-color 250ms ease, opacity 250ms  ease, box-shadow 250ms  ease;
 transition: color 250ms  ease, border-color 250ms ease, background-color 250ms ease, opacity 250ms  ease, box-shadow 250ms  ease;
}
.hidettext{text-indent: -150%;white-space: nowrap;overflow: hidden; color:rgba(0,0,0,0); font-size:1px}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display: block}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline}
audio:not([controls]) { display: none; height: 0}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help}

a { color: inherit}
a:active { background-color:transparent}
a:hover { text-decoration:none}
a[href^="tel"]{color:inherit; text-decoration:none}

table {border-collapse:collapse; border-spacing:0}

*::-webkit-selection {background-color:  rgba(0,0,0,.2);;color: #333}
*::-moz-selection {background-color:  rgba(0,0,0,.2);; color: #333}
*::selection { background-color: rgba(0,0,0,.2); color: #333}

/* - Remove the gap - */
audio, canvas, img, svg, video {vertical-align: middle }

/* -- 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}

/* -- No-JS Overlay -- */
noscript.msg div{ background-color:#C00; color:#fff; font-size:12px; padding:10px 20px;display:block; position:fixed; left:0; bottom:0; right:0; z-index:888}

/* -- Body und Text-Style -- */
body  {font-family: "Open Sans", sans-serif;font-size:16px;line-height: 28px; background: #fff;text-align: center; color: #333}

hr { margin:30px 0; border:0; height:1px; background:rgba(0,0,0,.3)}
h1, h2, h3 { margin-bottom:20px}

h1 { font-size:30px}
h2 { font-size:25px}
h3 { font-size:20px}
h3.underline {position:relative; padding-bottom: 25px; margin-bottom: 25px}
h3.underline::before {content:"";height:3px; width: 75px; position: absolute;left: 0; bottom:0; display: block; background: #DBDBDB}

p { margin-bottom:30px}
audio {width:100%}

#sharebar.mobi {display:none}
#sharebar.mobi > li { float:left; margin-left: 16px}
/* -- 100% Height Layout -- */
#container { position:relative; overflow: hidden; min-height: 100vh; padding-bottom: 360px}

/* -- Layout -- */
.size { width:1150px;width:auto;max-width: 1150px; margin: 0 auto;text-align: left;}
#outerheader { position:absolute; top:0; left:0; right:0; z-index: 10}
#outerteaser { position:relative; z-index:9}
#outerfooter {overflow: hidden; padding-top: 50px; margin-top: -338px; z-index: 2; position: relative}

/* -- Header -- */
#header { position:relative; height:150px} 
#rvfs-controllers {
     background: #F6F5F0; padding: 10px 15px; margin-right: 30px; position: relative; z-index: 3; top: 15px;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
#rvfs-controllers a { text-decoration: none; display: inline-block; padding: 0 4px; color: #737373}
#rvfs-controllers a:hover {color:#EA651B}
#rvfs-controllers a.rvfs-decrease { font-size: 16px;}
#rvfs-controllers a.rvfs-reset { font-size: 18px;}
#rvfs-controllers a.rvfs-increase { font-size:20px}

/* -- Logo -- */
#logo { float:right; padding-top:45px}
#logo a { display:block; width:160px; height:63px; background-image:url(../gfx/cdu-fraktion-thr-logo.png); background-size: contain; background-repeat: no-repeat}
#logo a span { display:none}

#logo button.toggle { 
    width: 26px;height: 26px;text-align: center;font-size: 26px;border: 0; position: relative; top: 13px;
    background: transparent;cursor: pointer;color: #DBDBDB; float: left; margin-left: -70px
}
#logo button.toggle span {display:none}

/* -- Teaser -- */
#teaser { position:relative; z-index: 6}
#teaser::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
#teaser .swiper-container { margin-left:-100px; margin-right: -100px}
#teaser .teaser-button-prev,
#teaser .teaser-button-next{ overflow: hidden}

#teaser .teaser-button-prev .btnBg,
#teaser .teaser-button-next .btnBg{ position:absolute; left: 0; top: 0}

#teaser .teaserHeadline { 
	width:750px; padding:50px 50px 75px; color:#fff; text-transform:uppercase; float:left;font-family: 'CDUKievitBold',sans-serif; display:table;
	-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px; -webkit-transform: translateZ(0); transform: translateZ(0);
}
#teaser .teaserHeadline.hasButton {padding:50px 50px 100px; }
#teaser .teaserHeadline a.scrollTo { 
	position: absolute; z-index: 2; left: 50px; bottom: 0; width: 75px;height: 75px; text-align: center; padding-top: 10px; font-size: 30px; text-decoration: none;
	-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0; display:block;
}
#teaser .teaserHeadline a.scrollTo::after { 
	content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1;
	-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0;
	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%);
	-webkit-transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	filter: alpha(opacity=85);opacity: 0.85;
}
#teaser .teaserHeadline a.scrollTo:hover::after { filter: alpha(opacity=100);opacity: 1;}

#teaser .teaserHeadline a.scrollTo span { 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:45px; line-height:48px; display:table-cell;vertical-align:bottom; padding-top:150px;
	-webkit-text-shadow:0 2px 10px rgba(0,0,0,0.6);-moz-text-shadow:0 2px 10px rgba(0,0,0,0.6);text-shadow:0 2px 10px rgba(0,0,0,0.6);
}
#teaser .teaserHeadline h1{position: relative}
#teaser .teaserHeadline h1::before {
    content:""; height:3px; width:200px; background:rgba(255,255,255, .6); 
    position:absolute;margin-top: -50px; display:block; left:0
}
#teaser .teaserHeadline.img::before { display: none}
#teaser .teaserHeadline .img-wrap{
	position: absolute; left: 0; top:0; z-index: -1;-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;
	overflow:hidden;width:100%; height: 100%; background-size: cover
}

#teaser .teaserHeadline.img { position:relative; /* height: 700px; */ min-height: 700px; z-index: 2}
#teaser .teaserHeadline img { }
#teaser .teaserHeadline .blur { 
	position:absolute; left:10px;right:10px; top:0; bottom:-10px; height:auto; width:auto; display:block; background-size: cover;
	-webkit-filter: blur(20px);-moz-filter: blur(20px);-o-filter: blur(20px);-ms-filter: blur(20px);filter: blur(20px); z-index: -2
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
   #teaser .teaserHeadline.img  {box-shadow: 0 10px 20px rgba(0,0,0,0.3), 0 20px 30px rgba(0,0,0,0.1)}
   #teaser .teaserHeadline .blur {display:none}
}

/* -- Teaser Sidebar -- */
#teaser .teaserSidebox {padding-top:150px; padding-bottom:50px; overflow:hidden}
#teaser .box{ 
	width:400px;padding:40px; background:#F6F5F0; overflow:hidden;
	-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0;
}
#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; padding-left: 35px; margin-bottom: 10px}
#teaser .box ul li i { 
	position: absolute; left: 0; top: 2px; display: block;
	width: 25px;height: 25px;background:#737373; color: #fff; 
	font-size: 14px; line-height: 30px; text-align: center;
}

#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}

/* -- Funklochmelder -- */
#teaser .funkloch-counter { color: #7C6D24; font-style: italic; position: relative; padding-bottom: 30px; margin-bottom: 30px}
#teaser .funkloch-counter em, 
#teaser .funkloch-counter strong {display: block}

#teaser .funkloch-counter strong {font-size:52px; line-height: 55px}
#teaser .funkloch-counter::before {filter: alpha(opacity=60);opacity: 0.6;content:"";height:3px; width: 75px; background: #DBDBDB; display:block;position: absolute; left: 0; bottom:0}

#teaser .funkloch-counter + ul li i {
    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%);
}
/* -- Links -- */
#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: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 .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; padding-left: 35px; margin-bottom: 10px}
#teaser .newsInfo ul li i { 
	position: absolute; left: 0; top: 2px; display: block;
	width: 25px;height: 25px;background:#737373; color: #fff; 
	font-size: 14px; line-height: 30px; text-align: center;
}
#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}
.authorInfos .author .authorDesc { padding-top: 10px}
.authorInfos .author .authorDesc a { display: block; text-decoration: none; font-weight: 700}

/* -- Tags Liste -- */
#teaser .tag-list { padding-left: 65px}
#teaser .tag-list ul { padding-left: 0; list-style: none; font-size:14px; line-height: normal;max-height: 175px; overflow: hidden}
#teaser .tag-list ul li { position: relative; padding-left: 35px}
#teaser .tag-list ul li::after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;	height: 0;}
#teaser .tag-list ul li i { 
	width: 25px;height: 25px;background: #737373; color: #fff; text-align: center; position: absolute; left: 0;top: 7px;
	line-height: 30px; font-size: 15px; display: block; margin-right: 10px; float: left
}
#teaser .tag-list ul li i.icon-tag {font-size:18px; line-height: 31px}
#teaser .tag-list ul li i.icon-network {line-height: 27px}
#teaser .tag-list ul li i.icon-video {line-height: 29px; letter-spacing: -3px }
#teaser .tag-list ul li i.icon-audio {line-height: 28px; letter-spacing: -1px }
#teaser .tag-list ul li i.icon-gallery {line-height: 28px;font-size: 13px;}

#teaser .tag-list ul li i.blue { background: #4A9EBC}
#teaser .tag-list ul li i.green { background: #CFD914}
#teaser .tag-list ul li i.orange { background: #EA651B}
#teaser .tag-list ul li i.purple { background: #CA86D8}

#teaser .tag-list ul li span { 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 250px;
    display: block;
    height: 35px;
    line-height: 37px;
    float: left
}
#teaser .tag-list button.remove { border:0; background:transparent;cursor: pointer; width: 25px; height: 25px; position:relative; top: 5px; margin-left:5px}
#teaser .tag-list button.remove span { display: none}
#teaser .tag-list button.remove::before,
#teaser .tag-list button.remove::after { 
	width: 15px; height:2px; display: block; content:"";background: #DBDBDB; position:absolute; 
	left: 50%; top: 50%; margin-left: -6px; margin-top: -1px
}

#teaser .tag-list button.remove::before {
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);
}
#teaser .tag-list button.remove::after {
	-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);
}

/* -- Tags Filterbox -- */
#teaser .filter { position: relative;width: 300px;float: right;right: 1px; bottom: -20px; z-index: 66}
#teaser .filter::before { content:""; height:3px; width: 74px; background: #DBDBDB; position: absolute; left: 0; top: -20px}
#teaser .filter a.filter-btn { text-decoration: none; text-transform: uppercase; font-weight: 700}
#teaser .filter a.filter-btn i {
	width: 25px;height: 25px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;display: block; background: #e95d0f; 
	background: -webkit-linear-gradient(left, #e95d0f 0%, #f49a00 100%);background: -o-linear-gradient(left, #e95d0f 0%, #f49a00 100%);
	background: linear-gradient(to right, #e95d0f 0%, #f49a00 100%);float: left; margin-right:10px
}
#teaser .filter button.close {float:right; background: transparent; border: 0; cursor: pointer; position: relative; width: 25px;height: 25px; z-index: 5}
#teaser .filter button.close span { display:none}
#teaser .filter button.close::before,
#teaser .filter button.close::after {
	content:"";height:3px; width: 20px; background:#737373; display: block; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -10px
}

#teaser .filter button.close::before {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);}
#teaser .filter button.close::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform:rotate(45deg);}

#teaser .filter .filter-cloud { 
	position: absolute;background:#F6F5F0;padding: 30px;right:0; width: 750px;
	-webkit-box-shadow:0 10px 50px rgba(0,0,0,0.25);-moz-box-shadow:0 10px 50px rgba(0,0,0,0.25);box-shadow:0 10px 50px rgba(0,0,0,0.25);
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	-webkit-transform: translate(0, -50%) scale(0);-moz-transform: translate(0, -50%) scale(0);transform: translate(0, -50%) scale(0);
	filter: alpha(opacity=0);opacity: 0; top:-9999em;
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms; 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms; 
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms;  
}
#teaser .filter .filter-cloud.open { 
	top: -50px;-webkit-transform: translate(0, 0) scale(1);-moz-transform: translate(0, 0) scale(1);transform: translate(0, 0) scale(1);
	filter: alpha(opacity=100);opacity: 1;
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
}
#teaser .filter .filter-cloud h4 {text-transform: uppercase; font-weight: 700; font-size: 16px; margin-bottom: 20px}
#teaser .filter .filter-cloud h4 i {
	width: 25px;height: 25px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;display: block; background: #e95d0f; 
	background:#737373; float: left; margin-right:10px
}
#teaser .filter .filter-cloud h4 i.icon-tag { font-size:18px; line-height: 31px}
#teaser .filter .filter-cloud h4 i.icon-network {line-height:27px}

#teaser .filter .filter-cloud .tags a { text-decoration: none}
#teaser .filter .filter-cloud .tags a:hover { text-decoration: underline}

#teaser .filter .filter-cloud .tags .inactive,
#teaser .filter .filter-cloud .tags .inactive a,
#teaser .filter .filter-cloud .tags .inactive a:hover{ pointer-events: none; color: #666; text-decoration: none; cursor: default}

#teaser .filter .filter-cloud a.more { text-transform: uppercase; letter-spacing: 2px; text-decoration:none; color: #EA651B; display: block; padding-top: 40px}

#teaser .filter .row { position:relative;}
#teaser .filter .row::before {content: ""; left: 50%; top: 0; bottom: 0; width: 1px; height: 100%;background: #DBDBDB; position: absolute}
#teaser .filter .row .lft { padding-right: 30px}
#teaser .filter .row .mid {padding-left: 50px; position: relative}
#teaser .filter .row .rt {padding-left: 50px}
#teaser .filter .filterOptions ul { list-style: none; padding-left: 0}

#teaser .filter .filterOptions ul li a{ text-decoration: none}
#teaser .filter .filterOptions ul li .inactive,
#teaser .filter .filterOptions ul li .inactive a,
#teaser .filter .filterOptions ul li .inactive a:hover{ pointer-events: none; color: #666; text-decoration: none; cursor: default}

#teaser .filter .filterOptions ul li a:hover { text-decoration:underline}
#teaser .filter .filterOptions ul li i {
	width: 25px;height: 25px; font-size: 14px; background:#737373; color: #fff; text-decoration:none; text-align: center; line-height: 27px; float:left; margin-right: 10px
}
#teaser .filter .filterOptions ul li a span {overflow: hidden}

#teaser .filter .filterOptions ul li i.icon-video::before { position: relative; left: 1px; top:1px;font-size: 15px}

#teaser .filter .filterOptions ul.cats li {margin-bottom: 10px}
#teaser .filter .filterOptions ul.cats li i.dot {position: relative; top: -1px}
#teaser .filter .filterOptions ul.cats li i.blue { background: #4A9EBC}
#teaser .filter .filterOptions ul.cats li i.green { background: #CFD914}
#teaser .filter .filterOptions ul.cats li i.orange { background: #EA651B}
#teaser .filter .filterOptions ul.cats li i.purple { background: #CA86D8}

#teaser .filter .filter-cloud h4{ position:relative; padding-bottom: 20px}
#teaser .filter .filter-cloud h4:after {content:""; height: 3px; width: 75px; background: #DBDBDB; position: absolute; left: 0; bottom: 0}

#teaser .filter .filter-cloud h4,
#teaser .filter .filter-cloud .lft,
#teaser .filter .filter-cloud .rt,
#teaser .filter .filter-cloud a.more {
	opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);
}
#teaser .filter .filter-cloud.open h4,
#teaser .filter .filter-cloud.open .lft,
#teaser .filter .filter-cloud.open .rt,
#teaser .filter .filter-cloud.open a.more {
    opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
#teaser .filter .filter-cloud.open h4{ -webkit-transition-delay: 0.35s; transition-delay: 0.35s;}
#teaser .filter .filter-cloud.open .lft { -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
#teaser .filter .filter-cloud.open .rt { -webkit-transition-delay: 0.45s; transition-delay: 0.45s;}
#teaser .filter .filter-cloud.open a.more {-webkit-transition-delay: 0.5s;  transition-delay: 0.5s;}

#teaser .filter .filter-cloud.large { width: 1150px;}
#teaser .filter .filter-cloud.large .row:before {left:33.3%}
#teaser .filter .filter-cloud.large::before {content: ""; right:33.3%; top: 50px; bottom: 50px; width: 1px; background: #DBDBDB; position: absolute}

/* -- Tags Filterbox -- */
#teaser .tag-filter { position: relative;width: 300px;float: right;right: 1px; bottom: -40px; z-index: 61}
#teaser .tag-filter::before { content:""; height:3px; width: 74px; background: #DBDBDB; position: absolute; left: 0; top: -20px}
#teaser .tag-filter a.tag-btn { text-decoration: none; text-transform: uppercase; font-weight: 700}
#teaser .tag-filter a.tag-btn i {
	width: 25px;height: 25px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;display: block; background: #e95d0f; 
	background: -webkit-linear-gradient(left, #e95d0f 0%, #f49a00 100%);background: -o-linear-gradient(left, #e95d0f 0%, #f49a00 100%);
	background: linear-gradient(to right, #e95d0f 0%, #f49a00 100%); float: left; margin-right:10px
}
#teaser .tag-filter a.tag-btn i.icon-tag {font-size:18px; position: relative; left: 2px}
#teaser .tag-filter button.close {float:right; background: transparent; border: 0; cursor: pointer; position: relative; width: 25px;height: 25px; z-index: 2}
#teaser .tag-filter button.close span { display:none}
#teaser .tag-filter button.close::before,
#teaser .tag-filter button.close::after {
	content:"";height:3px; width: 20px; background:#737373; display: block; position: absolute; top: 50%; margin-top: -1px; left: 50%; margin-left: -10px
}

#teaser .tag-filter button.close::before {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);}
#teaser .tag-filter button.close::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform:rotate(45deg);}

#teaser .tag-filter .tag-cloud { 
	position: absolute;background:#F6F5F0;padding: 50px;left:-50px;
	-webkit-box-shadow:0 10px 50px rgba(0,0,0,0.25);-moz-box-shadow:0 10px 50px rgba(0,0,0,0.25);box-shadow:0 10px 50px rgba(0,0,0,0.25);
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	-webkit-transform: translate(0px, -50%) scale(0);-moz-transform: translate(0px, -50%) scale(0);transform: translate(0px, -50%) scale(0);
	filter: alpha(opacity=0);opacity: 0;
	top:-9999em;
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms; 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms; 
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms;  
}
#teaser .tag-filter .tag-cloud.open { 
	top: -50px;-webkit-transform: translate(0px, 0px) scale(1);-moz-transform: translate(0px, 0px) scale(1);transform: translate(0px, 0px) scale(1);
	filter: alpha(opacity=100);opacity: 1;
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
}
#teaser .tag-filter .tag-cloud h4 {text-transform: uppercase; font-weight: 700; font-size: 16px; margin-bottom: 20px}
#teaser .tag-filter .tag-cloud h4 i {
	width: 25px;height: 25px; text-align: center; line-height: 30px; color: #fff; font-size: 14px;display: block; background: #e95d0f; 
	background:#737373; float: left; margin-right:10px
}
#teaser .tag-filter .tag-cloud h4 i.icon-tag {font-size: 18px}
#teaser .tag-filter .tag-cloud .tags a { text-decoration: none}
#teaser .tag-filter .tag-cloud .tags a:hover { text-decoration: underline}

#teaser .tag-filter .tag-cloud .tags .inactive a,
#teaser .tag-filter .tag-cloud .tags .inactive a:hover{ pointer-events: none; color: #666; text-decoration: none; cursor: default}

#teaser .tag-filter .tag-cloud a.more { text-transform: uppercase; letter-spacing: 2px; text-decoration:none; color: #EA651B; display: block; padding-top: 40px}

#teaser .tag-filter .tag-cloud h4,
#teaser .tag-filter .tag-cloud .tags,
#teaser .tag-filter .tag-cloud a.more {	opacity: 0;-webkit-transform: translate3d(0, 50px, 0);transform: translate3d(0, 50px, 0);}

#teaser .tag-filter .tag-cloud.open h4,
#teaser .tag-filter .tag-cloud.open .tags,
#teaser .tag-filter .tag-cloud.open a.more {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
#teaser .tag-filter .tag-cloud.open h4{ -webkit-transition-delay: 0.35s; transition-delay: 0.35s;}
#teaser .tag-filter .tag-cloud.open .tags { -webkit-transition-delay: 0.4s; transition-delay: 0.4s;}
#teaser .tag-filter .tag-cloud.open a.more {-webkit-transition-delay: 0.45s;  transition-delay: 0.45s;}

#teaser .tag-filter.networks .tag-cloud {width:350px}
#teaser .tag-filter.networks .tag-cloud h4 { position: relative; padding-bottom: 15px; margin-bottom: 10px}
#teaser .tag-filter.networks .tag-cloud h4::before { content: "";height: 3px;width: 75px;background: #DBDBDB;position: absolute;left: 0;bottom: 0;}

#teaser .tag-filter.networks ul.network {padding-left: 0; list-style: none}
#teaser .tag-filter.networks ul.network li a{ text-decoration: none; display: block; padding: 5px 0 }
#teaser .tag-filter.networks ul.network li a i {
    width: 25px; height: 25px; text-align: center; line-height: 30px; display: block; 
    color: #fff; background: #737373; float:left; margin-right: 10px
}
#teaser .tag-filter.networks ul.network li a:hover i.icon-facebook{ background: #3B5998}
#teaser .tag-filter.networks ul.network li a:hover i.icon-youtube{ background: #CD201F}
#teaser .tag-filter.networks ul.network li a:hover i.icon-twitter{ background: #1DA1F2}

/* -- Teaser Pager  -- */
#teaser .swiper-pagination { position:absolute; left:0; right:0; bottom:0; padding:0 50px 0; z-index:4; display: none}
#teaser .swiper-pagination .swiper-pagination-bullet{
	-webkit-border-radius: 50%;-moz-border-radius:  50%;border-radius: 50%; margin:0 4px; cursor:pointer;
	width: 6px;height: 6px; background:#DBDBDB; display:inline-block;
}
#teaser .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #e95d0f;	
    background: -webkit-linear-gradient(left, #e95d0f 0%, #f49a00 100%);	
    background: -o-linear-gradient(left, #e95d0f 0%, #f49a00 100%);	
    background: linear-gradient(to right, #e95d0f 0%, #f49a00 100%);
}

/* -- Inner Layout -- */
#inner { position: relative; z-index: 5}

/* -- Sidebar -- */
.sidebar {width: 350px; padding-top: 50px}
.sidebar .block { margin-bottom:50px}
.sidebar.lft {float: left; }
.sidebar.rt {float: right;}

/* -- Inhalt -- */
#mainContent { margin: 0 400px 0 0 }
.page-full #mainContent { margin: 0}

h1, h2 {font-family: 'CDUKievitBold', sans-serif; font-weight:normal}
h2.headline { font-size: 24px; padding-bottom: 20px; position: relative}
#mainContent > h2.headline:first-child {padding-top:50px}
h2.headline::before {content:"";height:3px; width: 75px; position: absolute;left: 0; bottom:0; display: block; background: #DBDBDB}

/* -- Mehr laden Balken -- */
.loadmore .more{ 
    text-transform: uppercase; color: #fff !important; padding: 26px 50px; text-align: center; letter-spacing: 2px; width: 350px; margin: 0 auto; display: block;
    -webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; text-decoration: none;
    font-family: "Open Sans", sans-serif;border: 0;cursor: pointer; font-size: 16px;
    background: #e95d0f;
    background: -webkit-linear-gradient(left, #e95d0f 0%, #f49a00 100%);
    background: -o-linear-gradient(left, #e95d0f 0%, #f49a00 100%);
    background: linear-gradient(to right, #e95d0f 0%, #f49a00 100%);
}
.loadmore button.more{ padding: 20px 20px 40px}
.loadmore .more.v2{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

/* -- Content Part -- */
.content-part { text-align:left; overflow:hidden }
.content-part:last-child { margin-bottom:100px}
.content-part h2 { font-size:24px; position:relative; margin-bottom:50px}
.content-part h2::before { height:3px; width:200px; content:""; background:rgba(0,0,0,0.1); position:absolute; bottom:-10px; display:block}
.content-part.headline-rt h2 { text-align:right;}
.content-part.headline-rt h2::before { left:auto; right:0;}
.content-part .cp-inner{padding:50px 0; position:relative}

/* -- Content Part -- */
.content-part.grey { background:#D8E0E3 }
.content-part.grey h2::before { background:rgba(255,255,255, 0.5)}
.content-part.grey .cp-inner{padding:75px 0}

/* -- Elemente & Blöcke -- */
.node { overflow:hidden; margin-bottom:20px}
.node:first-child{ padding-top: 50px}
.node .img img { display:block}
.node figure {margin-left: -50px; margin-bottom: 30px}
.node figure img{ max-width: 100%; height: auto !important; display: flex}
#mainContent .node figure iframe {height: auto !important; min-height: 420px; max-height: 422px}
.node h2{ font-family: 'Open Sans',sans-serif;color:#7C6D24; font-style: italic; font-weight: 500; line-height: 34px}
.node .inner{ padding:50px}
.node .inner{ padding:50px}
.node .inner a{ color:#EA651B; text-decoration:none}
.node blockquote {
    font-family: 'CDUKievitItalic', sans-serif; font-style: italic;margin:30px -50px 0; padding:50px 0; 
    background:url(../gfx/blockquote-bg.png) right top no-repeat; position:relative;
}
.node blockquote p{font-size:40px;color:#4A9EBC; line-height:42px}
.node blockquote::before {content:""; height:3px; width:200px; background:rgba(0,0,0,0.2); position: absolute; left:0; top:0}
.node blockquote .copy { font-size:14px; line-height: normal}
.node blockquote .copy .img{ float:left; margin-right:10px}
.node blockquote .copy em{ display:block; color:#737373}

/* -- Node Sticky -- */
.node.sticky { margin-bottom: 0}
.node.sticky .inner {padding:50px 50px 0}

/* -- 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}

/* -- Node Mediathek -- */
.node-media h2 { padding: 50px 50px 0}
.node-media p {margin-bottom:0}
.node-media small.submitted{ font-size: 14px; font-style:italic; color: #737373}

/* -- Node Single -- */
.node-single:first-child {padding-top:0}
.node-single table { margin-bottom: 30px}

.node-single table th,
.node-single table td { vertical-align: top; text-align: left; padding: 0 0 10px}

.node-single table th {min-width: 150px}

.node-single ul { padding-left: 0; list-style: none; margin-bottom: 30px}
.node-single ul li { padding-left: 25px; position: relative}
.node-single ul li::before {
	content:"";background: #737373; width: 10px;height: 10px; position: absolute; left: 0; top: 10px;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}

/* -- Node Download -- */
.node-download h2 { color: #333; font-size: 24px;font-weight: bold; font-style: normal; padding-bottom: 20px; position: relative}
.node-download h2::before {content:"";height:3px; width: 75px; position: absolute;left: 0; bottom:0; display: block; background: #DBDBDB}

.downloads .downloadItem { margin-bottom: 40px}
.downloads .downloadItem h3 { font-size: 16px;}
.downloads .downloadItem h3 i{
    position: relative; top: 1px;
    width: 25px; height: 25px; color: #fff; display: block; text-align: center; line-height: 28px; 
    font-size: 14px; float:left; margin-right: 15px; margin-left: -40px;
    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%);
}
.downloads .downloadItem h3 a{ color: #333}

.downloads .downloadItem p { margin-bottom: 10px}
.downloads .downloadItem > small { display: block; color: #737373; font-size: 14px; font-style:italic}
.downloads .downloadItem > small a { color: #737373; font-style: italic; display: inline-block; margin-left: 10px}
.downloads .downloadItem > small a::before {float: right; margin-left: 5px; position: relative; top: 8px}
.downloads .downloadItem > small a.active::before {
	-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);	
}
.downloads .downloadItem ul.other-releases {padding-left:0; list-style: none; padding-top: 10px; display: none}
.downloads .downloadItem ul.other-releases.active { display:block}
.downloads .downloadItem ul.other-releases li a{ color: #333}
.downloads .downloadItem ul.other-releases li a i{
	width: 25px;height: 25px;background:#737373; color: #fff; font-size: 14px; line-height: 28px; text-align: center; display: block;
	float:left; margin-right: 10px;
}
.downloads .downloadItem ul.other-releases small { color: #737373; font-style: italic; font-size: 14px}

/* -- Node Mitglieder -- */
.node-staff { padding-right: 50px}
.node-staff h2 { color: #333; font-size: 24px;font-weight: bold; font-style: normal; padding-bottom: 20px; position: relative}
.node-staff h2::before {content:"";height:3px; width: 75px; position: absolute;left: 0; bottom:0; display: block; background: #DBDBDB}

/* -- Mitglieder - Liste -- */
.staffList { padding-top: 30px; padding-left: 50px}
.staffList .staffItem { margin-bottom: 15px; }
.staffList .staffItem .thumb {width: 75px;height: 75px;float:left; overflow: hidden;transform: translateZ(0)}
.staffList .staffItem .thumb::before {
	content:""; top:0; width: 75px;height: 75px; position:absolute; background:url(../gfx/active-ring.png) center no-repeat;background-size:cover;filter: alpha(opacity=0);opacity: 0; z-index: 2;
	-webkit-transform: scale(1.3);-moz-transform: scale(1.3);-o-transform: scale(1.3);-ms-transform: scale(1.3);transform: scale(1.3);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.staffList .staffItem .thumb img { display:block; position: relative; z-index: 1}
.staffList .staffItem a.thumb:hover::before {
	filter: alpha(opacity=100);opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
}
.staffList .staffItem a.thumb:hover {-webkit-box-shadow:0 8px 20px rgba(0,0,0,0.3);-moz-box-shadow:0 8px 20px rgba(0,0,0,0.3);box-shadow:0 8px 20px rgba(0,0,0,0.3);}

.staffList .staffItem .name {float:left;padding-left: 20px;width:calc(100% - 300px)}
.staffList .staffItem .name strong { display:block; font-weight: 500}
.staffList .staffItem .contactinfo { float:right}
.staffList .staffItem .contactinfo strong {padding-right:5px}
.staffList .staffItem .contactinfo .phone {text-align:right}

.staffList .staffItem .contactinfo ul {padding-left:0; list-style: none; float:right}
.staffList .staffItem .contactinfo ul li { float:left; margin-left: 10px}
.staffList .staffItem .contactinfo ul li a{
	width: 25px;height: 25px;color:#fff; background:#737373; text-decoration: none; 
	text-align: center; line-height: 28px; font-size: 14px; display: block
}
.staffList .staffItem .contactinfo ul li a.orange {
	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%);
}
.staffList .staffItem .contactinfo ul li a span { display: none}
.staffList .staffItem .contactinfo ul li a.icon-person {line-height: 27px; font-size:13px}
.staffList .staffItem .contactinfo ul li a.icon-instagram:before {position: relative; left: 1px}
.staffList .staffItem .contactinfo ul li a.icon-facebook:hover { background: #3b5998}
.staffList .staffItem .contactinfo ul li a.icon-twitter:hover { background: #4099FF}
.staffList .staffItem .contactinfo ul li a.icon-home:hover { background: #EA651B}

/* -- Downloads  -- */
.node .media {position: relative;padding-top:30px; margin-left: -50px}
.node.publikation .media { margin-left: 0}
.node .media::before {content: ""; height: 2px;width:200px;background: #DBDBDB; position: absolute; left: 0; top: 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: -webkit-linear-gradient(#e95d0f 0%, #f49a00 100%);
    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 em{ color:#737373; font-size: 14px}
.node .media ul li a:hover { text-decoration:underline}

/* -- -- */
#search-results {padding-top:50px}
.node-result {position: relative; padding: 30px}
.node-result::before { width: 200px; height: 3px; background: #DBDBDB; content:""; position: absolute; left: 0; top: 0}
.node-result h2{ margin-bottom: 0}
.node-result h2 a{ text-decoration: none}
.node-result .submitted{ display: block; font-style: italic; font-size:14px; color: #737373; margin-bottom: 10px}
.node-result .inner{padding: 0}
.node-result a.more{ text-transform: uppercase; letter-spacing: 2px}

/* -- Gallery -- */
.gallery { margin:30px 0 30px -50px; position:relative; overflow:hidden; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.gallery .count{ 
    position: absolute; left:0; top:0; padding:25px 50px; z-index:2; color:#fff;right:0; display: block;
    background: -webkit-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%);
    background: -o-linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%);
    background: linear-gradient(rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 76%, rgba(0,0,0,0) 100%);
}
.gallery .thumbs{ position:relative; z-index:1}
.gallery .thumbs div{ float:left; display:block; overflow: hidden}
.gallery .thumbs .large {width: 462px; height: 400px}
.gallery .thumbs .small {height: 200px; width: 237px}
.gallery .thumbs img{  display:block; width: auto !important}
.gallery .thumbs >img {width:100% !important; height: auto !important}

.gallery a.more {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 2}
.gallery a.more span{ 
    position:absolute; z-index:2; left:0; bottom:0;
    color:#fff; letter-spacing:2px; padding:25px 25px 40px; width: 200px;display:block; text-decoration:none; text-transform:uppercase; margin-left:50px;
    -webkit-border-radius: 6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;
    background: -webkit-linear-gradient(left, rgba(233,93,15,0.85) 0%, rgba(244,154,0,0.85) 100%);
    background: -o-linear-gradient(left, rgba(233,93,15,0.85) 0%, rgba(244,154,0,0.85) 100%);
    background: linear-gradient(to right, 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%;
}
.gallery a.more span:hover {background-size:140%;}
.gallery .hiddenlinks {display:none}

/* -- Tabs -- */
.tabs .tab-content{ display: none}
.tabs .tab-content.active { display:block}
.tabs .tab-content .swiper-slide:last-child {margin-right:0}

/* -- Blöcke -- */
.block .img img { display:block; width: 100% !important; height: auto !important}
.block .img .blur { 
	position:absolute; left:10px;right:10px; top:0; bottom:-10px; height:auto; width:auto; display:block; background-size:cover;
	-webkit-filter: blur(20px);-moz-filter: blur(20px);filter: blur(20px);
    filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='20');
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .block .img img,
    .block .img .media-place{box-shadow: 0 10px 20px rgba(0,0,0,0.3), 0 20px 30px rgba(0,0,0,0.1)}
    .block .img .blur {display:none}
}
.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 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:600px;-webkit-transform: translateZ(0);transform: translateZ(0);}
.block-teaser .img { 
	float:left; width: 750px; position:relative; margin-top:-250px; 
 	-webkit-transition: margin-top 450ms cubic-bezier(0.4, 0.0, 0.2, 1), height 450ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition:  margin-top 450ms cubic-bezier(0.4, 0.0, 0.2, 1), height 450ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	transition: margin-top 450ms cubic-bezier(0.4, 0.0, 0.2, 1), height 450ms cubic-bezier(0.4, 0.0, 0.2, 1); 
}
.block-teaser .img h2 { 
	color:#fff; padding:50px; font-size:52px; line-height:54px; font-weight:normal; font-family: 'CDUKievitBold', sans-serif; text-transform:uppercase;
	-webkit-text-shadow:0 2px 7px rgba(0,0,0,0.2);-moz-text-shadow:0 2px 7px rgba(0,0,0,0.2);text-shadow:0 2px 7px rgba(0,0,0,0.2); margin-bottom:0;
    position: relative;
}
.block-teaser .img h2 a{ text-decoration: none}
.block-teaser .img h2 .pipe,
.block-teaser .img h2::before {
    content: "";height: 3px;width: 200px;background: rgba(255,255,255, 0.6);
    position: absolute;margin-top: -50px;display: block;left: 50px;
    transform: translateZ(0)
}

.block-teaser .img h2 .pipe{ background: #fff;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;}
.block-teaser .img h2 .pipe .line{ 
    background: #e95d0f;
    background: -moz-linear-gradient(left, #e95d0f 0%, #f49a00 100%);
    background: -webkit-linear-gradient(left, #e95d0f 0%,#f49a00 100%);
    background: linear-gradient(to right, #e95d0f 0%,#f49a00 100%);
    position: absolute; left: 0; top: 0; height: 100%;
    -webkit-transform: translateZ(0);transform: translateZ(0);
}

.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;
	-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;
}
.block-teaser h3{ color:#7C6D24; font-size:16px; font-weight:500; font-style:italic}
.block-teaser .inner{ 
	background:#F6F5F0; overflow:hidden; width: 400px; margin-top:250px; padding:50px; height:450px; line-height:28px;
	-webkit-border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0;
}
.block-teaser a.more { 
	color:#fff; letter-spacing:2px; padding:25px 25px 40px; width: 200px;display:block; text-decoration:none; text-transform:uppercase; margin-left:50px;
	position: relative; -webkit-border-radius: 6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;z-index:3;
}
.block-teaser a.more::after { 
	content:""; width: 100%; height: 100%; top: 0; left: 0;position: absolute;
	-webkit-border-radius: 6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;
	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%);
	-webkit-transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 background-size:100%;filter: alpha(opacity=85);opacity: 0.85; z-index: -1;

}
.block-teaser a.more:hover::after {filter: alpha(opacity=100);opacity: 1;}

/* -- Block Teaser mit Video -- */
.block-teaser .media-place{	
    position: relative;z-index: 1; overflow: hidden;
    -webkit-border-radius: 0 0 6px 6px;	-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;
}
.block-teaser .media-place iframe{ display: block; margin-bottom: 0}
.block-teaser .player-bar { 
    position: relative;margin-left: 50px; margin-right: 50px; overflow: hidden; width: 200px;
    -webkit-border-radius: 6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; 
}
.block-teaser .player-bar a.more {padding: 20px 25px 19px; margin-left: 0; line-height: 36px}
.block-teaser .player-bar a.more::before {font-size:36px; float: left; margin-right: 10px}
.block-teaser .player-bar::before { 
    content:""; width: 100%; height: 100%; top: 0; left: 0;position: absolute;
    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%);
    -webkit-transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
    transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
    background-size:100%;filter: alpha(opacity=85);opacity: 0.85; z-index: -1;
}
.block-teaser .player { display: none}
.block-teaser .player button.btn {
    border: 0; width: 30px; height: 30px; color: #fff; background:transparent; 
    cursor:pointer; display: block;float:left;vertical-align: top
}
.block-teaser .player button.icon-pause {font-size:30px; margin-right: 15px}

.block-teaser .player button.icon-mute,
.block-teaser .player button.icon-volume {font-size:25px;line-height: 30px; position: relative; top: 2px}

.block-teaser .player .timebar-wrap{ background: rgba(255,255,255, 0.4); height: 5px; margin-left: 100px; position: relative; top: 10px}
.block-teaser .player .timebar-wrap .timebar{ background: #fff; height: inherit}

.active-video .block-teaser .player-bar { width: auto}
.block-teaser .player-bar.short {width: calc(100% - 350px); float: left}
.block-teaser .player-bar.short + a.more {overflow: hidden; padding: 23px 25px 24px}
.active-video .block-teaser .player-bar.short + a.more {margin-top: 0; padding: 23px 25px 24px}
.active-video .block-teaser .player-bar a.more {display: none}

.active-video .block-teaser .player-bar,
.active-video .block-teaser .player-bar + a.more{filter: alpha(opacity=0);opacity: 0;}
.active-video .block-teaser .player { display: block; padding: 22px 20px 23px;filter: alpha(opacity=0);opacity: 0;}

.active-video:hover .block-teaser .player-bar,
.active-video:hover .block-teaser .player-bar + a.more,
.active-video:hover .block-teaser .player { filter: alpha(opacity=100);opacity: 1;}

.block-teaser .player-bar a.more::after { 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; min-height: 400px}
.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 {-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#F6F5F0;}
.block-info .img {-webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0; 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 {
	background:url(../gfx/orange-bg.png); background-size:cover; height: auto;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; 
}
.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 dt {font-weight: bold}
.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.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 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 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; */ min-height:83px; vertical-align:middle;overflow: hidden; position: relative;top: -7px;
     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: center;-ms-flex-pack: center;justify-content: center;
    -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;
    margin-left: 100px;
}

.block-info ul.members li .desc br { display: none}
.block-info ul.members li .desc small {font-size:14px; line-height: normal; display: block}
.block-info ul.members li .desc small.phone {padding-top:7px}
.block-info ul.members li .desc a.sendMail { margin-top: 7px}

.block-info a.more { text-transform: uppercase; letter-spacing: 2px; text-decoration: none; color: #EA651B; }
.block-info a.more:hover {color:#4a9ebc}

/* -- Block mit blauen Hintergrund -- */
.block-info.blue {
    color: #fff;
    background: #97c7d8;
    background: -webkit-linear-gradient(#97c7d8 0%, #4a9ebc 100%);
    background: -o-linear-gradient(#97c7d8 0%, #4a9ebc 100%);
    background: linear-gradient(#97c7d8 0%, #4a9ebc 100%);
}
.block-info.blue a.submit { 
    display: block; padding: 10px 0 30px; margin-bottom: -30px;letter-spacing: 3px;
    text-align: center; text-transform: uppercase;  background: #e95d0f;
    background: -webkit-linear-gradient(left, #e95d0f 0%, #f49a00 100%);
    background: -o-linear-gradient(left, #e95d0f 0%, #f49a00 100%);
    background: linear-gradient(to right, #e95d0f 0%, #f49a00 100%);
    -webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0;    
}

/* -- Social Media Stream -- */
.block-info.stream .submitted{ float: right; font-size: 14px; color: #737373}
.block-info.stream .tag {position: relative; padding-bottom: 15px; margin-bottom: 10px; font-size: 14px; font-style: italic;color: #737373}
.block-info.stream .tag::before {content: ""; height:3px; width: 75px; background: #DBDBDB; position: absolute; left: 0; bottom: 0}
.block-info.stream .tag i { width: 25px;height: 25px; color: #fff; text-align: center; line-height: 30px; display: block; float: left; margin-right: 10px; font-size:16px}
.block-info.stream .tag i.icon-facebook { background: #3B5998}
.block-info.stream .tag i.icon-twitter { background: #1DA1F2}
.block-info.stream .tag i.icon-youtube { background: #CD201F}
.block-info.stream .inner { font-size:16px; line-height: 24px}

/* -- Block Image -- */
#more-topics .swiper-slide,
#news-swiper .swiper-slide { width:350px; padding-bottom:60px;-webkit-backface-visibility: hidden;}
.block-img { 
	width:350px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px; background:#F6F5F0; height:400px; position:relative;
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden; -webkit-transform:translateZ(0);transform:translateZ(0);
	-webkit-box-shadow:0 0 0 rgba(233,93,15, 0.6);-moz-box-shadow:0 0 0 rgba(233,93,15, 0.6);box-shadow:0 0 0 rgba(233,93,15, 0.6);
	 -webkit-transition: -webkit-box-shadow 450ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition:  -moz-box-shadow 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: box-shadow 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.block-img .blur { 
	opacity: 0;
	position:absolute; left:5px;right:5px; top:10px; bottom:150px; height:auto; width:auto; display:block; transform:translateZ(0);
	-webkit-filter: blur(15px);-moz-filter: blur(15px);filter: blur(15px); z-index: -2;
	-webkit-transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1); 
    -moz-transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: opacity 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.block-img:hover .blur { filter: alpha(opacity=100);opacity: 1;}
.block-img .img { 
	-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; display: block;
	overflow:hidden; position:relative; height:250px; background-size:cover; background-position:center;transform:translateZ(0);
	 -webkit-transition: height 450ms cubic-bezier(0.4, 0.0, 0.2, 1), background-size 450ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition:  height 450ms cubic-bezier(0.4, 0.0, 0.2, 1), background-size 450ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	 transition: height 450ms cubic-bezier(0.4, 0.0, 0.2, 1), background-size 450ms cubic-bezier(0.4, 0.0, 0.2, 1); 
}
.block-img.media .img,
.block-img .img.yt {background-size:140%;}

.block-img .img::before {
	content:""; height:40px; left:0; top:0; right:0; width:auto; display:block; position:absolute;
	background: -moz-linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, 0 100%, 0 0, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0)));
	background: -o-linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
}
.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;top: -15px; margin-bottom:225px; filter: alpha(opacity=100);opacity: 1; color:#fff; font-style:italic;
	-webkit-transition: margin-bottom 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1); 
	-moz-transition:  margin-bottom 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: margin-bottom 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.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-img:hover ul.social-links li a { background:#fff; color: #737373}

.block-img ul.social-links li a:hover { background:#737373; color: #fff}
.block-img ul.social-links li a.icon-facebook:hover { background:#3b5998}
.block-img ul.social-links li a.icon-twitter:hover { background:#4099FF}
.block-img ul.social-links li a.icon-youtube:hover { background:#bb0000}
.block-img ul.social-links li a.icon-flickr:hover { background:#0063DC}
.block-img ul.social-links li a.icon-xing:hover{ background:#026466}
.block-img ul.social-links li a.icon-instagram:hover{ background:#e1306c}

.block-img.stream .submitted{ float: right; font-size: 14px; color: #fff; padding: 30px 30px 15px}
.block-img.stream .tag {position: relative; margin-bottom: 10px; font-size: 14px; font-style: italic;color: #fff; padding: 30px 30px 15px}
.block-img.stream .tag i { width: 25px;height: 25px; color: #fff; text-align: center; line-height: 30px; display: block; float: left; margin-right: 10px; font-size:16px}
.block-img.stream .tag i.icon-facebook { background: #3B5998}
.block-img.stream .tag i.icon-twitter { background: #1DA1F2}
.block-img.stream .tag i.icon-youtube { background: #CD201F}

.block-img.stream .inner { padding: 30px; font-size:16px; line-height: 24px}
.block-img.stream a.more {text-transform: uppercase;letter-spacing: 2px;text-decoration: none;color: #EA651B;}
.block-img.stream a.more:hover {color: #4a9ebc;}

/* -- Block Image - Hover -- */
.block-img:hover {
	-webkit-box-shadow:0 15px 15px rgba(233,93,15, 0.1), 0 25px 25px rgba(233,93,15, 0.2), 0 25px 50px rgba(233,93,15, 0.3);
	-moz-box-shadow:0 15px 15px rgba(233,93,15, 0.1), 0 25px 25px rgba(233,93,15, 0.2), 0 25px 50px rgba(233,93,15, 0.3);
	box-shadow:0 15px 15px rgba(233,93,15, 0.1), 0 25px 25px rgba(233,93,15, 0.2), 0 25px 50px rgba(233,93,15, 0.3);
}
.block-img.overlayed {
    overflow: hidden;-webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;backface-visibility: hidden;
}
.block-img.overlayed .inner{ 
	-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;
	position:absolute; left:0; bottom:0; right:0; padding:30px; height:100%; z-index:2; top:0; line-height: 24px
}
.block-img.overlayed .inner, 
.block-img.overlayed .inner a{ 
	-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);
}
.block-img.overlayed .inner::before {
	content:""; background:url(../gfx/orange-bg.png); background-size:cover; z-index:-1; filter: alpha(opacity=0);opacity: 0; left:0; right:0; width:100%; height:100%; position:absolute;top:0;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 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.overlayed .inner p{
	-webkit-transform: translate(0px, 110px);-moz-transform: translate(0px, 110px);transform: translate(0px, 110px);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1) 50ms; 
	-moz-transition:  -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1) 50ms;
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1) 50ms;
    max-height: 120px;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;  
    text-overflow: ellipsis;
}
.block-img.overlayed a.more { 
	text-decoration:none; text-transform:uppercase; letter-spacing:2px; display:block; position:absolute; left:30px; bottom:25px;
	-webkit-transform: translate(0, 150px);-moz-transform: translate(0, 150px);transform: translate(0, 150px);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1) 100ms; 
	-moz-transition:  -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1) 100ms;
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1) 100ms;
}
.block-img.overlayed a.overlay-link { position: absolute; left: -1px; top:0; right: -1px; bottom:0; width: auto; height: 100%; display: block; z-index: 5}

/* -- Hover style -- */
.block-img.overlayed:hover .img {height:400px} 
.block-img.overlayed.media:hover .img,
.block-img.overlayed:hover .img.yt { background-size: 220%} 
.block-img.overlayed:hover h3::before { width:75px}
.block-img.overlayed:hover .inner,
.block-img.overlayed:hover .inner a { color:#fff}
.block-img.overlayed:hover .inner::before {filter: alpha(opacity=85);opacity: .85}
.block-img.overlayed:hover .inner .cat,
.block-img.overlayed:hover .inner .submitted,
.block-img.overlayed:hover .inner .network{ margin-bottom:0; filter: alpha(opacity=0);opacity: 0}

.block-img.overlayed:hover .inner p,
.block-img.overlayed:hover a.more {-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);transform: translate(0, 0)}
 
.block-img.orange {background:url(../gfx/orange-bg.png); background-size:cover; height: auto}
.block-img.orange .inner{ color: #fff; padding: 30px;background:url(../gfx/orange-bg.png); background-size:cover;}
.block-img.orange .inner a{ color:#fff}
.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::before {
	content:"";left: 0;top: 0;right:-1px; width: auto; display: block;height: 100%; background:url(../gfx/orange-bg.png); background-size:cover; z-index: -1;
	filter: alpha(opacity=0);opacity: 0;-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);
	-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;
}
.block-img.linkbox h3 a{ padding: 30px 30px; display: block}

.block-img.linkbox:hover h3 a{ color: #fff}
.block-img.linkbox:hover h3::before {filter: alpha(opacity=100);opacity: 1;}

 /* -- 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:auto}
#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 { 
	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 a.more:hover {background-size:140%;}

.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 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 Filter - Funklochmelder -- */
.block-filter {
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; background: #F6F5F0;  position: relative; padding: 20px;
    -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)
}
.block-filter button.close { position: absolute;  border: 0; background: transparent;width: 25px;height: 25px;cursor: pointer; right:10px; top: 10px; margin: 25px 25px 0 0; z-index: 2}
.block-filter button.close span {display: none}

.block-filter button.close::before,
.block-filter button.close::after {
	position: absolute; content:"";height:4px;width: 26px;background: #727272; display: block; top: 50%; left: 50%;margin-top: -2px; margin-left: -13px;
}

.block-filter button.close::before {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform:rotate(135deg);}
.block-filter button.close::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}

.block-filter button.close:hover::before,
.block-filter button.close:hover::after { background: #E95D0F}

#map_wrapper .block-filter { position: absolute; right: 0; bottom:0; width: 350px}

.block-filter .range-wrap input[type=range]::-ms-track {
    width: 100%;height: 20px;background: transparent;border-color: transparent;border-width: 0;color: transparent;  overflow: visible
}
.block-filter .range-wrap input[type=range]::-ms-fill-lower {background: transparent;}
.block-filter .range-wrap input[type=range]::-ms-fill-upper {background: transparent;}
.block-filter .range-wrap input[type=range]::-ms-thumb { 
    border: none; height: 206px; width: 20px; border-radius: 50%;
    background: transparent url(../gfx/range-thumb.png) center no-repeat;
}

/* -- Flexgrid Layout -- */
.flexgrid {
    margin: 0 -15px 30px;
    display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    -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;
}
.flexgrid .box {padding: 0 15px }
.flexgrid .box-20 { width: 20%}
.flexgrid .box-25 { width: 25%}
.flexgrid .box-33 { width: 33.333333%}
.flexgrid .box-40 { width: 40%}
.flexgrid .box-50 { width: 50%}
.flexgrid .box-60 { width: 60%}
.flexgrid .box-66 { width: 66.666666%}
.flexgrid .box-75 { width: 75%}
.flexgrid .box-80 { width: 80%}
.flexgrid .box-100 { width: 100%}

@media only screen and (max-width: 820px) {
    .flexgrid .box { width: 50%}
}
@media only screen and (max-width: 736px) {
    .flexgrid .box { width: 100%}
}

.equal-grid {}
.equal-grid:last-child {margin-bottom: 0}
.equal-grid .box {
	display: -ms-flexbox;display: -webkit-flex;display: flex; margin-bottom: 30px;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
}
.equal-grid .node,
.equal-grid .block,
.equal-grid .card {
	display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
	-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;
}
.equal-grid .block .inner {-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto;}


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

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

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

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

.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}

.categoryGrid {margin-left: -50px; padding-top: 50px}
.categoryGrid .box{ padding-left: 50px}
.categoryGrid .catBox{
	background: #F6F5F0; padding: 30px; margin-bottom: 50px; position: relative;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; 
	-webkit-box-shadow:0 0 0 rgba(233,93,15, 0);-moz-box-shadow:0 0 0 rgba(233,93,15, 0);box-shadow:0 0 0 rgba(233,93,15, 0);
	 -webkit-transition: -webkit-box-shadow 450ms cubic-bezier(0.4, 0.0, 0.2, 1); -moz-transition:  -moz-box-shadow 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
	 transition: box-shadow 450ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
.categoryGrid .catBox h3,
.categoryGrid .catBox a.more {position: relative; z-index: 2}

.categoryGrid .catBox:hover h3,
.categoryGrid .catBox:hover a.more{ color:#fff}

.categoryGrid .catBox h3 a:hover,
.categoryGrid .catBox a.more:hover { text-decoration: underline}

.categoryGrid .catBox::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: 6px;-moz-border-radius: 6px;border-radius: 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);
}
.categoryGrid .catBox:hover {
	-webkit-box-shadow:0 15px 15px rgba(233,93,15, 0.1), 0 30px 30px rgba(233,93,15, 0.2), 0 30px 60px rgba(233,93,15, 0.3);
	-moz-box-shadow:0 15px 15px rgba(233,93,15, 0.1), 0 30px 30px rgba(233,93,15, 0.2), 0 30px 60px rgba(233,93,15, 0.3);
	box-shadow:0 15px 15px rgba(233,93,15, 0.1), 0 30px 30px rgba(233,93,15, 0.2), 0 30px 60px rgba(233,93,15, 0.3);
}
.categoryGrid .catBox:hover::before {filter: alpha(opacity=100);opacity: 1;}
.categoryGrid .catBox h3 { text-transform: uppercase; font-size: 16px;}
.categoryGrid .catBox h3 a{ text-decoration: none; display: block}
.categoryGrid .catBox a.more {color:#EA651B; text-transform: uppercase; letter-spacing: 2px; text-decoration: none}

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

/* -- News Preloader -- */
.grid.news {position:relative}
.grid.news::before {
    content:""; background: #fff; background: rgba(255,255,255,0.95);left: 0; top: 0; right: 0;
    height: auto; width: auto; display: block; position: absolute; z-index: 2
}
.preloading .grid.news::before {bottom: 0}
.preloading .loadmore {position: fixed; left: 0; right: 0; bottom: 0; z-index: 6}

/* -- Termine -- */
#termine table td { padding-bottom: 20px}

i.dot {width: 15px;height: 15px;display: block; float: left;margin-right: 10px; position: relative;top: 7px}
i.dot.blue { background: #4A9EBC}
i.dot.green { background: #CA86D8}
i.dot.purple { background: #CFD914}

.event-head {
	padding: 20px 50px; background: #F6F5F0;
	-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;;border-radius:6px 6px 0 0;
}
.event-head strong { display:block; font-size: 24px;text-transform: uppercase; text-align: center}

.event-head .date-prev,
.event-head .date-next {font-size: 25px; color: #737373}

.event-head a.toggle {text-transform: uppercase; color: #EA651B; letter-spacing: 3px; text-decoration: none}
.event-head a.toggle:hover {color:#333}
.event-head .toggleBtnWrap {width: 250px}

#events {padding-top:50px; position: relative}

.event-list {padding:30px 50px}
.event-list .event-item { display: table; width: 100%; table-layout: fixed}
.event-list .event-item .day,
.event-list .event-item .title,
.event-list .event-item .date {display: table-cell; vertical-align: top; padding: 10px 0}

.event-list .event-item .day{width: 60px; color: #4A9EBC; font-size: 40px; font-style: italic}
.event-list .event-item .title h2 { font-style: italic; font-size: 24px; font-weight: normal; overflow: hidden}
.event-list .event-item .title h2 a{color:#7C6D24; text-decoration: none}
.event-list .event-item .title h2 a:hover{color:#333}
.event-list .event-item .date {width: 280px}

/* -- Event Detail -- */
.event-detail {
	overflow:hidden;position:  absolute; z-index: 4; left: 0; width: 100%; top: 200px; background: #fff; 
    -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	-webkit-box-shadow:0 5px 30px rgba(0,0,0,0.3);-moz-box-shadow:0 5px 30px rgba(0,0,0,0.3);box-shadow:0 5px 30px rgba(0,0,0,0.3);
	display: table; table-layout: fixed;
}
.event-detail button.close {float:right; border: 0; background: transparent;width: 25px;height: 25px;cursor: pointer; position: relative; top: 6px}
.event-detail button.close span {display: none}

.event-detail button.close::before,
.event-detail button.close::after {
	position: absolute; content:"";height:4px;width: 26px;background: #727272; display: block; top: 50%; left: 50%;margin-top: -2px; margin-left: -13px;
}

.event-detail button.close::before {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform:rotate(135deg);}
.event-detail button.close::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}

.event-detail .time {font-weight:500; display: block; margin-bottom: 20px; padding-bottom: 20px; position: relative}
.event-detail .time:before {content:""; left: 0; bottom: 0; height: 3px; width: 75px; display: block; position: absolute; background:rgba(219,219,219, 0.6)}

.event-detail h3 {font-size:24px; line-height: 36px; font-weight: 500; font-style: italic; color: #7C6D24; margin-bottom: 0}
.event-detail .lft,
.event-detail .rt {padding: 50px; display: table-cell; float: none; vertical-align: top}

.event-detail .authorInfos { margin-bottom: 15px}
.event-detail .authorInfos:first-child:before {bottom:0;}
.event-detail .rt { background: #F6F5F0}

.event-detail .rt ul {padding-left: 0; list-style: none}
.event-detail .rt ul li {position: relative; padding-left: 35px; margin-bottom: 10px}
.event-detail .rt ul li a{ text-decoration: none;}
.event-detail .rt ul li a:hover{ text-decoration: underline;}

.event-detail .rt ul li i{
	width: 25px;height: 25px; display: block; color: #fff;background: #737373; font-size: 14px;
	position: absolute;left: 0; top: 3px; text-align: center; line-height: 30px;
}
.event-detail .rt ul li i.icon-date {
	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%);
	
}
.event-detail .rt ul li i.dot.blue { background: #4A9EBC}
.event-detail .rt ul li i.dot.green { background: #CA86D8}
.event-detail .rt ul li i.dot.purple { background: #CFD914}

.event-detail a.more {text-transform: uppercase; letter-spacing: 3px; text-decoration: none; color: #EA651B}

/* -- Gallery -- */
.modaal-container #gallery {
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	-webkit-box-shadow:0 5px 30px rgba(0,0,0,0.3);-moz-box-shadow:0 5px 30px rgba(0,0,0,0.3);box-shadow:0 5px 30px rgba(0,0,0,0.3);
	max-height: 80vh
}

#gallery .gallery-prev,
#gallery .gallery-next { 
	width: 75px;height: 75px;position: absolute; top: 50%; margin-top: -37px; z-index: 2;color:#fff; font-size: 25px; text-align: center; line-height: 80px;
	background: -moz-linear-gradient(45deg, rgba(233,93,15,0.85) 0%, rgba(233,93,15,0.85) 53%, rgba(244,154,0,0.85) 100%);
	background: -webkit-linear-gradient(45deg, rgba(233,93,15,0.85) 0%,rgba(233,93,15,0.85) 53%,rgba(244,154,0,0.85) 100%);
	background: linear-gradient(45deg, rgba(233,93,15,0.85) 0%,rgba(233,93,15,0.85) 53%,rgba(244,154,0,0.85) 100%);
}

#gallery .gallery-prev {left:0;-webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0}
#gallery .gallery-next {right:0;-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px}

#gallery .swiper-wrapper { z-index: 1}
#gallery .swiper-slide { background: #F6F5F0; text-align: center; }
#gallery .swiper-slide img { display: block;	height: auto !important;width: 100%;}

#gallery .count { 
	position: absolute; z-index: 3; left: 0; top: 0;right: 0; padding: 25px 50px; color: #fff; text-align: left;
	background: -webkit-linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
}
#gallery .img-wrap { 
    margin: 0 auto; position: relative; height: inherit;
    display: inline-block; display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
    -webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;
    -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;
    -webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;
    -webkit-align-items: center;-ms-flex-align: center;align-items: center;
} 
.modaal-container #gallery .img-wrap img { position: relative; }
#gallery .count i {
	width: 25px;height: 25px;background:#fff;color:#737373;display: block;float: left; margin-right: 10px;
	text-align: center; font-size: 14px;
}
/* -- Funklochmelder Karte -- */
ul.map-tabs {
    padding-left:0; list-style: none; display: table; width: 100%; table-layout: fixed; background: #F6F5F0; margin-top: 40px;
    -webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0; overflow: hidden;
    -webkit-transform: translateZ(0);transform: translateZ(0);	font-family: 'CDUKievit', sans-serif;
}
ul.map-tabs li {display: table-cell; vertical-align: top}
ul.map-tabs li a{ 
    display: block; height:70px; line-height: 74px; text-align: left; 
    text-transform: uppercase; text-decoration: none; background:#E9E8E4;
    font-size:16px; color: #EA651B;letter-spacing: 2px; padding: 0 40px;
}
ul.map-tabs li a:hover{}
ul.map-tabs li.active a{font-size:24px;color: #333; background: transparent; font-weight: bold;font-family: 'CDUKievitBold', sans-serif}
ul.map-tabs li a i{ 
    color: #fff; width: 20px;height: 20px; display: inline-block; line-height: 20px; text-align: center; position: relative; top: 3px; margin-right: 5px;
    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%);
}
ul.map-tabs li a i::before{ line-height: 22px; font-size: 14px; display: inline-block;padding-left:2px}
ul.map-tabs li.filter-btn {width: 200px}
ul.map-tabs li.filter-btn a{ color: #333; font-weight: normal !important;font-family: 'CDUKievit', sans-serif !important; font-size: 16px !important}
ul.map-tabs li.disabled { display: none}

#dzMap {margin-bottom: 70px}
#map_wrapper {position: relative}
fieldset.standort-suche { position: absolute; left: 0; top: 0; right: 0; background: #F6F5F0; padding: 30px 50px; z-index: 3}
fieldset.standort-suche button.close { cursor: pointer; border: 0; background: transparent; position: relative; width: 30px; height: 30px; float: right;top:10px}
fieldset.standort-suche button.close::before,
fieldset.standort-suche button.close::after { 
    width: 20px; height: 2px;content:""; background: #727272; position: absolute; left: 50%; top: 50%;
    margin-left: -10px; margin-top: -1px;
}
fieldset.standort-suche button.close::before {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg) }
fieldset.standort-suche button.close::after {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg)}

fieldset.standort-suche input.formText { 
    border: 0 !important; font-size:16px; padding: 16px !important; width: 100%;
     -webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px; 
}

fieldset.standort-suche .formItem {float:left; width: 95%; width: calc(100% - 120px); margin-bottom: 0}
fieldset.standort-suche button.formSubmit { 
    width: 50px;height: 50px; padding: 0; text-align: center; line-height: 50px;
    -webkit-border-radius:0 6px 6px 0;-moz-border-radius:0 6px 6px 0;border-radius:0 6px 6px 0; 
}
fieldset.standort-suche button.formSubmit span { display: none}

/* -- Funklochmelder - Overlay -- */
.funkloch-overlay {position:fixed;left: 0; top: 0; right: 0; overflow: auto; z-index: 888; padding: 40px 30px; height: 100vh}

#funkloch-melder {
    overflow: hidden;position: absolute;z-index: 4;left: 50%;  margin: 30px auto;margin-left: -412px; width: 825px;top: 100px;background: #fff; padding: 50px;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
    -webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.3);-moz-box-shadow: 0 5px 30px rgba(0,0,0,0.3);box-shadow: 0 5px 30px rgba(0,0,0,0.3);
}
#funkloch-melder button.close {float:right; border: 0; background: transparent;width: 25px;height: 25px;cursor: pointer; position: relative; top: 6px}
#funkloch-melder button.close span {display: none}

#funkloch-melder button.close::before,
#funkloch-melder button.close::after {
	position: absolute; content:"";height:4px;width: 26px;background: #727272; display: block; top: 50%; left: 50%;margin-top: -2px; margin-left: -13px;
}

#funkloch-melder button.close::before {-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform:rotate(135deg);}
#funkloch-melder button.close::after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);}

#funkloch-melder button.close:hover::before,
#funkloch-melder button.close:hover::after { background: #E95D0F}
    
#funkloch-melder h2 { text-transform: uppercase}
#funkloch-melder h3 {text-transform: uppercase; font-size: 16px; position: relative; padding-bottom: 15px}
#funkloch-melder h3::before { content:""; left:0; bottom:0px; height:3px; width:75px; background:#DBDBDB; display:block; position:absolute}
#funkloch-melder h3.noborder {padding-bottom:0; margin-bottom: 0}
#funkloch-melder h3.noborder::before {display:none}

#funkloch-melder .provider{ position: relative; margin-bottom: 10px; padding-left: 25px}
#funkloch-melder .provider label{ 
    background: #F6F5F0; width: 150px;height: 150px; padding:30px 0 10px; text-align: center; display: block; cursor: pointer;
    -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; float:left; margin-left: 25px; font-size:14px; margin-bottom: 20px
}
#funkloch-melder .provider input[type="radio"]{ position: absolute;filter: alpha(opacity=0);opacity: 0;}
#funkloch-melder .provider input[type="radio"]:checked + label { 
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #4A9EBC, 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 0 2px #4A9EBC, 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 0 2px #4A9EBC, 0 5px 10px rgba(0,0,0,0.2);
}
#funkloch-melder .provider .img-wrap {height:80px; display: block; text-align: center; line-height: 80px}
#funkloch-melder .provider label.button{
    height:auto; width: auto; float: none; clear: both; padding:10px 0;
}
#funkloch-melder .alter-provider {display:none}
#funkloch-melder .alter-provider h3 {margin-left:-25px}
#funkloch-melder .dataconnection {padding-left:25px; margin-bottom: 10px}
#funkloch-melder .dataconnection label {
    background: #F6F5F0; width: 150px;height: 50px;line-height: 50px; text-align: center; display: block;font-size:14px; margin-bottom: 20px;
    -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; float:left; margin-left: 25px; cursor: pointer;
}
#funkloch-melder .dataconnection input[type="radio"] { position: absolute;filter: alpha(opacity=0);opacity: 0;}
#funkloch-melder .dataconnection input[type="radio"]:checked + label { 
    background: #fff;
    -webkit-box-shadow: inset 0 0 0 2px #4A9EBC, 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: inset 0 0 0 2px #4A9EBC, 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 0 2px #4A9EBC, 0 5px 10px rgba(0,0,0,0.2);
    
}
/* -- Range -- */
#funkloch-melder .range-wrap {padding:0 7%; position: relative}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    #funkloch-melder .range-wrap {padding:0 7%; position: relative}
}

#funkloch-melder .range-wrap::before{ height:3px; content: ""; position: absolute; left: 0; right: 0; top: 9px; background: #DBDBDB}
#funkloch-melder .range-wrap input[type="range"]{ width: 100%; -webkit-appearance: none; appearance: none; position: relative; z-index: 2; background: transparent}

#funkloch-melder .range-wrap input::-webkit-slider-thumb { 
    -webkit-appearance: none; appearance: none;
    width: 20px;height: 20px; cursor: pointer;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    background: #e95d0f;
    background: -webkit-linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
    background: linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
}
#funkloch-melder .range-wrap input::-moz-range-thumb { 
    -webkit-appearance: none; appearance: none;
    width: 20px;height: 20px; cursor: pointer;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    background: #e95d0f;
    background: -webkit-linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
    background: linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
}
    
::-moz-range-track { background: transparent; border: 0;}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
     #funkloch-melder .range-wrap input[type=range] {position: relative;/* top:-4px;*/}
}
#funkloch-melder .range-wrap input[type=range]::-ms-track {
    width: 100%;height: 20px;background: transparent;border-color: transparent;border-width: 0;color: transparent;  overflow: visible
}
#funkloch-melder .range-wrap input[type=range]::-ms-fill-lower {background: transparent;}
#funkloch-melder .range-wrap input[type=range]::-ms-fill-upper {background: transparent;}
#funkloch-melder .range-wrap input[type=range]::-ms-thumb { 
    border: none; height: 206px; width: 20px; border-radius: 50%;
    background: transparent url(../gfx/range-thumb.png) center no-repeat;
}
#funkloch-melder ul.range-labels {width: 100%; display: table; table-layout: fixed; padding-left: 0; list-style: none}
#funkloch-melder ul.range-labels li { display: table-cell; text-align: center; position: relative; padding:15px 0 0}
#funkloch-melder ul.range-labels li::before {content:""; width: 1px; height:25px;background: #DBDBDB; position: absolute; top: -17px;left:50%;}
#funkloch-melder ul.range-labels li span{ display: block}
#funkloch-melder ul.range-labels li small{display: block; line-height: normal}

#funkloch-melder button.formSubmit {
    border:0; padding:10px 25px 50px; font-size:16px; color:#fff;width: 200px;height: 75px; text-align: center; cursor: pointer;  margin: 0 auto -50px;
	display:block;line-height:25px; letter-spacing: 3px; text-transform: uppercase;
	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%);
	-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;
}
#funkloch-melder button.formSubmit.disabled {cursor: default; pointer-events: none;filter: alpha(opacity=50);opacity: 0.5;}

#dzMap.fullscreen ul.map-tabs {margin-top: 0}
#dzMap.fullscreen #gMap { width:100% !important; height: 100vh; height: calc(100vh - 70px) !important}
/* -- -- */
fieldset.funkloch-filter { margin-bottom: 0; padding: 10px}
fieldset.funkloch-filter h3 {text-transform: uppercase; font-size: 16px; position: relative; padding-bottom: 15px}
fieldset.funkloch-filter h3::before { content:""; left:0; bottom:0px; height:3px; width:75px; background:#DBDBDB; display:block; position:absolute}
fieldset.funkloch-filter h3.noborder {padding-bottom:0; margin-bottom: 0}
fieldset.funkloch-filter h3.noborder::before {display:none}

fieldset.funkloch-filter .formRadios label {display: inline-block; margin-right: 20px; cursor: pointer}
fieldset.funkloch-filter .formRadios span {display: block; overflow: hidden;padding: 0; line-height: normal}
fieldset.funkloch-filter .formRadios input { position:absolute;filter: alpha(opacity=0);opacity: 0;}
fieldset.funkloch-filter .formRadios i{
	background: #fff;display: block;width: 25px;height: 25px;
	border: 2px solid #737373;position: relative;float: left;
	margin-right: 10px;overflow: visible !important;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
}
fieldset.funkloch-filter .formRadios label i::before { 
	content:" ";width: 25px;height: 25px;display:block; top:-2px; left:-2px; position:absolute;filter: alpha(opacity=0);opacity: 0;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;	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%);
}
fieldset.funkloch-filter .formRadios input[type=radio]:checked + label i::before {filter: alpha(opacity=100);opacity: 1;}

fieldset.funkloch-filter .formCheckbox label {display: block; margin-bottom: 20px; cursor: pointer}
fieldset.funkloch-filter .formCheckbox span {display: block; overflow: hidden;padding: 0; line-height: normal}
fieldset.funkloch-filter .formCheckbox input { position:absolute;filter: alpha(opacity=0);opacity: 0;}
fieldset.funkloch-filter .formCheckbox i{
	background: #fff;display: block;width: 25px;height: 25px;
	border: 2px solid #737373;position: relative;float: left;
	margin-right: 10px;overflow: visible !important;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
fieldset.funkloch-filter .formCheckbox label i::before { 
	content:" ";width: 17px;height: 17px;display:block; top:2px; left:2px; position:absolute;filter: alpha(opacity=0);opacity: 0;
	-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;	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%);
}
fieldset.funkloch-filter .formCheckbox input[type=checkbox]:checked + label i:before {filter: alpha(opacity=100);opacity: 1;}

fieldset.funkloch-filter .range-wrap {padding:0; position: relative}
fieldset.funkloch-filter .range-wrap::before{ height:3px; content: ""; position: absolute; left: 0; right: 0; top: 9px; background: #DBDBDB}
fieldset.funkloch-filter .range-wrap input[type="range"]{
    width: 100%; -webkit-appearance: none; appearance: none; position: relative; z-index: 2; background: transparent
}

fieldset.funkloch-filter .range-wrap input::-webkit-slider-thumb { 
    -webkit-appearance: none; appearance: none;
    width: 20px;height: 20px; cursor: pointer;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    background: #e95d0f;
    background: -webkit-linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
    background: linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
}
fieldset.funkloch-filter .range-wrap input::-moz-range-thumb { 
    -webkit-appearance: none; appearance: none;
    width: 20px;height: 20px; cursor: pointer;
    -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;
    background: #e95d0f;
    background: -webkit-linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
    background: linear-gradient(45deg, #e95d0f 0%,#f49a00 100%);
}
fieldset.funkloch-filter .formSubmitv2 {margin-top: 30px}
    

/* -- Funkloch Google Maps-- */
#dz_location_button {
    background-color: #fff;border: none;outline: none;width: 28px;height: 28px;border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);cursor: pointer;margin-right: 10px;padding: 0px;
}
#dz_location_img {
    margin: 5px;width: 18px;height: 18px;background-image: url(https://maps.gstatic.com/tactile/mylocation/mylocation-sprite-1x.png);
    background-size: 180px 18px;background-position: 0px 0px;background-repeat: no-repeat;
}
#dz_fullscreen_button {
	background-color: #fff;border: none;outline: none;width: 28px;height: 28px;border-radius: 2px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.3);cursor: pointer;margin-right: 10px;margin-top: 10px;padding: 0px;
}
#dz_fullscreen_img {
	background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/sv9.png); background-position: -55px -89px;;
	width: 25px;height: 27px;user-select: none;border: 0px;padding: 0px;margin: 5px;
}

/* -- Formular Elemente -- */
fieldset { border:0; margin-bottom:20px; padding:20px}
fieldset .formItem{ margin-bottom:15px}
fieldset .formItem > label{ display:none}

fieldset .formItem select,
fieldset .formItem input.formText,
fieldset .formItem textarea { padding:10px; width:100%; border:1px solid #ddd}

fieldset .formItem select:focus,
fieldset .formItem input.formText:focus,
fieldset .formItem textarea:focus { border-color:#999}

/* -- Radio Checkbox Replacement -- */
fieldset .formRadio { position:relative}
fieldset .formRadio input { position:absolute;filter: alpha(opacity=0);opacity: 0;}

fieldset .radio-wrap label i{ 
	background:#fff;display:block; width: 25px;height: 25px; border:2px solid #737373; 
	position:relative; float:left; margin-right:15px;overflow: visible !important;
}

/* -- Radio -- */
fieldset .radio-wrap label { float: left; margin-right: 20px}
fieldset .radio-wrap label i::before { 
	content:" ";width: 25px;height: 25px;display:block; top:-2px; left:-2px; position:absolute;filter: alpha(opacity=0);opacity: 0;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;	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%);
}
fieldset .radio-wrap input[type=radio]:checked + label i::before {filter: alpha(opacity=100);opacity: 1;}

/* -- Selectbox Replacement -- */
.nice-select {
	-webkit-tap-highlight-color: transparent; z-index: 3;
	font-size:16px;border: 2px solid #F6F5F0; background: #F6F5F0;
	clear: both;cursor: pointer;display: block;height: 52px;
	line-height: 50px;padding-left: 15px;padding-right: 30px;position: relative;white-space: nowrap;
	-webkit-user-select: none;-moz-user-select: none;user-select: none;	
	-webkit-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
.nice-select:active, 
.nice-select.open, 
.nice-select:focus {border-color: #4A9EBC;background: #fff }

.nice-select::after {
	border-bottom: 2px solid #999;border-right: 2px solid #999;content: '';display: block;
	height: 10px;margin-top: -7px;pointer-events: none;position: absolute;right:25px;
	top: 50%;-webkit-transform-origin: 66% 66%;transform-origin: 66% 66%;
	-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;width: 10px; 
}
.nice-select.open::after {-webkit-transform: rotate(-135deg);transform: rotate(-135deg); }
.nice-select.open .list {opacity: 1;pointer-events: auto;-webkit-transform: scale(1) translateY(0);transform: scale(1) translateY(0); }
.nice-select.disabled {border-color: #ededed;color: #999;pointer-events: none; }
.nice-select.disabled::after {border-color: #ccc; }

.nice-select .list {
	background-color: #fff;z-index: 9; border:2px solid #4A9EBC;
	opacity: 0;overflow: hidden;padding: 0;right:-2px;
	pointer-events: none;position: absolute;top: 100%;left: -2px;
	-webkit-transform-origin: 50% 0;transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);transform: scale(0.75) translateY(-21px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;	
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
.nice-select .list:hover .option:not(:hover) {background-color: transparent !important; }
.nice-select .option {
	cursor: pointer;font-weight: 400;line-height: 40px;list-style: none;min-height: 40px;outline: none;
	padding-left: 18px;padding-right: 29px;text-align: left;-webkit-transition: all 0.2s;transition: all 0.2s; 
}
.nice-select .option:hover, 
.nice-select .option.focus, 
.nice-select .option.selected.focus {background-color: #f6f6f6; }

.nice-select .option.selected {font-weight: bold; }
.nice-select .option.disabled {background-color: transparent;color: #999;cursor: default; }

.no-csspointerevents .nice-select .list { display: none }
.no-csspointerevents .nice-select.open .list { display: block }

/* -- Zurückbutton für App -- */
.bottomBar {
    position: fixed; left: 0; bottom: 0; right: 0; z-index: 9999; background: #fff; padding: 10px 20px; text-align: left;
    -webkit-box-shadow:0 0 7px rgba(0,0,0,0.3);-moz-box-shadow:0 0 7px rgba(0,0,0,0.3);box-shadow:0 0 7px rgba(0,0,0,0.3);
}
.bottomBar a{text-decoration: none;font-family: 'CDUKievitBold', sans-serif; font-size:20px; color: #737373; font-style: italic}
.bottomBar a:before { color: #E95D0F; font-size:15px; margin-right: 5px; float: left; position: relative; top: 3px}

/* -- Kontaktformular -- */
.errorText {
	margin:0 ; font-size: 12px;color:#E30513;line-height: normal; border: 2px solid #E30513;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; padding: 15px
}
.errorText span{display:block}

.successText {}
.successText span{display:block}

fieldset.std { padding: 0 50px 50px}
.msg.error {font-weight: bold; margin-bottom: 20px; color: #EA651B}

fieldset.std .formItem.formError .formMsg {display: none}
fieldset.std .errorText,
fieldset.std .successText {margin-bottom:15px}
fieldset.std h2 {position: relative; padding-bottom: 20px; margin-left: -50px; margin-bottom: 40px}
fieldset.std h2::before {content:"";height:3px; width: 200px; background: #DBDBDB; display:block;position: absolute; left: 0; bottom:0}

fieldset.std hr {filter: alpha(opacity=0);opacity: 0;}

fieldset.std .formItem {position: relative; z-index: 2}
fieldset.std .formRadio,
fieldset.std .formCheckbox {background: #F6F5F0;border:2px solid  #F6F5F0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; padding:10px 15px}

fieldset.std .formItem select{-webkit-appearance: none;}
fieldset.std .formItem select,
fieldset.std .formItem input.formText,
fieldset.std .formItem textarea { 
	font-size:16px;border: 2px solid #F6F5F0; background: #F6F5F0;padding:15px;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}

fieldset.std .formCheckbox span {display: block; overflow: hidden;padding: 0; line-height: normal}
fieldset.std .formCheckbox input { position:absolute;filter: alpha(opacity=0);opacity: 0;}
fieldset.std .formCheckbox i{
	background: #fff;display: block;width: 25px;height: 25px;
	border: 2px solid #737373;position: relative;float: left;
	margin-right: 15px;overflow: visible !important;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
fieldset.std .formCheckbox label {display:block}
fieldset.std .formCheckbox label i::before { 
	content:" ";width: 25px;height: 25px;display:block; top:-2px; left:-2px; position:absolute;filter: alpha(opacity=0);opacity: 0;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;	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%);
}
fieldset.std .formCheckbox input[type=checkbox]:checked + label i:before {filter: alpha(opacity=100);opacity: 1;}


fieldset.std .formItem textarea:focus,
fieldset.std .formItem input.formText:focus,
fieldset.std .formItem textarea:focus { 
	font-size:16px;border: 2px solid #4A9EBC; background: #fff;
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 15px rgba(0,0,0,0.2);box-shadow:0 5px 15px rgba(0,0,0,0.2)
}
fieldset.std .formItem.formError {position: relative}
fieldset.std .formItem.formError select,
fieldset.std .formItem.formError textarea,
fieldset.std .formItem.formError input.formText,
fieldset.std .formItem.formError textarea { border-color: #EA651B !important; color:#333;background: #fff;}
fieldset.std .formItem.formError .formMsg {color: #EA651B; position: absolute; top: 0; right: 0; padding: 12px 15px; display: block}

fieldset.std .formRadio.formError,
fieldset.std .formCheckbox.formError { border: 2px solid #EA651B; background: #fff}
fieldset.std .formArea { 
    z-index: 1; background: #F6F5F0;margin-bottom: 0;
    -webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0; 
}
fieldset.std .formItem textarea{min-height:225px; display: block;overflow-x: hidden;}

fieldset.std .formItem.half {width: 50%; float: left;}
fieldset.std .formItem.half:nth-child(even){padding-right:15px}
fieldset.std .formItem.half:nth-child(odd){padding-left:15px}

fieldset.std.checkform { padding: 0; margin-bottom: 50px}
fieldset.std.checkform h3 {color: #7C6D24; font-size: 24px;	font-weight: 500; font-style: italic; margin-left: 50px; margin-bottom: 40px}
fieldset.std.checkform .table-wrap {
    padding: 50px 50px 0; background: #F6F5F0;
    -webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;
}
fieldset.std.checkform table th {vertical-align: top; text-align: left;font-weight: bold; width: 140px; padding-bottom: 10px}
fieldset.std.checkform table td{ padding-bottom: 10px}
fieldset.std .btn-wrap{
	 background: #F6F5F0; padding: 10px 50px 0; position: relative;z-index: 1;
	-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px;
}
fieldset.std .btn-wrap .formSubmit{ display: inline-block; width: auto}
fieldset.std .btn-wrap .formEdit {	
    margin-left: 10px;
    border: 0;
	padding: 10px 25px 50px;
	font-size: 16px;
	color: #fff;
	width: 200px;
	height: 75px;
	text-align: left;
	cursor: pointer;
	display: inline-block;
	line-height: 25px;
	letter-spacing: 3px;
	text-transform: uppercase;
    background: #737373;
     -webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;
}
.contact-person {
	font-size:16px;border: 2px solid #EA651B; background: #fff;padding:10px 15px;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	margin: 0 20px
}
body.contact .contact-person { margin: 0 50px 15px;}

/* -- Termin anmeldung -- */
fieldset.register {padding: 0}
fieldset.register .msg.error { line-height: normal}
fieldset.register h4 { text-transform: uppercase;font-size: 16px; line-height: 24px;  padding-bottom: 20px; position: relative; margin-bottom: 20px}
fieldset.register h4::before { content:""; position: absolute; left: 0 ;bottom: 0; height:3px; width: 75px;background:rgba(216,216,216, 0.6); display: block}
fieldset.register button {border:0; background:transparent; font-size: 16px;letter-spacing: 3px; color: #EA651B; text-transform: uppercase; position: relative; bottom:-50px; display: block}
fieldset.register button.check.fltlft {margin-right:30px}
fieldset.register .formCheckbox {clear:both}

/* -- Forum - Add Topic -- */
fieldset.addTopic { padding: 0}
fieldset.addTopic .lft { width: 750px;padding-right: 25px}
fieldset.addTopic .rt{ padding-left: 25px; width: 400px}
fieldset.addTopic .formItem:last-of-type{margin-bottom: 0}
fieldset.addTopic .formItem input.formText{ border: 2px solid #fff;font-size:16px; background: #fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; }

fieldset.addTopic .formTextarea { border: 2px solid #fff; background: #fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; padding-bottom: 100px; padding-top: 15px}
fieldset.addTopic .formTextarea textarea { 
	font-size:16px;border: 0; background: transparent;padding:0 15px;min-height: 140px
}
fieldset.addTopic .formItem input.formText:focus { 
	border: 2px solid #4A9EBC; background: #fff;
	-webkit-box-shadow:0 5px 15px rgba(0,0,0,.2);-moz-box-shadow:0 5px 15px rgba(0,0,0,.2);box-shadow:0 5px 15px rgba(0,0,0,.2)
}
fieldset.addTopic .formRadio i {
	 background: #fff;width: 52px;height: 52px;float:left; position: relative;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
fieldset.addTopic .formRadio span {display: block; overflow: hidden;padding: 10px 0 10px 20px}

fieldset.addTopic .formRadio i::before{
	position: absolute; left: 50%; top: 50%; margin-left: -15px; margin-top: -15px;
	content:""; width: 30px;height: 30px; background: #EA651B;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	filter: alpha(opacity=0);opacity: 0;
	-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
fieldset.addTopic .formRadio input[type="checkbox"]:checked + label i::before{
	filter: alpha(opacity=100);	opacity: 1;
	-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
}

fieldset.addTopic button.formSubmit {margin-top:-75px; position: relative; z-index: 4; display: block; margin-left:15px; width: auto}
fieldset.addTopic button.formSubmit:hover { width: auto}
fieldset.addTopic button.formEdit {
	margin-left: 10px;
	border: 0;
	padding: 10px 25px 50px;
	font-size: 16px;
	color: #fff;
	width: 200px;
	height: 75px;
	text-align: left;
	cursor: pointer;
	display: inline-block;
	line-height: 25px;
	letter-spacing: 3px;
	text-transform: uppercase;
	background: #737373;
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

/* -- Senden überprüfen -- */
fieldset.addTopic.check h3{	font-style: italic;	color: #7C6D24;	font-weight: 400;}
fieldset.addTopic.check .lft{background: #fff;padding: 50px 50px 0; -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; margin-bottom: 15px}
fieldset.addTopic.check .table-wrap{padding-bottom: 30px}
fieldset.addTopic.check button.formSubmit{margin-left: 0;float: left; margin-top: 0}

/* -- Kontaktformular -- */
fieldset.contact .formArea { -webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; margin-bottom: 15px}

fieldset.contact .formRadio {}
fieldset.contact .formRadio .checkbox-wrap i {
	 background: #fff;width: 25px;height: 25px;float:left; position: relative;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	border: 2px solid #737373;top:2px
}
fieldset.contact .formRadio .checkbox-wrap span {display: block; overflow: hidden;padding: 0 0 0 20px}
fieldset.contact .formRadio .checkbox-wrap i::before{
	position: absolute; left: 50%; top: 50%; margin-left: -7px; margin-top: -7px;
	content:""; width: 13px;height: 13px; background: #EA651B;
	-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
	filter: alpha(opacity=0);opacity: 0;
	-webkit-transform: scale(0);-moz-transform: scale(0);transform: scale(0);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
fieldset.contact .formRadio .checkbox-wrap input[type="checkbox"]:checked + label i::before{
	filter: alpha(opacity=100);	opacity: 1;
	-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
}
/* -- Schnellsuche -- */
fieldset.quicksearch {padding:0; }
fieldset.quicksearch .formItem input.formText {background: #fff; border-color: #fff}
fieldset.quicksearch button {border:0; background:transparent; font-size: 16px;letter-spacing: 3px; color: #EA651B; text-transform: uppercase;}

/* -- Suche in der Seitenleiste -- */
.search-wrap {padding: 60px 10px 10px;position: absolute; right:0;top:0; z-index: 2; }
.search-wrap.open {background: #fff;z-index: 889;width: 400px;left:0; right: 0; bottom: 0}
.search-wrap button.toggle{ width: 26px; height: 26px; text-align: center; font-size:26px; border: 0; background:transparent; cursor: pointer; color: #DBDBDB; float:right; margin-right:90px}
.search-wrap button.toggle span { display: none}

fieldset.search { padding: 0 20px 0 0;top: 0; margin-bottom: 0; height: calc(100vh - 30px); display: none}
fieldset.search.open {display:block}
fieldset.search .formItem {position: relative; z-index: 1; margin-left: 35px;}
fieldset.search input.formText {border: 0; border-bottom:3px solid #DBDBDB; font-size:24px; font-weight: bold; padding: 0 0 10px }
fieldset.search input.formText {}
fieldset.search ::-webkit-input-placeholder {color: #DBDBDB; font-style: normal;-webkit-transition: color .25s  ease}
fieldset.search :-moz-placeholder { color: #DBDBDB;font-style: normal;-moz-transition: color .25s  ease}
fieldset.search ::-moz-placeholder { color: #DBDBDB;font-style: normal; -moz-transition: color .25s  ease}
fieldset.search :-ms-input-placeholder { color: #DBDBDB;font-style: normal;-ms-transition: color .25s  ease}

fieldset.search :focus::-webkit-input-placeholder {color: #ccc;}
fieldset.search :focus:-moz-placeholder { color: #ccc;}
fieldset.search :focus::-moz-placeholder { color: #ccc; }
fieldset.search :focus:-ms-input-placeholder { color: #ccc;}

fieldset.search button.send {
    position: absolute; right: 135px; top: 62px; cursor: pointer; font-size:22px; color: #DBDBDB; 
    width: 26px; height: 26px; z-index: 2; background: transparent; border:0
}
fieldset.search button.send span{ display: none}
fieldset.search button.send:hover,
fieldset.search button.send:active {color:#333}
fieldset.search button.send[disabled],
fieldset.search button.send[disabled]:hover,
fieldset.search button.send[disabled]:focus {color: #DBDBDB; cursor: default;filter: alpha(opacity=50);opacity: 0.5;}
fieldset.search .suggest-results { text-transform: uppercase; }
fieldset.search .suggest-results ul { 
    padding: 30px 0; margin-right: -110px; list-style: none;font-size:16px; position: absolute !important;
    background: #fff;width:350px !important; max-height: calc(100vh - 30px); overflow: auto
}
fieldset.search .suggest-results ul li { margin-bottom: 10px}

fieldset.search .suggest-results ul li a { cursor: pointer}
fieldset.search .suggest-results ul li a strong{ color: #4A9EBC;font-weight: 500;}
fieldset.search .suggest-results ul li a:hover,
fieldset.search .suggest-results ul li a:hover strong {color: #EA651B}

/* -- Form Submit Button -- */
.formSubmit { 
    border:0; padding:10px 25px 50px; font-size:16px; color:#fff;width: 200px;height: 75px; text-align: left; cursor: pointer; 
    display:inline-block;line-height:25px; letter-spacing: 3px; text-transform: uppercase;
    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%);
    -webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0;
    -webkit-transition: width 350ms cubic-bezier(0.2, 1, 0.3, 1);
    -moz-transition: width 350ms cubic-bezier(0.2, 1, 0.3, 1);
    transition: width 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.formSubmit:hover { width: 250px}

.formSubmitv2 { 
    text-transform: uppercase;letter-spacing: 2px;text-decoration: none;color: #EA651B;cursor: pointer;
    font-size: 16px;border: 0;background: transparent
}
.formSubmitv2:hover {color:#4a9ebc}
/* -- Content Parts -- */
/* - Abgeordnete - */
.delegate-list {background:#F6F5F0; -webkit-border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;border-radius:6px 0 0 6px;}
.delegate-list .swiper-wrapper { position:relative; z-index:1}
.delegate-list .swiper-slide{ padding:50px 50px 25px 25px;}
.delegate-list .delegate-thumb { 
    overflow:hidden; display:block; width: 83px;height: 83px; float:left; margin:0 0 25px 25px; 
    position:relative; transform:translateZ(0)
}
.delegate-list .delegate-thumb::before {
	content:""; top:0; width: inherit;height: inherit; position:absolute; 
    background:url(../gfx/active-ring.png) center no-repeat;filter: alpha(opacity=0);opacity: 0;
	-webkit-transform: scale(1.3);-moz-transform: scale(1.3);transform: scale(1.3);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.delegate-list .delegate-thumb img { display:block}

.delegate-list .delegate-thumb.active {
	-webkit-box-shadow:0 8px 20px rgba(0,0,0,.3);-moz-box-shadow:0 8px 20px rgba(0,0,0,.3);box-shadow:0 8px 20px rgba(0,0,0,.3);
}
.delegate-list .delegate-thumb.active::before,
.delegate-list .delegate-thumb:hover::before {
	filter: alpha(opacity=100);opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);
}
.delegate-list .swiper-pagination { position:absolute; left:0; right:0; bottom:0; padding:0 50px 20px; z-index:4}
.delegate-list .swiper-pagination .swiper-pagination-bullet{
	-webkit-border-radius: 50%;-moz-border-radius:  50%;border-radius: 50%; margin:0 4px; cursor:pointer;
	width: 6px;height: 6px; background:#DBDBDB; display:inline-block;
}
.delegate-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #e95d0f;
    background: -webkit-linear-gradient(left, #e95d0f 0%, #f49a00 100%);
    background: linear-gradient(to right, #e95d0f 0%, #f49a00 100%);
}

/* -- Abgeordeneten Detailbox -- */
#delegates  h2 { margin-bottom:0}
#delegates .delegate-box { 
	display:table; width:auto; position:relative;
	-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
	-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;
    transform: translateZ(0);
}
#delegates .delegate-box .desc { z-index:2}
#delegates .delegate-box .desc p {display: -webkit-box; max-height: 230px;overflow: hidden;-webkit-line-clamp: 9;-webkit-box-orient: vertical;}

#delegates .delegate-box .desc .blur { 
	position:absolute; left:10px;right:0; top:10px; bottom:-20px; height:auto; width:auto; display:block; background-size:cover;
	-webkit-filter: blur(10px);-moz-filter: blur(10px);filter: blur(10px); z-index:-1;
	opacity: 0.8;
}
#delegates .delegate-box .image { z-index:3}
#delegates .delegate-box .desc,
#delegates .delegate-box .image { display:table-cell; vertical-align:bottom; position:relative;}
#delegates .delegate-box > .blur { 
	position:absolute;right:5px; top:10px; bottom:-20px; height:auto; width:100%; display:block;opacity: 0.8; background-size: cover;
	-webkit-filter: blur(10px);-moz-filter: blur(10px);filter: blur(10px); z-index:0;
    -webkit-transform: translateZ(0);transform: translateZ(0);
}
#delegates .delegate-box a.more { text-decoration:none; text-transform:uppercase; letter-spacing:2px}
#delegates .delegate-box > .desc + .image + .blur { width:350px }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    #delegates .delegate-box .desc {box-shadow: 0 10px 20px rgba(233,93,15,.3), 0 20px 30px rgba(233,93,15,.1)}
    #delegates .delegate-box .image img {box-shadow: 0 10px 20px rgba(0,0,0,.3), 0 20px 30px rgba(0,0,0,.1)}
    #delegates .delegate-box > .blur,
    #delegates .delegate-box .desc .blur {display:none}
}

#delegates .delegate-box .desc { 
	width:400px;color:#fff; padding:50px;background:url(../gfx/orange-bg.png); background-size:cover; line-height:25px;
	-webkit-border-radius: 6px 0 0 6px;-moz-border-radius: 6px 0 0 6px;border-radius:6px 0 0 6px;
}
#delegates .delegate-box .desc h3 { font-size:16px; font-style:italic}
#delegates .delegate-box .image,
#delegates .delegate-box .image img{-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}

#delegates .delegate-box > .desc + .image img{-webkit-border-radius: 0 6px 6px 0;-moz-border-radius: 0 6px 6px 0;border-radius: 0 6px 6px 0;}
#delegates .delegate-box .image h4{ 
	font-family: 'CDUKievitBold',sans-serif; font-weight:normal; text-transform:uppercase;color:#fff;font-size:40px; padding:25px 50px 50px 50px; line-height:42px;
	 position:absolute; left:0; bottom:0; z-index:2;-webkit-text-shadow:0 2px 10px rgba(0,0,0,.6);-moz-text-shadow:0 2px 10px rgba(0,0,0,.6);text-shadow:0 2px 10px rgba(0,0,0,.6);
}
#delegates .delegate-box .image h4::before {content:""; height:3px; width:75px; background:#fff; left:50px; top:0; position:absolute; display:block}
#delegates .delegate-box .image img{ position:relative; display:block; z-index:1}

/* -- Wahlkreise-- */
#wahlkreis-map path.district {
	-webkit-transition: fill 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: fill 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: fill 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
#wahlkreis-map path.district:hover {fill:#EA651B; cursor: pointer}

div.wahlkreise h2{ position: relative; padding-bottom: 20px}
div.wahlkreise h2::before{content:"";height: 3px; width: 200px; position: absolute; left: 0; bottom: 0; background: #DBDBDB}
div.wahlkreise ul { padding-left:0; list-style: none}
div.wahlkreise ul li { margin-bottom: 10px}
div.wahlkreise ul li a { text-decoration: none}
div.wahlkreise ul li a:hover{ text-decoration: underline}
div.wahlkreise ul li a i{
    width: 25px;height: 25px;background:#737373; color: #fff; float:left; margin-right: 10px; 
    text-align: center; line-height: 28px; font-size: 14px
}
div.wahlkreise ul li a span{ display: block; overflow: hidden}

#wahlkreis-map-wrap{ position: relative; padding-top: 50px; margin-bottom: 30px}

.wahlkreis-tooltip { 
	padding: 30px;background: #F6F5F0;width: 350px; position: absolute; z-index: 3;top:-999em;
	-webkit-box-shadow:0 10px 20px rgba(0,0,0,.1);-moz-box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px rgba(0,0,0,.1);
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px; filter: alpha(opacity=0);opacity: 0;
	-webkit-transform: translate(0%, -20%);-moz-transform: translate(0%, -20%);transform: translate(0%, -20%);
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	-moz-transition: -moz-transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
	transition: transform 350ms cubic-bezier(0.2, 1, 0.3, 1), opacity 350ms cubic-bezier(0.2, 1, 0.3, 1);
}
.wahlkreis-tooltip.show {
	filter: alpha(opacity=100);opacity: 1;
	-webkit-transform: translate(0%, 0%);-moz-transform: translate(0%, 0%);transform: translate(0%, 0%);
}
.wahlkreis-tooltip h3 { position: relative; padding-bottom: 20px}
.wahlkreis-tooltip h3::before{content:"";height: 3px; width: 75px; position: absolute; left: 0; bottom: 0; background: #DBDBDB}
.wahlkreis-tooltip .thumb {width: 75px;height: 75px;float:left; margin-right: 15px;}
.wahlkreis-tooltip .desc { padding-top: 10px}
.wahlkreis-tooltip .desc  a{ font-weight: bold; text-decoration: none; display: block}

.wahlkreis-tooltip.show[data-pos="topLft"] {left:0; top: 50px}
.wahlkreis-tooltip.show[data-pos="topRt"] {right: 0; top: 50px}
.wahlkreis-tooltip.show[data-pos="bottomLft"] {bottom: 30px;top:auto; left: 0}
.wahlkreis-tooltip.show[data-pos="bottomRt"] {bottom:30px; top:auto; right: 0}

/* -- Forum -- */
.forum-topics { padding-top: 50px}
.forum-topics .topic{ display: table; table-layout: fixed; width: 100%}
.forum-topics .topic .title,
.forum-topics .topic .info{display: table-cell; vertical-align: top;}

.forum-topics .topic .title { position: relative; padding: 40px 50px}
.forum-topics .topic .title::before{content:"";height: 3px; width: 200px; position: absolute; left: 0; top: 0; background: #DBDBDB}

.forum-topics .topic .title h2 { font-style: italic; color: #7C6D24; font-weight: 400; position: relative}

.forum-topics .topic .title h2 a { text-decoration: none}
.forum-topics .topic .title h2 a:hover { color:#333}
.forum-topics .topic .title a.more { text-transform: uppercase; letter-spacing: 3px; text-decoration: none; color: #EA651B}
.forum-topics .topic .info {width: 350px; padding: 40px 0 40px 30px; overflow: hidden}
.forum-topics .topic .info small { display: block; font-style: italic; color: #737373; font-size: 14px;line-height: 24px}
.forum-topics .topic .info strong { font-size: 40px; color: #4A9EBC; font-weight: normal; font-style: italic; margin-top: 20px; display: block}

.forum-topic .toggleBar {
	display: table; table-layout: fixed; width: 100%;
	background:#F6F5F0;margin-bottom: 50px;
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
}
.forum-topic .toggleBar a.more { text-transform: uppercase; letter-spacing: 3px; text-decoration: none; color: #EA651B}
.forum-topic .toggleBar .lft,
.forum-topic .toggleBar .rt{padding:20px 50px; display: table-cell}

.forum-topic .toggleBar .lft {color:#737373}
.forum-topic .toggleBar .rt{width: 350px; }

#part-addtopic .btnInfo {position: relative; z-index: 5;}
#part-addtopic a.btnToggle{ 
	text-transform: uppercase; text-decoration: none; display: block; position: relative; z-index: 1; 
	font-family: 'CDUKievitBold',sans-serif; margin-right: 50px;
}
#part-addtopic a.btnToggle i {
	width: 25px;height: 25px;text-align: center; font-size: 14px;line-height: 30px; display: block; color: #fff; float:left; margin-right: 15px;
	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%);
}
#part-addtopic a.btnToggle span {display:block; padding: 3px 0; white-space: nowrap}

#part-addtopic .infoBox {
	position: absolute;background:#F6F5F0;padding: 50px;right:-88px; width: 350px; z-index: 3;top:-9999em;
	-webkit-box-shadow:0 10px 50px rgba(0,0,0,0.25);-moz-box-shadow:0 10px 50px rgba(0,0,0,0.25);box-shadow:0 10px 50px rgba(0,0,0,0.25);
	filter: alpha(opacity=0);opacity: 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	-webkit-transform: translate(0px, -50%) scale(0);-moz-transform: translate(0px, -50%) scale(0);transform: translate(0px, -50%) scale(0);	
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms; 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms; 
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 350ms;  
}
#part-addtopic .infoBox.active {
	top: -50px;filter: alpha(opacity=100);opacity: 1; 
	-webkit-transform: translate(0px, 0px) scale(1);-moz-transform: translate(0px, 0px) scale(1);transform: translate(0px, 0px) scale(1);	
	-webkit-transition: -webkit-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
	-moz-transition: -moz-transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms; 
	 transition: transform 350ms cubic-bezier(0.4, 0.0, 0.2, 1), opacity 350ms cubic-bezier(0.4, 0.0, 0.2, 1), top 0ms linear 0ms;
}
#part-addtopic .infoBox h4 { margin-bottom: 30px; text-transform: uppercase; font-size: 16px}
#part-addtopic .infoBox h4 i {
	width: 25px;height: 25px;text-align: center; font-size: 14px;line-height: 30px; display: block; color: #fff; float:left; margin-right: 15px;
	background: #737373;
}
#part-addtopic .infoBox button.close{ width:20px; height: 20px; border: 0; background:transparent; cursor: pointer; position: relative; display: block; top: 3px}
#part-addtopic .infoBox button.close::before,
#part-addtopic .infoBox button.close::after{
	content:"";width: 20px; height: 2px; position: absolute; top: 50%; left: 50%; margin-left:-10px; margin-top: -1px;
	background:#727272
}
#part-addtopic .infoBox button.close::before{
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);
}
#part-addtopic .infoBox button.close::after{
	-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);
}
#part-addtopic .infoBox button.close span { display:none}

/* -- -- */
#sm-strean { padding-left:0; list-style: none; margin: 0 -20px;margin-top:40px;}
#sm-strean li {left: 0;top: 0;opacity: 0;-webkit-transform: translateY(100px);-moz-transform: translateY(100px);transform: translateY(100px);}
#sm-strean li.show {opacity: 1;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);transition: all .3s, top 1s;}

#sm-strean li .block { margin: 0 20px 30px}
#sm-strean li .block-img {width: auto; height:auto}

/* -- Footer -- */
#footer { 
    line-height:normal;padding: 50px 0 0 50px; background:#F6F5F0;
    -webkit-border-radius: 6px 6px 0 0;-moz-border-radius: 6px 6px 0 0;border-radius: 6px 6px 0 0
} 
#footer .twoColsLft .lft { width:750px}
#footer .twoColsLft .rt { width:350px}
#footer .block-orange { margin-top:-100px}

#footer dl { width:33.3%; float:left; font-size:14px}
#footer dl dt { font-style:italic; color:#7C6D24; margin-bottom:20px}
#footer dl dt a{ text-decoration:none}
#footer dl dt a:hover { color:#000}
#footer dl dd { margin-bottom:5px}
#footer dl dd a{ text-decoration:none}
#footer dl dd a:hover{ color:#737373}

/* -- Umfrage -- */
.umfrage {
    background: #F6F5F0; padding: 50px 50px 0; margin-bottom: 100px;
    font-weight: 500;
     -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.umfrage h3 {
    font-family: 'Open Sans',sans-serif;
	color: #7C6D24;
	font-style: italic;
    font-size: 18pt;
	font-weight: 500;
	line-height: 34px;
    position: relative;
    padding-bottom: 30px; margin-bottom: 30px;
}
.umfrage p { margin-bottom: 40px}
.umfrage h3::before {
    content:""; position: absolute;
    width: 200px; height: 3px;
    background: #DBDBDB;
    bottom: 0; left: 0;
}
.survey-success { padding: 15px 0 30px; border-top: 2px solid #DBDBDB}
.survey-success p{ margin-bottom: 15px }
.survey-success a.more {
    text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	color: #EA651B;
    font-weight: normal;
}
.survey-success a.more:hover {
	color: #4a9ebc;
}
/* -------------------------------
*	Pages
* -----------------*/

.rvfs-1 p, .rvfs-1 li{ font-size: 70% }
.rvfs-2 p, .rvfs-2 li{ font-size: 80% }
.rvfs-3 p, .rvfs-3 li{ font-size: 90% }
.rvfs-4 p, .rvfs-4 li{ font-size: 100% }
.rvfs-5 p, .rvfs-5 li{ font-size: 110% }
.rvfs-6 p, .rvfs-6 li{ font-size: 120% }
.rvfs-7 p, .rvfs-7 li{ font-size: 130% }

/* -- Startseite -- */
#part-socialmedia h2{margin-bottom: 0}
#botxo-iframeContainer- iframe { left: 0; height: 100% !important; top: 0}

/* -- Publikationen  -- */
.publikationen #teaser .filter .filter-cloud {width:900px}

.funkloch-melden #outercontent {position: relative; z-index: 999}
.funkloch-melden #menubar { z-index: 1000}
.funkloch-melden #menubar.open + #outerheader + #outerteaser + #outercontent {position: relative; z-index: 887}
.funkloch-melden.fullscreen #menubar { z-index: 888}

/* -- Suchergebnisse -- */
.search-results .loadmore a.more{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}
.search-results #teaser .tag-filter .tag-cloud h4 {position: relative;padding-bottom: 15px;}
.search-results #teaser .tag-filter .tag-cloud h4::before { width: 75px; height: 3px; background: #E6E5E3; content: ""; position: absolute; left: 0; bottom: -5px; }
.search-results #teaser .tag-filter .tag-cloud {left:-20px; width: 320px}
.search-results #teaser .tag-filter .tags ul {padding-left:0; list-style: none}

.search-results #searching,
.search-results #noresults{padding-top:50px}

/* -- Pedition -- */
.card-petenten {
    background: #F6F5F0;padding: 30px 50px;
    -webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;
}
.card-petenten strong {}
.card-petenten time {font-style: italic; color: #737373; font-size: 14px}

.card-petenten strong,
.card-petenten time {display: block}

fieldset.petition {padding: 0; margin-bottom: 0}
fieldset.petition .spacer { height: 50px}
fieldset.petition .formSubmit { margin-left: 25px }

#part-signpetition .cp-inner { padding-bottom: 0}
#part-signpetition .msg { margin-bottom: 50px; margin-top: -20px }

#part-petenten  p { margin-bottom: 50px}
#part-petenten  p em{ font-weight: bold; color: #7A6E31; padding-left: 50px}

/* -- In App Fix-- */
.isApp {}
.isApp #menubar .bottom-menu {bottom:30px}
.isApp.android .block .inner .network i::before{ line-height: 30px}
.isApp #socialmenu ul li { position: relative; top: 15px}
.isApp.android #socialmenu ul li a::before {line-height: 30px}
.isApp.android #socialbar ul li a::before{ line-height: 60px}

.isApp.android #sharebar li a.circle::before{line-height: 30px}
.isApp.android #sharebar ul li a i.circle{line-height: 34px; display: block}
.isApp.android #sharebar ul li a i.circle::before{ position: relative; left: 1px}

.isApp.android #teaser .tag-filter a.tag-btn i {font-size: 22px}

.isApp.android .block-info.stream .tag i,
.isApp.android .node .media ul li a i,
.isApp.android #teaser .filter a.filter-btn i {position: relative; top:-2px}

.isApp.android .node .media ul li a {overflow: visible}
.isApp.android .node .media ul li a i::before,
.isApp.android #teaser .filter a.filter-btn i::before {line-height: 30px}

.isApp.android .block-info.stream .tag i::before,
.isApp.android #teaser .box ul li i::before,
.isApp.android #teaser .tag-filter a.tag-btn i::before {line-height: 30px}

.isApp.android #teaser .tag-filter .tag-cloud h4 i::before {line-height: 30px}
.isApp.android #teaser .tag-filter a.tag-btn i.icon-tag {top:-2px}
.isApp.android a#hamburger .text {top:12px}
.isApp.android div.wahlkreise ul li a i::before{line-height: 30px}

.isApp.android .block-img .inner .submitted i::before{line-height: 28px}
.isApp.android #teaser .filter .filterOptions ul li i::before,
.isApp.android #teaser .filter .filter-cloud h4 i::before {line-height: 30px}

.isApp.android #teaser .funkloch-counter + ul li i {top:-3px}
.isApp.android #teaser .funkloch-counter + ul li i::before {line-height: 30px}

.isApp.android .block-calendar table td span, 
.isApp.android .block-calendar table td a {line-height: 32px}

/* -- iPhone in App -- */
.iOS.isApp #rvfs-controllers { top: 5px}
.iOS.isApp #socialmenu ul li { position: relative; top: -12px}
.iOS.isApp body {height:100vh !important}


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

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  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; }
}

/* -- COOKIES --*/

.cookies{
	background: #F6F5F0; position: fixed;
	bottom: 0; clear: both; width: 100vw;
	z-index: 10;margin: 0;
}
.cookies p{color: #fff;font-size: 20px;font-weight: normal;float: left;padding: 30px 30px 30px 0}
.cookies a{float: right;margin: 20px 0 20px 20px}

.cookie-bar {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 30px 0;
	background: #e95d0f;
	background: -webkit-linear-gradient(left, rgb(233,93,15) 0%, rgb(244,154,0) 100%);
	background: -o-linear-gradient(left, rgb(233,93,15) 0%, rgb(244,154,0) 100%);
	background: linear-gradient(to right, rgb(233,93,15) 0%, rgb(244,154,0) 100%);
	color: #fff;
	z-index: 10;
    /* font-family: "Arial", "Helvetica", sans-serif; */
}

.cookie-bar .content-width {
    max-width: 1150px;width: 100%;position: relative;margin: 0 auto; text-align: left;
    display: -ms-flexbox;display: -webkit-flex;display: flex;
    -webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;
    -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;
}

.cookie-bar .content-width a { color: #fff; text-decoration: underline}
.cookie-bar .content-width a:hover { text-decoration: none}

.cookie-bar .cookie-desc {-webkit-flex: 1 1 auto;-ms-flex: 1 1 auto;flex: 1 1 auto}
.cookie-bar .cookie-desc p { margin: 0; padding: 0}

.cookie-bar .cookie-options { white-space: nowrap}
.cookie-bar .cookie-options a {
    text-transform: uppercase; font-weight: bold; text-decoration: none; margin-left: 20px; font-size: 14px;
    font-family: inherit;
}

/* -- Buttons als Normaler Textlink-- */
.cookie-bar .cookie-options a.btn-config.filled { color: #fff}
.cookie-bar .cookie-options a.btn-accept.filled { color: #fff}
.cookie-bar .cookie-options a.btn-accept.filled i {float: right; width: 50px; height: 20px; position: relative; display: block; margin-left: 20px; top: 6px;}
.cookie-bar .cookie-options a.btn-accept.filled i::before,
.cookie-bar .cookie-options a.btn-accept.filled i::after { content:""; position: absolute;}

.cookie-bar .cookie-options a.btn-accept.filled i::before {width: 100%; height: 2px; background: #fff; top:50%; margin-top: -1px}
.cookie-bar .cookie-options a.btn-accept.filled i::after {
    width: 8px; height: 8px; border-right: 2px solid #fff; border-top: 2px solid #fff;
    -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);
    right: 0;top: 50%; margin-top: -5px;
}
.cookie-bar .cookie-options a.filled:hover {opacity: 0.8}

/* -- Buttons als CTA Textlink-- */
.cookie-bar .cookie-options a.btn-config.outline,
.cookie-bar .cookie-options a.btn-accept.outline {
    margin-top: -10px; margin-bottom: -10px; border: 2px solid #fff;
    padding: 10px 15px; display: inline-block; line-height: normal
}
.cookie-bar .cookie-options a.btn-config.outline { color: #fff;}
.cookie-bar .cookie-options a.btn-config.outline:hover { background: rgba(255,255,255,0.3);color: #fff}
.cookie-bar .cookie-options a.btn-accept.outline { background: #fff;color: #e95d0f}
.cookie-bar .cookie-options a.btn-accept.outline:hover { background: rgba(255,255,255,0.3); color: #fff}

/* -- COOKIE OVERLAY --*/

.cookie-opt-overlay {
	font-family: "Arial", "Helvetica", sans-serif;
	max-width: 600px;padding: 40px; color: #595959;
	background: #fff;position: fixed;
	left: 50%; top: 50%;z-index: 99999;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-box-shadow: 0 10px 35px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 10px 35px rgba(0,0,0,0.1);
	box-shadow: 0 10px 35px rgba(0,0,0,0.1);
	width: 100%;
}

.cookie-top-container {margin-top: 20px}
.cookie-opt-overlay .cookie-top-container { max-height: 70vh; overflow: auto}
.cookie-opt-overlay,
.cookie-opt-overlay * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.cookie-opt-overlay .cookie-opt-title { font-size: 22px; margin-bottom: 30px; color: #333333; font-weight: 600;}

.cookie-opt-overlay .cookie-opt-close {
	float: right; border: 0; width: 30px; height: 30px; background: transparent;
	-moz-appearance: none; -webkit-appearance: none; appearance: none;
	position: relative; cursor: pointer;
}

.cookie-opt-overlay .cookie-opt-close::before{
	content: ''; background: url(../gfx/close.svg) no-repeat;
	height: 20px; width: 20px; position: absolute; top: 0; left: 0;
}
.cookie-opt-overlay .cookie-opt-close span{ display: none}
.cookie-opt-overlay .cookie-opt-close:hover::before {-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: rotate(90deg); transition: 200ms}

.cookie-opt-overlay .cookie-opt-content {text-align: left}
.cookie-opt-overlay .cookie-opt-toggle {
	margin: -10px -10px -11px 20px;
	float:right; width: 40px; height: 40px;cursor: pointer;
	background: transparent; border: 0; text-align: center; position: relative;
}
.cookie-opt-overlay .cookie-opt-toggle::before {
	content: ""; width: 12px; height: 12px; position: absolute;
	left: 50%; top: 50%; margin-left: -5px; margin-top: -9px;
	border-right: 1px solid #999; border-bottom: 1px solid #999;display: block;
	-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);
}
.cookie-opt-overlay .cookie-opt-toggle.open {
	-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);
}
.cookie-opt-overlay .cookie-opt-cattitle {
    padding: 11px 10px;font-size: 13px;text-transform: uppercase;
    font-weight: bold;position: relative;border-top: 2px solid #fff;
}

.cookie-opt-overlay .cookie-bar-category-container {border-top: 1px solid #999;}
.cookie-opt-overlay .cookie-bar-category-container:nth-child(3) {border-bottom: 1px solid #999;}

.cookie-opt-overlay .cookie-single-opt-toggle input,
.cookie-opt-overlay .cookie-opt-cattitle input { position: absolute; left: 0; top: 0; opacity: 0}

.cookie-opt-overlay .cookie-single-opt-toggle  label,
.cookie-opt-overlay .cookie-opt-cattitle label { cursor: pointer }

.cookie-opt-overlay .cookie-single-opt-toggle label i,
.cookie-opt-overlay .cookie-opt-cattitle label i {
	display: block; background-color: #F2F2F2; color: #ccc; float: left; margin-right: 10px;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;margin-top: -1px;
	width: 30px; height: 30px; position: relative;
}
.cookie-opt-overlay .cookie-single-opt-toggle label i{background-color: #fff;width: 30px;height: 30px; }

.cookie-opt-overlay .cookie-opt-cattitle label i::before,
.cookie-opt-overlay .cookie-single-opt-toggle label i::before{transform: scale(0);opacity: 0;top: 9px; left: 9px;position: absolute; display: block}

.cookie-opt-overlay .cookie-opt-cattitle label span {display: block;margin-top: 2px;font-weight: 600;font-size: 18px; margin-left: 40px }

.cookie-opt-overlay .cookie-single-opt-toggle input:checked + label i::before,
.cookie-opt-overlay .cookie-opt-cattitle input:checked + label i::before{
	transform: scale(1); opacity: 1; content: "\4a";
	color: #E53517; z-index: 5; top: 9px; left: 9px;
}
.cookie-opt-overlay .cookie-single-opt-toggle input:checked + label i::before{font-size: 15px}

.cookie-opt-overlay .cookie-opt-catinfo { font-size: 13px; line-height: 16px; background: #f2f2f2; display: none}

.cookie-opt-overlay .cookie-opt-catinfo p { padding: 15px 18px; margin: 0 }
.cookie-opt-overlay .cookie-opt-catinfo .cookie-opt-table-wrap{ padding: 15px 0; border-top: 1px solid #E4E4E4}
.cookie-opt-overlay .cookie-opt-catinfo table th,
.cookie-opt-overlay .cookie-opt-catinfo table td { text-align: left; vertical-align: top;padding: 2px 18px}

.cookie-opt-overlay .cookie-single-opt-toggle { padding-left: 18px; float: left;}
.cookie-opt-overlay .cookie-single-opt-toggle + table { margin-left: 60px; width: calc(100% - 60px)}
.cookie-opt-overlay .cookie-single-opt-toggle + table th{ padding-right: 0; padding-left: 0}
.cookie-opt-overlay .cookie-single-opt-toggle label { position: relative; top: 2px}
.cookie-opt-overlay .cookie-single-opt-toggle label span { display: none}

.cookie-opt-overlay .cookie-top-savebtn {
	width: 100%; cursor: pointer; color: #fff; font-size: 18px; font-weight: bold;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 100px;
	height: 55px; margin-top: 30px; border: none;
	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%);
}
.cookie-opt-overlay .cookie-top-savebtn:hover {
	transition: background-color,color 250ms; background-color: #F08674; color: #333;
}
.img-placeholder {cursor: pointer}

@media only screen and (max-width: 1400px) {
    .cookie-bar .cookie-desc { padding-left: 20px}
    .cookie-bar .cookie-options { padding-right: 20px}
}
@media only screen and (max-width: 1260px) {
    .cookie-bar { padding: 30px}
}
@media only screen and (max-width: 768px) {
    .cookie-bar .content-width {
        -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;
        -webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;
    }
    .cookie-bar .cookie-desc { padding: 0 20px 20px}

    .cookie-bar .cookie-options a.btn-config,
    .cookie-bar .cookie-options a.btn-accept { margin-top: 0 s}
}
@media only screen and (max-width: 480px) {
    .cookie-opt-overlay { max-width: 90%; padding: 20px;}
    .cookie-opt-overlay .cookie-top-savebtn {margin-top: 20px }

    .cookie-bar .cookie-options a.btn-config,
    .cookie-bar .cookie-options a.btn-accept { font-size: 12px }
}