/*
Theme Name: SVP
Author: seaio.interactive
Author URI: http://www.seaio.ch
Description: SVP Theme
Version: 1.0
Text Domain: svp
*/

/*define some fix values*/

:root {
/*colors*/
	--GreenDark-100: #009f4f;
	--GreenDark-75: #40b77b;
	--GreenDark-50: #7fcfa7;
	--GreenDark-25: #bfe7d3;
	--GreenLight-100: #72be44;
	--GreenLight-75: #95ce73;
	--GreenLight-50: #b8dea1;
	--GreenLight-25: #dcefd0;
	--Red-25: #fac6c8;
	--Red-50: #f68d91;
	--Red-75: #f2555b;
	--Red-100: #ed1c24;
	--DarRed-100: #790000;
	--DarkRed-50: #CC181E;
	--Yellow-25: #fffcbf;
	--Yellow-50: #fff87f;
	--Yellow-75: #fff540;
	--Yellow-100: #fff200;
	--Blue-25: #c5e4fc;
	--Blue-50: #a2d2fc;
	--Blue-75: #4592ff;
	--Blue-100: #307adb;
	--BlueGreen-25: #c1f4f5;
	--BlueGreen-50: #96e2e3;
	--BlueGreen-75: #3bbdc4;
	--BlueGreen-100: #249fb5;
	--GreyBlue-25: #d1e2eb;
	--GreyBlue-50: #b4d1e0;
	--GreyBlue-75: #6e99ae;
	--GreyBlue-100: #55839e;
	--Orange-25: #ffeeb3;
	--Orange-50: #ffd980;
	--Orange-75: #ffa34d;
	--Orange-100: #f78316;
	--Purple-25: #ebc5eb;
	--Purple-50: #d78cd7;
	--Purple-75: #c353c4;
	--Purple-100: #af19b0;
	--Violet-25: #bbc6ff;
	--Violet-50: #9ca2f7;
	--Violet-75: #6d75e7;
	--Violet-100: #5454d8;
	--Grey-100: #262d33;
	--Grey-95: #30363d;
	--Grey-85: #4b5157;
	--Grey-70: #656b70;
	--Grey-50: #939699;
	--Grey-30: #bcbfc2;
	--Grey-15: #d9dadb;
	--Grey-10: #EDECE7;
	--Grey-05: #f5f5f5;
	--White: #ffffff;
	--PhotoFilter: rgba(64,48,61,0.35);

	--roboto: 'Roboto', sans-serif;
	--roboto-c: 'Roboto Condensed', sans-serif;
}





/* overwritre ui kit styles */
@media (max-width: 480px) {
    .uk-hidden-mini {
        display:none;
    }
}
.uk-text-break{
    -webkit-hyphens: none !important;
    word-wrap: normal !important;
}



/* Fonts */
html {
    font-family: var(--roboto);
    background: var(--Grey-05);
    /*background: var(--White);*/
    color: var(--Grey-100);
}

h1, h2, h3, h4,
.uk-h1, .uk-h2, .uk-h3, .uk-h4,
.uk-article-title {
	font-family: var(--roboto-c);
    font-weight: 700;
}

.uk-h1 a, .uk-h2 a, .uk-h3 a, .uk-h4 a, .uk-article-title a, h2.tl-headline a {
	text-decoration: none;
	color: var(--Grey-100);
}

.uk-h1 a:hover, .uk-h2 a:hover, .uk-h3 a:hover, .uk-h4 a:hover, h2.tl-headline a:hover, a:hover, .uk-link:hover {
	color: var(--GreenLight-100);
}


/* Links */
a {
	transition: all ease 0.3s;
}
p a, p .uk-link, .textwidget a {
    color: var(--Grey-100);
    text-decoration: none;
	cursor: pointer;
    border-bottom: 1px dotted var(--Grey-70);
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}

p a:hover, p .uk-link:hover, p a:active, p .uk-link:active, .textwidget a:hover, .textwidget a:active {
    color: var(--White);
	background: var(--GreenLight-100);
	text-decoration: none;
	border: 1px solid var(--GreenLight-100);
}

p a.svpPreviewBox:hover, p a.svpPreviewBox:active, .textwidget a.svpPreviewBox:hover, .textwidget a.svpPreviewBox:active {
	border: 1px solid white;
}
.so-widget-sow-editor a.svpPreviewBox {
	display: block;
	border: 1px solid transparent;
}
.so-widget-sow-editor a.svpPreviewBox:hover {
	background: none;
}
a, a:active, a:hover {
    outline: none;
}
.textwidget .gallery a {
	background:transparent;
	text-decoration:none;
	border:none;
}

.hidden{
    display: none;
}



#menu_blur {
  width: 100vw;
  height: 120px;
  background-image: linear-gradient(rgba(245, 245, 245, 0.95) 10%, rgba(255,0,0,0) 100%);
  z-index: 10;
  position: fixed;
}

.pageBody-kanton,
.pageBody-ortspartei,
.pageBody-bezirk{
    margin-bottom: 50px;
}

/* splash page */
.splashHTML{
    background: var(--Grey-95);
    color: var(--White);
    height: 100%;
}
.splashHTML_green{
    background: var(--GreenLight-100);
}
.splashHTML_green a.splashMainPage{
	color: var(--White);
	border-bottom: 1px dotted var(--White);
	text-decoration: none;
}
.splashHTML_green a.splashMainPage:hover{
	border-bottom: 1px solid var(--White);
}
.splashHTML_gray{
    background: var(--Grey-95);
}
.splashHTML_c2a{
    background: var(--GreyBlue-25);
}
.splashTop{
    background: var(--White);
}
.splashLogo{
    width: 100px;
    display: inline-block;
    margin-right: 50px;
}
.splashTitle{
    display: inline-block;
    color: var(--Grey-95);
    font-size: 30px;
    font-weight: 600;
}
.splashContent .uk-button{
    color: var(--White);
}

/* titles in templates */
.smallTitle{
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	color: var(--Grey-95);
	font-weight: 700;
	letter-spacing: 0.67px;
	font-size: 16px;
}
.smallTitle:before{
	width: 75px;
	content: " ";
	background-image: url('/wp-content/themes/svp/images/green_line.svg');
	position: absolute;
	left: -20px;
	top: 7px;
	height: 25px;
	background-size: contain;
	background-repeat: no-repeat;
	z-index: -1;
	transform: rotate(-5deg);
	/*opacity: 0.5;*/
}
.bigTitle{
 	font-size: 60px;
	line-height: 70px;
	font-weight: 700;
	font-family: 'Roboto Condensed';
	color: var(--Grey-100);
}
.mediumTitle{
	color: var(--Grey-100);
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	font-family: 'Roboto Condensed';
}
@media screen and (max-width: 959px) {
	.bigTitle{
	 	font-size: 50px;
		line-height: 55px;
	}
}
@media screen and (max-width: 639px) {
	.bigTitle{
	 	font-size: 40px;
		line-height: 45px;
	}
}




/* Titles */
.uk-h1, .uk-h2, .uk-h3, .uk-h4 {
	margin: 0 0 30px 0;
}

.so-panel h4 {
	text-transform: uppercase;
}

.so-panel h5 {
	font-family: var(--roboto);
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 30px;
}

.so-panel h6 {
	font-family: var(--roboto);
	font-size: 16px;
	font-weight: normal;
	margin-top: 30px;
}

.keyvisualSmallTitle {
	/*padding-top: 50px;*/
	position: absolute;
	bottom: 0;
}

.keyvisualTitle{
	padding-top: 320px;
	font-size: 90px;
	color: var(--White);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	}

.keyvisualContent .keyvisual {
	filter: saturate(90%);
}
.keyvisualContent .uk-container.uk-container-center.subPageHeader {
	position: relative;
}
.keyvisualContent .subPageHeader h1.keyvisualTitle {
	position: absolute;
	padding-top:  unset;
	line-height: 1.1em;
	bottom: 0;
}
/* year slider styles */
.yearSlider {
    font-size: 16px;
    position: relative;
    top: -53px;
    margin-bottom: -30px;
    float: right;
}
.yearSlider .slider-track {
    background-color: var(--Grey-10) !important;
    background-image: linear-gradient(to bottom, var(--Grey-10), var(--Grey-10)) !important;
}
.yearSlider .tooltip {
    display: none;
    top: -25px !important;
    position: absolute;
    font-size: 11px;
    border-radius: 5px;
    padding: 0px 9px;
    color: var(--White);
    background: var(--Grey-95);
}
.yearSlider:hover .tooltip {
    display: block;
}
.yearSlider .slider.slider-horizontal .slider-track {
	height: 14px;
	border-radius: 7px;
	margin-top: -9px;
}
.yearSlider .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: var(--Grey-95);
}
.yearSlider .slider.slider-horizontal .slider-handle.triangle {
    border-width: 0 8px 18px 8px;
    width: 0;
    height: 0;
    border-bottom-color: var(--Grey-70);
    margin: 0 0 0 -8px;
    opacity: 1;
}
.yearSlider .slider.slider-horizontal .slider-handle.triangle:hover {
	border-bottom-color: var(--Grey-100);
}
.yearSlider .slider-selection {
    background: var(--GreenLight-100);
    border-radius: 0;
}
@media (max-width: 480px) {
    .yearSlider {
        top: 0;
        margin-bottom: 20px;
        float: left;
    }
}


/* Buttons */
.uk-button {
	border-radius: 25px;
	border: 1px solid var(--Grey-95);
	font-family: var(--roboto-c);
	font-weight: 700 !important;
	text-transform: normal;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	transition: all ease 0.5s;
}
.uk-button:hover {
	background-color: var(--Grey-95);
}
.uk-button-bgtransparent {
	background: transparent;
}
.uk-button-bgtransparent:hover {
	background: var(--Grey-95);
}


.so-widget-ink-buttons .iw-so-button-base a{
	padding: 6px 25px !important;
}
.so-widget-ink-buttons .iw-so-button-base a.svpButtonGreen, .ow-button-base a.svpButtonGreen {
	background-color: var(--GreenLight-100) !important;
	background: var(--GreenLight-100) !important;
	border: 0px !important;
	border-radius: 25px !important;
	line-height: 40px !important;
	padding: 0 25px !important;
	font-family: var(--roboto-c) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
	color: var(--White) !important;
}
.so-widget-ink-buttons .iw-so-button-base a.svpButtonGreen:hover, .ow-button-base a.svpButtonGreen:hover {
	background-color: var(--GreenLight-100) !important;
}
.ow-button-base a.ow-icon-placement-left.svpButtonGreen .sow-icon-image, .ow-button-base a.ow-icon-placement-left.svpButtonGreen [class^="sow-icon-"] {
	margin: 0.4em 0.75em 0em -0.5em;
}



.uk-button-primary,
.uk-button-success,
.uk-button-danger {
	border: 0px;
}

.uk-button-inverted {
	color: var(--White);
	background-color: rgba(0,0,0,0);
	border: 2px solid var(--White);
	}

.uk-button-inverted:hover, .uk-button-inverted:focus {
	color: var(--GreenLight-100);
	background-color: var(--White);
	border: 2px solid var(--White);
}

.uk-button-white {
	color: var(--GreenLight-100);
	background-color: rgba(255,255,255,0.9) !important;
	border: none;
	}

.uk-button-white:hover, .uk-button-white:focus {
	color: var(--GreenLight-100);
	background-color: rgba(255,255,255,1) !important;
	border: none;
}

.uk-button a {
	color: var(--Grey-95);
	text-decoration: none;

}

.uk-button a:hover,
.uk-button:hover a {
	color: var(--White);
}
.c2a-button.uk-button-small {
	padding: 5px 20px;
	margin-top: 20px !important;
}
@media (min-width: 960px) and (max-width: 1220px) {
    .uk-button-small {
        min-height: 30px;
        padding: 0 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 30px;
        font-size: 11px;
    }
}
@media (max-width: 480px) {
    .uk-button-small {
        min-height: 30px;
        padding: 0 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        line-height: 30px;
        font-size: 11px;
    }
}


.textwidget .uk-button, .textwidget .moreMeme .uk-button  {
	color: var(--Grey-100);
	border: 2px solid var(--Grey-95);
}

.textwidget .uk-button:hover, .textwidget .moreMeme .uk-button:hover  {
	color: var(--White);
	background: var(--Grey-95);
	border: 2px solid var(--Grey-95);
}

.memeItem .uk-button-primary {
	color: var(--White);
	border: 1px solid var(--GreenLight-100);
}

.memeItem .uk-button-primary:hover {
	background: var(--GreenLight-100);
	border: 1px solid var(--GreenLight-100);
}

/*Buttons mit Pagebuilder angleichen*/
.iw-so-button.uk-button {
	border-radius: 25px;
	font-family: var(--roboto-c);
	font-weight: 700;
	text-transform: uppercase;
	display:inline-block;
	padding: 0 25px !important;
	line-height: 40px;
	vertical-align: middle;
	min-height: 40px;
	font-size: 18px;
	border: 2px solid var(--Grey-95);
    color: var(--Grey-100);
}
.iw-so-button.uk-button:hover {
	background-color: var(--Grey-100);
}


/* Labels & Inputfields */
label {
	font-size: 12px;
	font-weight: 700;
}
input:not([type=checkbox]):not([type=radio]),
.gform_wrapper .gform-body .gfield  input:not([type=checkbox]):not([type=radio]) {
    border: none;
    border-bottom: 3px solid #90908c;
	width: 100%;
	margin: 8px 0px;
	font-size: 18px;
	line-height: 24px;
	font-family: var(--roboto);
	color: var(--Grey-70);
	/*background-color: transparent;*/
	background-color: rgba(238,238,238,0.3);
	padding-left: 7px;
	padding-right: 7px;
}
textarea,
.gform_wrapper .gform-body .gfield textarea {
    border: none;
    border-bottom: 3px solid #90908c;
	width: 100%;
	margin: 8px 0px;
	outline:none;
	font-size: 18px;
	line-height: 24px;
	font-family: var(--roboto);
	color: var(--Grey-70);
	/*background-color: transparent;*/
	background-color: rgba(238,238,238,0.3);
	padding-left: 7px;
	padding-right: 7px;

}

.leftIconItem .uk-dropdown input:not(.uk-button-inverted),
.leftIconItem .uk-dropdown textarea {
	color: var(--Grey-10);
}

.leftIconItem .uk-dropdown
 input:focus {
    outline: none;
}

.leftIconItem .uk-dropdown .uk-button:hover {
	color: var(--GreenLight-100);
}

.leftIconItem select {
	display: inline-block;
    border: none;
    /*border-bottom: 3px solid #90908c;*/
	color: var(--White) !important;
	border-radius: 0px;
	outline: none;
	font-family: var(--roboto);
	font-size: 18px;
	background: var(--Grey-70);
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0.3;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity: 0;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.3;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Firefox 19+ */
  opacity: 0;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { /* IE 10+ */
   opacity: 0.3;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* IE 10+ */
   opacity: 0;
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
   opacity: 0.3;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Firefox 18- */
   opacity: 0;
}
input[type=date]:invalid::-webkit-datetime-edit {
    color: var(--Grey-15);
}
.personFilter select {
	display: inline-block;
    border: none;
    border-bottom: 3px solid #90908c;
	border-radius: 0px;
	outline: none;
	font-family: var(--roboto);
	font-size: 18px;
	/*background: #6c6b66;*/
}

.so-widget-svptermin-widget .personFilter {
	margin-bottom: 35px;
}

.testimonial select, .mailchimpNLForm select, .gform_wrapper select, .wpcf7-form select, .spendenContentBoxInner select, .gform_wrapper .gform-body .gform_fields select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(45deg, transparent 50%, var(--Grey-100) 50%), linear-gradient(135deg, var(--Grey-100) 50%, transparent 50%);
    background-origin: padding-box;
    background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-repeat: no-repeat;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
	margin-bottom: 20px;
	min-width: 25%;
	display: inline-block;
    border: none;
    border-bottom: 3px solid #90908c;
	border-radius: 0px;
	outline: none;
	font-family: var(--roboto);
	font-size: 18px;
    padding: 5px 35px 5px 0px;
	height: 45px;
	color: var(--Grey-70);
	background-color: transparent;
}
.testimonial select::-ms-expand, .mailchimpNLForm select::-ms-expand, .gform_wrapper select::-ms-expand, .wpcf7-form select::-ms-expand, .spendenContentBoxInner select::-ms-expand {
	display: none;
}
.gform_page_footer input[type=submit], .gform_page_footer input[type=button], .gform_footer input[type=submit] {
	border-radius: 25px;
    border: 2px solid var(--Grey-95);
    font-family: var(--roboto-c);
    font-weight: 700;
    text-transform: uppercase;
	cursor:pointer;
	-webkit-appearance: none;
    margin: 0;
    overflow: visible;
    color: var(--Grey-100);
    display: inline-block;
    box-sizing: border-box;
    padding: 0 25px;
    background: var(--White);
    vertical-align: middle;
    line-height: 40px;
    min-height: 40px;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    width: auto;
}
.gform_page_footer input[type=submit]:hover, .gform_page_footer input[type=button]:hover, .gform_footer input[type=submit]:hover {
	 background-color: var(--Grey-100);
	color: var(--White);
}
.gform_wrapper .percentbar_green {
	background-color: var(--GreenLight-100) !important;
}
.gform_wrapper label {
	font-size: 12px !important;
}
.gform_wrapper .gf_progressbar {
	padding: 3px !important;
}
.gform_wrapper .gform_page_footer {
	border-top: 0px !important;
}
.svp-formular input#plz {
	width: 25%;
	margin-right: 5%;
}
.svp-formular input#ort {
	width: 70%;
}
/*mailchimpNLForm*/
.mailchimpNLForm input[type=checkbox], .mailchimpNLForm input[type=submit]  {
	width: initial;
}
.mailchimpNLForm .mc-field-group {
	padding-top: 16px;
}
.mailchimpNLForm select {
	display:block;
	margin: 2px 0px;
	height: 34px;
	width: 100%;
}
.testimonial input[type=text], .mailchimpNLForm input[type=text] {
	padding-left: 4px;
}
.svpCheckbox .wpcf7-list-item {
	width: 100%;
	margin-left: 0;
}
.svpCheckbox label {
	clear:left;
	font-size: 16px;
}
.svpCheckbox input {
	float:left;
	margin-right: 7px;
}
.svpCheckbox .wpcf7-list-item-label {
	float:left;
	width: calc(100% - 25px);
	display:block;
	font-weight: 500;
}

#personFilterKanton, #testimonialFilterKanton, #personFilterWahlkreis {
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background: none;
	background-image:
    linear-gradient(45deg, transparent 50%, var(--Grey-100) 50%),
    linear-gradient(135deg, var(--Grey-100) 50%, transparent 50%);
	background-position:
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 10px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
	background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
	background-repeat: no-repeat;
	width: calc(100% - 35px);
	height: 37px;
	background-color: rgba(238,238,238,0.2);
	padding-left: 7px;
	padding-right: 25px;
}
#personFilterKanton::-ms-expand, #testimonialFilterKanton::-ms-expand {
	display: none;
}

/* BG Sections */
.bg-color-light {
	background-color: var(--Grey-05);
	padding: 35px 0;
}

.bg-color-medium {
	background-color: var(--Grey-10);
	padding: 35px 0;
}

.bg-color-dark {
	background-color: var(--Grey-95);
	padding: 15px 0;
}

.bg-color-gradient {
background: var(--White); /* Old browsers */
	background: -moz-linear-gradient(top,  var(--White) 0%, var(--Grey-05) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  var(--White) 0%,var(--Grey-05) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  var(--White) 0%,var(--Grey-05) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--White)', endColorstr='var(--Grey-05)',GradientType=0 ); /* IE6-9 */}
.bg-color-gradient-inverted {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/var(--Grey-05)+0,ffffff+66,ffffff+100 */
background: var(--Grey-05); /* Old browsers */
background: -moz-linear-gradient(top,  var(--Grey-05) 0%, var(--White) 66%, var(--White) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  var(--Grey-05) 0%,var(--White) 66%,var(--White) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  var(--Grey-05) 0%,var(--White) 66%,var(--White) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--Grey-05)', endColorstr='var(--White)',GradientType=0 ); /* IE6-9 */

}

.bg-color-dark-gradient {
	background: var(--White); /* Old browsers */
	background: -moz-linear-gradient(top, var(--Grey-95) 0%, var(--Grey-95) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, var(--Grey-95) 0%,var(--Grey-95) 100%,var(--Grey-95) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, var(--Grey-95) 0%,var(--Grey-95) 100%,var(--Grey-95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--Grey-95)', endColorstr='var(--Grey-95)',GradientType=0 ); /* IE6-9 */
}






/* Topbar & Nav */
.topbar{
	background: inherit;
    position: relative;
    z-index: 5;
}
.topbar-ortspartei,
.topbar-bezirk{
    /*background: var(--Grey-15);
    background: linear-gradient(90deg, var(--Grey-15) 0%, var(--Grey-05) 50%, var(--Grey-15) 100%);*/
}

.topbarRightDiv {
	display: flex;
	flex-direction: row;

}
#topbarRight {
	font-size: 14px;
	/* text-transform: uppercase; */
	padding: 18px;
}
.topbarRight_fr_FR{
    padding: 12px 18px !important;
    line-height: 18px;
}
.topbarRight-kanton {
	padding: 12px 18px !important;
}
.topbarRight-ortspartei,
.topbarRight-bezirk {
	padding: 12px 18px !important;
}
#topbarRight a {
	padding-left: 20px;
	text-decoration: none;
	color: inherit;
	margin-left: 15px;
}

.topbar-ortspartei #topbarRight a,
.topbar-bezirk #topbarRight a {
	color: var(--Grey-50);
}
#topbarRight a img {
	filter: invert(0.5);
}
#topbarRight a:hover {
	/*opacity: 0.85;*/
	color: var(--Grey-100);
}

#topbarRight .headerSocialMedia {
	margin-left: 0px;
	padding-left: 13px;
}
#topbarRight .headerSocialMedia i {
	font-size: 140%;
	color: var(--Grey-50);
}
#topbarRight .headerSocialMedia:hover i {
	color: var(--Grey-100);
}
.topbarRightDiv .socialmediaIcons {
	margin: 12px 10px;
}
.topbarRightDiv .socialmediaIcons-ortspartei i.uk-icon-youtube,
.topbarRightDiv .socialmediaIcons-ortspartei i.uk-icon-youtube-play,
.topbarRightDiv .socialmediaIcons-ortspartei i.uk-icon-twitter,
.topbarRightDiv .socialmediaIcons-ortspartei i.uk-icon-facebook,
.topbarRightDiv .socialmediaIcons-ortspartei i.uk-icon-instagram,
.topbarRightDiv .socialmediaIcons-bezirk i.uk-icon-youtube,
.topbarRightDiv .socialmediaIcons-bezirk i.uk-icon-youtube-play,
.topbarRightDiv .socialmediaIcons-bezirk i.uk-icon-twitter,
.topbarRightDiv .socialmediaIcons-bezirk i.uk-icon-facebook,
.topbarRightDiv .socialmediaIcons-bezirk i.uk-icon-instagram {
	color: var(--Grey-50) !important;
	padding-right: 10px;
	transition: all ease 0.4s;
}
.topbarRightDiv .socialmediaIcons-ortspartei a:hover i.uk-icon-youtube,
.topbarRightDiv .socialmediaIcons-ortspartei a:hover i.uk-icon-youtube-play,
.topbarRightDiv .socialmediaIcons-ortspartei a:hover i.uk-icon-twitter,
.topbarRightDiv .socialmediaIcons-ortspartei a:hover i.uk-icon-facebook,
.topbarRightDiv .socialmediaIcons-ortspartei a:hover i.uk-icon-instagram,
.topbarRightDiv .socialmediaIcons-bezirk a:hover i.uk-icon-youtube,
.topbarRightDiv .socialmediaIcons-bezirk a:hover i.uk-icon-youtube-play,
.topbarRightDiv .socialmediaIcons-bezirk a:hover i.uk-icon-twitter,
.topbarRightDiv .socialmediaIcons-bezirk a:hover i.uk-icon-facebook,
.topbarRightDiv .socialmediaIcons-bezirk a:hover i.uk-icon-instagram {
	color: var(--Grey-100) !important;
	transition: all ease 0.4s;
}
.topbarRightDiv .socialmediaIcons-bezirk a,
.topbarRightDiv .socialmediaIcons-ortspartei a {
	transition: all ease 0.4s;
}
.topbarRightDiv .socialmediaIcons-ortspartei a img.tiktok-icon,
.topbarRightDiv .socialmediaIcons-bezirk a img.tiktok-icon,
.topbarRightDiv .socialmediaIcons-ortspartei a img.tiktok-icon-hover,
.topbarRightDiv .socialmediaIcons-bezirk a img.tiktok-icon-hover {
	width: 15px;
	margin-right: 10px;
	margin-top: -5px;
}
.topbarRightDiv .socialmediaIcons-ortspartei a img.crossiety-icon,
.topbarRightDiv .socialmediaIcons-bezirk a img.crossiety-icon,
.topbarRightDiv .socialmediaIcons-ortspartei a img.crossiety-icon-hover,
.topbarRightDiv .socialmediaIcons-bezirk a img.crossiety-icon-hover {
	width: 20px;
	margin-right: 10px;
	margin-top: -5px;
}
.topbarRightDiv .socialmediaIcons-ortspartei a img.x-icon,
.topbarRightDiv .socialmediaIcons-bezirk a img.x-icon,
.topbarRightDiv .socialmediaIcons-ortspartei a img.x-icon-hover,
.topbarRightDiv .socialmediaIcons-bezirk a img.x-icon-hover {
	width: 15px;
	margin-right: 10px;
	margin-top: -5px;
}
.topbarRightDiv .socialmediaIcons-ortspartei a img.tiktok-icon,
.topbarRightDiv .socialmediaIcons-ortspartei a img.crossiety-icon,
.topbarRightDiv .socialmediaIcons-ortspartei a img.x-icon,
.topbarRightDiv .socialmediaIcons-bezirk a img.tiktok-icon,
.topbarRightDiv .socialmediaIcons-bezirk a img.crossiety-icon,
.topbarRightDiv .socialmediaIcons-bezirk a img.x-icon {
	opacity: 0.5;
	display: inline-block;
	transition: all ease 0.4s;
}
.topbarRightDiv .socialmediaIcons-ortspartei a:hover img.tiktok-icon,
.topbarRightDiv .socialmediaIcons-ortspartei a:hover img.crossiety-icon,
.topbarRightDiv .socialmediaIcons-ortspartei a:hover img.x-icon,
.topbarRightDiv .socialmediaIcons-bezirk a:hover img.tiktok-icon,
.topbarRightDiv .socialmediaIcons-bezirk a:hover img.crossiety-icon,
.topbarRightDiv .socialmediaIcons-bezirk a:hover img.x-icon {
	opacity: 1;
	display: inline-block;
	transition: all ease 0.4s;
}
#topbarSlider {
	/* background: var(--Grey-95);
	background: -moz-linear-gradient(top, #1f1f1f 0%, var(--Grey-95) 100%, var(--Grey-95) 100%);
	background: -webkit-linear-gradient(top, #1f1f1f 0%,var(--Grey-95) 100%,var(--Grey-95) 100%);
	background: linear-gradient(to bottom, #1f1f1f 0%,var(--Grey-95) 100%,var(--Grey-95) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='var(--Grey-95)',GradientType=0 ); */
}
#topbarSlider {
	/* color: var(--White); */
}
.topbarSliderBox {
    background: var(--White);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.campainImage {
    position: absolute;
    left: 200px;
    bottom: 0px;
    width: 200px;
    z-index: 4;
    cursor: pointer;
}
.campainImage>div {
	transition: all ease 0.4s;
}
.campainImage:not(.topbarSliderOpen):hover>div {
	transform: translateY(20px);
	transition: all ease 0.4s;
}
.campainImage.topbarSliderOpen:hover>div {
	transform: translateY(-20px);
	transition: all ease 0.4s;
}
@media (max-width: 1140px) {
    .campainImage {
        left: 165px;
        bottom: 0px;
        width: 150px;
    }
}
.campainImage ul {
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
}
#topbarSlider .uk-text-right a {
    background-color: var(--Grey-95);
	border-radius: 25px;
	width: 30px;
	height: 30px;
}
#topbarSlider .uk-text-right a:hover {
    background-color: var(--Grey-85);
}
#topbarSlider .uk-text-right i {
    padding: 3px 6px 0 0;
}


/* Termine */
.terminSlider{
}
.terminSliderTitle{
    overflow: hidden;
}
.terminSliderItem{
	background: var(--Grey-70);
	padding: 10px !important;
	font-family: var(--roboto-c);
	font-weight: 700;
	color: var(--White) !important;
	display: block;
	min-height: 220px;
	border: none !important;
}
.terminSliderItem:hover{
	/*background: var(--Grey-95) !important;*/
	/*color: var(--White);*/
	text-decoration: none;
}
.terminSliderItem-ortspartei,
.terminSliderItem-bezirk{
    min-height: 180px;
}
.terminSlider .uk-slidenav{
	color: var(--White);
}
.terminSlider .uk-slidenav-position a {
	border: none;
}
.terminSlider .uk-slidenav-position a:hover {
	background-color: transparent;
	border: none;
}

.terminSlider .uk-slidenav-position a.uk-slidenav, .uk-slidenav-position .uk-slidenav {
	color:rgba(124, 179, 5, 0.7);
	width: 45px;
	border: none;
	background-color: rgba(255,255,255,0.85);
	transition: all 0.5s ease;
	opacity: 0;
	transition: opacity 600ms, visibility 600ms;
	display: block;
}
.terminSlider:hover > .uk-slidenav-position a.uk-slidenav, .uk-slidenav-position:hover > .uk-slidenav {
	opacity: 1;
}

.terminSlider .uk-slidenav-position a.uk-slidenav:hover, .uk-slidenav-position .uk-slidenav:hover {
	background-color: transparent;
	border: none;
	background-color: rgba(255,255,255,0.95);
	color: rgba(124, 179, 5, 0.7);
}


.terminSliderDay{
	font-size: 24px;
	line-height: 28px;
}
.terminSliderDate{
	font-size: 60px;
	line-height: 80px;
}
.terminSliderTitle{
	font-size: 24px;
	line-height: 28px;
}
.terminSliderBgImage{
    opacity: 0.2;
    filter: alpha(opacity=20);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    filter: grayscale(100%) contrast(150%);
}
.terminSliderKanton{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 50px;
}



#terminPopup .uk-modal-dialog{
	width: 400px;
}

.terminDetailLeft {
	color: var(--White);
    min-height: 300px;
}

.terminDetailLeftDay {
	margin: 15px 0px 15px 20px;
	}

.terminDetailLeftDate {
	margin-left: 20px;
	font-size: 76px;
}

.terminDetailLeftTime {
	margin-left: 20px;
	margin-top: 60px;
}

.fc-widget-header a {
	color: var(--Grey-100);
}

#calendar .fc-button {
	border-radius: 0px;
    background: var(--White);
    border: 2px solid var(--Grey-10);
    box-shadow: none;
	font-family: var(--roboto-c);
    font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	height: 2.8em;
}

#calendar .fc-state-active {
	background: var(--Grey-10);
}

#calendar .fc-button-group>* {
    margin: 0 0 0 -2px;
}
#calendar.fc-unthemed td.fc-today {
	background: var(--Grey-10);
}
#calendar .fc-basic-view .fc-day-number, 
#calendar .fc-basic-view .fc-week-number {
	color: var(--Blue-100);
}

/*
 * set width for js-calculated box sizes like quare, landscape, 16_9
 */
.squareBox, .landscapeBox{
    width: 100%;
}


/*
 * overwrite default styles
 */
.cd-main-content{
    min-height: auto;
    z-index: unset;
}
.cd-main-content, .cd-main-header {
	transform: unset;
	will-change: unset;
}
.tl-slide-content{
    width: 100% !important;
}

.bgWhite{
    /* background-color: var(--White); */
    border-radius: 10px;
}
.singleContent{}
@media (max-width: 767px) {
    .singleContent{
        background: var(--White) none repeat scroll 0 0;
        padding-right: 25px;
        width: calc(100% + 50px);
    }
}

.articlePreview{
    background: var(--White);
    border-radius: 10px;
    height: 100%;
}
.articlePreview.vMedium {
	cursor: pointer;
}
.articlePreview.vMedium:hover .articlePerviewTitle a  {
	color: var(--GreenLight-100);
}
.articlePreview.vMedium div.uk-overlay>a.Box16_9 {
	position: relative;
}
.articlePreview.vMedium div.uk-overlay>a.Box16_9 img {
	transition: all ease 0.4s;
}
.articlePreview.vMedium:hover div.uk-overlay>a.Box16_9 img {
	transform: scale(1.05);
	transition: all ease 0.4s;
}
.articlePreview.vMedium a.socialShareIcon:hover,
.articlePreviewSmall a.socialShareIcon:hover,
.textwidget .articlePreviewSmall a.socialShareIcon:hover {
	color: var(--GreenLight-100);
}
.articlePreview > div{
    padding: 0 15px;
}
.articlePreview > div.uk-overlay {
	width: 100%;
}
.articlePreview > div.uk-overlay > a {
	overflow: hidden;
	display: block;
}
.articlePreview > div.uk-overlay > a img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	transition: all ease 0.4s;
}
.articlePreview > div.uk-overlay > a:hover img,
.articlePreview .uk-overlay:hover a img {
	transform: scale(1.05);
	transition: all ease 0.4s;
}
.articlePreview .articlePreviewLead{
    padding: 0 15px !important;
    margin-bottom: 15px;
}
.articlePreview > div:first-child{
    padding: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.articlePreviewIconShare{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 45px;
}
.articlePreviewIconPlay{
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    position: absolute;
    height: 30px;
    top: calc(50% - 15px);
    width: 45px;
    right: calc(50% - 35px);
    color: var(--White);
    background: var(--Grey-95);
    padding-top: 2px;
}


.memeFilterTyp {
	font-size: 16px;
	font-weight: 700;
	color: var(--Grey-95) !important;
    margin-right: 10px;
    padding: 5px 20px;
}

.memeFilterTyp:hover{
	color: var(--Grey-100) !important;
	text-decoration: none;
}

.memeFilterTypActive,
.memeFilterTypActive:hover {
	background-color: var(--Grey-95) !important;
	color: var(--White) !important;
    border-radius: 3px;
    margin-right: 10px;
}

.altBundesrat{
    background: var(--Grey-10);
    padding: 20px;
}
.altBundesratTitel{
    font-weight: 500;
}
.altBundesratImage{
    background-size: cover;
}
.altBundesratText{
    height: 300px;
    overflow: auto;
}



#personenNoContent{
    display: none;
    margin-bottom: 80px;
}


.testimonialBgImage{
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.testimonialBgImageGray{
    filter: grayscale(100%) contrast(150%);
}


/*
 * print link
 */
.printlink, 
a.printlink,
.singleContent a.printlink{
    font-family: var(--roboto-c);
    display: inline-block;
    color: var(--Grey-70);
    text-decoration: none;
    font-size: 16px;
}
.printlink:hover,
a.printlink:hover,
.singleContent a.printlink:hover{
    color: var(--Grey-100);
    text-decoration: underline;
}



/*
 * article left data
 */
.articleLeftDataMarginTopSmall{
    /*margin-top: 15px;*/
    margin-top: 40vh;
}
.articleLeftDataMarginTopBig{
    margin-top: 200px;
}
@media (max-width: 767px) {
    .articleLeftDataMarginTopSmall, .articleLeftDataMarginTopBig{
        margin-top: 0px;
    }
}
.articleLeftData{
    /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    padding: 20px;*/
}
.articleLeftData a{
    color: var(--Grey-100);
}
.articleLeftDataTitle{
    font-weight: 300;
    border-bottom: 1px solid var(--Grey-15);
    color: var(--Grey-100);
    font-size: 16px;

}
.articleLeftData .uk-button-mini{
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
}
.articleLeftDataListCat{
    font-size: 14px;
    line-height: 18px;
    color: var(--Grey-70);
}


/*
 * Termin calendar and list
 */
.terminFilterItem{
    text-align: center;
    display: inline-block;
    width: 250px;
    border:  1px dotted rgba(55,55,55,0.2);
    padding: 5px 20px;
    margin-bottom:  10px;
    border-radius:  3px;
}
.personFilter .personFilterTyp.terminFilterItem:hover {
    background-color: var(--Grey-95);
    color:  var(--White);
}
.personFilter .agendaFilter {
	text-align: right;
	margin-right: 25px;

}
@media (min-width: 1218px) {
	.agendaFilter {
		max-width: 780px;
		text-align: left !important;
		float: right;
	}
}


.terminTitleCol{
    width: calc(100% - 500px);
}

@media (max-width: 767px) {
    .terminTitleCol{
        width: calc(100% - 150px);
    }
}
.eventClass_none{
    background: var(--Grey-50) !important;
    border: 1px solid var(--Grey-50) !important;
}
.eventClass_public{
    background: var(--GreenLight-100) !important;
    border: 1px solid var(--GreenLight-100) !important;
}
.eventClass_private{
    background: var(--BlueGreen-75) !important;
    border: 1px solid var(--BlueGreen-75) !important;
}
.eventClass_info{
    background: var(--Red-75) !important;
    border: 1px solid var(--Red-75) !important;
    color: var(--Grey-100);
}





/*
 * lang switcher
 */
#langSwitch {
	padding: 18px;
	font-size: 14px;
}
.langSwitch-kanton {
	padding: 12px 18px !important;
}
.langSwitch-ortspartei,
.langSwitch-bezirk {
	padding: 6px 18px !important;
}
#langSwitch a{
	color: inherit;
	padding: 0px 5px;
	float: left;
}
#langSwitch a:after{
	content: "|";
	padding-left: 10px;
}
#langSwitch a:last-child:after{
	content: "";
}
#langSwitch a:hover{
	text-decoration: none;
}
#langSwitch .current_language {
}
#langSwitch .current_language:hover {
	opacity: 0.85;
}

.langSwitch-ortspartei a,
.langSwitch-bezirk a{
    color: #808080 !important;
}
.langSwitch-ortspartei a:after,
.langSwitch-bzirk a:after{
    color: #808080 !important;
}
.langSwitch-ortspartei a:hover,
.langSwitch-bezirk a:hover{
	color: #000 !important;
}
.langSwitch-ortspartei .current_language,
.langSwitch-bezirk .current_language {
	color: #222 !important;
}


.mobileLangswitch {
	display: inline-block;
	float: right;
	margin: 0;
}
@media (max-width: 1169px) and (min-width: 960px) {
    .mobilePrimaryTopNav-ch {
        margin-right: 20%;
    }
}
@media (max-width: 640px) {
   .mobileLangswitch {
        display: block;
        position: absolute;
        top: 0;
        width: calc(100% - 25px);
        background-color: var(--White);
        text-align: center !important;
    }
    .mobileLangswitch #langSwitch {
    	padding: 8px;
    }
    .mobileLangswitch #langSwitch a:hover, .mobileLangswitch #langSwitch .current_language {
    	color: var(--Grey-100);
    }
    .mobilePrimaryTopNav {
    	margin-top: 40px;
    	text-align: center;
    }
    .mobilePrimaryTopNav-ortspartei,
    .mobilePrimaryTopNav-bezirk {
    	margin-top: 30px;
    }
    .langSwitch-kanton,
    .langSwitch-ortpartei{
        padding: 8px !important;
    }
    .mobilePrimaryTopNavNoSwitch{
        margin-top: 0px;
    }
}



/* presse & kantonalparteien */
.kantone_weitereKantone p {
	margin: 0;
	padding: 0;
	line-height: 0;
}
.uk-overlay-icon.AG:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/AG.png');
}
.uk-overlay-icon.AR:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/AR.png');
}
.uk-overlay-icon.AI:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/AI.png');
}
.uk-overlay-icon.BL:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/BL.png');
}
.uk-overlay-icon.BS:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/BS.png');
}
.uk-overlay-icon.BE:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/BE.png');
}
.uk-overlay-icon.FR:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/FR.png');
}
.uk-overlay-icon.GE:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/GE.png');
}
.uk-overlay-icon.GL:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/GL.png');
}
.uk-overlay-icon.GR:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/GR.png');
}
.uk-overlay-icon.JU:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/JU.png');
}
.uk-overlay-icon.LU:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/LU.png');
}
.uk-overlay-icon.NE:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/NE.png');
}
.uk-overlay-icon.AI:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/AI.png');
}
.uk-overlay-icon.NW:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/NW.png');
}
.uk-overlay-icon.OW:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/OW.png');
}
.uk-overlay-icon.SH:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/SH.png');
}
.uk-overlay-icon.SZ:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/SZ.png');
}
.uk-overlay-icon.SO:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/SO.png');
}
.uk-overlay-icon.SG:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/SG.png');
}
.uk-overlay-icon.TI:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/TI.png');
}
.uk-overlay-icon.TG:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/TG.png');
}
.uk-overlay-icon.UR:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/UR.png');
}
.uk-overlay-icon.VD:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/VD.png');
}
.uk-overlay-icon.VS:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/VS.png');
}
.uk-overlay-icon.ZG:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/ZG.png');
}
.uk-overlay-icon.ZH:before {
    background: url('/wp-content/themes/svp/images/wappen/outline/ZH.png');
}
.kantone_weitereKantone .uk-overlay-icon:before {
    background-size:  144px 144px;
    background-repeat: no-repeat;
    width:  144px;
    height:  144px;
    content: "";
	margin-top: -70px;
	margin-left: -74px;
}
.kantone_weitereKantone .uk-overlay.uk-overlay-hover a.uk-position-cover:hover {
    color: var(--White);
	background: transparent;
	text-decoration: none;
	border: 1px solid var(--GreenLight-100);
}







/*
 * related personen slider
 */
.personSlider .uk-slideshow{
    margin-bottom: 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.personSliderItem{
    padding: 20px;
}
.personSlider .uk-slideshow li{
    overflow: auto;
}
.personSlider .uk-dotnav li > a{
    background: gray;
}
.personSlider .uk-dotnav .uk-active a{
    background: var(--GreenLight-100);
}
.personSlider .uk-slidenav {
    color: black;
}
.personSlider .uk-slidenav:hover {
    color: var(--GreenLight-100);
}



/*
 * keyvisual arc on bottom of the image
 */
.keyvisualContent{
    margin-bottom: 30px;
}
.keyvisual{
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 450px;
    overflow: hidden;
    background-position: center 25% !important;
}
.keyvisual-ortspartei,
.keyvisual-bezirk{
    height: 380px;
    /*background: linear-gradient(90deg, var(--Grey-15) 0%, var(--Grey-05) 50%, var(--Grey-15) 100%);*/
}
.keyvisual::after{
    /* background: var(--White) none repeat scroll 0 0;
    border-radius: 100%;
    bottom: -5%;
    content: "";
    display: block;
    height: 8%;
    left: -5%;
    position: absolute;
    width: 110%; */
}
.keyVisualArcBox{
    display: none;
    position: absolute;
    bottom: 0;
    width: 100%;
    height:8%;
    overflow: hidden;
}
.keyVisualArc{
    background: var(--White) none repeat scroll 0 0;
    border-radius: 100%;
    bottom: -63%;
    content: "";
    display: block;
    height: 100%;
    left: -5%;
    position: absolute;
    width: 110%;
}
.keyvisualMitgliedwerden .keyvisual::after{
    width: 0;
}
.keyvisualSmall{
    position: relative;
    overflow: hidden;
    height: 120px;
    /* background-image: linear-gradient(to right, var(--Grey-10), #aaa, #ccc); */
}
.keyvisualSmall::after {
    /* background: var(--White) none repeat scroll 0 0;
    border-radius: 100%;
    bottom: -10%;
    content: "";
    display: block;
    height: 15%;
    left: -5%;
    position: absolute;
    width: 110%; */
}
.keyvisualSmall.personengallery {
	height: 450px;
}

.keyvisualContent .keyvisualV2Box{
    height: 475px !important;
    position: relative;
    padding-top: 21px;
}
.keyvisualV2{
    background: var(--White);
    /*box-shadow: 0 0 15px #D3D2CE;*/
    position: absolute;
    left: 0;
    width: 100%;
    height: 400px;
    overflow: hidden;
    /*padding: 20px;*/
    border-radius: 10px;
}
.keyvisualV2 img{
    object-fit: cover;
    object-position: top;
    /*height: 360px;
    width: 100%;*/
    min-height: 100%;
    min-width: 100%;
}
.keyvisualV2Content{
    position: absolute;
    bottom: 55px;
    left: 55px;
    width: calc(100% - 110px);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
    color: var(--White);
}
.keyvisualV2Content h1,
.keyvisualV2Content h2,
.keyvisualV2Content h3,
.keyvisualV2Content h4,
.keyvisualV2Content h5,
.keyvisualV2Content h6{
    color: var(--White);
}
.keyvisualV2Content h1{
    font-size: 60px;
    line-height: 68px;
}
.keyvisualV2Content p{
    font-size: 30px;
    line-height: 36px;
}
.keyvisualV2webname{
    bottom: -75px;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    overflow: hidden;
    z-index: -1;
    white-space: nowrap;
    font-size: 12vw;
    line-height: 180px;
    /*color: var(--Grey-05);*/
    color: var(--Grey-15);
    font-weight: bold;
    text-transform: uppercase;
    opacity: 0.5;
}
.keyvisualV2Flag{
    position: absolute;
    bottom: 39px;
    right: 15px;
    overflow: hidden;
}
.keyvisualV2Flag img{
    margin: 20px;
    opacity: 0.4;
    transform: rotate(15deg);
    width: 125px;
}

/*
 * left icons
 */
.leftIcons{
    position: fixed;
    left: 10px;
    top: 30%;
    z-index: 2;
}
.leftIconItem{
    background: var(--Grey-95) none repeat scroll 0 0;
    font-size: 1em;
    height: 34px;
    margin: 0 0 5px 5px;
    border-radius: 10px;
}
.leftIconItem>div {
	height: 100%;
}
.leftIconItemLink{
    color: var(--White);
    display: block;
    width: 34px;
    padding: 6px 0 0;
    text-align: center;
    height: 100%;
}
.leftIconItem .uk-dropdown{
    border-radius: 0;
    width: auto;
    white-space: nowrap;
    background: var(--Grey-95) !important;
    color: var(--White);
}
.leftIconItem .uk-dropdown h2{
    margin: 0 50px 0 0;
    padding: 0 0 20px 0;
    color: var(--White);
}
.leftIconItemMailContent{
    overflow: auto;
    padding-right: 20px;
}
.leftIconItemLinkContent{
    overflow: auto;
}

/*
 * right icons
 */
.rightIcons{
    background: var(--White) none repeat scroll 0 0;
    border: 1px solid var(--Grey-15);
    border-radius: 10px;
    padding: 6px 3px;
    margin: 20px 0 0 5px;
    width: 36px;
   
}
.rightIconItem{
    background: var(--White) none repeat scroll 0 0;
    margin: 0 0 10px 0;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    padding: 0 5px;
}
.rightIconItem:last-child{
    margin: 0;
}
.rightIconItemLinkFB{
    color: var(--Grey-50);
}
.rightIconItemLinkTW{
    color: var(--Grey-50);
}
.rightIconItemLinkYT{
    color: var(--Grey-50);
}
.rightIconItemLinkIG{
    color: var(--Grey-50);
}
.IconItemLinkTT img {
	width: 27px;
	margin-right: 13px;
}
.rightIconItemLinkTT img.tiktok-icon,
.IconItemLinkTT img.tiktok-icon,
.rightIconItemLinkCS img.crossiety-icon,
.IconItemLinkCS img.crossiety-icon,
.rightIconItemLinkX img.x-icon,
.IconItemLinkX img.x-icon  {
	transition: all ease 0.4s;
	opacity: 0.5;
}

.rightIconItemLinkTT:hover img.tiktok-icon,
.IconItemLinkTT:hover img.tiktok-icon,
.rightIconItemLinkCS:hover img.crossiety-icon,
.IconItemLinkCS:hover img.crossiety-icon,
.rightIconItemLinkX:hover img.x-icon,
.IconItemLinkX:hover img.x-icon   {
	transition: all ease 0.4s;
	opacity: 1;
}
.rightIconItemLinkFB:hover{
    color: var(--Grey-100);
}
.rightIconItemLinkTW:hover{
    color: var(--Grey-100);
}
.rightIconItemLinkYT:hover{
    color: var(--Grey-100);
}
.rightIconItemLinkIG:hover{
    color: var(--Grey-100);
}



/*
 * subpageslist
 */
.subpageslistItem{
    margin-bottom: 25px;
    cursor: pointer;
    min-height: 53px;
}
.subpageslistItem:hover .subpageslistItemTextLead{
    color: var(--Grey-95);
}
.subpageslistItemIcon{
    width: 40px;
    height: 40px;
    float: left;
    background: var(--GreenLight-100);
    border-radius: 20px;
    color: var(--White);
    font-size: 20px;
    text-align: center;
    padding-top: 6px;
    margin: 5px 15px 0 0;
}
.subpageslistItemText{
    width: calc(100% - 60px);
    float: left;
}
.subpageslistItemTextTitle{
    font-weight: 600;
}
.subpageslistItemTextTitleOnly{
    margin-top: 12px;
}
.subpageslistItemTextLead{
    color: var(--Grey-30);
}





/*
 * Kantone-Detail
 */
.kantoneHeaderContent {
    background-color: rgba(237,236,230, 0.5);
    margin-top: 50px;
    padding: 30px;
}
.kantoneHeaderContent img {
    width: 30px;
    margin-right: 10px;
}
.kantoneHeaderContent h4 {
    margin-bottom:  0px;
    margin-top:  25px;
}
.kantoneHeaderContent .kantonsdaten div {
    font-size:  13px;
}
.kantoneHeaderContent .kantonsdaten div:nth-child(3n+2) {
    text-align:  right;
    font-weight:  700;
}
.kantoneHeaderContent .kantonsdaten .uk-width-1-1 .kantonsdatenseperator {
    border-top:  1px dotted #535250;;
}
.kantone_weitereKantone h3 {
    margin:  15px 65px 15px 20px;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
}
.kantone_weitereKantone a.uk-position-cover:hover h3{
    visibility: hidden;
    opacity: 0;
}
.kantone_weitereKantone img.kantone_wappen {
    position: absolute;
    top: 0;
    right: 0;
    height: 45px;
    width: auto;
    padding:  0;
    margin:  13px 20px;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.5s linear;
}
.kantone_weitereKantone:hover img.kantone_wappen, .kantone_weitereKantone:hover h3 {
    opacity: 0;
    visibility: hidden;
}
.kantonecontent img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}


/*
 * Accordionstyles für Parteizeitung, Extrablatt usw.
 */
.parteizeitungListe.uk-accordion {
    box-shadow:  none;
}
.svpAccordion-wrapper {
    box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
    margin-bottom:  25px;
}
.svpAccordion-wrapper .svpAccordionDownloadlist, .extrablattListe .svpDownloadlist {
    padding:  10px;
}

.svpAccordion-wrapper .svpAccordionDownloadlist, .extrablattListe .svpDownloadlist {
    border-bottom: 2px solid var(--Grey-05);
}
.positionspapierListe .svpAccordionDownloadlist .svpAccordionDownloadlistItems {
    padding-bottom:  5px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--Grey-05);
}
.positionspapierListe .svpAccordionDownloadlist .svpAccordionDownloadlistItems:last-child {
     border-bottom: none;
}

.svpAccordion-wrapper h3.uk-accordion-title span.uk-icon-minus-circle, .svpAccordion-wrapper h3.uk-accordion-title.uk-active span.uk-icon-plus-circle {
    display: none;
}
.svpAccordion-wrapper h3.uk-accordion-title span.uk-icon-plus-circle, .svpAccordion-wrapper h3.uk-accordion-title.uk-active span.uk-icon-minus-circle {
    display: block;
}
.svpAccordion-wrapper h3.uk-accordion-title span[class^='acc_'] {
	transition: all ease 0.4s;
}
.svpAccordion-wrapper h3.uk-accordion-title:hover span[class^='acc_'] {
	transform: scale(1.2) rotate(180deg);
	transition: all ease 0.8s;
}
.svpAccordion-wrapper .svpAccordionDownloadlist:last-child, .extrablattListe .svpDownloadlist:last-child {
    border-bottom: none;
}
.svpAccordionDownloadlist a {
    border:  none !important;
}
.svpAccordionDownloadlist a:hover {
    background:  transparent !important;
    border:  none !important;

}
.svpDownloadlist a {
    color: var(--Grey-100);
}
.svpDownloadlist a:hover {
    color: var(--GreenLight-100);
    text-decoration: none;
}

/*
 * positionspapiere overview
 */
.pospapBoxGreen{
	background: var(--GreenLight-100);
	border: 1px solid var(--GreenLight-100);
}
.pospapBoxBrown{
	background: var(--Grey-95);
	border: 1px solid var(--Grey-95);
}
.pospapBoxGreenInvers{
	background: var(--White);
	border: 1px solid var(--GreenLight-100);
}
.pospapBoxBrownInvers{
	background: var(--White);
	border: 1px solid var(--Grey-95);
}
.pospapBox{
	padding: 20px;
}
.pospapTitle{
	padding: 0 0 15px 0;
}
.pospapTitle a{
	color: var(--White);
	font-size: 28px;
	font-weight: bold;
}
.pospapBoxGreenInvers .pospapTitle a,
.pospapBoxGreenInvers .pospapLink a{
	color: var(--GreenLight-100);
}
.pospapBoxBrownInvers .pospapTitle a,
.pospapBoxBrownInvers .pospapLink a{
	color: var(--Grey-95);
}

.pospapLinks{
	max-height: 250px;
	overflow: auto;
}
.pospapLink a{
	color: var(--White);
	display: block;
	margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px;
}
.pospapLink a i{
	margin-right: 10px;
}

/*
 * call2action default styles
 */
.c2aContent{
	background-color: var(--GreyBlue-25);
}
.c2a-title,
.c2a-text,
.c2aContent .c2a-title a,
.c2aContent .c2a-text a{
    color: var(--Grey-100);
}
.c2aContent .c2a-title a:hover,
.c2aContent .c2a-text a:hover {
	text-decoration: none;
}
.c2aContent .c2a-article {
    color: var(--White);
    position: relative;
	padding: 30px 30px 0px 30px;
}
.c2aContent .c2a-link {
    position: static;
	padding: 0 30px 30px;
	margin: 0;
}
.c2aContent img{
    padding: 0 !important;
}
.aktuellC2aBox{
    margin: 0;
}
.aktuellC2aBox .c2a-title a{
}
.aktuellC2aBox .c2a-article{
}
.aktuellC2aBox .c2a-link{
}
.keyvisualContent .c2aContent{
    background-color: rgba(237,236,230, 0.5);
    margin-top: 60px;
	max-height: 320px;
	overflow: auto;
}
.keyvisualContent .c2aContentHideOverlay{
    background-color: transparent;
}
.keyvisualContent .c2a-title{
	color: var(--Grey-100);
}
.keyvisualContent .c2a-title a{
	color: var(--Grey-100);
}
.keyvisualContent .c2a-text{
	color: var(--Grey-100);
	min-height: 80px;
	margin-bottom: 20px;
}

.keyvisualContent .c2a-text a{
    color: var(--Grey-100);
}

.keyvisualContent .c2a-link{
 margin-top: 0px;
}

.keyvisualContent .c2a-link .c2a-button {
	background-color: var(--GreenLight-100);
	border: none;
}

.keyvisualContent .c2a-link .c2a-button:hover {
	background-color: var(--GreenLight-100);
	border: none;
	color: var(--White);
}
.call2action .c2a-button.uk-button-inverted {
	color: var(--Grey-95);
	border-color: var(--Grey-95);

}
.call2action .c2a-button.uk-button-inverted:hover {
	color: #fff;
	background-color: var(--Grey-95);
} 
@media (max-width: 640px) {
    .tile-article, .tile-box .c2a-article{
        /* min-height: 220px; */
    }
}


/*
 * post grid styles
 */
.grid-box{

}
.grid-box img{
    padding: 0;
}
.grid-box:hover img{
    filter: grayscale(100%) contrast(150%);
}




/*
 * shortcode tile styles
 */
.tile-box{
    color: var(--White);
    z-index: 1;
    border-radius: 20px;
	/*min-height: 350px;*/
    /* cursor: pointer; */
}
.tile-box .c2aContent {
    background-color: transparent;
}
.tile-box p:not(.tile-link) a {
	border: none;
}
.tile-box p:not(.tile-link) a:hover{
    background-color: transparent;
    border: none;
}
.tile-bgimage, .tile-box .c2a-bgimage{
    border-radius: 10px;
    background-size: cover !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: grayscale(100%) contrast(150%);
    transition: all 0.5s ease;
}
.tile-bg, .tile-box .c2a-bg{
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: background-color 0.5s ease;
    transition: opacity 0.5s ease;
    transition: all 0.5s ease;
}
.tile-box:hover > .tile-bg{
    opacity: 0.8;
}
.personenOverview .tile-box:hover > .tile-bg, .themenOverview .tile-box:hover > .tile-bg {
    opacity: 0.1;
}
.personenOverview .tile-box:hover .tile-bgimage, .themenOverview .tile-box:hover .tile-bgimage {
	filter: grayscale(0%) contrast(100%);
}
.personenOverview .tile-box:hover > .tile-article, .themenOverview .tile-box:hover > .tile-article {
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
 .personenOverview .tile-box:hover .uk-button-inverted, .themenOverview .tile-box:hover .uk-button-inverted {
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
 .personenOverview .tile-box .uk-button-inverted:hover, .themenOverview .tile-box .uk-button-inverted:hover {
	text-shadow: none;
	box-shadow: none;
}
.tile-box:hover > .c2a-bg{
    opacity: 0.8;
}
.tile-box .tile-title a, .tile-box .c2a-title a, .tile-box .c2a-text a{
    color: var(--White);
}

.tile-box .c2a-title a{
    display: inline-block;
    width: 100%;
}
.tile-box .c2a-text a{
    display: inline-block;
    width: 100%;
    margin-bottom: 70px;
    /* min-height: 620px; */
}
.tileLinkHigh{
    display: inline-block;
    width: 100%;
    min-height: 620px;
    color: var(--White);
}
.tileLinkNormal{
    display: inline-block;
    width: 100%;
    color: var(--White);
}
.tileLinkHigh:hover{
    border-color: transparent;
}
@media (max-width: 640px) {
    .tileLinkHigh{
        min-height: 150px;
    }
    .tile-box .c2a-text a{
        min-height: auto;
    }
}



.tile-article, .tile-box .c2a-article{
    height: calc(100% - 50px);
    overflow: hidden;
    color: var(--White);
    z-index: 3;
    position: relative;
	padding: 30px;
}

.tile-article h2 {
	color: var(--White);
}

.tile-link, .tile-box .c2a-link{
    bottom: 0;
    left: 0;
    padding: 20px 30px 30px;
    position: absolute;
    width: 100%;
    color: var(--White);
}
/* white bg */
.tile-box-bgWhite .tile-article a{
    color: var(--GreenLight-100) !important;
}
.tile-box-bgWhite .uk-button-inverted {
    background-color: var(--GreenLight-100);
    border: 2px solid var(--GreenLight-100);
    color: var(--White);
}
.tile-box-bgWhite .uk-button-inverted:hover {
    background-color: var(--GreenLight-100);
    border: 2px solid var(--GreenLight-100);
    color: var(--White);
}
/* transparent bg */
.tile-box-bgTransparent .tile-article a{
    /*text-shadow: 1px 1px var(--Grey-100);*/
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
.tile-box-bgTransparent .uk-button-inverted {
	text-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}
.tile-box-bgTransparent .uk-button-inverted:hover {
    text-shadow: none;
}
.tile-box-bgTransparent .tile-bgimage{
    filter: grayscale(0%);
}
.tile-box-bgTransparent:hover .tile-bgimage{
    filter: grayscale(28%);
}

@media (max-width: 640px) {
    .tile-article, .tile-box .c2a-article{
        height: auto;
        overflow: auto;
    }
    .tile-link, .tile-box .c2a-link{
        position: relative;
        padding: 15px;
    }
}


.socialShareIcon,
a.socialShareIcon,
.textwidget a.socialShareIcon,
.articlePreviewSmall  a.socialShareIcon,
.textwidget .articlePreviewSmall  a.socialShareIcon,
.articlePreview a.socialShareIcon,
.textwidget .articlePreview a.socialShareIcon{
	background: var(--Grey-95) none repeat scroll 0 0;
	color: var(--White);
	display: block;
	font-size: 1em;
	height: 40px;
	width: 40px;
	padding: 8px 0 0;
	text-align: center;
	border-radius: 10px;
	/*box-shadow: 0 0 0 2px white;*/
	/*border: 1px solid transparent;*/
    /*z-index: 1021;*/
    z-index: 3;
    position: relative;
}
.uk-open .socialShareIcon,
.uk-open a.socialShareIcon,
.textwidget .uk-open a.socialShareIcon,
.articlePreviewSmall .uk-open  a.socialShareIcon,
.textwidget .articlePreviewSmall .uk-open a.socialShareIcon,
.articlePreview .uk-open a.socialShareIcon,
.textwidget .articlePreview .uk-open a.socialShareIcon {
	/*box-shadow: 0 0 0 1px var(--Grey-95);*/
	/*border: 1px solid var(--Grey-95);*/
	background: var(--GreenLight-100);
	color: var(--White);
}


a.socialShareIcon + .uk-dropdown {
	border-radius: 0;
	width: auto;
	white-space: nowrap;
	transform: translate(20px);
}

.socialshareBox{
	background: var(--Grey-95);
	padding-right: 20px;
    border-radius: 10px 0 10px 10px;
    text-align: center;
}
.socialshareBox a{
	color: var(--White);
	display: inline-block;
	font-size: 1.5em;
	height: 37px;
	margin: 0px;
	padding: 5px 10px 0 0;
	text-align: center;
}
.socialshareBox a:last-child{
	padding-right: 0;
}
.socialshareBox a:hover,
a.socialShareIcon:hover{
	color: var(--GreenLight-100);
	background: var(--Grey-95) none repeat scroll 0 0 !important;
}
.socialshareText{
	/*display: inline-block;*/
	display: block;
	color: var(--White);
	font-family: var(--roboto-c);
    font-weight: 700;
	text-transform: uppercase;
	margin: 0 10px;
	padding-top: 5px;
	font-size: 1em;
	text-align: center;
}

.socialShareIcon + .uk-dropdown {
	padding: 0px;
	background: transparent;
}

/*
 * make youtube and vimeo videos responsiv
 */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* video styles */
.videoList{
    overflow: auto;
}
.videoListItem{
    font-size: 16px;
	font-family: var(--roboto-c);
    font-weight: 700;
	margin-top: -5px;
	margin-bottom: 15px;
	width: 90%;
    padding-bottom: 10px;
}
.videoListItemActive{
    font-weight: bold;
}
.videoListItem:hover {
	color: var(--Grey-10);
}

.videoListItemActive, .videoListItemActive:hover {
	color: var(--GreenLight-100);
}
.videoListItemDuration{
	font-family: var(--roboto);
	font-weight: normal;
	font-size: 12px;
}


.postdetailliste{
	padding: 20px 20px 20px 0;
	font-size: 16px;
}
.postdetailliste a{
	color: var(--Grey-100);
	padding: 5px 0;
}
.postdetailliste a:hover{
	/*color: var(--GreenLight-100);*/
	text-decoration: none;
}
.postdetailliste li {
	transition: all ease 0.4s;
}
.postdetailliste li:hover{
	background: var(--Grey-10);
	transition: all ease 0.4s;
}

.postVideo img{
    padding: 0 !important;
}

/*
 * text box fade out
 */
.fadeOutText{
    position: relative;
    overflow:hidden;
}
.fadeOutOverlay{
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 50px;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
}



/* Ãœbersichtsseiten */

.subpageslistItemText {
    width: calc(100% - 80px);
}

.subpageslistItemIcon {
    width: 50px;
    height: 50px;
    border-radius: 30px;
    margin: -2px 15px 0 0;
	font-size: 28px;
	padding-top: 10px
}

.subpageslistItemIcon:hover {
	background-color: var(--GreenLight-100);
}

.subpageslistItemTextTitle {
	font-family: var(--roboto-c);
	font-weight: 700;
	font-size: 24px;
	padding-bottom: 5px;
}

.subpageslistItemTextTitle:hover {
	color: var(--GreenLight-100);
}

.subpageslistItemTextLead {
    color: var(--Grey-70);
	font-size: 16px;
}



/* Themendetail */

.title-padding-top {
	padding-top: 60px;
}

.titleSide {
	font-family: var(--roboto-c);
    font-weight: 700;
	text-transform: uppercase;
	color: var(--White);
	margin-bottom: 30px;
    padding: 0px 10px;
	border-bottom: 2px solid var(--Grey-100);
}

.titleSide span {
    display: inline;
    background: var(--Grey-100);
	-moz-box-shadow: 10px 0 0 var(--Grey-100), -10px 0 0 var(--Grey-100);
	-webkit-box-shadow: 10px 0 0 var(--Grey-100), -10px 0 0 var(--Grey-100);
    box-shadow: 10px 0 0 var(--Grey-100), -10px 0 0 var(--Grey-100);
}

.personSlider {
    margin-bottom: 100px;
}

.personSliderItem{
	padding: 25px 30px;
}

.personSliderItemTitle {
	font-family: var(--roboto-c);
    font-weight: 700;
	font-size: 24px;
	padding-top: 15px;
}

.personSliderItemStatement{
	font-family: var(--roboto-c);
    font-weight: 300;
	color: var(--Grey-70);
    font-size: 25px;
    line-height: 33px;
    padding: 15px 0px 15px;
}

.personSliderItemTitle a {
	color: var(--Grey-100);
	text-decoration: none;
}

.personSlider .uk-dotnav a {
    border: 5px solid white;
    width: 10px;
    height: 10px;
	background: var(--Grey-70);
}

.personSlider .uk-dotnav .uk-active a{	border: 0px solid white;
    width: 20px;
    height: 20px;
	background: var(--Grey-70);
	}

.personSlider .uk-slidenav{
	color: rgba(124, 179, 5, 0.4);
	background-color: rgba(237,236,231,0.7);
	height: 65px;
	width: 45px;
	transition: all 0.5s ease;
	opacity: 0;
	transition: opacity 600ms, visibility 600ms;
	display: block;
}
.uk-slidenav-previous:before {
	margin-left: -5px;
	margin-top: -5px;
}
.uk-slidenav-next:before {
	margin-right: -5px;
}

.personSlider .uk-slidenav:hover, .personSlider .uk-slidenav:focus{
	color: rgba(124, 179, 5, 0.8);
	background-color: rgba(237,236,231,0.9);
}
.personSlider:hover > .uk-slidenav {
	opacity: 1;
}
.personenAltbundesrat {
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	padding: 40px;
	margin: 40px 0px;
}

.personenAltbundesrat ul {
	list-style: none;
	margin-left: 0;
    padding-left: 0;
}

.personenAltbundesrat ul li{
    padding-left: 20px;
    text-indent: -20px;
}

.personenAltbundesrat ul li:before{
	content: "\f101";
	font-family: FontAwesome;
	padding-right: 8px;
}

.themenStatement {
	font-family: var(--roboto-c);
    font-weight: 700;
}

.themenStatementTitle {
	text-transform: uppercase;
	padding: 30px 10px 0;
}

.themenStatementTitle::before {
	display: inline-block;
    content: "";
    border-top: 4px solid var(--Grey-70);
    width: 60px;
    transform: translateY(-5px) translatex(-10px);
}

.themenStatementText{
	color: var(--GreenLight-100);
	font-size: 38px;
    line-height: 48px;
	padding-bottom: 30px;
}



/* Article */

.uk-article .uk-badge.badge_artikel_g01,
.uk-article .uk-badge.badge_medienmitteilung_g01,
.uk-article .uk-badge.badge_medienkonferenz_g01,
.uk-article .uk-badge.badge_editorial_g01,
.uk-article .uk-badge.badge_referat_g01,
.uk-article .uk-badge.badge_leserbrief_g01,
.uk-article .uk-badge.badge_vorstoss_g02,
.uk-article .uk-badge.badge_vernehmlassung_g02,
.uk-article .uk-badge.badge_session_g02,
.uk-article .uk-badge.badge_resolution_g02,
.uk-article .uk-badge.badge_anlasse_g03 {
	margin-bottom: 5px;
	background: transparent;
	font-weight: 700;
	color: var(--Grey-95);
	text-transform: uppercase;
	letter-spacing: 0.67px;
    font-size: 16px;
    position: relative;
    z-index: 1;

}
.uk-article .uk-badge.badge_artikel_g01:before,
.uk-article .uk-badge.badge_medienmitteilung_g01:before,
.uk-article .uk-badge.badge_medienkonferenz_g01:before,
.uk-article .uk-badge.badge_editorial_g01:before,
.uk-article .uk-badge.badge_referat_g01:before,
.uk-article .uk-badge.badge_leserbrief_g01:before,
.uk-article .uk-badge.badge_vorstoss_g02:before,
.uk-article .uk-badge.badge_vernehmlassung_g02:before,
.uk-article .uk-badge.badge_session_g02:before,
.uk-article .uk-badge.badge_resolution_g02:before,
.uk-article .uk-badge.badge_anlasse_g03:before {
    width: 75px;
    content: " ";
    background-image: url(/wp-content/themes/svp/images/green_line.svg);
    position: absolute;
    left: -20px;
    top: 7px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: -1;
    transform: rotate(-5deg);
}
.uk-badge.uk-badge-success {
	box-sizing: border-box;
    min-width: 18px;
    height: 19px;
    padding: 0 12px;
    border-radius: 500px;
    vertical-align: middle;
    background: var(--GreenLight-100);
    color: var(--White) !important;
    font-size: 11px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    margin-right: 5px;
}
.uk-badge.uk-badge-success + a {
	border-bottom: 1px dotted var(--Grey-100);
	transition: border-style ease 0.5s;
}
.uk-badge.uk-badge-success + a:hover {
	text-decoration: none;
	border-bottom-style: solid;
	transition: all ease 0.5s;
}
.singleContent a {
    color: var(--Grey-100);
}
.uk-article .uk-article-meta {
	padding-bottom: 20px;
}

.uk-article .uk-article-meta a {
	font-weight: 700;
}

.uk-article .uk-text-large,
.uk-article .uk-text-large strong {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}

.uk-text-large, .uk-text-large > p {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
}

.uk-article img {
	padding: 30px 0px;
}

.autorBox {
	/*background-color: var(--White);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	padding: 25px 30px;*/
	position: static;
	left: 0;
	bottom: 33px;
}
.organBox {
	background-color: var(--White);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	padding: 25px 30px;
    min-height: 352px;
}
.autorBoxDaten {
	display: flex;
	flex-direction: row;
	align-items: center;

}
.autorBox .autorBoxTitle, .organBox .autorBoxTitle {
	font-family: var(--roboto-c);
    font-weight: 300;
	text-transform: normal;
	border-bottom: 1px solid var(--Grey-15);
	font-size: 16px;
	hyphens: auto;
}
.organBox.personenprofil .autorBoxTitle {
	font-family: roboto,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 0;
}

.autorBox .autorBoxTitle, .organBox .autorBoxZusatz {
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 16px;

}
.autorBox .autorBoxTitle, .organBox .autoContactDetail {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 22px;
}
.autorBox .autorBoxTitle, .organBox .autoContactDetail p {
	margin-bottom: 0px;
	margin-top: 0px;
}
.autorBox .autorBoxTitle, .organBox .autoContactDetail p i {
	/*width: 20px;*/
}
.autorBox .autorBoxImage, .organBox .autorBoxImage {
	margin: 15px 0px;
	float: left;
	width: 70px;
	height: 70px;
	margin-right: 20px;
}
.autorBox .autoBoxMeta, .organBox .autoBoxMeta {
	width: calc(100% - 70px);
}
.organBox.personenprofil .autorBoxImage {
	padding: 15px 0;
	float: none;
	margin: unset;
	width: auto;
	height: auto;
}

.autorBox .autorBoxImage a, .organBox .autorBoxImage a {
	display: block;
	height: 100%;
}
.autorBox .autorBoxImage a img, .organBox .autorBoxImage a img,
.autorBox .autorBoxImage img, .organBox .autorBoxImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 40px;

}

.organBox.personenprofil .autorBoxImage img, .organBox.personenprofil .autorBoxImage a img {
	border-radius: 10px;
	width: auto;
	height: auto;
}
.autorBox .autorBoxname, .organBox .autorBoxname {
	font-family: var(--roboto-c);
    font-weight: 700;
	font-size: 16px;
	line-height: 24px;
	color: var(--Grey-70);
}
.organBox.personenprofil .autorBoxname {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 10px;
	color: var(--Grey-85);
}

.autorBox .autorBoxname a, .organBox .autorBoxname a {
	color: var(--Grey-70);
}
.organBox.personenprofil .autorBoxname a {
	color: var(--Grey-85);
}
.autorBox .autorBoxFunction, .organBox .autorBoxFunction {
	font-size: 16px;
	line-height: 24px;
}
.organBox.personenprofil .autorBoxFunction {
	padding-bottom: 15px;
}

.autorBox .autorBoxSocialMediaLink,
.autorBox .autorBoxProfilLink,
.organBox .autorBoxSocialMediaLink,
.organBox .autorBoxProfilLink{
	font-weight: 700;
	color: var(--GreenLight-100);
	font-size: 16px;
	line-height: 24px;
}
.autorBox .autorBoxSocialMediaLink i,
.autorBox .autorBoxProfilLink i,
.organBox .autorBoxSocialMediaLink i,
.organBox .autorBoxProfilLink i{
	width: 20px;
	color: var(--Grey-50);
	display: inline-block;
	float: left;
	line-height: 24px;
}

.organBox.personenprofil .autorBoxSocialMediaLink i,
.organBox.personenprofil .autorBoxProfilLink i {
	color: var(--Grey-85);
}

.autorBox .autorBoxSocialMediaLink:hover i,
.autorBox .autorBoxProfilLink:hover i,
.organBox .autorBoxSocialMediaLink:hover i,
.organBox .autorBoxProfilLink:hover i{
	color: var(--Grey-100);
}

.autorBox .autorBoxSocialMediaLink a,
.autorBox .autorBoxProfilLink a,
.organBox .autorBoxSocialMediaLink a,
.organBox .autorBoxProfilLink a{
	color: var(--Grey-70);
	display: inline-block;
	width: calc(100% - 20px);
}
.organBox.personenprofil .autorBoxSocialMediaLink a,
.organBox.personenprofil .autorBoxProfilLink a {
	border-width: 0 0 1px 0;
	border-bottom: 1px dotted var(--Grey-100);
	color: var(--Grey-85);
	width: auto;
}

.autorBox .autorBoxSocialMediaLink a:hover,
.autorBox .autorBoxProfilLink a:hover,
.organBox .autorBoxSocialMediaLink a:hover,
.organBox .autorBoxProfilLink a:hover{
	color: var(--Grey-100);
}
.organBox.personenprofil .autorBoxSocialMediaLink a:hover,
.organBox.personenprofil .autorBoxProfilLink a:hover {
	background: transparent;
	border-bottom: 1px solid var(--GreenLight-100);
	text-decoration: none;
}
@media screen and (max-width: 1000px) and (min-width:768px) {
	.autorBoxDaten {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.autorBoxImage {
		width: 80px;
		height: 80px;
	}
	.autorBox .autoBoxMeta, .organBox .autoBoxMeta {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.autorBox{
		position: static;
	}
}

.articleLeftData a i {
	color: var(--Grey-50) !important;
}

.articleLeftData a:hover i {
	color: var(--Grey-100) !important;
}

.newsBigBgImage,
.articlePreview img,
.articlePreviewSmall img, .nextPostImage {
	filter: saturate(75%);
}

.nextPostDate {
	font-size: 16px;
	padding-bottom: 15px;
}
.nextPost div.uk-width-medium-1-3 img,
.nextPost div.uk-width-small-1-3 img {
	border-radius: 10px 0 0 10px;
	object-fit: cover;
	width: 100% !important;
	height: 100% !important;
	object-position: center;
}
.nextPost div.uk-width-medium-2-3,
.nextPost div.uk-width-medium-1-1,
.nextPost div.uk-width-small-2-3,
.nextPost div.uk-width-small-1-1 {
	background-color: var(--White);
	border-radius: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
}
.nextPost div.uk-width-medium-1-1,
.nextPost div.uk-width-small-1-1 {
	margin-left: 35px;
	width: calc(100% - 35px);
}
.nextPost div.uk-width-medium-2-3.nexPostImage,
.nextPost div.uk-width-small-2-3.nexPostImage {
	border-radius: 0 10px 10px 0;
}
.articlePreview .uk-h3 {
	margin: 0;

}
.articlePreviewCat{
	padding: 0px 10px;
	display: inline-block;
	background: var(--Grey-100);
	font-size: 12px;
}


.articlePreview .articlePreviewDate + div,
.articlePreview .uk-h3 + div:not(.articlePreviewDate),
.articlePreview .articlePreviewTextVideo {
	font-size: 16px;
	padding: 0px 0px;
}
.articlePreview .articlePreviewDate + div.articlePreviewTextVideo,
.articlePreview .articlePreviewTextVideo {
	padding: 0 15px 15px 15px;
}
.articlePreviewSmall{
	/*background: var(--Grey-10);*/
	background: var(--White);
	padding: 0 15px 0 0;
    margin-bottom: 35px !important;
    transition: 250ms ease-out;
    color: var(--Grey-100);
    border-radius: 10px;
}
.articlePreviewDate {
	font-size: 14px;
    color: var(--Grey-100);
}
.articlePreviewSmall .uk-h4 {
    transition: 250ms ease-out;
	margin: -5px 0px 0px;
    color: var(--Grey-100);
    width: calc(100% - 65px);
}
.articlePreviewSmall a,
.articlePreview a {
	text-decoration: none;
	border: none;
}
.articlePreviewSmall a:hover,
.articlePreview a:hover {
	background: none;
	border:  none;
}
.articlePreviewMore a {
	color: var(--GreenLight-100);
}
.articlePreviewMore a:hover {
	text-decoration: underline;
	color: var(--GreenLight-100);
}
.articlePreviewSmall img{
    margin-bottom: 0px !important;
    border-radius: 10px 0 0 10px;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
.articlePreviewSmallLead {
	font-size: 16px;
    line-height: 20px;
    padding: 20px 0 5px 0;
    color: var(--Grey-100);
    transition: all ease 0.5s;
}
.articlePreviewSmall .articlePreviewSmallImage a {
	display: block;
	height: 100%;
	width: 100%;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.articlePreviewSmall .articlePreviewSmallImage a img {
	transition: all ease 0.4s;
}
.articlePreviewSmallLead a {
	color: var(--Grey-100);
}
.articlePreviewSmallLead a:hover {
	text-decoration: none;
}
.articlePreviewSmall .uk-h4 a {
	transition: all ease 0.5s;
}
.articlePreviewSmall:hover .uk-h4 a {
	color:var(--GreenLight-100);
}
.articlePreviewSmall:hover .articlePreviewSmallLead a {
	color: var(--Grey-85);
}
.articlePreviewSmallMorelink {
	font-size: 16px;
	font-weight: 700;
}
.articlePreviewSmall:hover{
    background: var(--White);
    box-shadow: 0 0 10px var(--Grey-10);
}
.articlePreviewSmall:hover .uk-h4{
    color: var(--GreenLight-100);
}
.articlePreviewSmall:hover .articlePreviewSmallImage a img {
	transform: scale(1.05);
	transition: all ease 0.4s;
}
.articlePreviewSmall>div.uk-grid>div:nth-child(2){
	padding: 20px;
}
.articlePreviewSmall .uk-h4 {
    font-size: 22px;
	line-height: 28px;
}
.articlePreviewIconPlay {
	background: rgba(255, 255, 255, 0.25);
	border-radius: 5px;
	width: 70px;
	height: 50px;
	padding-top: 5px;
	top: calc(50% - 25px);
    right: calc(50% - 35px);
}

.articlePreviewIconPlay .uk-icon-play {
	color: var(--White);}

.articlePreviewWide{
    background: var(--Grey-10);
	padding: 10px 0px 5px 10px;
    margin-bottom: 0px !important;
}
.articlePreviewWideImage{
}
.articlePreviewWideImage a{
    display: block;
    position: relative;
}
.articlePreviewWideImage img{
    margin-bottom: 5px;
    padding: 0;
}
.articlePreviewWideTitle a{
    color: var(--Grey-100);
    font-weight: bold;
    font-size: 24px;
}
.articlePreviewWideText{
    font-size: 16px;
    line-height: 19px;
    margin: 5px 0 !important;
}
.articlePreviewWideText p{
    margin: 0px;
}
.articlePreviewWideCat{
    position: absolute;
    left: 0px;
    bottom: 5px;
    color: var(--White);
}

.articlePreviewMaster{
	background: var(--White);
    margin-bottom: 35px !important;
    transition: 250ms ease-out;
    color: var(--Grey-100);
    border-radius: 10px;
}
.uk-width-medium-1-3 .articlePreviewMaster {
	margin-bottom: 10px !important;
}
.articlePreviewMaster .uk-width-2-3,
.articlePreviewMaster .uk-width-small-2-3,
.articlePreviewMaster .uk-width-small-1-1{
    padding: 20px;
}
.articlePreviewMaster .uk-width-small-1-1{
	padding-left:30px;
}
.articlePreviewMaster .uk-h4 {
    transition: 250ms ease-out;
	margin: -5px 0px 0px;
	font-size: 22px;
	line-height: 28px;
}
.uk-width-medium-1-3 .articlePreviewMaster .uk-h4 {
	font-size: 18px;
	line-height: 24px;
}
.uk-width-medium-1-3  .articlePreviewMaster .uk-width-2-3,
.uk-width-medium-1-3  .articlePreviewMaster .uk-width-small-2-3 {
	padding: 10px;
}
.articlePreviewMaster .articlePreviewMasterImage .articlePreviewMasterImageDiv {
	position: relative;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	width: 100%;
	height: 100%;
}
.articlePreviewMaster img {
	margin-bottom: 0 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    overflow: hidden;
    transition: all ease 0.4s;
}
a.svpPreviewBox:hover .articlePreviewMaster .articlePreviewMasterImage img {
	transition: all ease 0.4s;
	transform: scale(1.05);
}
.articlePreviewMasterLead {
	font-size: 16px;
    line-height: 20px;
    padding-bottom: 5px;
}
.articlePreviewMaster:hover{
    background: var(--White);
    box-shadow: 0 0 10px var(--Grey-10);
}
.articlePreviewMaster:hover .uk-h4{
    color: var(--GreenLight-100);
}
@media screen and (max-width: 480px) {
	.articlePreviewMaster .uk-width-small-2-3,
	.uk-width-medium-1-3 .articlePreviewMaster .uk-width-small-2-3 {
	    padding: 20px 20px 20px 30px;
	}
	.uk-width-small-1-3.articlePreviewMasterImage img,
	.uk-width-small-1-3.articlePreviewSmallImage img {
		border-radius: 10px 10px 0 0;
	}
	.articlePreviewSmall {
		padding-right: 0;
	}
}


.postarchivliste {
	padding: 0px !important;
}

#showMoreListItemsLink,
.postarchivliste + #showMoreListItemsLink {
	font-size: 16px;
	font-weight: 700;
}

#showMoreListItemsLink:hover,
.postarchivliste + #showMoreListItemsLink a:hover {
	text-decoration: underline;
}


/* Accordion */
.uk-accordion .uk-icon-plus-circle, .uk-accordion .uk-icon-minus-circle {
	color: var(--Grey-70);
}

.uk-accordion {
	background-color: var(--White);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

.positionspapierListe.uk-accordion {
	box-shadow: none;
}

.uk-accordion-title {
	padding: 25px 30px;
    margin-bottom: 0px;
    background: var(--White);
	font-size: 24px;
}
.uk-accordion-content{
	padding: 0 30px 25px 30px;
	font-size: 16px;
}

.uk-accordion-content a{
	color: var(--Grey-100);
	text-decoration: none;
}
.uk-accordion-content a:hover{
	color: var(--GreenLight-100);
}

.uk-accordion-content li{
	padding: 10px 0px;}

/*pagebuilder Accordion*/
.svpAccordion .iw-so-acc-item {
	background-color: var(--White);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

.svpAccordion .iw-so-acc-title {
	padding: 15px 35px 15px 15px !important;
    margin-bottom: 0px;
	background: var(--White);
	font-size: 24px !important;
	font-weight: 700;
	font-family: var(--roboto-c);
}
.svpAccordion .iw-so-acc-title .sow-icon-fontawesome {
	font-size: 24px !important;
	color: var(--Grey-70);
}
.svpAccordion .iw-so-acc-item {
	margin-bottom: 25px !important;
}


/* pagebuilder Downloadliste */

.svpAccordion-wrapper .svpAccordionDownloadlist,
.extrablattListe .svpDownloadlist {
	padding: 10px 0px !important;
}

.extrablattListe, .svpDownloadList {
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
	padding: 25px 30px;
}

.svpDownloadList .sow-features-feature {
	margin: 0 !important;
	padding: 10px 0px !important;
	border-bottom: 2px solid var(--Grey-05);
}

.svpDownloadList .sow-features-feature:last-child {
    border-bottom: none;
}

.svpDownloadList .sow-features-list {
	margin: 0px !important;
}

/*
.svpDownloadList .sow-features-list div:nth-child(4n+1) {
	background-color: var(--Grey-05);
}
*/

.svpDownloadList .sow-features-feature div:nth-child(1n+1) {
	background-color: transparent;
	border: 0px;
}
.svpDownloadList .sow-features-feature .textwidget {
	margin: auto 0 !important;
	width: calc(100% - 20px);
}
.svpDownloadList .sow-features-feature .textwidget h5 {
	font-family: var(--roboto);
	margin: 0 !important;
	font-weight: normal;
}
.svpDownloadList .sow-features-feature .textwidget h5 a {
	color: var(--Grey-100);
	border: none !important;
}
.svpDownloadList .sow-features-feature .textwidget h5 a:hover {
	color: var(--GreenLight-100);
	background: var(--White);
	text-decoration: none !important;
	border: none !important;
}

.svpDownloadList .sow-features-feature a .sow-icon-fontawesome {
	padding-top: 10px;
}

.svpDownloadList .sow-features-feature a:hover .sow-icon-fontawesome {
	color: var(--GreenLight-100) !important;
}

/* pagebuilder - Tabscontent */
.svpTab .iw-so-tabs .iw-so-tabs-nav {
	border-bottom: 4px solid var(--Grey-10);
}

.svpTab .iw-so-tabs .iw-so-tab-title a {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 4px solid var(--Grey-30);
	font-weight: bold;
	color: var(--Grey-30);
	padding: 8px 12px;
	margin-bottom: -4px;
	outline: 2px solid var(--White);
}
.svpTab .iw-so-tabs .iw-so-tab-title.iw-so-tab-active a {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 4px solid var(--GreenLight-100);
	color: var(--GreenLight-100);
}
/* diverse Pagebuilderstyles */

img.aligncenter {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.ortsparteien a {
	color: var(--GreenLight-100);
	text-decoration: none;
	border: none;
}

.ortsparteien a:hover {
	background-color: transparent;
	text-decoration: underline;
	color: var(--GreenLight-100);
	border: none;
}
.ortsparteien a.ortsparteienwappen:hover {
	text-decoration: none;
}
.so-panel {
margin-bottom: 0px !important;
}
img.alignleft {
	float:left;
	margin-right: 20px;
}
img.alignright {
	float:right;
	margin-left: 20px;
}
/* Section Title */
.sectionTitle {
	font-family: var(--roboto-c);
	font-weight: 700;
	font-size: 24px;
	color: var(--GreenLight-100);
	text-transform: uppercase;
	border-bottom: 4px solid var(--Grey-10);
	margin-bottom: 60px !important;
	padding: 12px;
	text-align: center;

}
.svpBGSemiWhite {
	background-color: rgba(255,255,255,0.5);
	padding: 50px;
}
.sectionTitle span{
	padding:20px;
	padding-bottom: 20px;
	border-bottom:4px solid var(--GreenLight-100);
	/* outline: 2px solid var(--White); */
}

/* fraktion */
.fraktionImgBox{
    height: 150px;
    width: 150px;
}
.fraktionImgBox a{
    background-color: var(--White);
    background-size: cover;
    background-position: center top;
    display: block;
    height: 100%;
    width: 100%;
    transition: none;
    border: none;
}
.fraktionImgBox a:hover{
    background-size: cover;
    background-position: center top;
    display: block;
    height: 100%;
    width: 100%;
    border: none;
}


/* Person Ãœbersicht */

.personFilter {
	margin-right: -35px;
	/* -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	padding: 35px 0px; */
}

.personFilter > div:first-child  {
	padding-top: 30px;
}

.personFilter .personFilterTyp {
	font-size: 16px;
	font-weight: 700;
	color: var(--Grey-95);
    margin: 0 8px 10px 0;
    border:  1px dotted rgba(55,55,55,0.2);
    padding: 5px 15px;
    border-radius:  3px;
    display: inline-block;
}

.personFilter .personFilterTyp:hover{
	color: var(--Grey-100);
	text-decoration: none;
}

.personFilter .personFilterTypActive,
.personFilter .personFilterTypActive:hover {
	background-color: var(--Grey-95);
	color: var(--White);
    padding: 5px 15px;
    border-radius: 3px;
    margin-right: 10px;
}

#personFilterSuche {
    width: calc(100% - 35px);
}

.memeFilterTyp{
	padding: 5px 0px;
	border-bottom: none !important;
}

.memeFilterTyp:hover,
.memeFilterTyp:focus{
	border-bottom: none !important;
	border-color: transparent !important;
	background: var(--White) !important;
}

.memeFilterTypActive{
	padding: 5px 20px;
}

.memeFilterTypActive:hover{
	background: var(--Grey-95) !important;
	border-top: none !important;
}

.kantonDiv, .wahlkreisDiv {
	margin: 0px;
}

.kantonDiv div, .wahlkreisDiv div {
	font-size: 24px;
	text-transform: uppercase;
	border-bottom: 4px solid var(--Grey-10);
	margin-bottom: 60px !important;
	padding: 12px;
	text-align: center;

}

.kantonDiv div span, .wahlkreisDiv div span{
	padding:20px;
	padding-bottom: 20px;
	border-bottom:4px solid var(--GreenLight-100);
	/* outline: 2px solid var(--White); */
}
.wahlkreisTab {
	background-color: var(--Grey-05);
    padding: 15px 25px;
    margin: 50px -25px 0;
}
.wahlkreisTab .uk-tab li {
	outline: none;
}
.personDiv .tile-bg {
	/*box-shadow: 0px 0px 20px rgba(0,0,0,0.1);*/
}


.personDiv .tile-box:hover > .tile-bg {
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}

.personDiv h2.personName {
	margin-top: 15px;
	margin-bottom: 15px;
}

.tile-bg + article h2 a,
.personName a{
	color: var(--White);
}

.tile-bg + article h2 a:hover,
.personName a:hover{
	text-decoration: none;
}

.personDiv p {
	margin: 0px;
}


.testimonialFilter > div:first-child  {
	padding-top: 0;
}


/* Person Detail */
.personLinks a {
  color: var(--GreenLight-100);
  font-size: 16px;
  line-height: 24px;
}
.personLinks a:hover {
  color: var(--GreenLight-100);
  text-decoration: none;
}
.politik-vereine {
	font-size: 16px;
	line-height: 24px;
}
.personDetail{
	min-height: 435px;
}
.personDetailName{
	font-size: 100px;
	line-height: 110px;
	font-family: 'Roboto Condensed';
	color: var(--Grey-100);
	font-weight: 700;
}
.personDetailFunktion{
	font-size: 30px;
	line-height: 35px;
}
.personDetailStatementtext{
 	color: var(--White);
	font-size: 40px;
	line-height: 50px;
	font-weight: 700;
	font-family:'Roboto Condensed';
	margin: 60px 0 !important;
	min-height: 300px;
}
.personDetailImage{
	position: relative;
}
.personDetailImage img{
	position: absolute;
	top: -50px;
	border-radius: 10px;
}
.personDetailPublikationen .uk-tab-center {
	border-bottom-color: white;
}
@media (max-width: 1280px) {
	.personDetail{
		min-height: 34vw;
	}
}
@media (max-width: 959px) {
	.personDetailStatementtext{
		min-height: unset;
	}
	.personDetailImage img{
		position: relative;
		top: -50px;
	}
	.personDetailName{
		font-size: 80px;
		line-height: 85px;
	}
}
@media (max-width: 639px) {
	.personDetailName{
		font-size: 50px;
		line-height: 50px;
	}
	.personDetailFunktion{
		font-size: 24px;
		line-height: 28px;
	}
	.personDetailStatementtext{
		font-size: 30px;
		line-height: 35px;
	}
}

.personDetailStatement {
	color: var(--Grey-70);
	margin: 60px 0 0 0;
}

.personDetailStatementName {
	text-transform: uppercase;
	font-family: var(--roboto-c) !important;
	font-weight: 700;
	padding: 10px;
}

.personDetailStatementName::before {
	display: inline-block;
    content: "";
    border-top: 4px solid var(--Grey-70);
    width: 60px;
    transform: translateY(-5px) translatex(-10px);
}
.testimonial .personDetailStatement {
	margin-top: 0;
}

.shareTwitter {
	background: var(--Blue-75) !important;
}

.shareTwitter:hover {
	background: var(--Blue-75) !important;
}

.shareFacebook {
	background: var(--GreyBlue-100) !important;
}

.shareFacebook:hover {
	background: var(--Violet-100) !important;
}



.themenStatementPersonTitel {
	text-transform: uppercase;
	font-family: var(--roboto-c) !important;
	font-weight: 700;
	font-size: 25px;
	line-height: 30px;
}

.themenStatementPersonTitel img {
width: 60px;
    height: 60px;
    vertical-align: bottom;
    margin: 0 10px 5px 0;
}

.themenStatementPersonText{
	font-family: var(--roboto-c);
    font-weight: 700;
	font-size: 35px;
    line-height: 43px;
    color: var(--Grey-70);
    margin-top: 20px;
}

.bg-color-medium .uk-dotnav>*>* {
    width: 10px;
    height: 10px;
    background: var(--Grey-70);
	border: 5px solid var(--Grey-10);

}

.bg-color-medium .uk-dotnav>.uk-active a {
    width: 20px;
    height: 20px;
    background: var(--Grey-70);
	border: 0px solid transparent;
}

.uk-slidenav {
	color: rgba(124, 179, 5, 0.4);
}

.uk-slidenav:hover, .uk-slidenav:focus {
	color: rgba(124, 179, 5, 0.8);
}

.personDetailInfos img {
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 20px rgba(0,0,0,0.1);
}

.personDetailInfos .uk-grid-margin .uk-grid {
	font-size: 16px;
	line-height: 30px;
}

.personDetailInfos .uk-grid-margin .uk-grid .uk-h3 {
	margin: 0 0 10px 0;
}

#terminSwitcher {
	font-size: 16px;
}

/* weitere personen slider */
.personen_weiterePersonen{

}
.personen_weiterePersonen li a{
    padding: 10px 0 0 10px;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.personen_weiterePersonen li a h3{
    color: var(--White) !important;
}
.personen_weiterePersonen li a:hover{
    text-decoration: none;
}
.personen_weiterePersonen li img{
}





.bg-color-dark .uk-h1, .bg-color-dark .uk-h2, .bg-color-dark .uk-h3, .bg-color-dark .uk-h4,
.bg-color-dark-gradient .uk-h1, .bg-color-dark-gradient .uk-h2, .bg-color-dark-gradient .uk-h3, .bg-color-dark-gradient .uk-h4,
.bg-color-dark .videoList {
	color:var(--White);
}


@media (max-width: 1220px) {
	.uk-h2.personDetailStatement {
		font-size: 30px;
    	line-height: 38px;
	}
	.themenStatementPersonText {
		font-size: 30px;
    	line-height: 38px;
	}
}

@media (max-width: 768px) {
	.uk-h2.personDetailStatement {
		font-size: 25px;
    	line-height: 32px;
	}
	.themenStatementPersonText {
		font-size: 25px;
    	line-height: 32px;
	}
}
@media (max-width: 480px) {
	.uk-h2.personDetailStatement {
		font-size: 20px;
    	line-height: 28px;
    	margin-top: 40px;
	}
	.themenStatementPersonText {
		font-size: 20px;
    	line-height: 28px;
	}
}


/* TODO: margin über sections?!? */
.bg-color-dark .uk-h2, .bg-color-dark-gradient .uk-h2 {
	padding-top: 60px;
}





/*
 * testimonials
 */
.testimonial{}
.testimonial a{
	color: var(--White);
}
.testimonialBox{
	position: relative;
	background-size: cover;
	cursor: pointer;
	color: var(--White);
	background-color: var(--Grey-95);
}
.testimonialDefault{
	padding: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.testimonialTitel{
	font-family: var(--roboto-c);
    font-weight: 700;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}
.testimonialBeruf{
	text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}
.testimonialOrt{
	text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
}
.testimonialOverlay{
	background: rgba(124,179,9,0.85);
	padding: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	display: none;
}

.testimonialText{
	height: 190px;
	overflow: auto;
	font-family: var(--roboto-c);
    font-weight: 700;
	font-size: 32px;
	line-height: 32px;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
	margin-top: 10px !important;
}
@media (min-width: 960px) and (max-width: 1220px) {
	.testimonialText{
		height: 124px;
	}
}
.testimonialBox ::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    padding-top: 40px;
}
.testimonialBox ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.4);
    border: 1px solid var(--Grey-95);
    background: rgb(64,64,64);
    border-radius: 10px;

}
.testimonialBox ::-webkit-scrollbar-thumb{
    border-radius:10px;
    height: 30px;
    width: 8px;
    border: 1px solid var(--Grey-95);
    background: rgb(64, 64, 64);
    -webkit-box-shadow: 0 0px 1px rgb(0,0,0);
    background: -webkit-linear-gradient(rgba(129,186,6, 0.85), rgba(124, 179, 9, 0.75));
}
.testimonialBox ::-webkit-scrollbar-track-piece {
    height: 30px;
    width: 30px;
}


.newsBig{
    color: var(--White);
    z-index: 1;
	min-height: 300px;
	padding:0px;
	margin: 0 0 40px 0;
}
.newsBigBgImage{
    background-size: cover !important;
	position: absolute;
	width: 100%;
	height: 100%;
	/*filter: grayscale(100%) contrast(150%);*/
}
.newsBigBg{
	/*background: rgba(122,181,30,0.8); */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: background-color 0.5s ease;
    transition: opacity 0.5s ease;
}
.newsBig:hover > .newsBigBg{
    opacity: 0.8;
}
.newsBigLink{
    bottom: 0;
    left: 0;
    padding: 20px 30px 30px;
    position: absolute;
    width: 100%;
    color: var(--White);
	z-index: 6;
}

.newsBigLink .uk-h2 {
	margin: 0;
}

.newsBigLink .uk-h2,
.newsBigLink .articlePreviewDate {
	text-shadow: 0px 0px 2px rgba(0,0,0,0.8);
}

@media (max-width: 640px) {
    .newsBigLink{
        position: relative;
        padding: 15px;
    }
}


.newsSocialMedia h4 {
	margin: 0;
}

.newsSocialMedia {
	font-size: 16px;
}

.newsSocialMediaLink a {
	color: var(--Grey-100);
	font-family: var(--roboto-c);
    font-weight: 700;
	text-decoration: none;
}

.newsSocialMediaLink a:hover {
	color: var(--GreenLight-100);
}

/* post content */
.postStatement{
	font-family: var(--roboto-c);
    font-weight: 700;
}
.postStatementTitle{
	text-transform: uppercase;
	padding: 30px 10px 0;
}
.postStatementTitle::before {
	display: inline-block;
    content: "";
    border-top: 4px solid var(--Grey-70);
    width: 60px;
    transform: translateY(-5px) translatex(-10px);
}
.postStatementText{
	color: var(--Grey-70);
	font-size: 38px;
    line-height: 48px;
	padding-bottom: 60px;
}
.postVideo{
	background: var(--Grey-95);
}
.postVideo div{
	color: var(--White);
}




/* Timeline */
.tl-slide-content {
	padding-top: 30px;
}

.tl-timeline,
.tl-text-content,
.tl-text .tl-headline-date,
.tl-text h3.tl-headline-date,
tl-slidenav-title,
tl-slidenav-description {
    font-family: var(--roboto) !important;
}

h2.tl-headline {
	padding: 10px 0 15px;
}

.tl-timemarker-text h2.tl-headline {
	padding-top: 0px;
}

h2.tl-headline a {
	text-decoration: none !important;
}

.tl-headline-date{
	font-size: 14px !important;
	color: var(--Grey-100) !important;
}

.tl-text-content,
.tl-text-content strong,
.tl-text-content p {
	font-size: 16px !important;
	color: var(--Grey-100) !important;
	font-weight: normal !important;
}

.tl-text-content .uk-button a {
	color: var(--Grey-95);
}

.tl-text-content .uk-button:hover a {
	color: var(--White);
	text-decoration: none;
}

.tl-media-shadow {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.tl-timemarker.tl-timemarker-active .tl-timemarker-content-container .tl-timemarker-content .tl-timemarker-text h2.tl-headline  {
	color: var(--GreenLight-100) !important;}

/* Tab */

.uk-tab {
	font-family: var(--roboto-c);
	font-weight: 700;
	text-transform: uppercase;
}

.uk-tab-center {
    border-bottom: 4px solid var(--Grey-10);
}

.uk-tab li {
    border-bottom: 4px solid var(--Grey-30);
    padding-bottom: 10px;
	/* outline: 2px solid var(--White); */
}

.bigFooter .uk-tab li {
    border-bottom: 4px solid var(--Grey-30);
    padding-bottom: 10px;
	/* outline: 2px solid var(--Grey-05); */
}

.bigFooter .uk-tab .uk-active {
    border-bottom: 4px solid var(--GreenLight-100);
    padding-bottom: 10px;
	/* outline: 2px solid var(--Grey-05); */
}

.uk-tab li:hover {
    border-bottom: 4px solid var(--GreenLight-100);
	color: var(--GreenLight-100);
}

.uk-tab>li:hover>a{
	color: var(--GreenLight-100);
}

.uk-tab .uk-active {
    border-bottom: 4px solid var(--GreenLight-100);
    padding-bottom: 10px;
}

/* Prefooter */
.themenliste, .socialMediaPrefooter, .newsletterPrefooter {
	font-size: 16px;
}

.themenlisteRow{
	cursor: pointer;
	padding: 5px 0px;
}

.themenlisteRow:first-child{
	margin-top: -5px;
}

.themenlisteRow:hover{
	background: var(--Grey-10);
}

.themenliste + div {
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
}

.socialmediaIcons {
	margin: 15px 0px 35px;
}

.socialmediaIcons i {
	color: var(--Grey-100);
	padding-right: 10px;
}
.socialmediaIcons i:hover {
	color: var(--Grey-95);
	padding-right: 10px;
}
.socialmediaIcons i.uk-icon-facebook-square, .socialmediaIcons i.uk-icon-facebook, .newsSocialMediaLink a i.uk-icon-facebook-square,.newsSocialMediaLink a i.uk-icon-facebook, .articleLeftData a i.uk-icon-facebook-official{
	/*color: var(--GreyBlue-100);*/
	color: var(--Grey-50);
}
.socialmediaIcons i.uk-icon-facebook-square:hover, .socialmediaIcons i.uk-icon-facebook:hover, .newsSocialMediaLink a:hover i.uk-icon-facebook-square, .newsSocialMediaLink a:hover i.uk-icon-facebook, .articleLeftData a:hover i.uk-icon-facebook-official {
	/*color: var(--Violet-100);*/
	color: var(--Grey-100);
}
.socialmediaIcons i.uk-icon-twitter-square, .socialmediaIcons i.uk-icon-twitter, .newsSocialMediaLink a i.uk-icon-twitter, .articleLeftData a i.uk-icon-twitter{
	/*color: var(--Blue-75);*/
	color: var(--Grey-50);
}
.socialmediaIcons i.uk-icon-twitter-square:hover, .socialmediaIcons i.uk-icon-twitter:hover, .newsSocialMediaLink a:hover i.uk-icon-twitter, .articleLeftData a:hover i.uk-icon-twitter {
	/*color: var(--Blue-75);*/
	color: var(--Grey-100);
}
.socialmediaIcons i.uk-icon-instagram-square, .socialmediaIcons i.uk-icon-instagram, .newsSocialMediaLink a i.uk-icon-instagram, .articleLeftData a i.uk-icon-instagram {
	color: var(--Grey-50);
}
.socialmediaIcons i.uk-icon-instagram-square:hover, .socialmediaIcons i.uk-icon-instagram:hover, .newsSocialMediaLink a:hover i.uk-icon-instagram, .articleLeftData a:hover i.uk-icon-instagram {
	color: var(--Grey-100);
}
.socialmediaIcons i.uk-icon-youtube-square, .socialmediaIcons i.uk-icon-youtube, .newsSocialMediaLink a i.uk-icon-youtube, .articleLeftData a i.uk-icon-youtube {
	/*color:  var(--DarkRed-50);*/
	color: var(--Grey-50);
}
.socialmediaIcons i.uk-icon-youtube-square:hover, .socialmediaIcons i.uk-icon-youtube:hover, .newsSocialMediaLink a:hover i.uk-icon-youtube, .articleLeftData a:hover i.uk-icon-youtube  {
	/*color: var(--Red-100);*/
	color: var(--Grey-100);
}
.socialmediaIcons i.uk-icon-tumblr-square, .socialmediaIcons i.uk-icon-tumblr, .newsSocialMediaLink a i.uk-icon-tumblr, .articleLeftData a i.uk-icon-tumblr  {
	color: var(--Grey-50);
}
.socialmediaIcons i.uk-icon-tumblr-square:hover, .socialmediaIcons i.uk-icon-tumblr:hover, .newsSocialMediaLink a:hover i.uk-icon-tumblr, .articleLeftData a:hover i.uk-icon-tumblr  {
	color: var(--Grey-100);
}

/*
.socialmediaIcons-kanton i.uk-icon-facebook-square, .socialmediaIcons-kanton i.uk-icon-youtube, .socialmediaIcons-kanton i.uk-icon-twitter, .socialmediaIcons-kanton i.uk-icon-instagram{
    color: rgba(255, 255, 255, 0.9);
}
.socialmediaIcons-kanton  i.uk-icon-facebook-square:hover, .socialmediaIcons-kanton i.uk-icon-youtube:hover, .socialmediaIcons-kanton:hover i.uk-icon-twitter, .socialmediaIcons-kanton:hover i.uk-icon-instagram{
    color: rgba(255, 255, 255, 1);
}
*/
.socialmediaIcons-kanton a i,
.socialmediaIcons-ortspartei a i,
.socialmediaIcons-bezirk a i{
    color: rgba(255, 255, 255, 0.9) !important;
    transition: all ease 0.4s;
}
.socialmediaIcons-kanton a:hover i,
.socialmediaIcons-ortspartei a:hover i,
.socialmediaIcons-bezirk a:hover i{
    color: rgba(255, 255, 255, 1) !important;
    transition: all ease 0.4s;
}
.socialmediaIcons-kanton a.footer-tiktok img.tiktok-icon-hover,
.socialmediaIcons-ortspartei a.footer-tiktok img.tiktok-icon-hover,
.socialmediaIcons-bezirk a.footer-tiktok img.tiktok-icon-hover,
.socialmediaIcons-kanton a.footer-tiktok img.tiktok-icon,
.socialmediaIcons-ortspartei a.footer-tiktok img.tiktok-icon,
.socialmediaIcons-bezirk a.footer-tiktok img.tiktok-icon,
a.tiktok-smlink img.tiktok-icon,
a.tiktok-smlink img.tiktok-icon-hover {
	width: 25px;
	margin-right: 10px;
	margin-top: -5px;
}
.socialmediaIcons-kanton a.footer-crossiety img.crossiety-icon-hover,
.socialmediaIcons-ortspartei a.footer-crossiety img.crossiety-icon-hover,
.socialmediaIcons-bezirk a.footer-crossiety img.crossiety-icon-hover,
.socialmediaIcons-kanton a.footer-crossiety img.crossiety-icon,
.socialmediaIcons-ortspartei a.footer-crossiety img.crossiety-icon,
.socialmediaIcons-bezirk a.footer-crossiety img.crossiety-icon,
a.crossiety-smlink img.crossiety-icon,
a.crossiety-smlink img.crossiety-icon-hover {
	width: 34px;
	margin-right: 10px;
	margin-top: -5px;
}
.socialmediaIcons-kanton a.footer-x img.x-icon-hover,
.socialmediaIcons-ortspartei a.footer-x img.x-icon-hover,
.socialmediaIcons-bezirk a.footer-x img.x-icon-hover,
.socialmediaIcons-kanton a.footer-x img.x-icon,
.socialmediaIcons-ortspartei a.footer-x img.x-icon,
.socialmediaIcons-bezirk a.footer-x img.x-icon,
a.x-smlink img.x-icon,
a.x-smlink img.x-icon-hover {
	width: 25px;
	margin-right: 10px;
	margin-top: -5px;
}
.socialmediaIcons-kanton a.footer-tiktok img.tiktok-icon,
.socialmediaIcons-ortspartei a.footer-tiktok img.tiktok-icon,
.socialmediaIcons-bezirk a.footer-tiktok img.tiktok-icon,
a.tiktok-smlink img.tiktok-icon,
.socialmediaIcons-kanton a.footer-crossiety img.crossiety-icon,
.socialmediaIcons-ortspartei a.footer-crossiety img.crossiety-icon,
.socialmediaIcons-bezirk a.footer-crossiety img.crossiety-icon,
a.crossiety-smlink img.crossiety-icon,
.socialmediaIcons-kanton a.footer-x img.x-icon,
.socialmediaIcons-ortspartei a.footer-x img.x-icon,
.socialmediaIcons-bezirk a.footer-x img.x-icon,
a.x-smlink img.x-icon {
	opacity: 0.8;
	transition: all ease 0.4s;
}
.socialmediaIcons-kanton a.footer-tiktok:hover img.tiktok-icon,
.socialmediaIcons-ortspartei a.footer-tiktok:hover img.tiktok-icon,
.socialmediaIcons-bezirk a.footer-tiktok:hover img.tiktok-icon,
a.tiktok-smlink:hover img.tiktok-icon,
.socialmediaIcons-kanton a.footer-crossiety:hover img.crossiety-icon,
.socialmediaIcons-ortspartei a.footer-crossiety:hover img.crossiety-icon,
.socialmediaIcons-bezirk a.footer-crossiety:hover img.crossiety-icon,
a.crossiety-smlink:hover img.crossiety-icon,
.socialmediaIcons-kanton a.footer-x:hover img.x-icon,
.socialmediaIcons-ortspartei a.footer-x:hover img.x-icon,
.socialmediaIcons-bezirk a.footer-x:hover img.x-icon,
a.x-smlink:hover img.x-icon {
	opacity: 1;
	transition: all ease 0.4s;
}

/* Social Media Wall & Feed */
.dcwss.dc-feed.dc-feed-light {
    background: var(--Grey-05);
    color: var(--Grey-95);
}

.dcwss.dc-feed .dcwss-content {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.dcwss.dc-feed {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.dcwss.dc-feed .stream li {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
}

.dcwss.dc-feed .stream li .section-intro {
    border-radius: 0 0 0px 0px;
    -webkit-border-radius: 0 0 0px 0px;
    -moz-border-radius: 0 0 0px 0px;
}

.dcwss.dc-feed .stream li .section-intro {
    font-style: normal;
}

.dcwss.dc-feed .stream li .section-thumb img {
    border: none;
}

.dcwss.dc-wall .stream li,
.dcwss.dc-feed .stream li {
	font-family: var(--roboto);
	}

.dcwss.dc-wall .stream li a,
.dcwss.dc-feed .stream li a, .dcwss.dc-feed .stream li.dcsns-twitter a {
	color: var(--GreenLight-100);
	}

.dcwss.dc-wall .stream li .section-user a,
.dcwss.dc-feed .stream li .section-user a {
	color: var(--Grey-95);
	font-weight: 700;
	font-style: normal;
}

.dcwss.dc-wall .stream li .section-user a:hover ,
.dcwss.dc-feed .stream li .section-user a:hover {
	color: var(--GreenLight-100);
	text-decoration: underline;
}

.dcwss.dc-wall .stream li .twitter-user a:hover ,
.dcwss.dc-feed .stream li .twitter-user a:hover {
	color: var(--GreenLight-100);
}

.dcwss.dc-wall .stream li.dcsns-twitter .twitter-user a:hover strong,
.dcwss.dc-feed .stream li.dcsns-twitter .twitter-user a:hover strong,
.dcwss.dc-feed .stream li.dcsns-twitter .twitter-user a,
.dcwss.dc-feed .stream li.dcsns-twitter .twitter-user a:hover  {
    color: var(--GreenLight-100);
}


/* Footer */
.bigFooter {
	background: var(--Grey-05);
	padding: 50px 0 10px;
}
.bigFooter-kanton,
.bigFooter-ortspartei,
.bigFooter-bezirk {
    background: var(--Grey-95);
    color: var(--White);
    font-size: 16px;
}
.bigFooter-kanton a,
.bigFooter-ortspartei a,
.bigFooter-bezirk a{
    color: var(--White);
}
.bigFooter-kanton .textwidget a,
.bigFooter-ortspartei .textwidget a,
.bigFooter-bezirk .textwidget a {
	text-decoration: none;
	border: none;
}
.bigFooter-kanton .textwidget a:hover,
.bigFooter-ortspartei .textwidget a:hover,
.bigFooter-bezirk .textwidget a:hover {
	text-decoration: underline;
	background-color:  transparent;
}
.bigFooter-kanton .uk-button,
.bigFooter-ortspartei .uk-button,
.bigFooter-bezirk .uk-button{
	background-color: transparent !important;
	border: 1px solid var(--White) !important;
	color: var(--White);
}
.bigFooter-kanton .uk-button:hover,
.bigFooter-ortspartei .uk-button:hover,
.bigFooter-bezirk .uk-button:hover {
	background-color:var(--White) !important;
	text-decoration: none !important;
	color: var(--Grey-100);
}
.bigFooter-kanton input[type=text],
.bigFooter-ortspartei input[type=text],
.bigFooter-bezirk input[type=text] {
	color: var(--White);
}
.bigFooter-kanton .uk-h2{
    font-size: 24px;
    line-height: 28px;
}
#footerSwitcher.uk-switcher {
	margin-top: 60px;
}

#footerSwitcher {
	font-size: 16px;
	line-height: 32px;
}

#footerSwitcher a {
	color: var(--Grey-95);
	display: block;
	line-height: 1.3em;
	margin-bottom: 10px;
}

#footerSwitcher .bigFooterSubTitle {
	font-family: var(--roboto-c);
	font-weight: 700;
	font-size: 18px;
}

/* Campaign */

.tm-mosaic .uk-panel-box, .tm-mosaic-1col .uk-panel-box, .tm-mosaic-2col .uk-panel-box, .tm-mosaic-3col .uk-panel-box, .tm-mosaic-4col .uk-panel-box, .tm-mosaic-5col .uk-panel-box {
    background: transparent;
}

.campaignHeader,
.campaignSlogan, .campaignParoleSmall, .campaignBoxParoleTitle,
.campaignBoxParoleText,
.campaignBoxParoleTitle,
.campaignBoxParoleText, .campaignBoxSupportTitle,
.campaignBoxTreminText, .campaignBoxTerminTitle, .campaignBoxInfoTitle,
.campaignBoxSloganText {
	font-family: var(--roboto-c);
    font-weight: 700;
}

.campaignHeader {
	text-transform: uppercase;
	color: var(--Grey-95);
	margin-bottom: 30px;
    padding: 0px 10px;
	border-bottom: 2px solid var(--Grey-05) /*#4f4e4b*/;
}

.campaignHeader span {
    display: inline;
    background: var(--Grey-05);
	-moz-box-shadow: 10px 0 0 var(--Grey-05), -10px 0 0 var(--Grey-05);
	-webkit-box-shadow: 10px 0 0 var(--Grey-05), -10px 0 0 var(--Grey-05);
    box-shadow: 10px 0 0 var(--Grey-05), -10px 0 0 var(--Grey-05);
}

.campaignItem{
	padding: 0 10px 25px;
}


.bg-color-dark .uk-accordion,
.bg-color-dark .uk-accordion-title {
	background-color: transparent;
	box-shadow: none;
}

.bg-color-dark .uk-accordion-title {
	/* padding: 0px 12px; */
	padding: 0px 2px;
}

.bg-color-dark .uk-accordion {
	background-color: transparent;
	box-shadow: none;
	border-bottom: 2px solid #4f4e4b;
}

.campaignItem {
    /* padding: 0 25px 25px 15px; */
}

.campaignSlogan {
	color: var(--White);
	font-size: 38px;
    line-height: 50px;
	vertical-align: top;
    display: inline-block;
    width: calc(100% - 306px);
}
.campaignSlogan span a{
	color: var(--White);
}
.campaignSlogan span a:hover{
	color: var(--White);
}
.campaignSloganMore{
    display: inline-block;
    width: calc(100% - 188px);
    margin-right: 25px;
}
.campaignSloganEigene {
	display: inline-block;
    width: calc(100% - 188px);
    margin-right: 25px;
}
.campaignSlogan :not(.uk-button) {
	/*margin: 0 10px;*/
}

.campaignSlogan span, .campaignSlogan span p {
	background: var(--Grey-100);
	padding: 0 10px;
	margin-left: -10px;
	-webkit-box-decoration-break: clone;
  	box-decoration-break: clone;

	/*-moz-box-shadow: 10px 0 0 var(--Grey-100), -10px 0 0 var(--Grey-100);
	-webkit-box-shadow: 10px 0 0 var(--Grey-100), -10px 0 0 var(--Grey-100);
	box-shadow: 10px 0 0 var(--Grey-100), -10px 0 0 var(--Grey-100);*/
}

.campaignSlogan span p {
	display: inline;
}

.campaignSlogan .campaignParoleBgYes, .campaignSlogan .campaignParoleBgYes p {
	background: var(--GreenLight-100);
}
.campaignSlogan .campaignParoleBgNo, .campaignSlogan .campaignParoleBgNo p {
	background: var(--Red-100);
}
.campaignSlogan .campaignParoleBgStimmfreigabe, .campaignSlogan .campaignParoleBgStimmfreigabe p {
	background: var(--White);
}

.campaignSlogan .uk-button {
	color: var(--White);
	margin: 30px 0 0 -10px;
}

.campaignParoleSmall {
	background: var(--Red-100);
	color: var(--White);
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 10px;
}

.campaignBoxParoleTitle,
.campaignBoxParoleText {
	color: var(--White);
	padding: 8px 0 0 10px;
}

.campaignBoxInfoLead,
.campaignBoxParoleTitle {
	font-size: 16px;
}

.campaignBoxParoleText {
	font-size: 44px;
	text-transform: uppercase;
}
.campaignImage{
    display: inline-block;
    width: 125px;
    height: 125px;
    background-position: top center;
    background-size: cover;
}
.campaignSpacer{
    display: inline-block;
    width: 10px;
}
.campaignParoleBg{
	height: 125px;
	display: inline-block;
	width: 125px;
}
.campaignParoleBgYes{
	background-color: var(--GreenLight-100);
}
.campaignParoleBgNo {
	background-color: var(--Red-100);
}
.campaignParoleBgStimmfreigabe{
	background-color: var(--White);
    color: var(--Grey-95);
    line-height: 16px;
    padding-top: 2px;
    padding-bottom: 4px;
}
.campaignParoleBgStimmfreigabe .campaignBoxParoleTitle,
.campaignParoleBgStimmfreigabe .campaignBoxParoleText{
    color: var(--Grey-95);
}
.campaignParoleBgStimmfreigabe .campaignBoxParoleText{
    color: var(--Grey-95);
    font-size: 15px;
}

.campaignResultTop{
    display: inline-block;
    width: 125px;
    vertical-align: top;
    margin-top: 5px;
}
.campaignParoleTop{
    display: inline-block;
    width: 125px;
    vertical-align: top;
    margin: 5px 0 0 10px;
}
.campaignTitleActual{
    display: inline-block;
    width: calc(100% - 175px);
    vertical-align: top;
}
.campaignTitleParole{
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 335px);
}

@media (max-width: 767px) {
    .campaignSlogan{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .campaignSloganMore{
        display: block;
        width: 100%;
        margin-bottom: 20px;
    }
    .campaignTitleParole{
        width: calc(100% - 40px);
    }
    .campaignResultTop, .campaignParoleTop{
        margin-bottom: 20px;
    }
    .campaignResultTop{
        margin-left: 30px;
    }
}



.campaignBoxParole
.campaignBoxParoleTitle,
.campaignBoxParole .campaignBoxParoleText, .campaignBoxSupport .campaignBoxSupportTitle,
.campaignBoxTermin .campaignBoxTreminText, .campaignBoxTermin .campaignBoxTerminTitle, .campaignBoxInfo .campaignBoxInfoTitle,
.campaignBoxInfo .campaignBoxInfoLead, .campaignBoxSlogan .campaignBoxSloganText {
	color: var(--White);
	padding: 20px 20px 0 20px;
}

.campaignBoxInfo .uk-button {
	margin: 20px 0 0 20px;
}

.campaignBoxSupportSlider :not(.uk-dotnav) li {
	padding: 0 15px 0 55px;
}

/*UnterstützenBox Arrows*/
.campaignBoxSupportSlider a {
	color: rgba(124, 179, 9, 0.4);
	text-decoration: none;
}

.campaignBoxSupportSlider a:hover, .campaignBoxSupportSlider a:active {
	color: rgba(124, 179, 9, 0.8);
	text-decoration: none;
}

/*UnterstützenBox Text*/
.campaignBoxSupportSlider .uk-slideset a {
	color: var(--White);
	text-decoration: none;
}

/*UnterstützenBox Dots*/
.campaignBoxSupportSlider .uk-dotnav a {
    border: 5px solid var(--GreyBlue-25);
    width: 10px;
    height: 10px;
	background: var(--GreenLight-100);
}
.campaignBoxSupportSlider .uk-dotnav .uk-active a{
	border: 0px solid var(--GreyBlue-25);
    width: 20px;
    height: 20px;
	background: var(--GreenLight-100);
	}

.campaignBoxParole
.campaignBoxParoleTitle, .campaignBoxTerminTitle, .campaignBoxSupportTitle, .campaignBoxSloganText, .campaignBoxInfoTitle {
	font-size: 24px;
}

.campaignBoxSupportSlider {
	font-size: 20px;
}

.campaignBoxSloganText {
	font-size: 38px;
    line-height: 44px;
}

.campaignBoxParole
.campaignBoxParoleText{
	font-size: 90px;
	line-height: 60px;
	text-transform: uppercase;
}
.campaignBoxParole .campaignBoxParoleTextStimmfreigabe{
    font-size: 24px;
    line-height: 30px;
}

.campaignBoxTreminText {
	font-size: 76px;
	line-height: 60px;
}

.campaignBoxParole {
	background-color: var(--GreenLight-100);
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
}

.campaignBoxTermin, .campaignBoxInfo, .campaignBoxSlogan {
	background-color: var(--Grey-70);
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
}

.campaignBoxSupport {
	background-color: var(--GreyBlue-25);
	width: 100%;
	height: 100%;
	padding-bottom: 30px;
}



/* parole shortdoce */
.paroleTitel{
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 10px;
}
.paroleTermin{
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 6px 0;
    padding-bottom: 10px;
    border-bottom: 1px dotted #c9cbc4;
}
.paroleBox{
    margin: 6px 0 20px 0;
    padding-bottom: 6px;
    border-bottom: 1px dotted #c9cbc4;
}
.paroleKampagne{
    width: calc(100% - 260px);
    display: inline-block;
}
.paroleResultat{
    width: 125px;
    display: inline-block;
    vertical-align: top;
}
.paroleParole{
    width: 125px;
    display: inline-block;
    vertical-align: top;
}
@media (max-width: 480px) {
    .paroleKampagne{
        display: block;
        width: 100%;
    }
    .paroleResultat, .paroleParole{
        display: block;
    }
    .paroleResultat{
        margin-bottom: 5px;
    }
}

/* Kalender */
.fc-day-header,
.terminListMonthBox .uk-text-uppercase:not(.uk-text-small) {
	font-family: var(--roboto-c);
    font-weight: 700;
	font-size: 18px;
	background-color: var(--Grey-10) !important;
	color: var(--Grey-100);
}

.terminListMonthBox i {
	color: var(--Grey-100);
}
.terminListMonthBox i:hover {
	color: var(--GreenLight-100);
}
.eventClass_public,
.eventClass_private,
.eventClass_info,
.eventClass_none {
	border-radius: 0px !important;
	padding: 0px 0px !important;
}
.terminSlider .eventClass_public,
.terminSlider .eventClass_private,
.terminSlider .eventClass_info,
.terminSlider .eventClass_none {
	padding: 10px !important;
}

.eventClass_info,
.terminSlider .eventClass_info{
    color: var(--Grey-100) !important;
}


.eventClass_private{
	background: var(--Grey-70) !important;
	border: 1px solid var(--Grey-70) !important;
}

#terminSwitcher .eventClass_private:not(.fc-day-grid-event){
	-moz-box-shadow: 10px 0 0 var(--Grey-70), -10px 0 0 var(--Grey-70);
	-webkit-box-shadow: 10px 0 0 var(--Grey-70), -10px 0 0 var(--Grey-70);
	box-shadow: 10px 0 0 var(--Grey-70), -10px 0 0 var(--Grey-70);
}

.eventClass_public{
	background: var(--GreenLight-100) !important;
	border: 1px solid var(--GreenLight-100) !important;
}

#terminSwitcher .eventClass_public:not(.fc-day-grid-event){
	-moz-box-shadow: 10px 0 0 var(--GreenLight-100), -10px 0 0 var(--GreenLight-100);
	-webkit-box-shadow: 10px 0 0 var(--GreenLight-100), -10px 0 0 var(--GreenLight-100);
	box-shadow: 10px 0 0 var(--GreenLight-100), -10px 0 0 var(--GreenLight-100);
}

.eventClass_info{
	background: var(--GreyBlue-25) !important;
	border: 1px solid var(--GreyBlue-25) !important;
    color: var(--Grey-100);
}

#terminSwitcher .eventClass_info:not(.fc-day-grid-event){
	-moz-box-shadow: 10px 0 0 var(--GreyBlue-25), -10px 0 0 var(--GreyBlue-25);
	-webkit-box-shadow: 10px 0 0 var(--GreyBlue-25), -10px 0 0 var(--GreyBlue-25);
	box-shadow: 10px 0 0 var(--GreyBlue-25), -10px 0 0 var(--GreyBlue-25);
    color: var(--Grey-100);
}

.eventClass_none{
	background: var(--GreenDark-100) !important;
	border: 1px solid var(--GreenDark-100) !important;
}

#terminSwitcher .eventClass_none:not(.fc-day-grid-event){
	-moz-box-shadow: 10px 0 0 var(--GreenDark-100), -10px 0 0 var(--GreenDark-100);
	-webkit-box-shadow: 10px 0 0 var(--GreenDark-100), -10px 0 0 var(--GreenDark-100);
	box-shadow: 10px 0 0 var(--GreenDark-100), -10px 0 0 var(--GreenDark-100);
}

.fc-unthemed td.fc-today {
    background: var(--Grey-05);
	border: 1px solid var(--Grey-15);
    border-style: double;
}

.fc-day-header {

}


/* Subfooter */
#footerBottom{
	background: var(--White);
	padding: 30px 0px 20px;
	position: relative;
}
.footerBottomAddress,
.footerBottomQuickLinks {
	font-size: 16px;
}

.footerBottomQuickLinks a{
	color: var(--Grey-95);
}

#footerBottomPageTop{
	position: absolute;
	right: 20px;
	bottom: 25px;
	z-index: 99999;
}
#footerBottomPageTop i{
	color: var(--Grey-85);
}

/* for kanton */
.footerBottom-kanton{
    background: var(--Grey-100) !important;
    color: var(--White);
}
.footerBottom-kanton .footerBottomQuickLinks a{
    color: var(--White);
}
.footerBottom-kanton #footerBottomPageTop i{
	color: var(--White);
}
/* for ortspartei */
.footerBottom-ortspartei,
.footerBottom-bezirk{
    background: var(--Grey-15) !important;
    color: var(--Grey-95);
}
.footerBottom-ortspartei .footerBottomQuickLinks a,
.footerBottom-bezirk .footerBottomQuickLinks a{
    color: var(--Grey-95);
}
.footerBottom-ortspartei #footerBottomPageTop i,
.footerBottom-bezirk #footerBottomPageTop i{
	color: var(--Grey-95);
}






/* Cookietext */
#cookiewarning {
	font-size: 14px;
	line-height: 18px;
	background: var(--Grey-05);
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 25px 0 15px;
	width: 100%;
	z-index: 1000000;
}


/*
 * top navigation
 */
.topNavItemActive{
    font-weight: 700;
    display: inline-block;
    color: var(--Grey-100);
    background: var(--White);
    padding: 18px 22px;
    /* text-transform: uppercase; */
}
.topNavItemActive-kanton,
.topNavItemActive-ortspartei,
.topNavItemActive-bezirk{
    padding: 12px 22px !important;
}
.topNavItemActive:hover{
    color: var(--Grey-100);
}
.topNavItem{
    cursor: pointer;
    color: inherit;
    text-transform: uppercase;
    display: inline-block;
    padding: 18px 22px;
}
.topNavItem-kanton{
    padding: 12px 22px !important;
}
.topNavItem-ortspartei,
.topNavItem-bezirk{
    padding: 12px 22px !important;
    color: var(--Grey-85) !important;
    font-size: 19px;
    font-weight: 400;
}
.topNavItem-ortspartei:hover,
.topNavItem-bezirk:hover{
    color: var(--Grey-95) !important;
}
.topNavItem:hover{
    color: inherit;
    text-decoration: none;
}
.topNavItemPopup{
    background: var(--Grey-05);
	color: var(--Grey-95);
}
.mitmachenMobile {
	background-color:  var(--GreenLight-100);
	color:  var(--White);
	padding: 18px 22px;
    text-transform: uppercase;
    display: none;
}
.mitmachenMobile:hover {
	background-color:  var(--GreenLight-100);
	color: var(--White);
	text-decoration: none;
}
.mitmachenMobileNav {
	background-color:  var(--GreenLight-100);
	color:  var(--White);
	margin-left:  -20px;
	text-align: center;
	display: none;
	width: 0;
}
.mitmachenMobileNav a {
	border-bottom:  none;
	color:  var(--White) !important;
	line-height: 70px;
	height:  70px;
}
.mitmachenMobileNav:hover {
	background-color:  var(--GreenLight-100);
}
.primarySub{
    display: none;
    background-color: var(--Grey-05);
    color: var(--Grey-95);
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 10;
}
.primarySubCloser{
    position: absolute;
    top: 30px;
    right: 20px;
    z-index:100;
    background-color: var(--Grey-10);
	border-radius: 25px;
}
.primarySubCloser a{
    color: var(--Grey-95);
    cursor: pointer;
    font-size: 18px;
    padding: 0px 12px 0 2px;
    line-height: 28px;
}
.primarySubCloser a:hover{
    color: var(--GreenLight-100);
}
.primarySubMain{
    background: var(--Grey-30);
}
.primaryNavItemMain{
    text-transform: uppercase;
}
.primaryNavItem{
    color: var(--White);
    display: inline-block;
    padding: 29px 22px;
    margin: 0 10px;
}
.primaryNavItem:hover{
    color: var(--White);
}
.cd-header-buttons {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 20px;
}

@media (max-width: 1170px) {
	.mitmachenMobile {
		display: inline-block;
		margin-left:  -130px;
	}
	.mitmachenMobileNav {
		display: block;
		width: auto;
	}
}
@media (max-width: 959px) {
	.mitmachenMobile {
		margin-left:  0px;
	}
}
@media (max-width: 767px) {
    .topNavItemActive{
        padding: 18px 12px;
    }
    .topNavItem{
        padding: 18px 12px;
    }
    .primarySub{
        left: 25px !important;
        width: calc(100% - 25px) !important;
    }
    .primaryNavItem{
        display: block;
        padding: 15px 0;
    }
    .primarySubCloser{
        top: 15px;
        right: 15px;
    }
}


/*
 * primary navigation
 */
 .cd-main-header {
	/* -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1); */
    border-radius: 10px;
}
.cd-nav ul{
    list-style: none;
}
.cd-logo {
    left: 10px;
    top: 5px;
}
.cd-primary-nav {
    left: 170px;
}
.cd-primary-nav.nav-is-visible{
    z-index: 30;
}
.cd-primary-nav .cd-secondary-nav{
  top: 75px;
}
.cd-primary-nav .cd-secondary-nav > li {
    margin-right:  2%;
}
.cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
    margin-right:  2%;
}
.cd-primary-nav .cd-secondary-nav > li{
    height: auto;
}
.cd-primary-nav .cd-secondary-nav > li{
    border-right: none;
}


.primary-nav {
	padding-left: 0;
	padding-right: 0; 
	position: relative; 
	z-index: 15; 
	margin-bottom: 20px;
}
.cd-secondary-nav {
	/* background-color: var(--Grey-10) !important;
	-moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1); */
    padding: 40px 40px 100px !important;
    box-shadow: none !important;
}
.cd-secondary-nav .has-children {
    height: 200px;
}
.cd-secondary-nav ul{
    max-height: 200px;
    overflow: auto;
}
.cd-secondary-nav li{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
/*
.primarySub{
    display: none;
    background-color: var(--Grey-05);
	color: var(--Grey-95);
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 10;
}
*/

.primaryNavItem:hover {
	color: var(--GreenLight-100);
	text-decoration: none;
}
.primaryNavItem {
	color: var(--Grey-95);
	text-transform: uppercase;
	-webkit-font-smoothing: antialiased;
}
/* Submenu */
.cd-secondary-nav{
    /*left: -170px;*/
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 1200px !important;
    background: var(--White);
}

.cd-primary-nav .cd-secondary-nav{
    background: var(--White) !important;
}
.cd-primary-nav .cd-secondary-nav > li > a {
	font-weight: normal;
	color: var(--Grey-100);
	font-size: 18px;
	/* text-transform: uppercase; */
}

.cd-primary-nav .cd-secondary-nav a {
	color: var(--Grey-95);
	font-size: 16px;
}

.cd-primary-nav .cd-secondary-nav a:hover {
	color: var(--GreenDark-100);
	text-decoration: none;
}

.cd-primary-nav .cd-secondary-nav > li > a:hover {
	color: var(--GreenDark-100);
	text-decoration: none;
}

.cd-primary-nav > li > a.selected {
	color: var(--GreenDark-100) !important;
    box-shadow: none;

}
.cd-primary-nav a, .cd-primary-nav ul a {
	border-bottom: 1px solid var(--Grey-100);
}
.cd-primary-nav .cd-secondary-nav > .see-all a {
	background-color: var(--White);
	/* -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1); */
    /* box-shadow: 0px 5px 10px rgba(0,0,0,0.1) !important; */
	line-height: 70px;
	color: var(--Grey-95);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-weight: bold;
    border-bottom: 1px solid var(--Grey-10);
    border-top: 1px solid var(--Grey-10);
}
.cd-primary-nav .cd-secondary-nav > .see-all a i {
	color: var(--GreenLight-100);
}
.cd-primary-nav .cd-secondary-nav > .see-all a:hover {
    background-color: var(--White);
	color: var(--GreenLight-100);
	border-color: var(--Grey-05);
	border-top-color: var(--Grey-15);
	border-bottom-color: var(--Grey-10);
}

.cd-primary-nav .cd-secondary-nav > .see-all a b {
	font-size: 18px;
	/* font-weight: normal; */
}

.cd-primary-nav ::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    padding-top: 40px;
}

.cd-primary-nav ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.4);
    border: 1px solid rgba(199,198,191, 1);
    background: rgb(237,236,230);
    border-radius: 10px;

}

.cd-primary-nav ::-webkit-scrollbar-thumb{
    border-radius:10px;
    height: 30px;
    width: 8px;
    border: 1px solid rgba(199, 198, 191,1);
    background: rgb(108,107,102);
    -webkit-box-shadow: 0 0px 1px rgb(64,64,64);
	background: -webkit-linear-gradient(rgba(206,205,198, 1), rgba(199, 198, 191,1));
}

.cd-primary-navt ::-webkit-scrollbar-track-piece {
    height: 30px;
    width: 30px;
}

.navArrowDown{
    position:fixed;
    left: calc(50% - 25px);
    bottom: 10px;
    background: rgba(255,255,255,0.7);
    z-index: 10;
    color: var(--Grey-100);
    padding: 10px 20px;
}

.primaryTop {
	font-weight: 400;
	}

.primaryTop:hover {
	opacity: 0.85;
	}

.topNavItemPopup:hover {
	color: var(--GreenLight-100);
	background: var(--Grey-05);
	opacity: 1;
}

.topNavItemActive {
	font-weight: normal;
	color: var(--Grey-95);
	text-decoration: none;
}

.topNavItemActive:hover {
	text-decoration: none;
	color: var(--GreenLight-100);
}
/*
.primarySubCloser {
    top: 30px;
    right: 20px;
	background-color: var(--Grey-10);
	border-radius: 25px;
}

.primarySubCloser a{
	color: var(--Grey-95);
	border: none;
	padding: 0px 12px 0 2px;
	line-height: 28px;
}
.primarySubCloser a:hover{
	color: var(--GreenLight-100);
}
*/

.cd-secondary-nav ul,
.cd-secondary-nav ol {
    padding-left: 0px;
}

.cd-secondary-nav ul {
    width: 90%;
}

.cd-secondary-nav ul,
.cd-secondary-nav ol {
    padding-left: 0px;
}
@media only screen and (max-width: 1220px) {
	.cd-secondary-nav {
		width: 980px !important;
	}
}

@media (max-width: 1170px) {
    /* Submenu */
    .cd-secondary-nav{
        left: 0px;
    }

    .cd-primary-nav .cd-secondary-nav {
        background: var(--Grey-10) !important;
        top: 0;
        padding: 0 0 0 30px !important;
    }

    .cd-primary-nav .cd-secondary-nav > .see-all a {
        background-color: transparent;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        line-height: 50px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all a:hover {
        background-color: transparent;
        border-color: black;
    }
    .cd-primary-nav .cd-secondary-nav > .see-all a b{
        font-size: 16px;
        font-weight: bold;
    }
    .cd-primary-nav .cd-secondary-nav > li > a {
    	font-size: 16px;
    }
}


.cd-logo img{
	height:70px;
}


.cd-primary-nav > li {
    margin-left: 1em !important;
}
.cd-primary-nav > li > a {
	color: var(--Grey-85);
	/* text-transform: uppercase; */
	font-weight: 700;
	text-decoration: none;
}
.cd-primary-nav > li > a:hover {
	color: var(--GreenDark-100);
}

.mainNavRight {
    text-decoration: none;
    position: absolute;
    right: 20px;
    top: 24px;
    z-index: 1;
    font-size: 16px;
    background-color: var(--GreenDark-100);
    color: var(--White);
    border: 1px solid var(--GreenDark-100);
    padding: 8px 30px;
    border-radius: 30px;
    transition: all ease 0.5s;
}

.mainNavRight:hover {
	text-decoration: none;
	color: var(--GreenDark-100) !important;
    border: 1px solid var(--GreenDark-100) !important;
    background: var(--White) !important;
}


/* Sticky Menu */

.leftIconItem {
	background: var(--Grey-95);
}

.leftIconItem .uk-dropdown {
	/*padding: 40px;*/
}
.leftIconItemActive{
    background: var(--GreenLight-100);
}
.leftIconItemActive:hover a{
    color: var(--Grey-95);
}

.leftIconContentClose {
	position: absolute;
	top: 0px;
    right: 0px;
	background: var(--Grey-70);
	border-radius: 0 0 0 10px;
	padding: 2px 8px 2px 8px;
}

.leftIconContentClose:hover{
	background: var(--Grey-70);
}

#searchForm .uk-icon-close,
.leftIconContentClose a {
	color: var(--White);
}

.leftIconItem select {
	border-bottom: 0px solid #90908c;
}

.stickySocialmediaLink {
	font-family: var(--roboto-c);
    font-weight: 700;
	text-decoration: none;
}

.uk-dropdown .stickySocialmediaLink a, .uk-dropdown .stickySocialmediaLink .uk-icon-medium {
	color: var(--White);
}

.uk-dropdown .stickySocialmediaLink a:hover, .uk-dropdown .stickySocialmediaLink :hover .uk-icon-medium {
	color: var(--GreenLight-100);
}

.searchBox-result h3,
.searchBox-result p,
.searchBox-result div {
	color: var(--White);
}

.uk-datepicker-table a.uk-active {
	background: var(--GreenLight-100);
}

.uk-dropdown a:hover {
	text-decoration: none;
}


.searchBox #datefrom, .searchBox #dateto {
	background: var(--Grey-70) !important;
	color: var(--Grey-05) !important;
}

.searchBox-result-list > div {
	padding-bottom: 10px;
	border-bottom: 1px solid var(--Grey-70) !important;
}

.searchBox ::-webkit-scrollbar,
.leftIconItemMailContent ::-webkit-scrollbar{
    width: 10px;
    height: 10px;
    padding-top: 40px;
}

.searchBox ::-webkit-scrollbar-track,
.leftIconItemMailContent ::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.4);
    border: 1px solid rgba(64,64,64, 0.5);
    background: rgb(108,107,102);
    border-radius: 10px;

}

.searchBox ::-webkit-scrollbar-thumb,
.leftIconItemMailContent ::-webkit-scrollbar-thumb{
    border-radius:10px;
    height: 30px;
    width: 8px;
    border: 0px solid var(--Grey-95);
    background: rgb(108,107,102);
    -webkit-box-shadow: 0 0px 1px rgb(0,0,0);
    /*background: -webkit-linear-gradient(rgba(64,64,64, 0.90), rgba(64,64,64, 0.80));*/
	background: -webkit-linear-gradient(rgba(129,186,6, 0.85), rgba(124, 179, 9, 0.75));
}

.searchBox ::-webkit-scrollbar-track-piece
.leftIconItemMailContent ::-webkit-scrollbar-track-piece {
    height: 30px;
    width: 30px;
}

.leftIconItemMailContent ::-webkit-input-placeholder {
    color:    var(--Grey-05);
}
.leftIconItemMailContent :-moz-placeholder {
   color:    var(--Grey-05);
   opacity:  1;
}
.leftIconItemMailContent ::-moz-placeholder {
   color:    var(--Grey-05);
   opacity:  1;
}
.leftIconItemMailContent :-ms-input-placeholder {
   color:    var(--Grey-05);
}
.leftIconItemMailContent ::-ms-input-placeholder {
   color:    var(--Grey-05);
}
/* .cd-secondary-nav::after{ */
.navArrow{
    display: none;
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid var(--White);
    content: "";
    position: absolute;
    top: 0;
    left: 50px;
}

@media (min-width: 1170px) {
    .cd-primary-nav{
        position: absolute;
    }
    /*
    .cd-logo {
        left: 0;
        top: 10px;
    }
    */
    .cd-secondary-nav{
        background: var(--Grey-10) !important;
    }
}
@media (max-width: 1170px) {
    .cd-primary-nav{
        left: auto !important;
        z-index: 10;
    }
    .cd-primary-nav, .cd-primary-nav ul {
		background: var(--Grey-10);
	}
    .mainNavRight{
        display: none;
    }
    .cd-main-header{
        height: 80px;
    }
    .cd-secondary-nav ul {
    	max-height:  none;
    }
    .navArrow{
        display: none;
    }
}
.cd-overlay {
    background-color: transparent;
}


.cd-search-trigger::before, .cd-search-trigger::after {
    content: none;
}





/*
 * search
 */
.cd-search.is-visible {
    opacity: 1;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}
.searchBox {
    height: 65px;
    left: 56px;
    position: fixed;
    top: 30%;
    transition: opacity 0.3s ease 0s, visibility 0s ease 0.3s;
    visibility: visible;
    width: auto;
    max-width: 90%;
    z-index: 3;
    background: var(--Grey-95);
    color: var(--White);
    overflow: hidden;
}
.searchBox h2 {
    color: var(--White);
}
.searchBox form {
    height: 100%;
    width: 100%;
}
.searchBox #searchForm input {
    -moz-appearance: none;
    background: var(--Grey-50);
    border: medium none;
    /* border-bottom: 1px solid var(--White); */
    border-radius: 0;
    box-shadow: none;
    color: var(--White);
    font-size: 22px;
    font-weight: 300;
    height: calc(100% - 20px);
    padding: 10px 15px;
    margin: 10px 0 10px 10px;
    width: calc(100% - 80px);
}

.searchBox input::-moz-placeholder {
    color: var(--Grey-10) !important;
}
.searchBox .datepicker::-moz-placeholder {
    color: var(--Grey-100) !important;
}

.searchBox-icon{
    display: inline-block;
    font-size: 14px;
    margin: 0;
    text-align: center;
	border: none;
    color: var(--White);
    line-height: 14px;
    padding:0;
	width: 30px;
	height: 30px;
}
.searchBox-icon:hover {
    /*background: var(--GreenLight-100);*/
}
.searchBox-icon .uk-icon-search{
	font-size: 20px;
	padding: 0;
}

.searchBox-result{
    display: none;
    margin: 0 2em 2em;
    padding: 1em 1em 0 0;
    height: 500px;
    overflow: auto;
    border-top: 1px solid var(--White);
}
.searchBox-result a{
    display: block;
    color:var(--Grey-10);
    padding: 5px 0;
    white-space: normal;
}
.searchBox-result a:hover{
    text-decoration: none;
    color: var(--White);
}

.searchBox-result-quick{
    display: none;
    margin: 0 2em 2em;
    padding: 1em 0;
    height: 350px;
    overflow: auto;
    border-top: 1px solid var(--White);
}
.searchBox-result-quick h3{
    color:var(--White);
    margin: 15px 0 5px 0;
}
.searchBox-result-quick div{
    border-top: 1px dotted var(--Grey-15);
    margin: 0 1em 0 0;
}
.searchBox-result-quick a{
    display: block;
    color:var(--Grey-10);
    border-bottom: 1px dotted var(--Grey-15);
    padding: 5px 0;
}
.searchBox-result-quick a:hover{
    text-decoration: none;
    color: var(--White);
}




/*
 * tiles
 */
.uk-panel .uk-article-title {
    font-size: 38px;
    line-height: 48px;
}
.tm-mosaic,
.tm-mosaic-1col,
.tm-mosaic-2col,
.tm-mosaic-3col,
.tm-mosaic-4col,
.tm-mosaic-5col {
    margin: -10px -10px 10px -10px;
    position: relative;
}
.tm-mosaic .uk-panel,
.tm-mosaic-1col .uk-panel,
.tm-mosaic-2col .uk-panel,
.tm-mosaic-3col .uk-panel,
.tm-mosaic-4col .uk-panel {
    background-clip: padding-box;
    border: 10px solid transparent;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
}
.tm-mosaic-5col .uk-panel {
    background-clip: padding-box;
    border: 5px solid transparent;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
}
.tm-mosaic .uk-panel-box,
.tm-mosaic-1col .uk-panel-box,
.tm-mosaic-2col .uk-panel-box,
.tm-mosaic-3col .uk-panel-box,
.tm-mosaic-4col .uk-panel-box,
.tm-mosaic-5col .uk-panel-box{
    background-color: none;
}
.tm-mosaic-image {
    margin: -20px;
}

.tm-mosaic-3col .tile-box .tile-text {
	overflow: hidden;
	max-height: 120px;
}

@media (min-width: 767px) {
    .tm-mosaic-image {
        margin: -40px;
    }
}
.tm-masonary-column-indicator,
.tm-masonary-column-indicator-1col,
.tm-masonary-column-indicator-2col,
.tm-masonary-column-indicator-3col,
.tm-masonary-column-indicator-4col,
.tm-masonary-column-indicator-5col {
    height: 0;
    visibility: hidden;
    width: 100%;
}

@media (min-width: 960px) and (max-width: 1220px) {
	.tm-mosaic-3col .tile-box .c2a-text, .tm-mosaic-3col .tile-box .tile-text {
		display: none;
	}
}

@media (min-width: 640px) and (max-width: 767px) {
	.tm-mosaic-3col .tile-box .c2a-text, .tm-mosaic-3col .tile-box .tile-text{
		display: none;
	}
}


@media (min-width: 641px) {
    .tm-masonary-column-indicator-1col,
    .tm-masonary-column-indicator-2col {
        width: 100%;
    }
    .tm-masonary-column-indicator,
    .tm-masonary-column-indicator-3col,
    .tm-masonary-column-indicator-4col,
    .tm-masonary-column-indicator-5col {
        width: 50%;
    }
}
@media (min-width: 960px) {
    .tm-masonary-column-indicator-1col,
    .tm-masonary-column-indicator-2col {
        width: 100%;
    }
    .tm-masonary-column-indicator,
    .tm-masonary-column-indicator-3col {
        width: 33.3%;
    }
    .tm-masonary-column-indicator-4col {
        width: 25%;
    }
    .tm-masonary-column-indicator-5col {
        width: 20%;
    }
}
@media (min-width: 1220px) {
    .tm-masonary-column-indicator-1col {
        width: 100%;
    }
    .tm-masonary-column-indicator-2col {
        width: 50%;
    }
    .tm-masonary-column-indicator,
    .tm-masonary-column-indicator-3col {
        width: 33.3%;
    }
    .tm-masonary-column-indicator-4col {
        width: 25%;
    }
    .tm-masonary-column-indicator-5col {
        width: 20%;
    }
}




/*
 * breadcrumb
*/
#breadcrumbs{
    list-style:none;
    margin:10px 0;
    overflow:hidden;
    padding-left: 0;
    font-size: 12px;
    color:var(--Grey-85);
}
#breadcrumbs li{
    list-style:none;
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
    text-transform: uppercase;
    font-weight:normal;
}
#breadcrumbs li a{
    text-transform: uppercase;
    text-decoration: underline;
    color: var(--Grey-100);
}
#breadcrumbs .separator{
}
.breadcrumbInverse #breadcrumbs li a {
    color: var(--White);
}
#breadcrumbs li.item-current,
#breadcrumbs li.separator {
    color: var(--Grey-50);
}

.keyvisualSmall {
    /* background-image: linear-gradient(to right, var(--Grey-05), var(--Grey-10), var(--Grey-05)); */
}
.keyvisualSmall>div {
	position: relative;
	height: 100%;
}



/* kandidaten Slider */

.kandidatenSlider{
    position: relative;
    z-index: 2;
}
.kandidatenSliderName{
    display: none;
    position: absolute;
    top: 280px;
    right: 250px;
    width: 240px;
    min-height: 44px;
    color: var(--White);
    font-weight: bold;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    background: var(--GreenLight-100);
}
.kandidatenSliderTyp{
    display: none;
    position: absolute;
    top: 250px;
    right: 250px;
    width: 240px;
    color: var(--White);
    text-shadow: 2px 2px var(--Grey-100);
    padding: 3px 5px;
    text-align: right;
    font-weight: bold;
    font-size: 22px;
}
.kandidatenSliderText{
    color: var(--Grey-100);
    position: absolute;
    top: 40px;
    right: 0px;
    width: 250px;
    height: 284px;
    padding: 15px;
    background: var(--White);
    overflow: auto;
}
.kandidatenSliderText.linkbutton {
	height: 240px;
	border-radius: 0 10px 0 0;
}
.kandidatenSliderTextButton {
	color: var(--GreenLight-100);
	font-weight: bold;
    position: absolute;
    top: calc(240px + 40px);
    right: 0px;
    width: 250px;
    height: 44px;
    padding: 10px 15px;
    background: var(--White);
    overflow: auto;
    text-align: center;
    border-radius: 0 0 10px 0;
}
.kandidatenSlider #itemHolder .wahlenItem {
	border-radius: 10px;
}
.kandidatenSlider #itemHolder .wahlenItem:last-child {
	border-radius: 10px 0 0 0;
}
.kandidatenSlider .kandidatenSliderName {
	border-radius: 0 0 0 10px;
}
.kandidatenSliderTextListe{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
    color: var(--White);
    text-shadow: 0 0 3px var(--Grey-100);
}
.kandidatenSliderTextName{
    margin-bottom: 10px;

}
.kandidatenSliderTextStatement{
    font-family: var(--roboto-c);
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 10px;
}
.kandidatenSliderTextAmt, .kandidatenSliderTextOrt, .kandidatenSliderTextThema{
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 8px;
}
.kandidatenSliderTextAmt{
    font-weight: bold;
}

.kandidatenSliderFilter{
    background: var(--White);
    color: var(--Grey-100);
    position: absolute;
    top: 380px;
    right: 0;
    width: 490px;
    padding: 0;
    box-shadow: 0 0 6px var(--Grey-100);
    padding: 5px 10px;
    border-radius: 10px;
}
.kandidatenSliderFilterSelect span{
    font-size: 12px;
}
.kandidatenSliderFilterSelect{
    float: left;
    padding: 0 10px 10px 10px;
}
.kandidatenSliderFilterNav{
    padding: 18px 10px 10px 10px;
    float: right;
}
.kandidatenSliderFilterNav a{
    margin-right: 20px;
}
@media (max-width: 767px) {
	.keyvisualContent .wahlenHeader {
        margin-bottom: 150px;
    }
}

@media (max-width: 480px) {
    .kandidatenSlider{
        right: -240px;
    }
    .keyvisualContent .wahlenHeader {
        overflow: hidden;
        margin-bottom: 0px;
    }
    #kantonsMap{
        display: none;
    }
    .kandidatFilterForm select{
        width: 200px;
    }
    /*
    .wahlenItem{
        right: -500px !important;
    }
    #k1, #itemTitle, #itemTitleTyp{
        right: 10px !important;
    }
    */
    .kandidatenSliderText,
    .kandidatenSliderTextButton{
        display: none;
    }
    .kandidatenSlider .kandidatenSliderName {
    	border-radius: 0 0 10px 10px;
    }
    .kandidatenSlider #itemHolder .wahlenItem:last-child {
    	border-radius: 10px 10px 0 0;
    }
    .kandidatenSliderFilter{
        display: none;
    }
}


/*
 * kandidaten popup
 */
#kandidatPopupData{

}
#kandidatPopupData #kpdName.uk-text-large {
	font-weight: bold;
}
#kandidatPopupData img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
	border-radius: 10px 10px 0 0;
}
.kandidatPopupDataLeft #kpdImage {
	width: 200px;
	height: 200px;
}
#kandidatPopupData #kpdTyp {
	border-radius: 0 0 10px 10px;
	padding: 10px;
}
.kandidatPopupDataLeft{
    float: left;
    margin-right: 20px;
}
.kandidatPopupDataRight{
    float: left;
    width: 300px;
}
#kpdStatement{
    max-height: 200px;
    overflow: auto;
}
#kpdTyp{
    border: 1px solid var(--Grey-10);
}
#kpdEmail{
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
}
#kpdWeb{
    font-size: 16px;
    line-height: 18px;
}
.kpdItem{
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 18px;
}
.kpdLabel{
    font-size: 14px;
    margin-bottom: 3px;
    font-weight: bold;
}
#kandidatPopupData a {
	color: var(--GreenLight-100);
	outline: none;
}

#kandidatPopupData a.uk-button {
	color: #fff;
}
#kandidatPopupData a.uk-button:hover {
	color: var(--White) !important;
	border: var(--GreenLight-75) !important;
	background: var(--GreenLight-75) !important;;
}
@media (max-width: 480px) {
    .kandidatPopupDataLeft #kpdImage {
    	width: 100%;
    	height: calc(100vw - 88px);
    }
    
    #kandidatPopupData img{
        width: 100%;
    }
    .kandidatPopupDataLeft{
        float: none;
        margin-right: 0;
        margin-bottom: 20px;
    }
    .kandidatPopupDataRight{
        float: none;
        width: 100%;
    }
}


/*
 * kandidaten filter
 */
.kandidatFilterForm{
    /*box-shadow: 0 0 8px var(--Grey-50);*/
    padding-bottom: 30px;
}
.kandidatFilterForm>div {
	display: inline-block;
	margin-right: 20px;
}



/*
 * kandidaten liste
 */
.listeDiv{
    margin: 0;
}

.listeDiv div {
	border-bottom: 4px solid var(--Grey-10);
	margin-bottom: 10px !important;
	padding: 20px 0;
	text-align: center;
	font-size: 24px;
    text-transform: uppercase;
}
.listeDivLeft{
    float: left;
    font-size: 20px;
}
.listeDivMiddle{
	padding:0px;
	padding-bottom: 10px;
}
.listeDivMiddle img {
	border-radius: 0 !important;
	width: 25px;
	margin-right: 10px;
}
.listeDivRight{
    float: right;
    font-size: 16px;
}
.listeDivBottom{
    display: block;
    margin-bottom: 20px !important;
}
.listeDivBottom span{
    font-size: 18px;
    line-height: 22px;
    width: 50%;
    display: inline-block;
    border: none;
}
.listeDivBottom span.listeDivBottomLeft{
    text-align: left;
    font-style: italic;
    width: 25%;
}
.listeDivBottom span.listeDivBottomMid{
    text-align: center;
    font-size: 30px;
    line-height: 34px;
}
.listeDivBottom span.listeDivBottomRight{
    text-align: right;
    width: 25%;
}
.listeDivBottomRight a{
    font-size: 16px;
}
.kandidatDiv{
    /*max-width: 150px;*/
    cursor: pointer;
}
.kandidatDiv .squareBox img {
	border-radius: 10px 10px 0 0 !important;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
	padding: 0;
}
.kandidatName {
	/*background: var(--GreenLight-100);*/
	background: #fff;
	padding: 15px 15px 0 15px;
	/*color: #FFF;*/
	color: var(--Grey-100);
}
.kandidatArt {
	background: #FFF;
	color: var(--Grey-100);;
	/*border: 1px solid #edece6;*/
	border-top: none;
	padding: 0 15px 15px 15px;
	border-radius: 0 0 10px 10px;
}

.kandidatDivDisabled{
    -webkit-filter: grayscale(90%);
    filter: grayscale(90%);
}
.kandidatDivArt_bisher .kandidatArt,
.kandidatDivArt_bisher .kandidatName {
	background: var(--GreenDark-100);
	color: #fff;
} 

@media (max-width: 480px) {
    .listeDivMiddle{
        font-size: 20px;
    	padding-bottom: 2px;
    }
    .listeDivBottom span{
        width: 100%;
        display: block;
        text-align: left;
    }
}
.listeDiv .listenWappenDiv,
.kandidatdetail .listenWappenDiv {
	border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
}
.listeDiv .listeName,
.kandidatdetail .listeName{
    display: inline-block;
    color: var(--White);
    padding: 0 18px 8px 18px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
    border-bottom: 0;
    margin-bottom: 0;
}
.listeDiv .listeNameBg,
.kandidatdetail .listeNameBg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;

}
.listeDiv .listeNameBg img,
.kandidatdetail .listeNameBg img{
    width: 100%;
    height: 40px;
}
.listeDiv .listeNameText,
.kandidatdetail .listeNameText{
    position: relative;
    z-index:1;
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    line-height: 24px;
    font-size: 20px;
}
.listeDiv .listeNameImg,
.kandidatdetail .listeNameImg{
    height: 40px;
    width: auto;
    vertical-align: bottom;
    border-bottom: 0;
    margin-right: 10px;
}
.listTitle a{
    display: inline-block;
    margin-top: 20px;
}
@media (max-width: 767px) {
    .listTitle a{
        margin: 10px 0;
    }
}
.listItem{
    position: relative;
}
.listItem a{
    text-decoration: none;
}
.listItem a:hover .listItemImg{
    transform: scale(1.05);
    transition: all ease 0.4s;
}
.listItemImg{
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 100%;
}
.listItemTitle{
    padding: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: var(--Grey-100);
}
.listItemArt{
    position: absolute;
    right: -10px;
    bottom: 60px;
    padding: 5px 10px;
    background: var(--GreenLight-100);
    color: var(--White);
    font-weight: bold;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    transform: rotate(-10deg);
}
.listItemArt_gewaehlt{
    background: var(--Yellow-100);
    color: var(--Grey-100);
}

/* kandidaten Detail */
.kandidatenFrage{
    background: var(--GreenDark-100);
    color: var(--White);
    padding: 15px 10px;
    display: inline-block;
    border-radius: 10px;
    margin-left: 25%;
    margin-bottom: 20px;
}
.kandidatenAntwort{
    font-family:serif;
    font-style: italic;
    padding: 15px 10px;
    box-shadow: 0 0 3px #ccc;
    display: inline-block;
    border-radius: 10px;
    margin-right: 25%;
}
@media (max-width: 767px) {
    .kandidatenFrage{
        margin-left: 0;
    }
    .kandidatenAntwort{
        margin-right: 0;
    }
}
.colorFacebook{
	color: var(--GreyBlue-100);
}
.colorTwitter{
	color: var(--Blue-50);
}
.colorInstagram{
	color: var(--Grey-100);
}
.colorYoutube{
	color: red;
}
.colorTiktok{
	color: black;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-image: url('/wp-content/themes/svp/images/tiktok-icon-grey100.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(2px);

}


/*
 * kampagne detail
 */
.kampagneTopNav{
    background: var(--Grey-95);
    padding: 35px 0 25px 0;
    bottom: 0;
    left: O;
    width: 100%;
    z-index: 1;
}
.kampagneTopNav a{
    display: inline-block;
    color: var(--White);
    border: 1px solid var(--White);
    border-radius: 3px;
    text-transform: uppercase;
    padding: 5px 20px;
    margin: 0 10px 10px 0;
}
.kampagneTopNav a:hover, .kampagneTopNavActive{
    color: var(--Grey-95) !important;
    background: var(--White);
    text-decoration: none;
}


.kampagneBox_green{
    background: var(--GreenLight-100);
}
.kampagneBox_gray{
    background: var(--Grey-70);
}

.kampagneContentTile{

}
.kampagneContentTile .campaignBoxParoleTitle{
    font-size: 40px;
}
.kampagneContentTile .campaignBoxParoleText{
    font-size: 120px;
    line-height: 120px;
}
.kampagneContentTile .campaignBoxParoleTextStimmfreigabe{
    font-size: 40px;
    line-height: 70px;
}
.kampagneContentTile .campaignBoxTerminTitle{
    font-size: 36px;
}
.kampagneContentTile .campaignBoxTreminText{
    font-size: 100px;
    line-height: 100px;
}
.kampagneContentTile .campaignBoxSupportTitle{
    font-size: 40px;
}
.kampagneContentTile .campaignBoxSupportSlider a{
    font-size: 32px;
    line-height: 36px;
}
.kampagneContentTile .campaignBoxSloganText{
    font-size: 50px;
    line-height: 50px;
}
.kampagneContentTile .campaignBoxInfoTitle{
    font-size: 40px;
    line-height: 40px;
}
.kampagneContentTile .campaignBoxInfoLead{
    font-size: 22px;
    line-height: 24px;
    padding-bottom: 60px;
}
.kampagneContentTileButton{
    position: absolute;
    bottom: 0px;
    width: 100%;
    padding-bottom: 20px;
}

.kampagneHeaderBackground .kampagneBackgroundHeight {
	height: 450px;
}
.kampagneHeaderBackground .keyvisual::after {
	border-radius: 0;
	bottom: 0;
	height: 0;
	left: 0;
	width: 100%;
}

@media (max-width: 768px) {
	.kampagneHeaderBackground .keyvisual, .kampagneHeaderBackground .kampagneBackgroundHeight {
		height: 260px!important;
	}
}




/*
 * footer
*/
@media (max-width: 767px) {
    .cookieButton{
    }
}


.panel-grid-cell {
    width: 100%;
}


/*Social Media Page (Icon mit Text)*/
.socialMediaRow  div.panel-grid-cell:first-child {
    width:  60px !important;
}
.socialMediaRow div.panel-grid-cell:last-child {
    width:  calc(100% - 60px) !important;
}


/*Games*/
.gameMap {
    background-size: 100% auto !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}
.gameIconOverview {
    text-align:  center;
    margin-top:  -190%;
}
.gameIconOverview img {
    margin-bottom:  15px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.gameIconOverview a {
    display: block;
    text-decoration: none !important;
    border:  none !important;
}
.gameIconOverview a:hover img {
     -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.gameIconOverview .gameTitel {
    color:  var(--White);
    text-transform: uppercase;
    font-family: var(--roboto-c);
    font-weight: 700;
    font-size: 30px;
}
.gameIconOverview a:hover {
    background-color:  transparent !important;
    border:  none !important;
}


.gameDivider1 {
    padding-top:  80px;
}
.gameDivider2 {
    padding-top:  0px;
}
.gameDivider3 {
    padding-top:  50px;
}
@media (max-width: 767px) {
    .gameIconOverview {
        margin-top:  -145%;
    }
}
@media (max-width: 640px) {
   .gameIconOverview .gameTitel {
        display: none;
   }
}
@media (max-width: 480px) {
   .gameIconOverview img {
        width:  50px;
   }
   .gameIconOverview {
        margin-top:  -160%;
    }
    .gameDivider1 {
        padding-top:  30px;
    }
    .gameDivider3 {
        padding-top:  20px;
    }
}
@media (max-width: 330px) {
   .gameIconOverview {
        margin-top:  -170%;
    }

}


/*Woocommerce Shop-Styles*/
/*Uhrenshop auf Produkthauptseite*/
.svpUhrenShop {
    background: var(--Grey-05);
    padding:  30px;
    margin-bottom: 80px;
    margin-top: 40px;
}
.svpUhrenShop a.uk-button {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}
.svpUhrenShop a.uk-button:hover {
    border-color:  var(--Grey-95);
    background-color:  var(--Grey-95);
    color:  var(--White);
}
/*Productlist*/
.woocommerce-products-header {
    margin-top:  35px;
}
.products {
    padding-left:  0;
    clear: both;
}
.products .svpProductBoxOverview img {
    width:  100%;
    height:  auto;
    margin-bottom:  10px;
}
.products .svpProductBoxOverview span.price {
    display: block;
    margin-bottom:  20px;
}
.products a.button.uk-button {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    border-radius: 25px;
    border: 2px solid var(--Grey-95);
    font-family: var(--roboto-c);
    font-weight: 700!important;
    text-transform: uppercase;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: var(--White);
}
.products a.button.uk-button:hover {
    background-color:  var(--Grey-95);
    color:  var(--White);
}



h2.woocommerce-loop-product__title {
    font-size: 24px;
    line-height: 32px;
    margin-bottom:  10px;
}
.products .svpProductBoxOverview a:hover {
    text-decoration:  none;
}
.products .svpProductBoxOverview {
    background-color:  var(--Grey-05);
    padding:  30px;
    text-align: center;
    position: relative;
}
/*Productdetail*/
.woocommerce .single-product .svpProductSingle>div.uk-width-small-1-3 {
	position: relative;
}
.woocommerce span.onsale {
	left: unset !important;
	top: -1.5em !important;
	right: -1.5em;
	background-color: var(--GreenLight-100) !important;
	padding: 5px !important;
}

.woocommerce-breadcrumb {
    margin-top: 45px !important;
    margin-bottom: 45px !important;
}
.woocommerce-breadcrumb {
    text-transform: uppercase;
    font-size: 12px;
    color:  var(--Grey-50);
}
.woocommerce-breadcrumb a {
    color: var(--Grey-100);
    text-transform: uppercase;
    text-decoration: underline;
    font-size: 12px;
}
.svpProductSingle .woocommerce-product-gallery {
    border:  1px solid transparent;
}
.svpProductSingle .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs {
    list-style: none;
    padding-left: 0;
}
.svpProductSingle .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li {
	float: left;
}

.svpProductSingle .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image a {
    /*width:  75px;
    height:  75px;*/
    overflow: hidden;
    display: block;
    float: left;
    margin-right: 5px;
}
.svpProductSingle .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child a {
    width:  100%;
    height:  auto;
    margin-bottom:  15px;
    clear: left;
}
.svpProductSingle .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image img {
    width:  100%;
    height:  100%;
}

.svpProductSingle h3.product_title {
    margin-bottom:  0;
}
.svpProductSingle label {
    display: block;
}
.svpProductSingle select, .woocommerce-ordering select {
    margin-bottom: 20px;
    min-width: 35%;
    display: inline-block;
    border: none;
    border-bottom: 3px solid #90908c;
    border-radius: 0px;
    outline: none;
    font-family: var(--roboto);
    font-size: 18px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--Grey-100) 50%), linear-gradient(135deg, var(--Grey-100) 50%, transparent 50%);
    background-position: calc(100% - 15px) calc(1em + 2px), calc(100% - 10px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    height: 37px;
    background-color: rgba(238,238,238,0.3);
    padding-left: 7px;
    padding-right: 25px;
}
.svpProductSingle select::-ms-expand, .woocommerce-ordering select::-ms-expand {
	display: none;
}
.svpProductSingle .woocommerce-variation-price {
    margin-bottom:  35px;
}
.svpProductSingle .quantity {
    display: inline-block;
    margin-right:  20px;
}
.svpProductSingle .quantity input[type=number] {
    padding:  0px 2px 1px;
}
.woocommerce .svpProductSingle button.button.alt.disabled, .woocommerce .svpProductSingle button.button.alt.disabled:hover, .woocommerce .svpProductSingle button.button.alt {
    border-radius: 25px;
    border: 2px solid var(--Grey-95);
    font-family: var(--roboto-c);
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 18px;
    padding: 0 25px;
    min-height: 40px;
    line-height: 40px;
    background-color: transparent !important;
    color: var(--Grey-95);
    border-color: var(--Grey-95);
    width: auto;
    min-width: 200px;
    float: right;
}
.woocommerce .svpProductSingle button.button:hover {
    background-color:  var(--Grey-95) !important;
    color:  var(--White);
    border: 2px solid var(--Grey-95) !important;
}
.svpProductSingle .product_meta {
    margin-top:  35px;
}
.svpProductSingle .reset_variations {
    margin-left:  20px;
    font-size:  12px;
}
.svpProductSingle .woocommerce-product-gallery {
	position: relative;
}
.svpProductSingle .woocommerce-product-gallery__trigger {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index:  100;
}
.svpProductSingle figure {
	margin-top:  0px;
}
.woocommerce a.button.wc-forward {
	background:  transparent;
	color:  var(--GreenLight-100);
	font-weight: normal;
	padding:  0;
}
.woocommerce a.button.wc-forward:hover {
	background-color:  transparent;
	color:  var(--GreenLight-100);
	text-decoration: underline;
}

/*Warenkorbstyles*/
.woocommerce .product-remove a.remove:hover {
    background-color:  var(--GreenLight-100);
    text-transform:  uppercase;
    padding-left:  1px;
}
.product-thumbnail a {
    border:  none !important;
}
.product-thumbnail a:hover {
    text-decoration: none;
    border:  none !important;
}
.cart-collaterals {
    padding-top:  35px;
}
.cart-collaterals h2 {
    font-size: 24px;
    line-height: 32px;
}
.cart-collaterals {
    margin-bottom:  100px;
}
.cart-collaterals .uk-button:hover {
    background-color:  var(--Grey-95);
}
li.wc_payment_method input[type=radio] {
	width:  auto;
	margin: 5px;
}
.woocommerce-cart-form__contents button[name=update_cart] {
	width: 100%;
}

/*Kundenadresse*/



.woocommerce-info {
    border-top-color: var(--GreenLight-100) !important;
}
.woocommerce-info::before {
    color: var(--GreenLight-100) !important;
}
.woocommerce button.button.alt {
    background-color:  var(--GreenLight-100) !important;
    border: 2px solid var(--GreenLight-100);
    width:  auto;
    border-radius: 25px;
}
.woocommerce button.button.alt:hover {
    background-color: var(--GreenLight-100);
    border: 2px solid var(--GreenLight-100);
    color: var(--White);
}
.woocommerce-order {
    margin-bottom:  100px;
}
.woocommerce-order-details h2 {
    font-size:  24px;
    margin-bottom:  0px;
}
.woocommerce-checkout {
    margin-bottom:  100px;
}

.woocommerce form .form-row .input-checkbox {
	width:  auto;
}
/*Shpnavigation*/
.shopNav {
    position: relative;
}
.shopNavItems {
    position: absolute;
    top: 25px;
    right: 10px;
    font-size:  0.8em;
}
.shopNavItems span::after {
    content: "|";
    padding: 0px 5px;
    color:  var(--Grey-50);
    font-size:  0.8em;
    vertical-align: top;
}
.shopNavItems span:last-child::after{
    content:  none;
}
.shopNavItems a{
    text-transform: uppercase;
    color: var(--Grey-50);
}
.shopNavItems a:hover{
    text-decoration: none;
    color:  var(--GreenLight-100);
}
.shopNavItems a.shopItemActive {
    font-weight:  700;
}
/*.shopNavItems a.shopItemActive:hover {
    color:  var(--Grey-50);
}*/

/*zusätzliche Styles woocommerce Customizing*/
.create_account_infotext {
	margin-left: 25px;
	font-weight:  normal;
}
input.woocommerce-form__input-checkbox[name=rememberme] {
	width: auto;
}
.woocommerce-form-login button.button[name=login] {
	width: 100%;
}
.woocommerce-ResetPassword button.woocommerce-Button.button {
	border-radius: 25px;
    border: 2px solid var(--Grey-95);
    font-family: var(--roboto-c);
    font-weight: 700!important;
    text-transform: uppercase;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:  var(--White);
    margin-bottom: 40px;
}
.woocommerce-ResetPassword button.woocommerce-Button.button:hover {
	background-color:  var(--Grey-95);
	color:  var(--White);
}
.woocommerce-billing-fields__field-wrapper .select2-container--default .select2-selection--single {
	border: none;
    border-bottom: 3px solid #90908c;
    background-color: rgba(238,238,238,0.3);
}
@media (max-width: 1170px) {
   .shopNav h1 {
        font-size: 40px;
        line-height:  48px;
    }

}
@media (max-width: 767px) {
   .shopNav h1 {
       display: none;
    }
    .shopNavItems {
        top:  62px;
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 480px) {
    .shopNavItems {
        top:  50px;
        width: 100%;
        text-align: left;
        right: 0px;
    }
    .shopNavItems span {
        display: block;
        width: 50%;
        float: left;
    }
    .shopNavItems span::after {
        content: none;
    }
    .shopNavItems span::before {
        content:  "» ";
        color:  var(--Grey-50);
    }
}
@media (max-width: 380px) {
    .shopNavItems {
        top:  20px;
    }
    .shopNavItems span {
        width: 100%;
    }
}
/*END Woocommerce Shop*/

/*Formular Mitglied werden - Spenden*/
.gform_wrapper .svpFormular .gf_page_steps {
	/*background-color:  var(--White);
	margin-bottom:  0px;
	padding-bottom:  0px;*/
	border-bottom:  none;

}

.gform_wrapper.svpFormular_wrapper .svpFormular .gf_step_number,
.gform_wrapper.svpFormular_wrapper .svpFormular .gf_step_active .gf_step_number {
	background:  transparent;
	color: var(--white);
	border: 0px solid transparent;
	width: auto;
	height: auto;
	display: inline-block;
}
.gform_wrapper.svpFormular_wrapper .svpFormular .gf_step_label {
	display: inline-block;
}
.gform_wrapper.svpFormular_wrapper .svpFormular .gf_step_completed .gf_step_number:before,
.gform_wrapper.svpFormular_wrapper .svpFormular .gf_step_completed .gf_step_number:after {
	display: none;
}
.gform_wrapper .svpFormular .gf_page_steps .gf_step, .svpFormular .gf_page_steps .gf_step, section.spendenSteps #spendenStep_1, section.spendenSteps #spendenStep_2, section.spendenSteps #spendenStep_3  {
	padding-left:  50px;
	background-color:  var(--Grey-10);
	padding-top: 15px;
	height: 50px;
	margin:  0px;
	opacity: 1;
	border-left: 5px solid rgba(250, 250, 250, 0.5);
	display: inline-block;
}
.svpFormular .gf_step span.gf_step_label {
	width: calc(100% - 40px);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.svpFormular .gf_page_steps .gf_step {
	width: calc(25% - 0px);
}
.svpFormular.Step3Form .gf_page_steps .gf_step {
	width: calc(33% - 0px);
}


.svpFormular .gf_page_steps .gf_step:first-child, section.spendenSteps #spendenStep_1 {
	padding-left: 25px;
	border-left:  0px;
}
.spendenStepsGrid {
	margin-left: 0;
}
section.spendenSteps{
	padding-left:  0;
}
.svpFormular .gf_step_completed, section.spendenSteps .spendenStepDone {
	background-color: var(--GreenLight-50) !important;
	color:  var(--White);
}
.svpFormular .gf_step_active, section.spendenSteps .spendenStepActive {
	background-color:  var(--GreenLight-100) !important;
	color:  var(--White);
	border-left-color: rgba(250, 250, 250, 0.9) !important;
}
section.spendenSteps .spendenStep a {
	color:  var(--Grey-100);
}

section.spendenSteps .spendenStepActive a, section.spendenSteps .spendenStepDone a {
	color:  var(--White);
	display: block;
}
section.spendenSteps .spendenarrow a:hover {
	text-decoration: none;
}

.svpFormular .gf_step, section.spendenSteps .spendenarrow {
	position: relative;
}
.svpFormular .gf_step:after, section.spendenSteps .spendenarrow:after {
	width: 0px;
    height: 0px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 22px solid var(--Grey-10);
    content: "";
    position: absolute;
    top: 0;
    right: -22px;
    z-index:  2;
}

.svpFormular .gf_step.gf_step_active:after, section.spendenSteps .spendenarrow.spendenStepActive:after {
	border-left-color: var(--GreenLight-100);
}
.svpFormular .gf_step_completed:after, section.spendenSteps .spendenStepDone:after {
	border-left-color: var(--GreenLight-50);
}
.svpFormular .gf_step:before, section.spendenSteps .spendenarrow:before {
	width: 0px;
    height: 0px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 22px solid rgba(250, 250, 250, 0.9);
    content: "";
    position: absolute;
    top: 0;
    left: 0px;
    z-index:  1;
}
.svpFormular .gf_step_first:before, section.spendenSteps .spendenarrowfirst:before{
	border-left:  none;
}
.svpFormular .gf_step_last:after,  section.spendenSteps .spendenarrowlast:after{
	border-left:  none;
}

.svpFormular .gform_page_footer input[type=button], .svpFormular .gform_page_footer input[type=submit] {
	background-color: var(--GreenLight-100);
	border: none;
	color:  var(--White);
}

.svpFormular .gform_page_footer input[type=button]:hover, .svpFormular .gform_page_footer input[type=button]:focus, .svpFormular .gform_page_footer input[type=submit]:hover, .svpFormular .gform_page_footer input[type=submit]:focus {
	background-color: var(--GreenLight-100);
	border: none;
	color: var(--White);
}

/* formularfelder mit icons ergänzen */
/*.svpFormular.formIcon .gform_fields>li:not(.showLabel)>label,
.svpFormular.formIcon .gform_fields>li:not(.showLabel)>div>ul>li>label,
.svpFormular.formIcon .gform_fields>li:not(.showLabel)>div>span>label,
.svpFormular.formIcon .gform_fields>li:not(.showLabel)>div>label*/
.svpFormular .gform_fields li label,
.svpFormular .gfield>label,
.svpFormular .gfield .ginput_complex label{
	position: relative;
	line-height: 0 !important;
	font-size: 0px !important;
	color:  transparent;
	margin-bottom: 0px !important;
}
.svpFormular .gfield {
	position: relative;
}
.svpFormular .gfield.iconCaptcha label {
	line-height: 14px !important;
	font-size: 12px !important;
	color:  #272727 !important;
	margin-bottom: 8px !important;

}
.svpFormular.formIcon .labelvisible label, .svpFormular.formIcon .gfield_checkbox label, .svpFormular.formIcon .gfield--type-consent label {
	line-height: initial !important;
	font-size: 12px !important;
	color:  initial !important;
}

.svpFormular.formIcon label:before {
	font-family: "FontAwesome";
	position: absolute;
	top: 24px;
	left: 12px;
	color:  var(--Grey-70);
	border-right: 1px solid var(--Grey-70);
	padding-right: 12px;
	font-size: 16px;
	line-height: 1.3em;
	width: 27px;
	text-align: center;

}
.svpFormular.formIcon .iconCaptcha label:before {
	top: 83px;
}

.gform_legacy_markup_wrapper .svpFormular.formIcon label:before {
	top: 20px;
}
.svpFormular.formIcon .gfield--type-select label:before {
	top: 18px;
}
.gform_legacy_markup_wrapper .svpFormular.formIcon .gfield--type-select label:before {
	top: 12px;
}
.svpFormular.formIcon.NLAnmeldung label:before {
	top: 16px;
}
.svpFormular.formIcon label.gfield_label_before_complex:before {
	visibility: hidden;
}

.svpFormular.labelHidden input::placeholder, .svpFormular.labelHidden textarea::placeholder {
    color:    var(--Grey-70) !important;
    opacity: 1;
}
.svpFormular.labelHidden input:focus::placeholder, .svpFormular.labelHidden textarea:focus::placeholder{
	opacity: 0;
}
.svpFormular.formIcon li {
	line-height: 0px !important;
	list-style: none;
}
.svpFormular.formIcon li.labelLineHeight {
	line-height: initial !important;
}

.svpFormular.formIcon div.ginput_container {
	margin-top:  0px !important;
}
/*Zusatz für Adressblock*/

.svpFormular.formIcon .iconAdressblock .ginput_complex .address_line_1 label:before {
	content: "\f015";
}
.svpFormular.formIcon .iconAdressblock .ginput_complex .address_city label:before {
	content: "\f279";
}
.svpFormular.formIcon .iconAdressblock .ginput_complex .address_zip label:before {
	content: "\f276";
}
.svpFormular.formIcon .iconAdressblock .ginput_complex .address_country label:before {
	content: "\f0ac";
}
.svpFormular.formIcon .iconAdressblock .ginput_complex>span {
	position: relative;
}
.svpFormular.formIcon .iconAdressblock .ginput_complex label {
	position: absolute;
	top: 0;
}
.svpFormular.formIcon .iconAdressblock .ginput_complex label:before {
	top: 10px;
}
@media (min-width: 642px) {
	.svpFormular.formIcon .iconAdressblock .ginput_complex .address_line_1 label:before {
		top:0;
	}
}
/*Zusatz für Adressblock*/

input[type=checkbox] {
	width: auto;
}


.svpFormular.formIcon .iconAnrede label:before, .spendenContentBox .iconAnrede label:before {
	content: "\f086";
}
.svpFormular.formIcon .iconVorname label:before, .spendenContentBox .iconVorname label:before {
	content: "\f007";
}

.svpFormular.formIcon .iconName label:before, .spendenContentBox .iconName label:before {
	content: "\f234";
}
.svpFormular.formIcon .iconAdresse label:before, .spendenContentBox .iconAdresse label:before {
	content: "\f015";
}
.svpFormular.formIcon .iconAdressblock .ginput_full.address_line_1 label:before {
	content: "\f015";
}
.svpFormular.formIcon .iconAdressblock .ginput_full.address_city label:before {
	content: "\f279";
}
.svpFormular.formIcon .iconAdressblock .ginput_full.address_zip label:before {
	content: "\f276";
}
.svpFormular.formIcon .iconAdressblock .ginput_full.address_country label:before {
	content: "\f0ac";
}
.svpFormular.formIcon .iconAdresszusatz label:before, .spendenContentBox .iconAdresszusatz label:before {
	content: "\f196";
}
.svpFormular.formIcon .iconOrt label:before, .spendenContentBox .iconOrt label:before{
	content: "\f279";
}
.svpFormular.formIcon .iconPLZ label:before, .spendenContentBox .iconPLZ label:before {
	content: "\f276";
}
.svpFormular.formIcon .iconKanton label:before, .spendenContentBox .iconKanton label:before {
	content: "\f277";
}
.svpFormular.formIcon .iconMail label:before, .spendenContentBox .iconMail label:before {
	content: "\f0e0";
}
.svpFormular.formIcon .iconGeb label:before, .spendenContentBox .iconGeb label:before {
	content: "\f133";
}
.svpFormular.formIcon .iconTel label:before, .spendenContentBox .iconTel label:before {
	content: "\f095";
}
.svpFormular.formIcon .iconMobile label:before, .spendenContentBox .iconMobile label:before {
	content: "\f10b";
}
.svpFormular.formIcon .iconBemerkungen label:before, .spendenContentBox .iconBemerkungen label:before {
	content: "\f040";
}
.svpFormular.formIcon .iconLand label:before, .spendenContentBox .iconLand label:before {
	content: "\f0ac";
}
.svpFormular.formIcon .iconCaptcha label:before, .spendenContentBox .iconCaptcha label:before {
	content: "\f059";
}


.svpFormular.formIcon .iconEZ label:before, .spendenContentBox .iconEZ label:before {
	content: "\f292";
}
.svpFormular.formIcon .iconBetrag label:before, .spendenContentBox .iconBetrag label:before {
	content: "\f0d6";
}
.svpFormular.formIcon .iconFirma label:before, .spendenContentBox .iconFirma label:before {
	content: "\f1ad";
}
.svpFormular.formIcon .iconBeruf label:before, .spendenContentBox .iconBeruf label:before {
	content: "\f0b1";
}
.svpFormular.formIcon .iconFunktion label:before, .spendenContentBox .iconFunktion label:before {
	content: "\f2c3";
}
.svpFormular.formIcon .iconBetrag label:before, .spendenContentBox .iconBetrag label:before {
	content: "\f0d6";
}
.svpFormular.formIcon .iconPfeil label:before, .spendenContentBox .iconPfeil label:before {
    content: "\f0a9";
}
.svpFormular.formIcon .iconGeld label:before, .spendenContentBox .iconGeld label:before {
    content: "\f0d6";
}
.svpFormular.formIcon .iconUsers label:before, .spendenContentBox .iconUsers label:before {
    content: "\f0c0";
}
.svpFormular.labelHidden .validation_message {
    margin-top: -15px !important;
    padding: 3px 5px !important;
    color: var(--White) !important;
    background-color: var(--DarRed-100) !important;
    line-height: 12px !important;
    display: inline !important;
    width: auto !important;
}
.svpFormular.labelHidden .gfield--type-captcha .validation_message {
	margin-top: -25px !important;
}
.svpFormular.labelHidden label span {
	display: none !important;
}
.svpFormular.labelHidden .gf_page_steps {
	margin-bottom:  40px;
}
.svpFormular.formIcon input[type=text], .svpFormular.formIcon input[type=tel], .svpFormular.formIcon input[type=email], .svpFormular.formIcon select, .svpFormular.formIcon textarea {
	background-color: rgba(238,238,238,1);
	border: 1px solid var(--Grey-30);
	border-radius: 3px;
	padding: 7px 5px 7px 50px !important;
	height: 45px;
	margin-top:  0;
	opacity: 1;
}



.svpFormular.formIcon input[type=text]:focus {
	outline: none !important;
	border-color:  var(--GreenLight-100);
}
.svpFormular.formIcon input[type=button] {
	outline: none !important;
	width: auto;
}

.svpFormular.labelHidden .validation_message {
	margin-top:  -25px;
}

.gform_wrapper .svpFormular .field_sublabel_above .validation_message  {
	margin-top: -17px;
}

/*spendenfelder in Gravityform*/
.spendenForm {
	position: relative;
}
/*spendenbetrag*/
.spendenForm .spendenRadio input {
	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	height: 0;
  	width: 0;
}
.svpFormular.formIcon.spendenform input[type=text], .svpFormular.formIcon.spendenform input[type=email], .svpFormular.formIcon.spendenform select, .svpFormular.formIcon.spendenform textarea {
	margin-bottom: 15px;
}
.svpFormular.formIcon.spendenform li {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
}
.spendenform .spendenbetrag .gfield_radio li {
	height: 70px !important;
	position: relative;
}
.spendenform .spendenbetrag .gfield_radio li input {
	position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.spendenform .spendenbetrag .gfield_radio li label {
	display: block;
    text-align: center;
    font-size: 25px !important;
    line-height: 25px !important;
    height: 60px;
    margin: 0 0 4px 0 !important;
    padding-top: 20px;
    max-width: unset;
    z-index: 3;
    position: relative;
    border: 1px solid var(--Grey-70);
    color: var(--Grey-70) !important;
}
.spendenform .spendenbetrag .gfield_radio li label:before {
    position: absolute;
    top: 5px;
    left: 10px;
    content: "CHF";
    font-size: 14px;
    z-index: 1;
    color: var(--Grey-70);
    border: none;
}

.spendenform .spendenbetrag .gfield_radio li input[type=radio]:checked + label {
    border: 2px solid var(--Grey-100);
    padding-top: 18px;
    color: var(--Grey-100) !important;
}


.svpFormular.spendenform.formIcon .labelvisible ul.gfield_radio label {
	font-size: 20px !important;
    margin-left: 10px;
    line-height: 20px !important;
}
.svpFormular.spendenform.formIcon .labelvisible .gfield_label {
	font-size: 25px !important;
}
.svpFormular.formIcon .iconKKDaten input[type=text], .svpFormular.formIcon .iconKKDaten select {
	padding: 7px 5px 7px 5px !important;
    height: 45px;
    margin-top: 0;
    opacity: 1;
    font-size: 12px;
}
.svpFormular.formIcon .iconKKDaten input[type=text].ginput_card_security_code {
	font-size: 12px !important;
}
.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li {
	float: left;
    width: calc(20% - 10px);
    min-width: 58px;
    height: 60px;
    margin-right: 4px !important;
    margin-left: 4px !important;
    padding: 8px 5px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}
.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio:after {
	content: "";
	clear: both;
	display: block;
}
.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li label:before {
	position: absolute;
	top: 5px;
	left: 10px;
	content: "CHF";
	font-size: 14px;
	z-index: 1;
	color: var(--Grey-70);
	border: none;
}
.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li:last-child label:before {
	display: none;
}
.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li label {
	display: block;
	text-align: center;
	font-size: 25px !important;
	line-height: 25px !important;
	height: 60px;
	margin: 0px;
	padding-top: 20px;
	max-width: unset;
	z-index: 3;
	position: relative;
	border: 1px solid var(--Grey-70);
	color: var(--Grey-70);

}
.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li:last-child label {
	/*opacity: 0;*/
	font-weight: 300;
	font-size: 20px !important;

}
.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li input[type=radio]:checked + label {
	border: 2px solid var(--Grey-100);
	padding-top: 18px;
	color: var(--Grey-100);
}
.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li input[type=radio]:checked + label:before {
	color: var(--Grey-100);
	font-weight: 600;
}

.gform_wrapper .spendenForm .spendenText{
	text-align: right;
}
.gform_wrapper .spendenForm .spendenText label {
	width: calc(40% - 8px);
}
.gform_wrapper .spendenForm .spendenText label:before {
	top: 20px;
}
.gform_wrapper .spendenForm .spendenText input {
	width: calc(40% - 8px) !important;
	height: 60px;
	background-color: var(--White);
}
/*Spendenbezahlart*/
.spendenForm .spendenZahlart input {
	position: absolute;
  	opacity: 0;
  	cursor: pointer;
  	height: 0;
  	width: 0;
}
.gform_wrapper .spendenForm .spendenZahlart ul.gfield_radio li {
	width: 80%;
    height: 60px;
    margin-right: 4px !important;
    margin-left: 4px !important;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}
.gform_wrapper .spendenForm .spendenZahlart ul.gfield_radio li label {
	display: block;
	text-align: left;
	font-size: 25px !important;
	line-height: 25px !important;
	padding-left: 15px;
	height: 60px;
	margin: 0px;
	padding-top: 20px;
	max-width: unset;
	z-index: 3;
	position: relative;
	color: var(--White);
	background-color: var(--Grey-70);

}
.gform_wrapper .spendenForm .spendenZahlart ul.gfield_radio li input[type=radio]:checked + label {
	padding-top: 18px;
	color: var(--White);
	background-color: var(--GreenLight-100);
}
.svpFormular.formIcon li.spendenZahltext {
	line-height: initial !important;
}


@media (max-width: 800px) {
	.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li:last-child input[type=radio] + label {
		padding-top: 4px;
	}
	.gform_wrapper .spendenForm .spendenText label {
		width: calc(50% - 8px);
	}
	.gform_wrapper .spendenForm .spendenText input {
		width: calc(50% - 8px) !important;
	}

}
@media (max-width: 625px) {
	.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li:last-child input[type=radio] + label {
		padding-top: 4px;
	}
	.gform_wrapper .spendenForm .spendenText {
		margin-top: 0;
		margin-left: 4px !important;
		margin-right: 4px !important;
	}
	.gform_wrapper .spendenForm .spendenText label {
		width: calc(100% - 8px);
	}
	.gform_wrapper .spendenForm .spendenRadio label {
		width: 100%;
	}
	.gform_wrapper .spendenForm .spendenText input {
		width: calc(100% - 0px) !important;
	}
	.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li {
		width: calc(50% - 8px);
	}
	.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li:last-child {
		width: calc(100% - 0px);
	}
	.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li:last-child input[type=radio] + label {
		padding-top: 18px;
		width: calc(100% - 8px);
	}
	.gform_wrapper .spendenForm .spendenRadio ul.gfield_radio li label {

	}

}


/*spendenfelder in Gravityform*/





.spendenContentBox1Item input[type=radio] {
	display: none;
}
.spendenContentBox input::placeholder, .spendenContentBox textarea::placeholder {
    color:    var(--Grey-70) !important;
    opacity: 1;
}
.spendenContentBox input:focus::placeholder, .spendenContentBox textarea:focus::placeholder{
	opacity: 0;
}
.spendenContentBox .iconPLZ {
	width: 100px;
	float: left;
	display: inline-block;
}
.spendenContentBox .iconOrt {
	width: calc(100% - 110px);
	float: right;
	display: inline-block;
	margin-left: 2px;
}

.spendenContentBox1Item label.labelBetrag {
	width:  100%;
	height:  180px;
	background-color: var(--Grey-70);
	display: block;
	padding: 25px;
	cursor: pointer;
}
.spendenContentBox .formIcon label {
	position: relative;
	line-height: 0 !important;
	font-size: 0px !important;
	color:  transparent;
}

.spendenContentBox .formIcon label:before {
	font-family: "FontAwesome";
	position: absolute;
	top: 17px;
	left: 12px;
	color:  var(--Grey-70);
	border-right: 1px solid var(--Grey-70);
	padding-right: 12px;
	font-size: 16px;
	line-height: 1.3em;
	width: 27px;
	text-align: center;
	font-weight: normal;
}
.spendenContentBox .formIcon .iconEZ label:before {
	top: 21px;
}
.spendenContentBox .formIcon label.freierBetrag:before {
	top: 113px;
	left: 34px;
	color: var(--White);
	border-right: 1px solid var(--White);
}

.spendenContentBox1Item label.freierBetrag {
	color:  var(--White);
}
.spendenContentBox1Item label.freierBetrag input[type=text]{
	border-bottom-color:  var(--White);
	color:  var(--White);
	margin-top:  50px;
}

.spendenContentBox1Item label.labelBetragActive {
	background-color:  var(--GreenLight-100);
}
.spendenContentBox1Item label span {
	color:  var(--White);
	font-size:  25px;
	display: block;
	line-height: 25px;
	font-family: var(--roboto-c);
	font-weight: bold;
}
.spendenContentBox1Item label span.spendenValue {
	font-size: 100px;
	line-height: 100px;
}
.spendenMessage {
	margin-bottom:  25px;
	margin-top:  -25px;
}
.spendenContentBox2Item input[type=radio] {
	display: none;
}
.spendenContentBox2Item label.labelArt {
	display: block;
	padding: 15px 20px;
	background-color:  var(--Grey-70);
	margin-bottom:  15px;
	color:  var(--White);
	font-family: var(--roboto-c);
	font-weight:  bold;
	font-size:  24px;
	cursor: pointer;
}
.spendenContentBox2Item label.labelArt.labelArtActive {
	background-color:  var(--GreenLight-100);
}
.spendenStep2mid .labelArtPF {
	cursor: pointer;
	display: block;
	text-align: center;
}
.spendenStep2mid .labelArtPF img {
	-webkit-filter: grayscale(40%);
    filter: grayscale(40%);
    opacity: 0.5;

}
.spendenStep2mid .labelArtPF.labelArtPFActive img {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
}
.spendenStep2mid input[type=radio] {
	display: none;
}
.spendenStep2rightTitle, .spendenStep2mid_uwTitle {
	font-family: var(--roboto-c);
	font-weight: bold;
	font-size:  24px;
	margin-bottom:  10px;
}
.spendenStep2mid_uwTitle {
	padding-top:  20px;
	font-size:  20px;
}
.spendenStep2mid_ez {
	font-weight: bold;
	font-size:  12px;
	margin-top:  20px;
}
.spendenContentBox input[type=text], .spendenContentBox textarea {
	background-color: rgba(238,238,238,1);
	border: 1px solid var(--Grey-30);
	border-radius: 3px;
	padding: 7px 5px 7px 50px !important;
	height: 45px;
	margin-top:  0;
	opacity: 1;
}
.spendenContentBox .labelBetrag input {
	background-color: rgba(238,238,238,0.3);
	border: 1px solid var(--Grey-30) !important;
}


.spendenStep2mid_ez select {
	background-color: rgba(238,238,238,1);
	border: 1px solid var(--Grey-30);
	border-radius: 3px;
	padding: 7px 5px 7px 50px !important;
	height: 45px;
	margin-top:  0;
	opacity: 1;
}
.spendenStep2mid_uw span {
	width:  120px;
	display: inline-block;
}
.spendenStep2mid_uwSubTitle {
	font-family: var(--roboto-c);
	font-weight: bold;
	padding-top:  20px;
}

@media (max-width: 1220px) {
	.spendenContentBox1Item label span.spendenValue {
		font-size: 80px;
		line-height: 80px;
	}
	.spendenContentBox1Item label.labelBetrag {
		height:  160px;
		padding: 20px;
	}
	.spendenContentBox .formIcon label.freierBetrag:before {
		top: 89px;
	}
	.spendenContentBox1Item label.freierBetrag input[type=text] {
		margin-top:  30px;
	}
	.svpFormular .gf_step span.gf_step_number {
		font-size: 16px !important;
	}
	.svpFormular .gf_step span.gf_step_label {
		font-size: 14px;
	}
}


@media (max-width: 959px) {
	.spendenContentBox1Item label span.spendenValue {
		font-size: 60px;
		line-height: 60px;
	}
	.spendenContentBox1Item label.labelBetrag {
		height:  140px;
		padding: 15px;
	}
	.spendenContentBox .formIcon label.freierBetrag:before {
		top: 84px;
	}
	.spendenStepsGrid {
		font-size:  16px;
		white-space: nowrap;
	}
	section.spendenSteps #spendenStep_2, section.spendenSteps #spendenStep_3 {
		padding-left:  35px;
	}
	.spendenContentBox2Item label.labelArt {
		font-size:  18px;
	}
	.svpFormular .gf_page_steps .gf_step {
		padding-left:  35px;
		width:  50%;
		margin-bottom:  5px;
		height: 40px;
		padding-top:  10px;
	}
	.svpFormular.Step3Form .gf_page_steps .gf_step {
		width: 100%;
		border-left:  0px;
		padding-left: 25px;
	}
	.svpFormular.Step3Form .gf_page_steps .gf_step:after, .svpFormular.Step3Form .gf_page_steps .gf_step:before {
		border-left:  0px;
	}
	.svpFormular .gf_step:after, .svpFormular .gf_step:before  {
		border-top:  20px solid transparent;
		border-bottom:  20px solid transparent;
	}
	.svpFormular .gf_step:nth-child(3) {
		border-left:  0 !important;
		padding-left: 25px;
	}
	.svpFormular .gf_step:nth-child(2):after {
		border-left:  0px;
	}
	.svpFormular .gf_step:nth-child(3):before {
		border-left:  0px;
	}
	.spendenContentBox .iconPLZ {
		display: block;
		width: 100%;
	}
	.spendenContentBox .iconOrt {
		display: block;
		width: 100%;
	}
}

@media (max-width: 768px) {
	section.spendenSteps .spendenarrow:before {
		border-left:  none;
	}
	section.spendenSteps .spendenarrow:after {
		border-left:  none;
	}
	section.spendenSteps #spendenStep_1, section.spendenSteps #spendenStep_2, section.spendenSteps #spendenStep_3 {
		border-left:  0px;
		padding-left: 25px;
	}
	.spendenContentBox1Item label.labelBetrag {
		height:  100px;
		padding: 15px;
	}
	.spendenContentBox .formIcon label.freierBetrag:before {
		top: 49px;
	}
	.spendenContentBox1Item label span {
		font-size:  20px;
		line-height: 20px;
	}
	.spendenContentBox1Item label span.spendenValue {
		font-size: 45px;
		line-height: 45px;
	}
	.spendenContentBox1Item label.freierBetrag input[type=text] {
		margin-top: 0px;
	}
	.spendenContentBox2Item {
		width: calc(33% - 6px);
		margin-right:  9px;
		float: left;
		min-width:  150px;
	}
	.spendenContentBox2Item:last-child {
		margin-right:  0px;
	}

	.spendenContentBox2Item label.labelArt {
		width:  100%;
		padding:  10px;
		text-align: center;
		height: 80px;
	}
}
@media (max-width: 640px) {

	.svpFormular .gf_page_steps .gf_step {
		width:  100%;
		margin-bottom:  0;
		border-left:  0;
		padding-left: 25px;
	}
	.svpFormular .gf_step:after, .svpFormular .gf_step:before {
		border-left:  0px;
	}
}


@media (max-width: 480px) {
	.spendenContentBoxInner {
		font-size:  14px;
		line-height: 16px;
	}
	section.spendenSteps #spendenStep_1, section.spendenSteps #spendenStep_2, section.spendenSteps #spendenStep_3 {
 		height:  auto;
 		padding-bottom:  15px;
 	}
 	.spendenContentBox2Item {
		width: 100%;
		margin-right:  0px;
	}
	.spendenContentBox2Item label.labelArt {
		height: auto;
	}
	.spendenStep2rightTitle, .spendenStep2mid_uwTitle {
		font-size:  20px;
		line-height: 20px;
		margin-bottom:  10px;
	}
	.spendenStep2mid_uwTitle {
		padding-top:  18px;
		font-size:  18px;
		line-height: 18px;
	}


	.spendenContentBox .iconBetrag input[type=text] {
		padding-left: 5px !important;
	}
	.spendenContentBox .formIcon label.freierBetrag:before {
		display:none;
	}


}

/*errormessages bei formular Gravity Form*/
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
	position: relative;
	background-color:  transparent !important;
	margin-bottom:  0px !important;
	border-top:  none !important;
	border-bottom:  none!important;
	padding-bottom:  0!important;
	padding-top:  0!important;
}

.gform_wrapper .gfield_error .gfield_label {
	color: initial;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea,
.gform_wrapper li.gfield_error select {
	border:  0px !important;
	border-bottom: 3px solid var(--DarRed-100) !important;
}
.gform_wrapper .validation_message {
	position: absolute;
	top:  10px;
	text-align:  left;
	font-size:  12px !important;
	font-style: italic;
	color:  initial !important;
}
.gform_wrapper .spendenForm li.gfield_error.spendenText input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	border: 1px solid #777 !important;
	border-bottom: 3px solid var(--DarRed-100) !important;
}
.gform_wrapper .spendenForm li.gfield_error.spendenText .validation_message {
	text-align: right;
}


/*
 * paging styles
 */
.pagingItem,
.textwidget a.pagingItem {
     background: var(--White);
     border: 1px solid var(--Grey-95);
     color: var(--Grey-95);
    display: inline-block;
    text-align: center;
    width: 25px;
}
.pagingItemActive, .pagingItem:hover,
.textwidget a.pagingItemActive,
.textwidget a.pagingItem:hover {
     background: var(--Grey-95);
     border: 1px solid var(--Grey-95);
     color: var(--White);
    display: inline-block;
    text-align: center;
    width: 25px;
}



/*Reasonbox*/
.reasonBox {
	background: var(--GreenLight-100);
	color: var(--White);
}
.reasonBox h2 {
	color:  var(--White);
}
.reasonBox ul li {
	list-style-type: none;
	font-size:  24px;
	line-height:  30px;
}
.reasonBox ul {
	padding-left: 0;
}
.reasonBox ul li:before {
	font-family: 'FontAwesome';
	content: "\f00c";
	padding-right:  10px;
}
.reasonBox .so-widget-ink-buttons .iw-so-button-base .iw-so-button {
	border:  2px solid var(--White);
	color:  var(--White);
}
.reasonBox .so-widget-ink-buttons .iw-so-button-base .iw-so-button.iw-so-button-hover:hover {
	background-color:  var(--White);
	color:  var(--GreenLight-100);
}


/* svpGallery */
.svpGalleryCustomMargin{
    margin-top: 10px;
}
@media (max-width: 767px) and (min-width: 480px) {
    .svpGalleryCustomMargin{
        margin-top: 0;
    }
}

/*Gallery from Default Editor-Function*/
.gallery dl.gallery-item img {
	border: none !important;
	padding: 10px 5px;
}


.printOnly{
    display: none;
}


/* Print Styles */
@media print {
    @page {
        size: auto;   /* auto is the initial value */
        /* this affects the margin in the printer settings */
        margin: 15mm 20mm 20mm 20mm;
    }
    .cd-main-content {
        width:  auto;
        float: none !important;
    }
   .svpNoPrint, .breadcrumbs, .mobilePrimaryTopNav, #cookiewarning, .printlink, #langSwitch, .articleLeftData, .cd-nav, .topbar, nav, .cd-header-buttons, .mainNavRight, .leftIcons, .cd-header-buttons, .bigFooter, #footerBottom {
        display: none;
    }
    .printOnly{
        display: block;
    }
    .topbar .uk-width-medium-1-2{
        display: none;
    }
    .cd-main-content > div.uk-container {
        padding-top: 0px !important;
    }
    header.uk-active {
        position: absolute !important;
    }
    .cd-main-content {
        min-height: auto;
        height:  100%;
    }
    .postarchivliste {
        height:  100%;
    }
    .uk-push-1-4 {
        left:  0%;
    }
    .uk-width-medium-3-4 {
        width:  100%;
    }
    .uk-container {
        max-width: auto;
        height: 100%;
    }
    /* fix ui kit print problem with firefox !!! */
    .uk-grid{
        display: inline !important;
    }


    #badge, #kandidatPrev, #kandidatNext, .uk-slideset-nav, .personDetailInfos2 {
        display: none !important;
    }
    .svpGalleryDiv{
        display: none !important;
    }
    .svpGalleryDivPrint img{
        max-width: 175px !important;
        margin: 0 5px 10px 0;
    }
    .personDetailStatement{
        margin: 0;
    }
    .personDetailInfos1, .kandidatenFrageDiv, .kandidatenAntwortDiv{
        width: 100%;
    }
    .kandidatenFrageAntwortTitel{
        text-align: left !important;
    }
    .kandidatenFrage{
        margin-left: 0 !important;
        margin-bottom: 0 !important;
    }

    .personDetailSchwerpunkteTitel{
        text-align: left !important;
    }
    .personDetailSchwerpunkteSlider li{
        width: 100%;
        display: block !important;
    }
    .themenStatementPersonText{
        margin-bottom: 50px !important;
    }


}


/*ergänzende Responsive Styles*/

@media (max-width: 1220px) {
	.testimonialText {
		font-size: 24px;
		line-height: 26px
	}
	.keyvisualSmall.personengallery {
		height: 380px;
	}
	.nextPost div.uk-width-medium-1-1 {
		margin-left: 25px;
		width: calc(100% - 25px);
	}
}
@media (max-width: 960px) {
	.testimonialText {
		font-size: 24px;
		line-height: 24px;
		height: 100px;
	}
	.personSliderItemFunction {
		font-size: 16px;
	}
	.keyvisualContent .c2a-title {
		font-size: 45px;
		line-height: 45px;
	}
	.keyvisualSmall.personengallery {
		height: 38vw;
	}
}
@media (max-width: 768px) {
	.personFilter .agendaFilter .terminFilterItem {
		width: auto;
	}
	/*header subpage with image*/
	.keyvisualContent .subPageHeader {
		height: 260px !important;
	}
    .keyvisualContent .wahlenHeader{
        height: 450px !important;
    }
	.keyvisualTitle {
		font-size: 50px;
	}
	.subPageHeader .keyvisualTitle {
		padding-top:  160px;
	}
	.personSliderItemStatement {
		font-size: 24px;
		line-height:  30px;
	}
	.keyvisualContent .c2a-title {
		font-size: 35px;
		line-height: 35px;
	}
	.keyvisualContent .c2a-text {
		min-height: initial;
		margin-bottom: 10px;
	}
	.keyvisualSmall.personengallery {
		height: 70vw;
	}
	.nextPost div.uk-width-medium-1-3 img {
		border-radius: 10px 10px 0 0;
		object-position: top;
	}
	.nextPost div.uk-width-medium-2-3,
	.nextPost div.uk-width-medium-1-1{
		padding-right: 15px;
		padding-left: 15px;
		margin-left: 25px;
		width: calc(100% - 25px);
	}
	.nextPost div.uk-width-medium-2-3.nexPostImage {
		border-radius: 0 0 10px 10px;
	}

}
@media (max-width: 480px) {
	/*next post*/
	.nextPost div.uk-width-small-1-3 img {
		border-radius: 10px 10px 0 0;
		object-position: top;
	}
	.nextPost div.uk-width-small-2-3.nexPostImage {
		border-radius: 0 0 10px 10px;
	}
	.nextPost div.uk-width-small-2-3,
	.nextPost div.uk-width-small-1-1 {
		padding-right: 15px;
		padding-left: 15px;
		margin-left: 25px;
		width: calc(100% - 25px);
	}

	/*Header Home*/
	.uk-article-title {
		font-size:  30px;
		line-height:  38px;
	}
	.keyvisualContent .c2a-title {
		font-size: 25px;
		line-height: 25px;
	}
	.keyvisualContent .c2aContent {
		margin-top:  80px;
	}
	.c2aContent .c2a-article {
		padding:  20px 20px 0 20px;
	}
	.keyvisualContent .c2a-link {
		padding: 0 20px 20px;
	}
	.keyvisualContent .c2a-link a {
		padding: 10px 15px;
		font-size: 16px;
	}
	/*kacheln*/
	.uk-panel .uk-article-title {
		font-size: 30px;
    	line-height: 38px;
	}
	.tile-article, .tile-box .c2a-article {
		padding:  15px;
		/* min-height: 150px; */
	}
	/*header small*/
	.keyvisualSmall {
		height:  120px;
	}
	.keyvisualSmallTitle {
		padding-top:  32px;
	}
	/*header subpage with image*/
	.keyvisualContent .subPageHeader {
		height: 210px !important;
	}
    .keyvisualContent .wahlenHeader{
        height: 370px !important;
    }

	/*Ãœberschriften*/
	h1, .uk-h1 {
		font-size: 30px;
		line-height:  36px;
	}
	h2, .uk-h2 {
		font-size:  28px;
		line-height: 32px;
	}
	h3, .uk-h3 {
		font-size:  20px;
		line-height: 26px;
	}
	.uk-text-large, .uk-text-large > p {
		font-size: 20px;
		line-height:  24px;
	}
	*+h1, *+h2, *+h3, *+h4, *+h5, *+h6 {
		margin-top:  50px;
	}
	.keyvisualTitle {
		font-size: 40px;
		padding-top: 320px;
	}
	.subPageHeader .keyvisualTitle {
		padding-top:  130px;
	}
	.sectionTitle.uk-h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.sectionTitle span {
		padding-bottom: 11px;
	}
	/*subpageOverview List */
	.subpageslistItemTextTitle {
		font-size:  20px;
		line-height:  24px;
	}
	.subpageslistItemIcon {
		font-size: 20px;
		width: 43px;
		height: 43px;
	}
	.subpageslistItemTextTitleOnly {
		margin-top: 2px;
	}
	.subpageslistItem {
		margin-bottom:  20px;
		min-height: 50px;
	}
	/*diverse Content*/
	html {
		font-size: 15px;
	}
	.uk-margin-small-bottom {
		margin-bottom:  10px !important;
	}
	.articlePreview .articlePreviewDate + div, .articlePreview .uk-h3 + div:not(.articlePreviewDate), .articlePreview .articlePreviewTextVideo {
		font-size: 14px;
		line-height: 18px;
	}
	.uk-margin-large-bottom {
		margin-bottom: 35px !important;
	}
	.postdetailliste {
		font-size: 14px;
		line-height: 18px;
	}
	#breadcrumbs {
		font-size: 11px;
	}
	.uk-article-title.uk-h1 {
		font-size: 26px;
		line-height: 32px;
	}
	.uk-article-meta {
		font-size: 15px;
	}
	.uk-article .uk-article-meta {
		padding-bottom:  0;
	}
	p, ul, ol, dl, blockquote, pre, address, fieldset, figure {
		margin: 0 0 15px 0;
	}
	.articleLeftData {
		margin-top:  20px;
	}
	.nextPost .uk-h2 {
		font-size:  24px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	.uk-article .uk-text-large, .uk-article .uk-text-large strong {
		font-size: 20px;
		line-height: 24px;
	}
	.gallery .gallery-item {
		width:  33% !important;
	}
	.gallery br {
		display: none;
	}
	.iw-so-article .iw-so-article-content {
		padding: 10px 0 !important;
	}
	.uk-accordion-content {
		font-size: 15px;
	}
	.uk-accordion-title {
		padding: 20px 25px;
	}
	.svpAccordion-wrapper .svpAccordionDownloadlist, .extrablattListe .svpDownloadlist {
		padding: 8px 0 !important;
	}
	.svpAccordionDownloadlist .svpAccordionDownloadlistItems div {
		display: block !important;
		width:  100% !important;
	}
	.personFilter .agendaFilter {
		text-align: left;
		margin-right: 10px
	}
	.personFilter .agendaFilter .terminFilterItem {
		width: auto;
	}
	.personFilter .agendaFilter .personFilterTypActive, .personFilter .agendaFilter .personFilterTypActive:hover, .personFilter .agendaFilter .personFilterTyp {
		font-size: 14px;
		padding: 3px 8px;
	}

	/*personen*/
	.personDiv .uk-panel-box {
		min-height: auto !important;
		padding-bottom: 15px !important;
	}
	.personDiv .uk-panel-box .tile-bgimage {
		background-position: center center;
	}
	.themenStatementPersonText {
		font-size: 24px;
		line-height: 28px;
	}
	.personSliderItemStatement {
		font-size: 20px;
		line-height:  25px;
	}
	/*menschen wie du und ich*/
	.testimonialBox {
		height: 300px !important;
		background-position: center center;
	}
	.testimonialBox .testimonialOverlay {
		height: 300px !important;
	}
	.testimonialBox .testimonialBgImage {
		background-position: center center;
	}
	.testimonialBox .testimonialText {
		height: 180px;
	}
	.svpDownloadList .sow-features-feature .textwidget h5 {
		font-size: 15px !important;
	}
	.campaignSlogan {
		font-size:  23px;
		line-height: 27px;
	}
	.campaignSlogan .uk-button {
		margin-top: 20px;
	}
	.uk-active .campaignTitle {
		margin-bottom:  0;
	}
	.keyvisualSmall.personengallery {
		height: 58vw;
	}
	.keyvisualSmall.personengallery .svpGalleryPersonenRow1 .svpGalleryPersonenCol1 .svpGalleryPersonenCell2  {
		display: none;
	}
	.keyvisualSmall.personengallery .svpGalleryPersonenRow1 .svpGalleryPersonenCol2  {
		display: none;
	}
	.keyvisualSmall.personengallery .svpGalleryPersonenRow2 .svpGalleryPersonenCol1 .svpGalleryPersonenCell2  {
		display: none;
	}
	.keyvisualSmall.personengallery .svpGalleryPersonenRow2 .svpGalleryPersonenCol2  {
		display: none;
	}
}

/* ortspartei header */
@media (max-width: 767px) {
    .keyvisualV2Content h1 {
        font-size: 40px;
        line-height: 46px;
    }
    .keyvisualV2Content p {
        font-size: 24px;
        line-height: 28px;
    }
    .keyvisualContent .keyvisualV2Box{
        height: 350px !important;
    }
    .keyvisualV2{
        height: 300px;
    }
    .keyvisualV2 img{
        height: 260px;
    }
    .keyvisualV2Flag{
        right: 15px;
        bottom: 25px;
    }
    .keyvisualV2Flag img{
        width: 100px;
    }
}
@media (max-width: 480px) {
    .keyvisualV2Content {
        position: absolute;
        bottom: 30px;
        left: 30px;
        width: calc(100% - 60px);
    }
    .keyvisualV2Content h1 {
        font-size: 40px;
        line-height: 44px;
    }
    .keyvisualV2Content p {
        font-size: 18px;
        line-height: 22px;
    }
    .keyvisualV2Flag{
        right: 15px;
    }
    .keyvisualV2Flag img{
        width: 60px;
    }
}


/*kampagnen Movile Nav*/

.kampagneTopNavMobile select {
    border-radius: 3px;
    border: 1px solid var(--White);
    text-transform: uppercase;
    padding: 5px 35px 5px 20px;
    font-size: 18px;
    line-height: 24px;
    color: var(--Grey-95);
    cursor: pointer;
    font-family: var(--roboto);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    background-image: linear-gradient(45deg, transparent 50%, var(--Grey-100) 50%), linear-gradient(135deg, var(--Grey-100) 50%, transparent 50%);
    background-position: calc(100% - 15px) calc(1em + 0px), calc(100% - 10px) calc(1em + 0px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    background-color:  var(--White);
}
.kampagneTopNavMobile select::-ms-expand {
    display: none;
}

.kampagneTopNavMobile select:focus {
	outline: var(--BlueGreen-75);
}

/*404 styles*/
.svp404 {
	background: -moz-linear-gradient(top, rgba(77,174,227,0.2) 0%, rgba(178,220,243,0) 45%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(77,174,227,0.2) 0%,rgba(178,220,243,0) 45%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(77,174,227,0.2) 0%,rgba(178,220,243,0) 45%,rgba(255,255,255,1) 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--BlueGreen-75)', endColorstr='#d4ffffff',GradientType=0 ); /* IE6-9 */

}
.svp404Keyvisual:after {
	background-color:  transparent;
}
.svp404MoreLinks {
	position: absolute;
	bottom: 15px;
	width: 100%;
	margin-left: 0px;
}
.svp404MoreLinks .uk-width-1-5 {
	margin-bottom: 0;
	text-align: center;
}
.svp404MoreLinks .uk-width-small-1-1 {
	margin-top: 15px;
}
@media (max-width: 768px) {
	.svp404MoreLinks {
		display: none;
	}
}



/* SVP CH Wahlen styles */
.badge_wahlen{
    position: absolute;
    top: 200px;
    right: 50px;
    width: 350px;
    height: 94px;
    transform: rotate(-10deg);
    z-index: 9;
    box-shadow: 0 0 5px #ccc;
    transition: all 0.35s ease-in-out;
}
.badge_wahlen:hover{
    transform: scale(1.1) rotate(-10deg);
    box-shadow: 0 0 15px var(--Grey-15);
}
.badge_wahlen_fix{
    position: fixed;
    top: 130px;
}
@media (max-width: 1169px) {
}
@media (max-width: 768px) {
    .badge_wahlen{
        top: 100px;
        right: 60px;
        width: 175px;
        height: 47px;
    }
    .badge_wahlen_fix{
        top: 30px;
        z-index: 999;
    }
}
@media (max-width: 640px) {
    .badge_wahlen{
        top: 120px;
        right: 60px;
        width: 175px;
        height: 47px;
    }
    .badge_wahlen_fix{
        top: 30px;
        z-index: 999;
    }
}
@media (max-width: 480px) {
}


/* Kandidaten Liste */
.listeDiv{
    margin: 0;
}
.listeName{
    display: inline-block;
    color: var(--White);
    padding: 0 18px 8px 18px;
    text-transform: uppercase;
    font-weight: bold;
    position: relative;
}
.listeNameBg{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}
.listeNameBg img{
    width: 100%;
    height: 40px;
}
.listeNameText{
    position: relative;
    z-index:1;
}
.listeNameImg{
    height: 40px;
    width: auto;
    vertical-align: bottom;
}
.listTitle a{
    display: inline-block;
    margin-top: 20px;
}
@media (max-width: 767px) {
    .listTitle a{
        margin: 10px 0;
    }
}
.listItem{
    position: relative;
}
.listItem a{
    text-decoration: none;
}
.listItem a:hover .listItemImg{
    transform: scale(1.05);
}
.listItemImg{
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    width: 100%;
    object-fit: cover;
    object-position: top;
    height: 100%;
}
.listItemTitle{
    padding: 5px;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: var(--Grey-100);
}
.listItemArt{
    position: absolute;
    right: -10px;
    bottom: 60px;
    padding: 5px 10px;
    background: var(--GreenLight-100);
    color: var(--White);
    font-weight: bold;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    transform: rotate(-10deg);
}
.listItemArt_gewaehlt{
    background: var(--Yellow-100);
    color: var(--Grey-100);
}

/* kandidaten Detail */
.kandidatenFrage{
    background: var(--GreenDark-100);
    color: var(--White);
    padding: 15px 10px;
    display: inline-block;
    border-radius: 10px;
    margin-left: 25%;
    margin-bottom: 20px;
}
.kandidatenAntwort{
    font-family:serif;
    font-style: italic;
    padding: 15px 10px;
    box-shadow: 0 0 3px #ccc;
    display: inline-block;
    border-radius: 10px;
    margin-right: 25%;
}
@media (max-width: 767px) {
    .kandidatenFrage{
        margin-left: 0;
    }
    .kandidatenAntwort{
        margin-right: 0;
    }
}


/*
 * testimonials (version wahlen)
 */
 .cd-main-content.testimonialHeaderWrap {
     /*background-color: var(--Grey-15);*/
     position: relative;
 }
 .testimonialHeaderWrap .testimonialFilterArrow {
     border-bottom: 2px solid var(--White);
     position: relative;
     clear:  both;
     height:  0px;
     width: calc(100% - 25px);
     margin-left:  25px;
 }

 .testimonialHeaderWrap .testimonialFilterArrow::after, .testimonialHeaderWrap .testimonialFilterArrow::before {
     content: "";
     border-right: solid 15px transparent;
     border-left: solid 15px transparent;
     width: 0;
     height: 0;
     position: absolute;
     bottom: -16px;
     left: 12%;
 }



 @media (min-width: 1220px) {
     .testimonialHeaderWrap .testimonialFilterArrow {
         margin-left:  35px;
         width: calc(100% - 35px);
     }
 }
 .testimonialHeaderWrap .testimonialFilterArrow::after {
     margin-top: -2px;
     border-top: solid 15px var(--White);
 }
 .testimonialHeaderWrap .testimonialFilterArrow::before {
     border-top: solid 15px var(--Grey-15);
     z-index: 1;
      bottom:  -13px;
 }


 .testimonialHeader{
     min-height: 300px;
     padding: 50px 0;
     position: relative;
     top: 0;
     background-size: cover;
     background-color: var(--Grey-10);
 }
 .testimonialHeader::before {
     position: absolute;
     top: 0;
     left: 0;
     content: "";
     display: block;
     height: 100%;
     width: 100%;
     background-color:  rgba(0,0,0,0.5);
     z-index:  10;
 }
 .testimonialHeaderWrap .testimonialHeader .uk-text-left-small {
     position: relative;
     height: 100%;
 }
 .testimonialHeaderWrap .testimonialHeader .uk-text-left-small a.redButtonOutline, .testimonialHeaderWrap .testimonialHeader .uk-text-left-small a.redButton {
     position: absolute;
     bottom:  0;
     right:  0;
     text-align: center;
 }
 .testimonialHeaderWrap .testimonialHeader img {
     box-shadow: 0px 0px 21px 6px rgba(0,0,0,0.5);
 }

 @media (max-width: 768px) {
     .testimonialHeaderWrap .testimonialHeader .uk-text-left-small a.redButtonOutline, .testimonialHeaderWrap .testimonialHeader .uk-text-left-small a.redButton{
         position: relative;
         width: 100%;
         display: block;

     }
 }

 .testimonialHeader .uk-container {
     position: relative;
     z-index: 100;
 }

.testimonialWideDiv{
   width: 100vw;
   position: relative;
   margin-left: -50vw;
   left: 50%;
   padding-top: 50px;
   border-top:  1px solid #c8c8c8;
}
.testimonialWideDiv:before {
    content:'';
    width:100%;
    position: absolute;
    left:0;
    top:0px;
    height: 10px;
    background: rgb(202,202,202); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(202,202,202,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(202,202,202,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(202,202,202,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='var(--White)',GradientType=0 ); /* IE6-9 */
}
.testimonialWideDiv a{
    outline: 0 !important;
}

.testimonialWideDiv .testimonialBox{
    background: var(--White);
    padding: 20px 15px;
    border:  1px solid #c8c8c8;
    color: var(--Grey-100);
    cursor: default;
    height: auto !important;
}
.testimonialWideDiv .testimonialBox .testimonialImage img {
    border-radius:  100%;
}
.testimonialWideDiv .testimonialTitel{
    font-weight: 700;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 3px;
    margin-top:  9px;
    text-shadow: none;
}
.testimonialWideDiv .testimonialBeruf,
.testimonialWideDiv .testimonialOrt{
    font-size: 15px;
    line-height: 17px;
    color: var(--Grey-85);
    margin-bottom:  3px;
    font-weight: 300;
    text-shadow: none;
}
.testimonialWideDiv .testimonialDivider {
    border-bottom:  1px solid #c8c8c8;
    width: 42%;
    margin-top: 15px;
    margin-bottom: 10px !important;
}
.testimonialWideDiv .testimonialOrt{
    margin-bottom: 15px !important;
    text-shadow: none;
}
.testimonialWideDiv .testimonialText{
    background: var(--White);
    padding: 10px;
    margin-top: 20px;
    position: relative;
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    text-shadow: none;
    height: auto;
}

.testimonialWideDiv .testimonialBottom{
    font-size: 14px;
    margin-top: 15px;
    font-weight: 700;
}
.testimonialWideDiv .testimonialBottom a{
    font-size: 22px;
    margin-right: 5px;
}
.testimonialWideDiv .testimonialBottom a:first-child{
    margin-left: 10px;
}
.testimonialfilterWappenCH {
    border-radius:  100%;
}
.testimonialFilterItem{
    border: 0px solid var(--White);
    padding: 0px 20px 0px 0px;
    display: inline-block;
    position: relative;
    margin-bottom: 15px;
}
.testimonialFilterItem span {
    position: absolute;
    bottom: -10px;
    left: 38%;
    font-size: 15px;
    font-weight: bold;
    color: var(--Grey-100);
    text-shadow: 0px 0px 3px rgba(255, 255, 255, 1);
}
.testimonialFilterTitle{
    font-weight: bold;
    margin-bottom: 5px;
}
.testimonialFilterItem:hover{
    border: 0px solid var(--White);
}
#testimonialFilterItem- img {
    width: 70px;
}
#testimonialFilterItem- span {
    bottom: -16px;
    left: 5px;
}
.testimonialfilter_kantonswappen {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 100px);
}
.testimonialFilterItem img {
    width: 30px;
    height: auto;
}
.testimonialFilterItem img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: 0.5;
    transition: all 0.2s ease;
}
.testimonialFilterItem:hover img {
     -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}
.testimonialFilterItemActive img {
     -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;

}
@media screen and ( max-width: 1220px ) {
    .testimonialWideDiv .testimonialText {
        font-size: 22px;
    }
}
@media screen and ( max-width: 480px ) {
    .testimonialWideDiv .testimonialText:after,
    .testimonialWideDiv .testimonialText:before {
        left: 48%;
    }
}


/*
 * Carousel Slider
 */
.images-slider-container {
    width: 100%;
    /* height: 100%; */
    margin: 0px auto 0 0;
    /*min-height: 500px;*/
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}
.images-slider-container .images-slider-content {
    position: relative;
    perspective: 100%;
    transform-style: preserve-3d;
    width: 100%;
    margin: 0 auto;
    float: none;
    height: 430px;
}

.slide-content {
    margin: auto;
    width: calc(100% / 2);
    height: auto;
    border-radius: 0px;
    position: absolute;
    left: 0;
    right: 0;
    cursor: pointer;
    /*transition: transform 0.4s ease;*/
    -webkit-transition: all 500ms cubic-bezier(0.480, 0.485, 0.550, 0.540);
    -moz-transition: all 500ms cubic-bezier(0.480, 0.485, 0.550, 0.540);
    -o-transition: all 500ms cubic-bezier(0.480, 0.485, 0.550, 0.540);
    transition: all 500ms cubic-bezier(0.480, 0.485, 0.550, 0.540); /* custom */


    float: left;
    bottom: 0;
    z-index: 1;
    opacity: 1;
    border: 1px solid #969696;
}
.slide-content.hidden {
    z-index: 0;
    transform: translate3d(0, -40px, -300px);
    opacity: 0;
}
.slide-content .opacity-overlay {
    width: 100%;
}
.slide-content.active {
    transform: translate3d(0, -10%, 0px);
    cursor: default !important;
    width: 67%;
    z-index: 10;
}

.slide-content.active .opacity-overlay {
    -webkit-box-shadow: 0px 0px 60px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 60px 5px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 60px 5px rgba(0,0,0,0.5);
}
.slide-content.left {
    transform: translate3d(-50%, -30%, -100px);
    z-index: 1;
}
.slide-content.right {
    transform: translate3d(50%, -30%, -100px);
    z-index: 1;
}
.slide-content .slide-title {
    color: var(--Grey-100);
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    line-height: 22px;
    padding: 10px;
    background-color: var(--White);
}
.slide-content .image-holder {
    width: 100%;
}
.slide-content .image-holder img {
    width: 100%;
}

.slide-content.left .opacity-overlay,
.slide-content.right .opacity-overlay {
}
.images-slider-container .controls {
    width: 100%;
    position: absolute;
    bottom: calc(50% - 15px);
    left: 0;
    height: 57px;

}
.right-arrow {
    position: absolute;
    right: -20px;
    top: 0;
    width: 57px;
    cursor: pointer;
    height: 57px;
}
.left-arrow {
    position: absolute;
    left: -20px;
    top: 0;
    width: 57px;
    cursor: pointer;
    height: 57px;
    cursor: pointer;
}

@media screen and (max-width: 1280px) {
    .images-slider-container .images-slider-content {
        width: 100%;
    }
    .images-slider-container .images-slider-content {
        height: 370px;
    }
    .images-slider-container {
        height: auto;
        min-height: none;
    }
    .images-slider-container .controls {
        bottom: calc(50% - 0px);
    }

}
@media screen and (max-width: 1220px) {
    .images-slider-container .controls {
        bottom: calc(50% - 25px);
    }
}
@media screen and (max-width: 1024px) {
    .slide-content.left {
        transform: translate3d(-45%, -30%, -100px);
    }
    .slide-content.right {
        transform: translate3d(45%, -30%, -100px);
    }
    .right-arrow {
        right: 0px;
    }
    .left-arrow {
        left: 0px;
    }
    .images-slider-container .images-slider-content {
        height: 320px;
    }
    .images-slider-container .controls {
        margin: -22vw 0 40px 0;
        bottom: initial;
    }
}
@media screen and (max-width: 768px) {
    .images-slider-container {
        width: 100%;
        margin: 12vw auto 12vw 0;
        padding: 0 30px;
    }
    .slide-content {
        width: 100%;
    }
    .slide-content.left {
        transform: translate3d(0, -85%, -100px);
        width: 75%;
    }
    .slide-content.right {
        transform: translate3d(0, 45%, -100px);
        width: 75%;
    }
    .slide-content.active {
        transform: translate3d(0, 0, 0);
        width: 100%;
    }
    .images-slider-container .controls {
        margin: -25vw 0 40px 0;
        bottom: initial;
    }
    .images-slider-container .images-slider-content {
        height: 44vw;
    }
}
@media screen and (max-width: 500px) {
    /*.slide-content .image-holder {
        height: 150px;
    }*/
    .slide-content .slide-title {
        padding: 10px;
        width: 100%;
    }
    .slide-content.left {
        transform: translate3d(0, -42%, -100px);
        width: 85%;
    }
    .slide-content.right {
        transform: translate3d(0, 32%, -100px);
        width: 85%;
    }
    .slide-content.active {
        transform: translate3d(0, 0, 70px);
    }
    .images-slider-container .images-slider-content {
        height: 36vw;
    }
    .images-slider-container .controls {
        height: 50px;
    }
    .left-arrow, .right-arrow {
        width: 50px;
        height: 50px;
    }
    .left-arrow img, .right-arrow img {
        width: 50px;
        height: auto;
    }
     .images-slider-container {
        margin: 10vw auto 10vw 0;
    }
}