/*
Theme Name: Theme DIE LINKE
Author: Samuel Rothberger
Author URI: http://www.webdesigner-in-rendsburg.de/
Description:Theme DIE LINKE RD-Eck
*/

.col-xs-offset-right-12 {
	margin-right: 100%;
}
.col-xs-offset-right-11 {
	margin-right: 91.66666667%;
}
.col-xs-offset-right-10 {
	margin-right: 83.33333333%;
}
.col-xs-offset-right-9 {
	margin-right: 75%;
}
.col-xs-offset-right-8 {
	margin-right: 66.66666667%;
}
.col-xs-offset-right-7 {
	margin-right: 58.33333333%;
}
.col-xs-offset-right-6 {
	margin-right: 50%;
}
.col-xs-offset-right-5 {
	margin-right: 41.66666667%;
}
.col-xs-offset-right-4 {
	margin-right: 33.33333333%;
}
.col-xs-offset-right-3 {
	margin-right: 25%;
}
.col-xs-offset-right-2 {
	margin-right: 16.66666667%;
}
.col-xs-offset-right-1 {
	margin-right: 8.33333333%;
}
.col-xs-offset-right-0 {
	margin-right: 0;
}

@media (min-width: 768px) {
.col-sm-offset-right-12 {
	margin-right: 100%;
}
.col-sm-offset-right-11 {
	margin-right: 91.66666667%;
}
.col-sm-offset-right-10 {
	margin-right: 83.33333333%;
}
.col-sm-offset-right-9 {
	margin-right: 75%;
}
.col-sm-offset-right-8 {
	margin-right: 66.66666667%;
}
.col-sm-offset-right-7 {
	margin-right: 58.33333333%;
}
.col-sm-offset-right-6 {
	margin-right: 50%;
}
.col-sm-offset-right-5 {
	margin-right: 41.66666667%;
}
.col-sm-offset-right-4 {
	margin-right: 33.33333333%;
}
.col-sm-offset-right-3 {
	margin-right: 25%;
}
.col-sm-offset-right-2 {
	margin-right: 16.66666667%;
}
.col-sm-offset-right-1 {
	margin-right: 8.33333333%;
}
.col-sm-offset-right-0 {
	margin-right: 0;
}
}

@media (min-width: 992px) {
.col-md-offset-right-12 {
	margin-right: 100%;
}
.col-md-offset-right-11 {
	margin-right: 91.66666667%;
}
.col-md-offset-right-10 {
	margin-right: 83.33333333%;
}
.col-md-offset-right-9 {
	margin-right: 75%;
}
.col-md-offset-right-8 {
	margin-right: 66.66666667%;
}
.col-md-offset-right-7 {
	margin-right: 58.33333333%;
}
.col-md-offset-right-6 {
	margin-right: 50%;
}
.col-md-offset-right-5 {
	margin-right: 41.66666667%;
}
.col-md-offset-right-4 {
	margin-right: 33.33333333%;
}
.col-md-offset-right-3 {
	margin-right: 25%;
}
.col-md-offset-right-2 {
	margin-right: 16.66666667%;
}
.col-md-offset-right-1 {
	margin-right: 8.33333333%;
}
.col-md-offset-right-0 {
	margin-right: 0;
}
}

@media (min-width: 1200px) {
.col-lg-offset-right-12 {
	margin-right: 100%;
}
.col-lg-offset-right-11 {
	margin-right: 91.66666667%;
}
.col-lg-offset-right-10 {
	margin-right: 83.33333333%;
}
.col-lg-offset-right-9 {
	margin-right: 75%;
}
.col-lg-offset-right-8 {
	margin-right: 66.66666667%;
}
.col-lg-offset-right-7 {
	margin-right: 58.33333333%;
}
.col-lg-offset-right-6 {
	margin-right: 50%;
}
.col-lg-offset-right-5 {
	margin-right: 41.66666667%;
}
.col-lg-offset-right-4 {
	margin-right: 33.33333333%;
}
.col-lg-offset-right-3 {
	margin-right: 25%;
}
.col-lg-offset-right-2 {
	margin-right: 16.66666667%;
}
.col-lg-offset-right-1 {
	margin-right: 8.33333333%;
}
.col-lg-offset-right-0 {
	margin-right: 0;
}
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	float: left;
}

@media (min-width: 1200px) {
.container {
  width: 95%;
  max-width: 1500px;
}
}
/* Farben*/


.google-bgcolor {
	background-color: #f63e28;
}
.facebook-bgcolor {
	background-color: #3b5998;
}
.twitter-bgcolor {
	background-color: #00aced;
}
.xing-bgcolor {
	background-color: #135353;
}
.linkedin-bgcolor {
	background-color: #1d87be;
}
.pinterest-bgcolor {
	background-color: #bd081c;
}
.instergram-bgcolor {
	background-color: #2e5e86;
}
.freelancer-bgcolor {
	background-color: #139ff0;
}
.whatsapp-bgcolor {
	background-color: #14980e;
}
.telekom-bgcolor {
	background-color: #e20074;
}
.post-bgcolor {
	background-color: #ffd633;
}
.pdf-bgcolor {
	background-color: #bb0706;
}
.snapchat-bgcolor {
	background-color: #fffc00;
}
.rothberger-bgcolor {
	background-color: #0069b3;
}
/* General */

.clearfix::before, .clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}
.clearfix {
 *zoom: 1; /* Für den IE6 und IE7 */
}
.empty {
	display: none
}
*, body, html {
	font-family: 'Roboto', sans-serif;
	color: #333;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
body, html {
	overflow-x: hidden;
}
h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, h4.modal-title:empty {
	display: none
}
h1, h2, h3 {
	font-family: 'Roboto Slab', serif;
	color: #333;
	color: inherit;
	background: none;
	background-color: inherit !important;
}
h4, h5, h6 {
	font-weight: 900;
	color: #333;
	color: inherit;
	background: none;
	background-color: inherit !important;
}
h1 {
	margin: 40px 0px 24px 0px;
	font-size: 42px
}
h2 {
	margin: 10px 0px 20px 0px;
	font-size: 36px
}
h3 {
	margin: 0px 0px 16px 0px;
	font-size: 30px
}
h4 {
	margin: 0px 0px 12px 0px;
	font-size: 24px
}
h5 {
	margin: 0px 0px 8px 0px;
	font-size: 20px
}
h6 {
	margin: 0px 0px 4px 0px;
	font-size: 20px
}
main h2 {
}
a, a:visited {
	color: #333;
	transition: color 1s ease, background-color 1s ease, border-color 1s ease;
	cursor: pointer;
}
a:active, a:hover, a:focus {
	color: #ff0000;
	transition: color 1s ease, background-color 1s ease, border-color 1s ease;
	text-decoration: none; outline: none !important;
}
a.img-link {
	display: block !important;
	width: 100% !important;
	height: auto !important;
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	outline: none !important
}
a.img-link:hover, a.img-link:focus, a.img-link:active, .glyphicon:hover, .glyphicon:focus, .glyphicon:active {
	border: none !important;
	outline: none !important
}
a.pdf-link {
	border: none !important;
	display: inline-block;
	position: relative;
	margin-left: 20px;
}
a.pdf-link:before {
	content: "";
	font-family: FontAwesome;
	left: -15px;
	position: absolute;
	top: 0;
}

hr, hr.hr-red {border:#DF0404 solid 1px}
hr.hr-grey {border:#777 solid 1px}
hr.hr-black {border:#000 solid 1px}
main a.img-link.picture-link {
	margin: 10px 0px 10px 0px !important;
	padding: 0px !important;
	display: inline-block !important;
	width: 49% !important
}
main a.img-link.picture-link img {
	border: #777 solid 1px !important;
	width: 100% !important;
	margin: 0px;
}
aside a.img-link.picture-link {
	margin: 10px 0px 10px 0px !important;
	padding: 0px !important;
	display: inline-block !important;
	width: 100% !important
}
aside a.img-link.picture-link img {
	border: #777 solid 1px !important;
	width: 100% !important;
	margin: 0px;
}

@media only screen and (max-width: 767px) {
main a.img-link.picture-link {
	margin: 10px 0px 10px 0px !important;
	padding: 0px !important;
	display: inline-block !important;
	width: 100% !important
}
}
main, aside {
	height: auto;
	margin: 0px 0px 20px 0px;
}
main {
	float: left;
}
figure {
	padding: 0px !important;
	overflow: hidden;
	
}
figcaption, .gallery-caption {
	padding: 5px 0px 0px 0px;
	font-size: 12px
}
input, buttom, input:focus, buttom:focus, inuput:hover, bottum:hover, .btn-sm, .btn {
	border-radius: 0px !important;
	outline: none;
}

@media only screen and (max-width: 767px) {
.content {
	width: 100%;
	margin: 0px 0px 0px 0px;
}
}
@media only screen and (max-width: 991px) {
	aside.sidebar-oben, aside.sidebar-unten
	{padding-left: 0px !important;
	padding-right: 0px !important}
	
}
@media only screen and (min-width: 767px)and (max-width: 991px) {
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 30px;
	padding-left: 30px;
}
	

footer address {
	width: 100%;
	float: right;
	text-align: right;
}
}
figure {
	position: relative;
	margin-bottom: 10px;
}
figure, figcaption {
	width: 100%;
	height: auto
}


.img-source {
	position: absolute;
	right: 0px;
	top: 0px;
	display: block;
	padding: 2px 5px;
	font-size: 0.8em;
	color: #fff;
	background-color: hsla(0,0%,0%,0.43)
}
.single-img {
	width: 50%;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px 10px 10px 0px !important;
	float: left;
}
.single-img a {
	width: 100%;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px !important
}
.single-img a img {
	width: 100% !important;
	height: auto;
	display: block;
	padding: 0px;
	margin: 0px !important
}
.mirrored {
	transform: scaleX(-1);
}
.img-sw {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}
p.event {
	text-transform: uppercase;
	font-weight: bolder
}
.date {
	color: #777;
	text-transform: uppercase
}
.author {
	color: #777
}
.author:before {
	content: "Von ";
	color: #333;
	font-weight: bold;
}
p.event, p.author, p.date, p.location {
	padding: 0px 10px 0px 10px !important;
	margin: 0px
}
main li {
	padding: 0px 0px 0px 20px;
	margin: 0px;
	list-style: none;
	position: relative
}
main ul {
	padding: 0px 10px 0px 10px;
	margin: 0px;
	list-style: none;
	position: relative
}
main ul li:before {
	color: #DF0404;
	content: "";
	font-family: FontAwesome;
	left: 0;
	position: absolute;
	top: 0;
}

main ul.sitemap li:before {
	color: #DF0404;
	content: "";
	font-family: FontAwesome;
	left: 0;
	position: absolute;
	top: 0;
}
main ol li {
	list-style: decimal;
	list-style-position: inside;
	padding: 0px
}
main ol li ol {
	padding-left: 40px;
}
main ol li li {
	list-style: lower-latin;
	list-style-position: inside;
}
main ol li li li {
	list-style: square;
	list-style-position: inside;
}
main ul.no-list-style li::before {
	color: #fff;
	content: "";
	display: none;
}
main blockquote {
	position: relative;
	border: none;
	outline: none;
	display: inline-block;
	width: auto;
	background: #bbb;
	margin-left: 40px;
	padding-left: 10px
}
main blockquote:before {
	color: #DF0404;
	font-size: 36px;
	content: "";
	font-family: FontAwesome;
	left: -40px;
	position: absolute;
	top: 5px;
}
main ul.post-categories {
	marigin: 0px;
	padding: 0px;
	list-style: none
}
main ul.post-categories li {
    display: inline-block;
    list-style: none;
    margin: 0px 0.25px 0.25px 0px;
    padding: 0px;
    color: #fff; 
	background:#777;
    padding: 0px 4px;
    font-size: 10px;
}



main ul.post-categories li:hover, main ul.post-categories li:focus, main ul.post-categories li:active  {
   	background:#DF0404;
 
}

main ul.post-categories li a {color: #fff;}


main ul.post-categories li:before, form li:before, nav li:before  {
	content: "" !important;
	color: #000;
}
main ul.post-categories li:first-child:before {
	content: "" !important;
}
a.emaillink, a.emaillink:hover, a.emaillink:focus, a.emaillink:active {
	border: none !important
}
.border {
	border: #777 solid 1px !important;
}
.back-button {
	margin-top: 5px; clear: both;
}

@media only screen and (max-width: 767px) {
.back-button {
	padding: 5px 0px;
    margin: 0px;
}
}	

/*====================================
Form
===================================*/
/* Kontaktfrom*/
p.from-error {
	font-size: small;
	color: #DF0404;
	margin: 0px;
	padding: 0px !important
}
label {
	width: 100%
}
.form-group {
	width: 100%
}
.form-control, input.wpcf7-text, input.wpcf7-date, input.wpcf7-email, input.wpcf7-url, input.wpcf7-number, input.wpcf7-tel, input.wpcf7-quiz {
	box-shadow: none;
	border: #777 solid 0.5px;
	border-radius: 0px;
	display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus,
input.wpcf7-text:focus, input.wpcf7-date:focus, input.wpcf7-email:focus, input.wpcf7-url:focus, input.wpcf7-number:focus, input.wpcf7-tel:focus, input.wpcf7-quiz:focus{
	box-shadow: none;
	border: #DF0404 solid 0.5px;
}
main .btn, main .btn:visited, aside .btn, aside .btn:visited, .wpcf7-submit  {
	background-color: #DF0404;
	color: #fff;
	border: none;
	width: auto;
	padding: 8px 20px;
	clear: both
}
main .btn:hover, main .btn:focus, aside .btn:hover, aside .btn:focus,
.wpcf7-submit:focus, .wpcf7-submit:hover{
	background-color: #777;
	color: #fff;
}
label.btn span {
	font-size: 1.5em;
}
label input[type="radio"] ~ i.fa.fa-circle-o {
	color: #777;
	display: inline;
}
label input[type="radio"] ~ i.fa.fa-dot-circle-o {
	display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-circle-o {
	display: none;
}
label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o {
	color: #777;
	display: inline;
}
label:hover input[type="radio"] ~ i.fa {
	color: #777;
}
label input[type="checkbox"] ~ i.fa.fa-square-o {
	color: #777;
	display: inline;
}
label input[type="checkbox"] ~ i.fa.fa-check-square-o {
	display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
	display: none;
}
label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
	color: #DF0404;
	display: inline;
}
label:hover input[type="checkbox"] ~ i.fa {
	color: #777;
}
div[data-toggle="buttons"] label.active {
	color: #000;
}
div[data-toggle="buttons"] label {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 2em;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	cursor: pointer;
	background-color: none;
	border: 0px solid #c8c8c8;
	border-radius: 3px;
	color: #c8c8c8;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
div[data-toggle="buttons"] label:hover {
	color: #777;
}
div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
label.btn, label.btn:hover, label.btn:focus, label.btn:active {
	background-color: #fff;
	margin-left: 0px !important;
	padding-left: 0px !important
}
label.btn span {
	vertical-align: top;
	font-weight: bold;
	color: #000;
	font-size: 1.3em;
	padding-left: 10px;
}
.nice-select::after {
	border-bottom-color: #DF0404;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-right-color: #DF0404;
	border-right-style: solid;
	border-right-width: 2px;
}
.nice-select {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #fff;
	background-image: none;
	border-bottom-color: #ccc;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: #ccc;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #ccc;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: #ccc;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top-style: solid;
	border-top-width: 1px;
	color: #000;
	display: block;
	font-size: inherit;
	font-weight: bold;
	height: 34px;
	line-height: 1.42857;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 12px;
	padding-top: 4px;
	transition-delay: 0s, 0s;
	transition-duration: 0.15s, 0.15s;
	transition-property: border-color, box-shadow;
	transition-timing-function: ease-in-out, ease-in-out;
	width: 250px;
	margin-bottom: 24px;
}
.nice-select:hover, .nice-select:focus, .nice-select:active {
	border: #777 solid 1px;
}
.nice-select .list {
	background-color: #fff;
	border-radius: 0px;
	border: #777 solid 1px;
	box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
	box-sizing: border-box;
	margin-top: 0px;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	left: 0;
	-webkit-transform-origin: 50% 0;
	-ms-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-transform: scale(0.75) translateY(-21px);
	-ms-transform: scale(0.75) translateY(-21px);
	transform: scale(0.75) translateY(-21px);
	-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
	z-index: 9;
}
.nice-select .list {
	width: 100%;
}
.nice-select .list li:before {
	color: #fff;
	content: "";
	font-family: FontAwesome;
	left: 0;
	position: absolute;
	top: 0;
}

@media only screen and (max-width: 767px) {
.nice-select {
	width: 100%;
}
}
/* ==========================
Scroll Funktion 
==========================*/

.scrollToTop {
	width: 72px;
	height: 72px;
	padding: 0px;
	border-radius: 50%;
	text-align: center;
	background: none;
	font-weight: bold;
	font-size: 36px;
	color: #000;
	text-decoration: none;
	position: fixed;
	bottom: 50px;
	right: 10px;
	display: none;
	z-index: 999999;
}
.scrollToTop:hover {
	color: #DF0404;
	text-decoration: none;
}
.scrollToTop:focus {
	border: none;
	outline: none;
}
.scrollToTop i.fa {
	color: rgba(255, 0, 0, 0.7);
}
.scrollToTop:hover i.fa, .scrollToTop:focus i.fa {
	color: #DF0404;
	text-decoration: none;
}
/* ==========================
Menü
==========================*/


.navbar-collapse {
	max-height: 10000px;
}
.navbar-nav > li > a {
	padding-top: 0;
	padding-bottom: 0;
	border-left: 10px;
}
.mainmenu {
	background-color: transparent;
	border-color: transparent;
	margin-bottom: 0;
	border: 0px !important;
}
.navbar-nav > li:last-child > a {
	padding-right: 0px;
	margin-right: 0px;
}
.mainmenu li {
	position: relative;
}
.dropdown-menu {
	padding: 0px 0;
	margin: 0 0 0;
	border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);
	border-radius: 0px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}



@media only screen and (max-width: 766px) {

.header_area.container {padding: 0px !important; margin: 0px!important;}
}
/*=-====Main Menu=====*/
.header_area {

}



.navbar-collapse  {width: 100vw!important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	border: none;
}
.navbar-nav .open .dropdown-menu > li > a {
	padding: 16px 45px 16px 15px;
}
.header_bottom {
	background: #fff;
}
.header_area .header_bottom .mainmenu a {
	color: #fff;
	font-size: 1.3em;
	text-transform: capitalize;
	padding: 16px 45px 16px 15px;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
	position: relative;
}
.toggle-button {
	display: none;
	cursor: pointer
}
.dropdown-toggle + span.toggle-button {
	width: 30px;
	height: 52px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 1.2em;
	padding: 15px 15px 0px 20px
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	background-color: #DF0404;
	font-size: 1.3em;
	text-transform: capitalize;
	padding: 16px 45px 16px 15px;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
}
.header_area .mainmenu .active a, .header_area .mainmenu .active a:focus, .header_area .mainmenu .active a:hover, .header_area .mainmenu li a:hover, .header_area .mainmenu li a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background: #777777;
	outline: 0;
	box-sizing: border-box;
}
.header_area .mainmenu .active ul li a,  .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: #fff;
	background: #DF0404;
	outline: 0;
	box-sizing: border-box;
}
.navbar-default .navbar-nav> .active.open>a, .navbar-default .navbar-nav>.active.open>a:focus, .navbar-default .navbar-nav> .active.open>a:hover {
	color: #fff;
	background: #777;
	outline: 0;
	box-sizing: border-box;
}
.header_area .mainmenu .active ul li a:hover, .header_area .mainmenu .active ul li a:focus {
	color: #fff;
	background: #777;
	outline: 0;
	box-sizing: border-box;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
	background: #DF0404;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #fff;
	background: #DF0404;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	background: #DF0404;
	color: #fff;
}
/*-----./ Main Menu-----*/

.navbar-default .navbar-toggle {
	border-color: #fff;
} /*Toggle Button*/
.navbar-default .navbar-toggle .icon-bar {
	background-color: #777777;
	color: #fff;
} /*Toggle Button*/
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a {
	background: #777777;
	color: #fff;
}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
	background: #777777;
}
.mainmenu .collapse ul ul ul > li:hover > a {
	background: #777777;
	color: #fff;
}
.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu {
	background: #DF0404;
}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu {
	background: #DF0404
}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu {
	background: #DF0404
}
/******************************Drop-down menu work on hover**********************************/

.mainmenu {
	background: none;
	border: 0 solid;
	margin: 0;
	padding: 0;
	min-height: 20px
}
.container {
}

@media only screen and (min-width: 767px) and (max-width: 1200px) {
.container {
	width: unset;
}
.navbar-default .navbar-nav > li > a {
	border-left: #fff solid 10px;
}
.navbar-default .navbar-nav > li > a {
	color: #fff;
	background-color: #DF0404;
	font-size: 1.3em;
	text-transform: capitalize;
	padding: 14px 25px 18px 15px !important;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
}
.navbar-default .navbar-nav > li > a {
	border-left: #fff solid 5px !important;
}
.navbar-default .navbar-nav > li:last-child {
	border-right: #fff solid 5px !important;
}
}

@media only screen and (min-width: 767px) and (max-width: 900px) {
.container {
	font-size: 10px;
}
}

@media only screen and (min-width: 767px) {
.navbar-default .navbar-nav > li > a {
	border-left: #fff solid 15px;
}
.navbar-default .navbar-nav > li:last-child {
	border-right: #fff solid 15px;
}
.header_bottom {
	background: #DF0404;
}
.mainmenu .collapse ul li {
	position: relative;
}
.mainmenu .collapse ul li:hover> ul {
	display: block
}
.mainmenu .collapse ul ul {
	position: absolute;
	top: 100%;
	left: 15px;
	min-width: 150px;
	display: none
}
/*******/
.mainmenu .collapse ul ul li {
	position: relative
}
.mainmenu .collapse ul ul li:hover> ul {
	display: block
}
.mainmenu .collapse ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 150px;
	display: none
}
/*******/
.mainmenu .collapse ul ul ul li {
	position: relative
}
.mainmenu .collapse ul ul ul li:hover ul {
	display: block
}
.mainmenu .collapse ul ul ul ul {
	position: absolute;
	top: 0;
	left: -100%;
	min-width: 250px;
	display: none;
	z-index: 1
}
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #fff !important;
	background-color: #777777 !important;
	text-transform: capitalize;
	padding: 16px 45px 16px 15px;
	font-family: 'Roboto', sans-serif;
	box-sizing: border-box;
}
.navbar-header {
	width: 50px;
	float: right;
	margin-top: -80px;
	color: #000;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #000;
	color: #fff;
}
.navbar-toggle .icon-bar {
	display: block;
	width: 26px;
	height: 4px;
	border-radius: 1px;
	background-color: #000;
}
.navbar-toggle:hover, .navbar-toggle:focus {
	background: none !important;
}
ul .toggle-button:after {
	color: #fff;
	content: '';
	font-family: FontAwesome;
	position: absolute;
	right: 10px
}
ul ul .toggle-button:after {
	color: #fff;
	content: '';
	font-family: FontAwesome;
	position: absolute;
	right: 10px
}
li.open:hover, li.open:focus, li.open:active, li.open {
	background-color: #fff !important;
	border-color: #fff !important
}
li.open a:hover, li.open a:focus, li.open a:active, li.open a {
	border-color: #fff !important;
}

@media only screen and (max-width: 767px) {
.dropdown-toggle + span.toggle-button {
	background-color: rgba(255,255,255,0.5);
	background-origin: border-box;
}
ul ul .toggle-button:after {
	color: #fff;
	content: '';
	font-family: FontAwesome;
	float: none;
	margin-top: 0px;
}
ul .open > .toggle-button:after {
	color: #fff;
	content: '';
	font-family: FontAwesome;
}
ul ul .open > .toggle-button:after {
	color: #fff;
	content: '';
	font-family: FontAwesome;
}
}

@media only screen and (max-width: 767px) {
.header_area, .header_bottom {
	background: none !important;
}
}
/*Menu Sidbar*/

.widget ul.menu {
	padding: 0px;
	margin: 0px;
	display: block
}
.widget ul.menu li {
	padding: 0px;
	margin: 3px 0px;
	display: block;
	list-style: none
}
.widget ul.menu li a {
	padding: 5px;
	margin: 0px;
	display: block;
	width: 100%;
	height: auto;
	background-color: #DF0404;
	color: #fff;
	font-size: 1.4em;
}

.widget ul.menu li a:hover, .widget ul.menu li a:focus, .widget ul.menu li a:active {
	background-color: #777;
	color: #fff;
}
/*Header*/

header {
	height: auto;
	font-size: 1.3em;
	line-height: 1.2em
}
.logo-wrap {
	width: 200px;
	height: auto;
	float: left;
	margin: 5px 20px 5px 0px;
}
.logo-wrap img {
	width: 100%;
	height: auto
}
/*Social Nav Header */

.social-header {
	float: right;
	margin: 25px 0px 5px 10px;
	height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
.social-header {
	float: right;
	margin: 25px 25px 5px 10px;
	height: auto;
}
}
.social-header ul {
	display: block;
	height: auto;
}
.social-header ul li {
	display: block;
	height: auto;
	margin: 5px;
	list-style: none;
	float: left;
}
.social-header ul li:last-child {
	margin-left: 25px;
}
.social-header ul li a {
	display: block;
	height: auto;
	widht: 20px
}
.social-header ul li a .fa {
	color: #777777;
	font-size: 2em;
}
.social-header ul li:hover a .fa {
	color: #DF0404;
	transition: 1s ease;
}
.social-header form {
	width: 200px
}
.social-header form input {
	box-shadow: none;
	border: #777777 solid 0.5px;
	border-radius: 0px
}
.social-header form input:focus {
	box-shadow: none;
	border: #DF0404 solid 0.5px;
}
.social-header form button {
	box-shadow: none;
	color: #fff;
	background-color: #777777;
}
.social-header form button:hover {
	box-shadow: none;
	color: #fff;
	background-color: #ccc;
}

@media only screen and (max-width: 767px) {
.social-header {
	display: none;
	border: #DF0404 solid 0.5px;
}
}
/*footer*/

footer {
	font-size: 1.3em;
	line-height: 1.2em;
	min-height: 300px;
	heigth: auto;
	background-color: #777777;
	color: #fff;
	width: 100% !important;
	padding-top: 10px;
	margin-top: 20px;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer address {
	color: #fff
}
footer > div > div {
	margin-top: 20px
}
footer nav ul {
	margin: 0px;
	padding: 0px;
}
footer nav li {
	list-style: none;
}
footer nav li a, footer nav li a:hover, footer nav li a:focus, footer nav li a:active, footer nav li a:visited {
	color: #fff;
	text-decoration: none;
}
footer address a:hover, footer nav li a:hover, footer address a:focus, footer nav li a:focus, footer address a:active, footer nav li a:active {
	color: #fff;
	text-decoration: underline;
}
footer address a, footer address a:hover, footer address a:focus, footer address a:active, footer address a:visited {
	color: #fff;
	text-decoration: none;
}
footer address a:hover, footer address a:focus {
	color: #fff;
	text-decoration: underline;
}
footer nav.social-footer li a, footer nav social-footer li a:hover, footer nav social-foooer li a:focus, footer nav social-footer li a:active, footer nav social-footer li a:visited {
	font-size: 1.5em
}
footer nav.social-footer li a {
	font-size: 1em;
	font-style: normal;
	font-weight: 300;
}
footer nav.social-footer li a .fa {
	display: inline-block;
	padding: 6px;
	margin: 2px 4px 2px 0px;
	background-color: #fff;
	color: #777;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 20px;
}
 footer nav.social-footer li a:hover, footer nav.social-footer li a:focus, footer nav.social-footer li a:acitve {
text-decoration:underline;
text-decoration-skip: ink;
}
footer .logo-wrap {
	clear: both;
	float: right;
	display: block;
	width: 200px;
	height: auto;
	margin: 5px 0px;
	padding: 0px
}
footer .logo-wrap img {
	float: none;
	margin: 0px;
	padding: 0px
}
footer address {
	float: right;
	text-align: right;
	width: 100%
}
footer address p {
	padding: 0px;
	margin: 0px;
}
footer address p {
	padding: 0px;
	margin: 0px;
}
footer form {
	margin-bottom: 100px;
	width: 200px;
	float: right
}
footer form input {
	box-shadow: none;
	border: #777777 solid 0.5px;
	border-radius: 0px;
}
footer form input:focus {
	box-shadow: none !important;
	border: #DF0404 solid 0.5px !important;
}
footer form button {
	box-shadow: none;
	color: #fff;
	background-color: #ccc;
}
footer form button:hover {
	box-shadow: none;
	color: #fff !important;
	background-color: #777;
	border: #fff solid 1px;
}

@media only screen and (max-width: 767px) {
footer {
	padding: 0px 10px;
	text-align: left;
}
footer form {
	float: none;
	margin: 0px auto 20px auto;
}
footer .logo-wrap {
	float: none;
	margin: 0px auto 10px auto;
}
footer address {
	float: left;
	text-align: center;
	width: 100%
}
}
/*aside*/

aside {
}
/*boxen*/

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {
	margin: 16px 10px;
	padding-top: 5px;
}
.box {
	padding-bottom: 10px;
	position: relative;
	border: #777 solid 1px;
	font-size: 1.3em;
	line-height: 1.2em;
	margin: 0px 0px 20px 0px;
}
aside .box {
}
.box.noborder {
	border: none
}
.box p, .box a {
	padding: 0px 10px
}
.box img {
	border-bottom: #777 solid 1px;
	width: 100%;
	height: auto;
	display: block;
}
.box.pagebox .box {
	font-size: 1em
}
.box.pagebox .box img {
	border-bottom: #777 solid 1px;
	width: 100%;
	height: auto;
	display: block;
	margin-left: 0px
}
.box.pagebox .box h1, .box.pagebox .box h2, .box.pagebox .box h3, .box.pagebox .box h4, .box.pagebox .box h5, .box.pagebox .box h6 {
	margin: 10px;
	padding-top: 5px;
}
.box.pagebox .box p {
	padding: 10px;
}
/*
.box.pagebox .box a {
	padding: 0px 10px;
	margin: 0px 10px
}

*/
main .box form {
}
main .box a.more-link {
	color: #DF0404;
	border: #DF0404 solid 1px;
	display: inline-block;
	width: auto;
	margin: 0px 10px;
	padding: 2px;
}
main .box a.btn {
	padding: 10px !important;
	margin: 10px !important;
}
main .box p a.btn {margin: 0px !important;}
main .box a.more-link:hover, main .box a.more-link:active, main .box a.more-link:focus {
	color: #777;
	border: #777 solid 1px;
}
.box.red {
	background-color: #DF0404;
	border: none;
	color: #fff
}
.box.blue {
	background-color: #63A3D8;
	border: none;
	color: #fff
}
.box.green {
	background-color: #10E83D;
	border: none;
	color: #fff
}
.box.lightgrey {
	background-color: #BBB;
	border: none;
	color: #fff
}
.box.darkgrey {
	background-color: #777;
	border: none;
	color: #fff
}
.box.black {
	background-color: #000;
	border: none;
	color: #fff
}
.box.red p, .box.blue p, .box.green p, .box.lightgrey p, .box.darkgrey p, .box.black p {
	color: #FFFFFF;
}
.box.red a, .box.blue a, .box.green a, .box.lightgrey a, .box.darkgrey a, .box.black a {
	color: #FFFFFF;
	border: #fff solid 1px;
	padding: 2px !important;
}
.box.red a:active, .box.blue a:active, .box.green a:active, .box.lightgrey a:active {
	color: #bbb;
	border: #bbb solid 1px;
}
.box.red a:focus, .box.blue a:focus, .box.green a:focus, .box.lightgrey a:focus {
	color: #bbb;
	border: #bbb solid 1px;
}
.box.red a:hover, .box.blue a:hover, .box.green a:hover, .box.lightgrey a:hover {
	color: #777 !important;
	border: #777 solid 1px;
}
.box.darkgrey a:active, .box.black a:active, .box.darkgrey a:focus, .box.black a:focus, .box.darkgrey a:hover, .box.black a:hover {
	color: #bbb !important;
	border: #bbb solid 1px;
}
.box.red a:visited, .box.blue a:visited, .box.green a:visited, .box.lightgrey a:visited, .box.darkgrey a:visited, .box.black a:visited {
	color: #FFFFFF;
}
.box.red h1, .box.blue h1, .box.green h1, .box.lightgrey h1, .box.darkgrey h1, .box.black h1 {
	color: #fff;
	border: none
}
.box.red h2, .box.blue h2, .box.green h2, .box.lightgrey h2, .box.darkgrey h2, .box.black h2 {
	color: #fff;
	border: none
}
.box.red h3, .box.blue h3, .box.green h3, .box.lightgrey h3, .box.darkgrey h3, .box.black h3 {
	color: #fff;
	border: none
}
.box.red h4, .box.blue h4, .box.green h4, .box.lightgrey h4, .box.darkgrey h4, .box.black h4 {
	background-color: #fff;
	border: none
}
.box.red h5, .box.blue h5, .box.green h5, .box.lightgrey h5, .box.darkgrey h5, .box.black h5 {
	color: #fff;
	border: none
}
.box.red h6, .box.blue h6, .box.green h6, .box.lightgrey h6, .box.darkgrey h6, .box.black h6 {
	color: #fff;
	border: none
}
.box.red b, .box.blue b, .box.green b, .box.lightgrey b, .box.darkgrey b, .box.black b {
	color: #fff;
	border: none
}
.box.red i, .box.blue i, .box.green i, .box.lightgrey i, .box.darkgrey i, .box.black i {
	color: #fff;
	border: none
}
.box.red .date, .box.blue .date, .box.green .date, .box.lightgrey .date, .box.darkgrey .date, .box.black .date {
	color: #fff;
	border: none
}
.box.red .author, .box.blue .author, .box.green .author, .box.lightgrey .author, .box.darkgrey .author, .box.black .author {
	color: #fff;
	border: none
}
.box.red .author:before, .box.blue .author:before, .box.green .author:before, .box.lightgrey .author:before, .box.darkgrey .author:before, .box.black .author:before {
	color: #fff;
	border: none
}
.box.linkliste a, .box.linkliste a:hover, .box.linkliste a:focus, .box.linkliste a:active {
	border: none;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
aside .box {
}
}
.box.half {
	width: calc(50% - 10px);
	float: left;
	height: 1120px;
	margin: 10px 10px 10px 0px
}
.box.third {
	width: calc(33% - 10px);
	float: left;
	height: auto;
	margin: 10px 10px 10px 0px
}

@media only screen and (max-width: 767px) {
.box.half, .box.third {
	width: calc(100% - 0px);
	margin: 0px;
	margin-bottom: 30px;
	Height: auto
}
}

@media only screen and (min-width: 768px) and (max-width: 990px) {
.box.half {
	height: 1220px;
}
}

@media only screen and (min-width: 791px) and (max-width: 1350px) {
.box.half {
	height: 1320px;
}
}
.box.showbox {
	padding: 0px;
}
.box.showbox figure {
	background: #777;
	width: 50%;
	height: auto;
	display: inline-block;
	margin: 0px 0px -5px 0px;
	padding: 0px;
	max-height: unset;
}

.textwidget .box.showbox figure {
	width: 100%;

}
.box.showbox div.text {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}
.box.showbox img {
	border-bottom: none;
	border-right: #777 solid 1px;
}
.box.showbox {
	height: auto;
	clear: both;
}

@media only screen and (max-width: 767px) {
.box.showbox figure {
	width: 100%;
	background: #777;
	margin: 0px 0px 0px 0px;
}
.box.showbox div.text {
	width: 100%;
	vertical-align: top;
}
.box.showbox img {
	border-right: none;
	border-bottom: #777 solid 1px;
}
.box.showbox {
	height: auto;
	clear: both;
}
}
.box.pagebox .box.showbox {
	padding: 0px;
	font-size: 1em;
	padding-bottom: 0px;
	margin-top: 20px
}
.box.pagebox .box.showbox figure {
	background: #777;
	width: 50%;
	height: auto;
	display: inline-block;
	margin: 0px 0px -5px 0px;
	padding: 0px
}
.box.pagebox .box.showbox div.text {
	display: inline-block;
	width: 50%;
	vertical-align: top;
	margin: 0px;
	padding: 10px;
}
.box.pagebox .box.showbox img {
	border-bottom: none;
	border-right: #777 solid 1px;
	width: 100%;
	margin: 0px;
	padding: 0px
}
.box.showbox {
	height: auto;
	clear: both;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
.box.pagebox .box.showbox figure {
	width: 100%;
	background: #777;
	margin: 0px 0px 0px 0px;
}
.box.pagebox .box.showbox div.text {
	width: 100%;
	vertical-align: top;
}
.box.pagebox .box.showbox img {
	border-right: none;
	border-bottom: #777 solid 1px;
}
.box.pagebox .box.showbox {
	height: auto;
	clear: both;
	width: 100%;
}
}
.box.pagebox {
	border: none;
	margin: 0px
}
.box.pagebox a, .box.pagebox p, .box.pagebox figure, .box.pagebox form, .box.pagebox h1, .box.pagebox h2, .box.pagebox h3 {
	padding: 10px 0px 0px 0px;
	margin: 0px
}
.box.pagebox figure {
	margin: 0px 20px 20px 0px
}
.box.pagebox a.pdf-link {
	margin-left: 20px
}
.box.pagebox a.pdf-link::before {
	left: -18px;
	top: 8px;
	margin-right: 20px;
	padding-right: 10px;
}
aside {
	border: none;
}
.box.pagebox img {
	width: 30%;
	margin-left: 20px;
	margin-bottom: 0px;
	display: inline-block;
	vertical-align: top;
}

@media only screen and (max-width: 767px) {
.box.pagebox img {
	width: 100%;
	margin-left: 10px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px
}
.box.showbox {
	padding: 0px;
}
figure {
	max-height: unset;
}
}
.hightlighter {
	margin-top: 20px;
	clear: both;
float: none;
}
.highlighterbox {
	margin-bottom: 0px !important
}
.highlighterbox a {
	color: #DF0404;
	padding: 0px 5px;
	border: #DF0404 solid 1px;
	margin: 10px;
}
.highlighterbox a.headerlink, .highlighterbox a.headerlink:hover, .highlighterbox a.headerlink:focus, .highlighterbox a.headerlink:active {
	margin: 0px;
	padding: 0px;
	font-family: Roboto Slab;
	color: #000;
	border: none;
}
.highlighterbox h3 {
	margin: 0px;
	padding: 0px 10px 10px 10px;
}
.sidebar-oben div:last-child {
	margin-bottom: 5px !important
}
.box.showbox div.text {
	padding-bottom: 10px;
}
/*icon*/


.icon-gross {
	border-color: #fff !important;
	color: #fff !important;
	font-size: 8em;
	position: absolute;
	opacity: 0.5;
	right: -15px;
	top: -5px;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
.box:hover .icon-gross {
	opacity: 0.6;
}
main .box a.headerlink {
	color: #000;
	border: none;
	display: block;
	padding: 0px;
	margin: 0px;
	font-family: inherit;
}
main .box.darkgrey a.headerlink, main .box.darkgrey a.headerlink:visited {
	color: #fff;
	border: none;
	display: block;
	padding: 0px;
	margin: 0px;
	font-family: inherit;
}
main .box.darkgrey a.headerlink:active, main .box.darkgrey a.headerlink:hover, main .box.darkgrey a.headerlink:focus {
	color: #fff !important;
	border: none;
	outline: none;
	display: block;
	font-family: inherit;
}
.box.pagebox a.shariff-link {
	padding: 0px;
}
main .box a.shariff-link {
	color: #fff;
	border: none;
	display: block;
	width: auto;
	
}

main .shariff li {
  
    margin-left: 0px !important;
    margin-right: 10px !important;
}
div.box.bildbox {
	padding: 0px;
	margin: 0px;
}
/*Lightox*/

.modal-content {
	border: #777 solid 1px;
	border-radius: 0px;
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
	display: block;
	max-width: 100%;
	height: auto;
	width: 100%;
}
/* Pagebrowser */

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0 20px -10px;
	border-radius: 4px;
}
main ul.pagination li {
	padding: 0px
}
main ul.pagination li::before {
	color: #fff;
	content: "";
	font-family: FontAwesome;
	left: 0;
	position: absolute;
	top: 0;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	margin-left: 10px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #777;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #777;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	text-decoration: none;
	color: #DF0404;
	background-color: #fff;
	border: 1px solid #DF0404;
}
.pagination > li > a:hover + a, .pagination > li > span:hover + a, .pagination > li > a:focus + a, .pagination > li > span:focus + a {
	border-left: 1px solid #DF0404;
}
.pagination > .active > a, .pagination > .active > span {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #777;
	border-color: #777;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 2;
	color: #fff;
	cursor: default;
	background-color: #DF0404;
	border-color: #DF0404;
}
/* Terminliste */

.box.termin-list-box {
	padding: 0px;
	border: none;
	font-size: 1.15em;
}
main ul.event-list {
	padding: 0px;
	margin: 0px;
	border: none;
}
main ul.event-list li {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	border: none;
	float: left;
	width: 100%;
	height: auto;
	min-height: 250px;
	border-bottom: #777 solid 1px;
	margin-bottom: 20px;
}
main ul.event-list li::before {
	color: #fff;
	content: "";
	display: none;
}
div.event-date {
	width: 125px;
	height: auto;
	background: #777;
	color: #fff;
	padding: 10px;
	text-align: center;
	float: left;
	margin: 10px 0px 0px 0px;
}
div.event-date span {
	display: block;
	color: #fff !important;
	text-transform: uppercase;
}
div.event-date span.day {
	font-family: 'Roboto Slab', serif;
	font-size: 24px;
}
div.event-date span.month {
	font-weight: bold;
}
div.event-description span.location {
	font-weight: bold;
	display: block;
}
div.event-description span.time {
	font-weight: bold;
	display: block;
}
main ul.event-list h2 {
}
main ul.event-list h2, main ul.event-list div.event-description {
	width: calc(100% - 150px);
	float: right;
}
main .box.termin-list-box ul.event-list a {
	color: #DF0404;
	border: #DF0404 solid 1px;
	display: inline-block;
	width: auto;
	padding: 2px 4px;
	margin: 10px 0px 0px 0px;
}
main .box.termin-list-box ul.event-list a.headerlink {
	color: #000;
	border: none;
	display: block;
	padding: 0px;
	margin: 0px;
	font-family: inherit;
	width: 100%;
}
.shariff-main {
	display: block!important;
	clear: both;
}
.shariff li:first-child {
	margin-left: 0px !important
}
main .box.termin-list-box ul.event-list figure img {
	border: none
}

@media only screen and (max-width: 767px) {
main ul.event-list h2, main ul.event-list div.event-description {
	width: 100%;
	float: left;
}
}
.box.pagebox.event-single {
	margin: 0px;
	padding: 0px;
	font-size: 1.15em;
}
div.event-meta {
	width: calc(100% - 0px);
	margin: 10px 0px;
	float: left;
}
div.event-meta span.location {
	font-weight: bold;
	display: block;
}
div.event-meta span.time {
	font-weight: bold;
	display: block;
}
.event-single div.event-description {
	width: 100%;
	float: left;
	margin-left: 0px;
	margin-top: 20px;
}
.event-single div.event-description p, .event-single div.event-description figure {
	float: left
}
.event-single div.event-description p,
.event-single div.event-description ul,
.event-single div.event-description ol {
	display: block;
	float: none;
	padding: 0px;
	margin-bottom: 15px;
	
}


.event-single div.event-description ul,
.event-single div.event-description ol {
    float: none;
	padding: 0px;
	margin-bottom: 15px;
	padding-left: 20px;
}

ul.shariff-buttons {display:flex !important;}

.event-single div.event-description figure {
	width: 50%;
	margin-right: 10px;
}
.event-single div.event-description ol, .event-single event-description ul {
	float: none;
	padding: 0px;
	margin-bottom: 15px;
}
.event-single div.event-description img {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	border: #777 solid 1px
}
.event-single div.event-description ol, .event-single div.event-description ul {
	margin-left: 50%
}

@media only screen and (max-width: 767px) {
.event-single div.event-description figure {
	width: 100%;
	margin-right: 10px;
	display: inline
}
.event-single div.event-description ol, .event-single div.event-description ul {
	margin-left: 0px
}
}
div.news-meta {
	width: calc(100% - 0px);
	float: left;
	margin: 10px 0px;
}
div.news-meta span.location {
	font-weight: bold;
	display: block;
}
div.news-meta span.time {
	font-weight: bold;
	display: block;
}
.news-single div.news-description {
	width: 100%;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 20px;
}
.news-single div.news-description figure {
	float: left;
	display: inline;
}
.news-single div.news-description p {
	display: block;
	float: none;
	padding: 0px;
	margin-bottom: 15px;
}
.news-single div.news-description ol, .news-single div.news-description ul {
	float: none;
	padding: 0px 0px 0px 20px;
	margin-bottom: 15px;
}
.news-single div.news-description figure {
	width: 50%;
	margin-right: 10px;
}

.news-single div.news-description figure.img-left {
	width: 50%;
	margin-right: 10px;
}

.news-single div.news-description figure.img-full {
	width: 100%;
	margin-right: 0px;
}

.news-single div.news-description figure.img-right {
	margin-right: 0px;
		margin-left: 10px;
	float:right;

}

@media only screen and (max-width: 767px) {
	.news-single div.news-description figure.img-left, .news-single div.news-description figure.img-right {width:100%;}}
div.news-meta span.date {
	font-weight: bold;
	display: block;
}
div.news-meta span.author {
	font-weight: bold;
	display: block;
}
.news-single div.news-description img {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: auto;
	border: #777 solid 1px
}

@media only screen and (max-width: 767px) {
.news-single div.news-description figure {
	width: 100%;
	margin-right: 10px;
	display: inline;
}
}
/*Galery*/
.news-single div.news-description .gallery {
	margin-left: -10px
}
.news-single div.news-description .gallery-item {
	width: calc(50% - 20px);
	padding: 0px;
	margin: 10px;
	float: left;
}
.news-single div.news-description .gallery-item figure {
	width: 100%
}

@media only screen and (max-width: 767px) {
.news-single div.news-description .gallery-item {
	width: 100% !important;
	padding: 0px;
	margin: 10px 0px;
}
.news-single div.news-description .gallery {
	margin-left: 0px
}
}
.glyphicon-chevron-left:before {
	display: none;
}
.glyphicon-chevron-right:before {
	display: none;
}

@media only screen and (max-width: 767px) {
header {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 120%;
	background-color: #fff;
	z-index: 9999
}
.header_area {
	position: fixed;
	width: 100%;
	top: 90px;
	background-color: #fff !important;
	z-index: 10000;max-height: 200px;
}

.modal {
	position: fixed;
	top: 150px;
}
.navbar-nav {
	margin: 0px -15px;
}
.navbar-collapse.in {
	overflow-y: auto;
	position: fixed;
	width: 100%;
	max-height: calc(100% - 90px);z-index: 100;
}
}
.search-symb {
	display: none
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 25px;
    margin-right: 37px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}



@media only screen and (max-width: 767px) {
.navbar-header {
	position: relative;
}

	
.search-symb {
    display: block;
    position: absolute !important;
    top: 25px;
    right: 100px;
    font-size: 28px !important;
}
}
li.social-in {
	display: none
}

@media only screen and (max-width: 767px) {
li.social-in {
	display: inline-block;
	width: 100%;
	height: 52px;
	background-color: #DF0404;
	padding-top: 10px
}
li.social-in ul {
	display: inline-block;
	width: 100%;
	height: auto;
	display: block !important;
	position: unset !important;
	-webkit-padding-start: 0px;
	padding-inline-start: 0px;
}
li.social-in ul li {
	display: inline-block !important;
	height: auto;
	padding: 0px 15px
}
li.social-in ul li a {
	display: inline-block;
	height: 20px;
	display: block !important;
	color: #fff;
	padding: 0px !important
}
li.social-in ul li a:hover {
	background: none !important;
}
li.social-in ul li:hover {
	background: none !important;
}
li.social-in ul li:hover a {
	background: none !important;
}
li.social-in ul li a i {
	color: #fff;
	font-size: 24px;
}
}
.hide {
	display: none
}

@media only screen and (max-width: 767px) {
.hide-mobile {
	display: none
}
}



@media only screen and (min-width: 767px) {
.hide-desktop {
	display: none
}
}


main .box a.ics-btn {padding: 8px !important;
margin:0px 5px 0px 0px !important;min-width: 35px;}

main .box a.route-btn {
    padding: 8px !important;
    margin-left: 0px !important;
}

aside h3 {
    margin: 10px 0px 16px 0px;
    font-size: 30px;
}

.shariff .shariff-text {
    padding-left: 3px;
    color: #fff;
}

.nice-select {
 
    font-weight: normal;
    padding-left: 10px !important;
}

.nice-select:focus {
    border:#DF0404 solid 1px}
@media only screen and (min-width: 767px) {

.box.half {width:calc(-11px + 50%);}


.has-img p, .has-img ul, .has-img ol {
width: calc(50% - 12px ) !important;
float:right !important;
margin-left:0px !important
}

.has-img .shariff ul {display: flex;
    flex-direction: row;
    flex-flow: row wrap;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;

   margin-bottom: 10px !important;
   }
.event-single div.event-description figure {
  float:right !important;
}
}

.form-check {

    padding-left: 0px;
}

.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #ccc;
    border-radius: 0px;
	
}

/* On mouse-over, add a grey background color */
.customcheck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customcheck input:checked ~ .checkmark {
background-color: #DF0404;
border-radius: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
  top: 4px;
width: 7px;
height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.privacy-hit {
    vertical-align: bottom;
    display: inline-block;
    margin-top: 4px;
    font-weight: normal;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #ccc;
	cursor: not-allowed;
	pointer-events: unset;
}

#submitted[disabled] {
    background-color: #ccc;
	cursor: not-allowed;
}
nav.breadcrumbs {margin-top: 15px;padding-left: 32px;}
nav.breadcrumbs ul  {padding:0px; margin:0px 0px;}
nav.breadcrumbs ul li {liststyle:none; padding:0px; margin:0px 0px 0px 0px; display:inline-block; position:relative;max-width: 60%;
overflow: hidden;
height: 20px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;padding-right: 25px;}
span.bcpaged {

    padding: 0px;
        padding-right: 0px;
    margin: 0px 0px 0px 0px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    height: 20px;
    
    padding-right: 25px;
    margin-left: -24px;
	background: #fff;}
nav.breadcrumbs ul li:after {content: ">";
	right: 8px;
	position: absolute;
	top: 0;}

nav.breadcrumbs ul li:last-child::after {content: "";
	right: 8px;
	position: absolute;
	top: 0;}
@media only screen and (max-width: 767px) {

nav.breadcrumbs {

margin-top: -18px;
margin-bottom: 5px;
margin-left: -15px;
}
}
div.meta-author-archive {
background: #ccc;
    display: inline-block;
    width: calc(100% - 12px);
    margin-right: 10px;
    padding: 10px;
    height: auto;
    text-align:justify;
}
	
.meta-author-archive-img-wrap {display: block;
width: 150px;
height: 150px;
border-radius: 50%;
align-items: center;
filter: grayscale(100%);
float: right;margin: 0px;
margin: 0px 0px 0px 19px;
shape-outside: circle();
    margin-bottom: 20px;
}

.meta-author-archive-img {display: block;
width: 100%;
height: auto;
}

.meta-author-archive-img-wrap:hover, .meta-author-archive-img-wrap:active, .meta-author-archive-img-wrap:focus {
filter: grayscale(0%);
}

div.meta-author-archive.no-description {
background:#fff;
    padding: 0px;
    margin: 0px;
}
	
div.meta-author-archive.no-description .meta-author-archive-img-wrap {float: left;
margin-left: -5px;}

@media only screen and (max-width: 767px) {
div.meta-author-archive {

    width: calc(100% - 0px);
	    margin-bottom: 20px;

 
}
}

.widget_tag_cloud {background: #DF0404;
padding: 5px;
color: #fff;
line-height: 1.5em;
word-wrap: unset;
hyphens: unset;
hyphens: initial;
padding: 10px 10px 20px 10px;
}

.widget_tag_cloud h3 {text-align: center;}

.widget_tag_cloud .tagcloud {hyphens: initial !important; text-align:center;}

.widget_tag_cloud .tagcloud a {color:#fff; display: inline-block; margin:0px 5px; border: none;}

.widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus, .widget_tag_cloud .tagcloud a:active {color:#bbb; }

.last-posts .title {font-weight:bold;}

#year-filter, #cat-filter {padding:10px; display: block;float:none; clear: both;}
.cat-filter-widget p {clear: both;padding-top: 10px;}
#monthFilter {padding: 40px 10px 10px 10px;}

.date-filter-widget .nice-select, .cat-filter-widget .nice-select {width: 100%}

.cat-filter-widget .nice-select .current { 

overflow: hidden;
max-width: 92%;
display: inline-block;}
.cat-filter-widget .nice-select ul {
	width: auto;}
#monthFilter .month {    color: #fff;
      color: #fff;
    border: 1px solid #fff;
    padding: 5px;
    display: inline-block;
    margin: 2px 4px 2px 0px;
    width: 60px;
    text-align: center;
    background: #777;
    cursor: pointer;
}

#monthFilter .month:hover {    color: #fff;
      color: #DF0404;
	border: 1px solid #DF0404;}


#monthFilter .month.disabled {    color: #fff;

    background: #BBB;
	cursor: not-allowed;

}

#monthFilter .month.active {    color: #fff;

    background: #DF0404;

}

#monthFilter .month.active:hover {    color: #fff;
      color: #bbb;
	border: 1px solid #bbb;}

#monthFilter .month.disabled:hover {      color: #fff;
    border: 1px solid #fff;

 

}
@media (max-width: 991px) {
.highlighter {
	margin-top: 10px;
	clear: both;
float: none;}}
@media (min-width: 992px) {
.highlighter {
    margin-top: 40px;
	clear: both;
float: none;
	}}

.panel-group {
    margin-bottom: 20px;
    margin-top: 20px;
}
.panel.lsh-accordion-item {margin: 0px;
border-radius: 0px;
border:none;}
.panel.lsh-accordion-item .panel-heading {background: #DF0404;
padding:16px 20px 16px 40px;
margin: 0px;
border-radius: 0px;
position: relative;}

.panel.lsh-accordion-item .panel-heading a:before {color: #fff;
content: '';
font-family: FontAwesome;
position: absolute;
left: 16px;
top: 16px;}



.panel.lsh-accordion-item .panel-heading.item-open a:before {color: #fff;
transform: rotate(180deg);}

.panel.lsh-accordion-item .panel-heading h4 {padding: 0px; font-weight: normal;
font-size: 20px;;
margin: 0px;}

.panel.lsh-accordion-item .panel-heading h4 a,.panel.lsh-accordion-item .panel-heading h4 a:hover, .panel.lsh-accordion-item .panel-heading h4 a:focus, .panel.lsh-accordion-item .panel-heading h4 a:active {padding: 0px;
margin: 0px;color:#fff; width: 100%; display: block;}
.panel.lsh-accordion-item  .panel-collapse  {border: 1px solid #777;border-top: none;}

.panel.lsh-accordion-item .box {border: none;}

.textwidget .panel.lsh-accordion-item .panel-heading a:before {
top: 7px;} 

.textwidget .panel.lsh-accordion-item .panel-heading h4 a {
    padding: 5px;
    margin: 0px;
    font-size: 1.4em;line-height: 1.42857143;
}

.textwidget .panel.lsh-accordion-item .panel-heading h4 {
    padding: 0px;
    font-weight: normal;
    font-size: 14px;
    margin: 0px;
}

.textwidget .panel.lsh-accordion-item .panel-heading {
    padding: 0px 20px 0px 40px;
    margin: 0px;
  
    font-size: 1.4em;
}

.textwidget .panel.lsh-accordion-item  {
    margin-top: 3px;
  
}

.textwidget .box.showbox div.text {
    display: block;
    width: 100%;
  
}
.tab-content {margin: 15px 0px;}

.tab-content nav ul {margin: 0px;
padding: 0px;border:none;}

.tab-content nav ul li {margin: 0px;
padding:0px;
margin-right: 6px;border:none;}

.tab-content nav ul li a, .tab-content nav ul li a:focus, .tab-content nav ul li a:active  { padding:16px 10px 16px 10px !important;

margin: 0px;
color: #fff;
border: none;
background: #777;
border-radius: 0px;
font-size: 20px;border:none;line-height: 20px;}

.tab-content nav ul li a:hover { padding:16px 10px 16px 10px !important;

margin: 0px;
color: #fff;
border: none;
background: #DF0404;
border-radius: 0px;
font-size: 20px;border:none;}


.tab-content nav ul li.active a, .tab-content nav ul li.active a:focus, .tab-content nav ul li.active a:active  { padding:16px 10px 16px 10px !important;

margin: 0px;
color: #fff;
border: none;
background: #DF0404;
border-radius: 0px;
font-size: 20px;border:none;}


.tab-content nav ul li.active a:hover{ padding:16px 10px 16px 10px !important;

margin: 0px;
color: #fff;
border: none;
background: #777;
border-radius: 0px;
font-size: 20px;border:none;}


.tab-content .tab-pane {border: 1px solid #777;
padding: 10px;}
.carousel .item img {margin: 0px}

.textwidget .tab-content nav ul li.active a, .textwidget .tab-content nav ul li.active a:focus, .textwidget .tab-content nav ul li.active a:active {
    padding: 5px 10px 5px !important;
    margin: 0px;
    color: #fff;
    border: none;
    background: #DF0404;
    border-radius: 0px;
    font-size: 20px;
    border: none;
}

.textwidget .tab-content nav ul li a, .textwidget .tab-content nav ul li a:focus, .textwidget .tab-content nav ul li a:active {
    padding: 5px 10px 5px 5px !important;
    margin: 0px;
    color: #fff;
    border: none;
    background: #777;
    border-radius: 0px;
    font-size: 20px;
    border: none;
    line-height: 1.42857143;
    font-size: 1.4em; border-bottom: 1px solid #777;
}

.textwidget .tab-content nav ul li {
    margin: 0px;
        margin-right: 0px;
    padding: 0px;
    margin-right: 3px;
    border: none;
    font-size: 14px;
}

.carousel-control{

    background-image: none !important;
    top: calc(50% - 10px);
	z-index: 12;
}

.carousel-control.right a i {
   
color:}

.carousel-control.right {
    right: -25px;
  
}

.carousel-control.left {
    left: -25px;

}

.carousel-indicators .active {margin: 0px 2px; background-color: #777;}
.carousel-indicators li {margin: 1px 2px; border-color:#777 }

@media (max-width: 600px) {
.carousel-control.right {
    right: 0px;
  
}

.carousel-control.left {
    left: 0px;

}
.carousel-indicators {
    display: none;
  
}
}
.carousel  .lsh-slider-outer-wrap {
    position: relative;
    width: 100%;
}

.textwidget .carousel-control.right {
    right: 0px;
  
}

.textwidget .carousel-control.left {
    left: 0px;
  
}

.textwidget .carousel-indicators {
    display: none;
  
}

.carousel  .lsh-slider-outer-wrap:after {
    content: "";
    display: block;
    padding-bottom: 56%;
}

.carousel  .lsh-slider-outer-wrap .lsh-slider-inner-wrap {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.carousel  .lsh-slider-outer-wrap .lsh-slider-inner-wrap img {
    display: block;
    width: 100%;
    height: auto;
}
.lsh-item-post, .lsh-item-img {
border: #777 solid 1px;}

.carousel-caption, .textwidget .carousel-caption {
	position: absolute;
right: 0px !important;
bottom:60px;
z-index: 10;
padding: 20px;
color: #fff;
text-align: center;
background-color: rgba(255,255,255,0.7);
width: 100%;
left: 0px !important;
       text-shadow: none;
}
.carousel-caption:empty {display: none;}

.carousel-caption h3, .carousel-caption h3:hover, .carousel-caption h3:active, .carousel-caption h3:focus {color:#000 !important; background-color:rgba(0,0,0,0) !important;}

@media (max-width: 768px) {.carousel-caption {

bottom:20px;

}
.carousel-caption h3 {font-size: 16px;} 
.carousel-caption p {font-size: 12px; line-height:12px;}}

.textwidget .carousel-caption {

bottom:20px;

}
.textwidget .carousel-caption h3 {font-size: 16px;} 
.textwidget .carousel-caption p {font-size: 12px; line-height:12px;}

.item-slogan	.slogan-text {font-family: Anton;color: #fff;
font-size:6vw;
line-height: 1;
padding: 7%;
margin-bottom: 16%;hyphens: none;}
@media (min-width: 768px) {
.textwidget .item-slogan	.slogan-text {font-family: Anton;color: #fff;
	font-size: 3vw;}	}
.item-slogan    width: 100%;
    height: auto !important;
    border: none;
    position: relative;
    overflow: hidden;background-color: #DF0404;}

.item-slogan .slogan-logo-wrap {position: absolute;
    right: -15%;
    top: 65%;
    width: 50%;
    height: auto;
	background-color:#FFFFFF;
	 -moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
-webkit-transform: rotate(-7deg);}
.item-slogan .slogan-logo {width:65% !important; height:auto; border:none !important;
  }

.text-container .boxen-wrap {padding:10px;}

#map a, #map img {border:none !important}

.gm-svpc {display:none;}

.gm-style-mtc div, .gm-fullscreen-control, .gm-control-active, .gmnoprint div {border-radius:0px !important;}


.customcheck {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.customcheck input {
 position: absolute;
opacity: 0;
cursor: pointer;
left: 0px;
z-index: 2;
top: 0px;
width: 30px;
height: 30px;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 0px;
	
}

/* On mouse-over, add a grey background color */

/* When the checkbox is checked, add a blue background */
.customcheck input:checked + .checkmark {
background-color: #DF0404;
border-radius: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customcheck input:checked + .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customcheck .checkmark:after {
    left: 9px;
  top: 4px;
width: 7px;
height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

/* Radio*/

.customradio .wpcf7-list-item {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
margin-right: 30px !important;
margin-left:0px;
}
.customradio .wpcf7-list-item:first-child{ margin-left: 0px;}
.customradio input {
 position: absolute;
opacity: 0;
cursor: pointer;
left: 0px;
z-index: 2;
top: 0px;
width: 30px;
height: 30px;
}

/* Create a custom checkbox */
.radiomark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #DF0404;
    border-radius: 50%;
	
}

/* On mouse-over, add a grey background color */
.customradio:hover input + .radiomark {
   
}

/* When the checkbox is checked, add a blue background */
.customradio input:checked + .radiomark {
background-color: #DF0404;
border-radius: 50%;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radiomark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customradio input:checked + .radiomark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customradio .radiomark:after {
    left: 9px;
  top: 4px;
width: 7px;
height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}

.wpcf7-radio .wpcf7-list-item-label {
    padding-top: 2px;
    display: inline-block;
}

.customcheck .wpcf7-list-item-label {
    padding-top: 5px;
    display: inline-block;
}

.wpcf7-form-control-wrap.your-message, .wpcf7-form-control-wrap.your-message textarea {min-height:200px}

textarea.wpcf7-form-control {
    box-shadow: none;
    border: #777 solid 0.5px;
    border-radius: 0px;
}
textarea.wpcf7-form-control {
	box-shadow: none;
border: #777 solid 0.5px;
border-radius: 0px;
    display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

textarea.wpcf7-form-control:focus {
    box-shadow: none;
    border: #DF0404 solid 0.5px;
}