/*
Theme Name: Web Labels Responsive
Theme URI: http://www.web-labels.de
Author: Web Labels
Author URI: http://www.web-labels.de
Description: Eigenprogrammiertes Template - Alle Rechte vorbehalten!
Version: 1.3
License: Copyright @ Web Labels
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, img { margin: 0;padding: 0; border: 0;font-size: 100%;vertical-align: baseline; box-sizing:border-box;}

/* HTML5 reset für reudigi Brwoser */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body              			{ line-height: 1;}
ol, ul              			{ list-style: none; margin:0; padding:0;}
blockquote, q            		{ quotes: none;}
table              			{ border-collapse: collapse; border-spacing: 0;}

input:focus, textarea:focus { outline: none!important; }


/*--Contact Form Fix für Chrome--*/ 
span.wpcf7-form-control-wrap 	{ position: unset!important; }

/* Helper cms -------------------------------------*/
.links							{ float:left;}
.rechts							{ float:right;}
.center							{ text-align:center;}
.keincss						{ border:none!important; padding:0px!important; margin:0px!important; float:none!important; }
img.alignleft, .entry .alignleft			{ float:left; margin-right:20px;}
img.alignright, .entry .alignright			{ float:right; margin-left:20px;}
img.aligncenter, .entry .aligncenter		{ display: block; margin-left: auto; margin-right: auto; }
iframe 							{max-width:100%;}
sub 							{ vertical-align: sub; font-size: smaller;}
sup 							{ vertical-align: super; font-size: smaller; }
.clear							{ clear:both;}
.clearfix:after                 { content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix                       { display: inline-block;}
html[xmlns] .clearfix           { display: block;}
* html .clearfix                { height: 1%;}
p.wp-caption-text				{ font-size:11px; font-style:italic;}
.hinweisbar 					{ padding: 10px 20px 10px 20px; box-sizing:border-box; font-size:13px; line-height:20px; text-align:center;}

/*----Styling default-----*/
.btn 							{ display: inline-block; text-align: center; background: rgb(160, 45, 52) none repeat scroll 0% 0%; border-radius: 3px; padding: 10px 15px;}



/*----iOS Formular fix-----*/
input, textarea 					{ -webkit-appearance: none; border-radius: 0px; }
.wpcf7-checkbox input 				{ -webkit-appearance: checkbox; }

/* Webseite CSS -----------------------------------*/
body							{     font-size: 16px;    line-height: 27px;}
a							{ color:#5f97c9; outline:none; text-decoration:none; -webkit-transition:all 300ms ease 0s;-moz-transition:all 300ms ease 0s;-o-transition:all 300ms ease 0s;transition:all 300ms ease 0s; font-family: 'Noto Serif', serif;}
h1, h2, h3, h4, h5					{ font-weight:normal;}
#page 							{ width:100%; margin:0 auto;}
div , p							{ font-family: 'Noto Serif', serif; font-size: 14px;}
/*----------------------- Head -------------------------*/
#logo, #logo img					{ display:inline-block; width:auto!important; min-width:0px!important; max-width:100%;}
#logo 							{ float: left; margin-top: 13px;}

.top-nav-wrap 					{ width: 100%; background: #1b4177; height: 35px; color: #fff;     z-index: 1000;    position: relative;}
.top-nav-inner-wrap 			{ width: 100%; max-width: 1600px; margin: 0 auto; display: block;     padding: 0 30px;}
.top-nav-inner-wrap a 			{ color: #fff; }
.top-nav-inner-wrap a:hover 			{ color: #5f97c9; }
.top-nav {     width: 340px;    float: right;     margin-top: 4px;}
#nav-icon-tel 					{ background-image: url(images/icon_header_phone.png); height: 20px; width: auto; background-size:auto 15px;  background-position: left center;    background-repeat: no-repeat;    padding-left: 30px;     font-weight: 600; }
#nav-icon-handy					{ background-image: url(images/icon_header_mobile.png); height: 20px; width: auto; background-size:auto 15px; background-position: left center;    background-repeat: no-repeat;    padding-left: 25px;    margin-left: 50px;    font-weight: 600;}

#header							{ width:100%; height:auto;}
#header img.headimg				{ width:100%; height:auto;margin-top:-100px;}
#branding 						{ height:85px;  position: relative; z-index: 100; width: 100%; background-color: rgba(255,255,255,0.5);}
#branding-inner-wrap 			{ max-width:1600px; margin:0 auto; padding:0px 30px 0px 30px;}

/*----------------------- Nav --------------------------*/
#nav							{ font-family: 'Noto Serif', serif;}
#nav ul							{ display: inline-block; float: right; margin-top: 30px;}
#nav ul li 						{ float: left; margin: 0 15px;position: relative;max-width: 135px;}

#nav ul li:last-child 			{ margin-right: 0px;padding-bottom:40px; }
#nav ul li a 					{ font-family: 'Noto Serif', serif; color: #fff; font-size: 17px; font-weight: 600; padding-bottom: 15px;}
#nav ul li a:hover,  #nav ul li.current-menu-item a {  color: #1b4177; padding-bottom: 23px; border-bottom: 5px solid #1b4177;}

#nav ul li ul 		{background-color:rgba(27,65,119,0.7);width:350px;position:absolute;left:0; top: 23px;}
@media screen and (max-width: 1390px) {#nav ul li ul {top: 18px;}}

#nav ul li ul li  	{display:none; width:200px; float: none; padding: 5px 10px 5px 5px; margin-top: 10px; min-width: 350px;}
#nav ul li:hover ul li  {display: block;}
#nav ul li ul li a:hover, #nav ul li ul li.current-menu-item a { color: #1b4177; padding-bottom: 23px; border-bottom: none;}


#nav ul li.current-menu-item ul li a { color:#fff!important; border-bottom:0 none!important; } 
#nav ul li.current-menu-item ul li a:hover { border-bottom:0 none!important; }


.rev_slider_wrapper { margin-top: -85px!important;}

.header-icons {width: 100%; max-width:1200px; margin: 0 auto;}
.header-icons .header-icon {width: 25%; float: left; text-align:center; padding: 0 40px;}
.header-icons .icon-text { color: #6b6b6b;}
a.icon-headline { color: #000;font-weight: 700; padding-bottom: 10px;display: block; font-size: 15px; }
a.icon-headline:hover { color: #5f97c9;  }
.header-icons a#scheidungsantrag-icon  { height: 70px; width: auto;background-position: center center; background-image: url(images/icon-scheidungsantrag-in-guestrow.png); display: block;background-size: contain;background-repeat: no-repeat; margin-bottom: 25px;}
.header-icons a#scheidungskosten-icon  { height: 70px; width: auto;background-position: center center; background-image: url(images/icon-scheidungskosten-in-guestrow.png); display: block;background-size: contain;background-repeat: no-repeat; margin-bottom: 25px;}
.header-icons a#scheidungsablauf-icon  { height: 70px; width: auto;background-position: center center; background-image: url(images/icon-scheidungs-ablauf-in-guestrow.png); display: block;background-size: contain;background-repeat: no-repeat; margin-bottom: 25px;}
.header-icons a#scheidungsformular-icon  { height: 70px; width: auto;background-position: center center; background-image: url(images/icon-scheidungsformulare-in-guestrow.png); display: block;background-size: contain;background-repeat: no-repeat; margin-bottom: 25px;}

.header-icons a#scheidungsantrag-icon:hover  { height: 70px; width: auto;background-position: center center; background-image: url(images/icon-scheidungsantrag-in-guestrow-hover.png); display: block;background-size: contain;background-repeat: no-repeat; margin-bottom: 25px;}
.header-icons a#scheidungskosten-icon:hover  { height: 70px; width: auto;background-position: center center; background-image: url(images/icon-scheidungskosten-in-guestrow_hover.png); display: block;background-size: contain;background-repeat: no-repeat; margin-bottom: 25px;}
.header-icons a#scheidungsablauf-icon:hover  { height: 70px; width: auto;background-position: center center; background-image: url(images/icon-scheidungs-ablauf-in-guestrow-hover.png); display: block;background-size: contain;background-repeat: no-repeat; margin-bottom: 25px;}
.header-icons a#scheidungsformular-icon:hover  { height: 70px; width: auto;background-position: center center; background-image: url(images/icon-scheidungsformulare-in-guestrow-hover.png); display: block;background-size: contain;background-repeat: no-repeat; margin-bottom: 25px;}


/*----------------------- Content ----------------------*/
#content-wrap-page				{ width:100%; min-height:100px!important; height:auto; }
#content-wrap 					{ min-height:100px; max-width:1600px; margin: 0 auto; padding:100px 30px 100px 30px; }

.content-inner-wrap						{ width: calc(100% - 700px); float: left; padding-top: 50px;}
.content-padding-rechts  		{ padding-right: 185px!important; padding-top: 50px;}

.entry						{ line-height:27px;}
.entry img					{ max-width:100%; height:auto; line-height: 0px}

h1, h3							{ font-size:36px; line-height:40px; color: #010101; padding-bottom:15px; font-variant:small-caps; font-weight: 600;}
h2							{  font-size:24px; line-height:30px;color:#5f97c9; padding-bottom: 45px; font-variant:small-caps; font-weight: 600;}

h4							{ font-size:27px; line-height:35px;color: #010101;font-variant:small-caps; font-weight: 600;}
h5							{ font-weight:bold;}

.entry a					{ color:#37abda; text-decoration:underline;}
.entry a:hover				{ color:#17749a; text-decoration:none;}
.entry a.btn 				{ color: rgb(255, 255, 255);}
.entry a.btn:hover 			{ border:2px solid rgb(160, 45, 52); background:#fff; color:rgb(160, 45, 52);}
.entry p					{ margin-bottom:18px;font-size: 16px;line-height: 27px; font-weight: 400;}
.entry ol li				{ list-style: decimal outside none; margin-left: 15px;}
.entry ul li				{ list-style: disc outside none; margin-left: 15px;}


#rechtsanwaeltin-startseite-bild-text { margin-bottom: 0px!important; padding-top: 100px!important;}

#front-img-text-mittelpunkt-leer { height: 0px!important;}
/*----------------------- Home   -----------------------*/

.blog-content				{ width:65%; height:auto;     padding-top: 50px;}
.sidebar				{ width:30%; height:auto; }
.sidebar ul li.widget			{ margin-bottom:3em;}

.post-vorschau				{ width:100%;margin-bottom:60px;}
.vorschau				{ width:20%; height:auto; min-height:100px; overflow:hidden; margin-right:20px;}
#sidebar li				{ border-bottom: dashed 1px #CCCCCC; margin-bottom:25px;}
#sidebar li ul				{ padding-bottom:5px;}
#sidebar li ul li			{ border:none; margin:0px;padding:5px 0px 3px 0px; }
#sidebar li ul li	a		{ font-size:14px; color:#333; }
#sidebar li ul li a:hover		{ color:#D55918;}
.weiter-lesen				{ width:100%; height:auto; text-align:right;}

.news-front-page-wrap {margin: 150px 0;}
ul.news-front-page li{ padding: 45px 0; border-bottom: 1px solid #000; list-style:none;     margin-left: 0px }
ul.news-front-page li:first-child 	{ padding-top: 0px;}
ul.news-front-page li:last-child 	{ border-bottom: none;padding-bottom: 0px; }
.front_news_thumbnail { width: calc(50% - 20px); float: left;}
.front_news_text {     width: calc(50% - 20px);    float: right;}
.front-news-datum, .news-datum {     display: inline-block;  background-image: url(images/beitragsdatum-icon.png); background-position: left; background-size: auto 16px; padding-left: 25px; background-repeat: no-repeat; color: #777575; font-size: 14px;     padding-top: 2px; margin:15px 40px 40px 0; }

a.news-fb-teilen { background-image: url(images/mueller-facebook-teilen-icon.png); background-position: left; background-size: auto 16px; padding-left: 25px; background-repeat: no-repeat; color: #777575; font-size: 14px;   margin-left: 50px;  padding-top: 2px; margin: 30px 0; text-decoration:none;}
a.news-fb-teilen:hover { background-image: url(images/mueller-facebook-teilen-icon-hover.png); background-position: left; background-size: auto 16px; padding-left: 25px; background-repeat: no-repeat; color: #5e97c9; font-size: 14px;     padding-top: 2px; margin: 30px 0; text-decoration:none; }

.trennlinie { width: 100%; height: 1px; background-color: #000;  margin-bottom: 45px;}
.vc-gitem-zone-height-mode-auto:before { padding-top:65%!important}

.vc_basic_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item, .vc_media_grid .vc_grid.vc_row .vc_grid-item.vc_visible-item {
	border-bottom: 1px solid #9a9594;
    margin-bottom: 40px;
    padding-bottom: 40px;
    padding-left: 0px;
	padding-right: 0px;
    margin-left: 0px;
	}
	
	.news-text-padding-left { padding-left: 35px!important}

.weiterer_text   	{ margin-top: 150px; }


a.a-arrow {background: url(images/a-arrow.png) no-repeat left; background-size: auto 40px;     padding: 26px 0 25px 60px; color: #1b4177; font-size:24px; font-weight: 600; display: block; }
a.a-arrow:hover {background: url(images/a-arrow-hover.png) no-repeat left; background-size: auto 40px;     padding: 26px 0 25px 60px; }
.page a.a-arrow { margin: 40px 0; }
/*
h2.widgettitle				{ font-size:1.8em; text-transform:uppercase; color:#9A4B89; line-height:1.4em; margin-bottom:0.5em; border-bottom:solid 1px #9A4B89;}
#calendar_wrap				{ font-size:1.3em;}
#wp-calendar				{ width:100%;}
#wp-calendar caption			{ width:100%; padding:0.3em 0 0.5em 0;}
#wp-calendar thead			{ width:100%;}
#wp-calendar thead tr			{ text-align:right;}
#wp-calendar tbody tr td		{ text-align:right; padding:0.5em 0 0.2em 0; border-bottom:solid 1px #DFDFDF;}
#wp-calendar tbody tr td a		{ color:#9A4B89; font-weight:bold;}

.widget_categories ul li a		{ color:#323232; font-size:1.4em; border-bottom:solid 1px #E3E3E3; padding-bottom:0.3em; display:block; margin-bottom:0.5em;}
.widget_categories ul li a:hover	{color:#9A4B89;}

#pagination				{ padding:20px 0px; clear:both;}
#pagination	span			{ text-align:center; padding:9px 10px; margin:0px 5px;}
#pagination	a 			{ color:#333333; padding: 10px; display:inline-block; background:#DCDCDC; margin:0px 5px; }
#pagination	span.current, #pagination a:hover  { background:#50b948; color:#fff;}

*/ 
/*----------------------- Footer -----------------------*/
#footer-wrap				{ width:100%; height:auto; background-color: #1b4177; }
#footer					{ max-width:1600px; min-height:90px; margin:0 auto; padding:0px 30px 0px 30px;}
#footer a 				{ color: #fff; font-size: 25px; padding: 0 35px;}
#footer a:hover 		{ color: #5e98c9}
#footer ul 			{ margin: 0 auto; display:block;    width: 1420px;     padding-top: 30px;}
#footer ul li 			{ float: left; border-right: 1px solid #fff; }
#footer ul li:last-child 			{  border-right: none; }

.footer_kontakt_wrap {width:100%; height:auto; background: url(images/footer-kontakt-bg.jpg); background-repeat:no-repeat; background-position: center center; background-size:cover; }
.footer_kontakt_inner_wrap { height: auto;  max-width:1300px; min-height:150px; margin:0 auto; padding:50px 30px 80px 30px; color: #393533; font-size: 24px; font-weight: 600;}
.footer_kontakt_inner_wrap a , #footer-icon-addresse{ color: #393533; font-size: 19px; font-weight: 600; }


#footer-icon-tel 					{ background-image: url(images/footer_icon_phone.png); height: 25px; width: auto; background-size:contain;  background-position: left center;    background-repeat: no-repeat;    padding-left: 40px;      float: left; }
#footer-icon-handy 					{ background-image: url(images/footer_icon_mobile.png); height: 25px; width: auto; background-size:contain;  background-position: left center;    background-repeat: no-repeat;    padding-left: 40px;      float: left; margin-left: 45px;}
#footer-icon-addresse 					{ background-image: url(images/footer_icon_adresse.png); height: 25px; width: auto; background-size:contain;  background-position: left center;  background-repeat: no-repeat;    padding-left: 40px;       float: left;margin-left: 45px; min-width:270px;}
#footer-icon-mail 					{ background-image: url(images/footer_icon_mail.png); height: 25px; width: auto; background-size:contain;  background-position: left center;    background-repeat: no-repeat;    padding-left: 40px;      float: left;  margin-left: 45px;}

.footer-contact-wrap-sticky { position: relative; z-index: 10000}
.footer-sticky-bg {
    background-color: #1b4177;
    width: 50px;
    height: 50px;
    display: none;
    text-align: center;
	background-repeat:no-repeat;
	background-size: auto 30px; 
	background-position: center center; 
}

.footer-sticky-bg#footer-mobile-sticky {
    bottom: 20px;
    left: 20px;
    position: fixed;
	background-image: url(images/footer_icon_phone_white.png);
	
}

.footer-sticky-bg#footer-contact-sticky {
    bottom: 20px;
    left: 100px;
    position: fixed;
	background-image: url(images/footer_icon_mail_white.png);
}


/*----------------------- Kontakt ----------------------*/

.check_data { color:#fff; font-size:13px;  }
.kontaktformular 				{ 
background: rgba(95,152,202,1);
background: -moz-linear-gradient(top, rgba(95,152,202,1) 0%, rgba(4,51,85,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(95,152,202,1)), color-stop(100%, rgba(4,51,85,1)));
background: -webkit-linear-gradient(top, rgba(95,152,202,1) 0%, rgba(4,51,85,1) 100%);
background: -o-linear-gradient(top, rgba(95,152,202,1) 0%, rgba(4,51,85,1) 100%);
background: -ms-linear-gradient(top, rgba(95,152,202,1) 0%, rgba(4,51,85,1) 100%);
background: linear-gradient(to bottom, rgba(95,152,202,1) 0%, rgba(4,51,85,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f98ca', endColorstr='#043355', GradientType=0 );
 padding: 50px 20px; border: 3px solid #dadada; border-radius: 10px;  color: #fff;  font-weight: 600;}
 
 .kontaktformular h2 { color: #000; font-size: 30px; line-height: 33px; font-weight: 600;}
 .kontaktformular h3 { color: #000; font-size: 24px; line-height: 30px; font-weight: 600;}
 .kontaktformular p { font-size: 14px; color:#fff; line-height: 18px; font-weight: 600; margin-bottom: 18px}
 
 .kontaktformular label { font-size: 18px; font-weight: 600; }
 .kontaktformular label span, .kontaktformular label p { font-size: 14px; font-weight: 400; width: 100% }
 
  .kontaktformular #antragsteller-radio label span { width: 100px; margin-bottom: 10px}
    .kontaktformular .radio-bottom { margin-bottom: 20px; }
    .kontaktformular  .neuer-abschnitt-kontakt {margin-bottom: 20px;}
 
  .kontaktformular .percent50 { width: calc(50% - 12.5px); float: left; margin-bottom: 10px}
  .kontaktformular .percent100 { margin-bottom: 10px; } 
  
  .kontaktformular .input-rechts { margin-left: 12.5px;} 
 .kontaktformular .input-links { margin-right: 12.5px;} 

span.wpcf7-list-item { margin-left: 0px!important}
span.wpcf7-list-item.last { margin-bottom: 20px;}
input.wpcf7-text 	{ 
background: rgba(213,213,213,1);
background: -moz-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213,213,213,1)), color-stop(100%, rgba(254,255,254,1)));
background: -webkit-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -o-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -ms-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: linear-gradient(to bottom, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#fefffe', GradientType=0 );
border: none; 
border-radius:4px; 
color: #3A302F; 
font-size: 14px; 
line-height: 24px;
 margin-bottom: 15px;  
 padding: 0.5em 10px 0.5em 10px;
 width: 100%; 
 box-sizing: border-box;
     margin-top: 5px;}

textarea.wpcf7-textarea {  
background: rgba(213,213,213,1);
background: -moz-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213,213,213,1)), color-stop(100%, rgba(254,255,254,1)));
background: -webkit-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -o-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -ms-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: linear-gradient(to bottom, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#fefffe', GradientType=0 );
background-color: #fff; 
border: none; 
border-radius:4px;
color: #3A302F; 
font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0.5em 10px 0.5em 10px;  width: 100%; min-width: 100%; max-width: 100%; height: 107px; min-height: 107px; max-height: 107px; box-sizing: border-box;     margin-top: 5px;}


input.wpcf7-submit 	{ 
background: rgba(86,150,196,1);
background: -moz-linear-gradient(top, rgba(86,150,196,1) 0%, rgba(48,103,151,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(86,150,196,1)), color-stop(100%, rgba(48,103,151,1)));
background: -webkit-linear-gradient(top, rgba(86,150,196,1) 0%, rgba(48,103,151,1) 100%);
background: -o-linear-gradient(top, rgba(86,150,196,1) 0%, rgba(48,103,151,1) 100%);
background: -ms-linear-gradient(top, rgba(86,150,196,1) 0%, rgba(48,103,151,1) 100%);
background: linear-gradient(to bottom, rgba(86,150,196,1) 0%, rgba(48,103,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5696c4', endColorstr='#306797', GradientType=0 );
 border: none; border-radius: 4px; display: block; color: #fff; font-family: 'Noto Serif', serif; font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 15px; text-transform: uppercase; padding: 0.72em 20px; width: 200px; opacity: 1;  margin: 0 auto; box-sizing: border-box; -webkit-transition: all 300ms ease 0s; -moz-transition: all 300ms ease 0s; -o-transition: all 300ms ease 0s; transition: all 300ms ease 0s;}
.wpcf7-submit:hover 	{ width: 210px; }
.wpcf7-submit:active 	{ opacity: 0.8;}

input[type="radio"]{
	    margin-top: 15px;
    -webkit-appearance: radio;
	  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 1.33333px;
  right: 20px;
  bottom: 0;
  left: 0;
  height: 18px;
  width: 18px;
  transition: all 0.15s ease-out 0s;
background: rgba(213,213,213,1);
background: -moz-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(213,213,213,1)), color-stop(100%, rgba(254,255,254,1)));
background: -webkit-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -o-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: -ms-linear-gradient(top, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
background: linear-gradient(to bottom, rgba(213,213,213,1) 0%, rgba(254,255,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#fefffe', GradientType=0 );
  border: none;
  color: #000;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  z-index: 1000;
  border-radius: 4px;
      margin-top: 5px;
}


input[type="radio"]:checked::before {
  height: 18px;
  width: 18px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 20px;
  text-align: center;
  line-height: 18px;
  left:5px;
}
input[type="radio"]:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: red
    ;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}

input[type="radio"]:after {
  border-radius: 10px;
}



.impressum										{height:120px; overflow-y:scroll; padding-right:25px; margin-top:20px;}

/* validation */
span .wpcf7-not-valid {
    border: 1px solid #da2128;
	background: rgba(255,197,198,1.00);
}

span.wpcf7-not-valid-tip {
    display: none!important;
}

div.wpcf7-validation-errors {
    display: none !important;
}




.vc_gitem-animate { background-color: #5f98c9; background-image: url(images/img-arrow-white.png); background-repeat:no-repeat;  background-position: center center; background-size: auto 75px;;     -webkit-transition: all .3s ease;    -moz-transition: all .3s ease;    transition: all .3s ease; }
.vc_gitem-animate img { opacity: 1;     -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;}
.vc_gitem-animate img:hover { opacity: 0.7 }


@media screen and (max-width: 1550px) {#nav ul li a {font-size:17px;} }

@media screen and (max-width: 1510px) {
		.kontaktformular .percent50 { width: 100%;}
	.kontaktformular .input-links { margin-right: 0px;}
	.kontaktformular .input-rechts { margin-left: 0px;}
}
@media screen and (max-width: 1500px) {
	#footer ul 		{ width: 990px; }
	#footer ul li {     text-align: center; margin-bottom: 20px;}
	#footer a 	,.footer_kontakt_inner_wrap	,.footer_kontakt_inner_wrap a, #footer-icon-addresse{ font-size: 12px;}
	#nav ul li a { font-size: 15px}
	.footer_kontakt_inner_wrap {    max-width: 1000px;}
	
}
@media screen and (max-width: 1420px) {
	
	#nav ul li a { font-size: 15px}
	#nav ul li { margin: 0 10px;}
	#nav ul { margin-top: 33px; }
	#nav ul li a:hover, #nav ul li.current-menu-item a {     padding-bottom: 23px;}
}
@media screen and (max-width: 1260px) {
	.content-inner-wrap {     width: calc(100% - 550px); }
	#nav { display: none; }
	.content-padding-rechts {     padding-right: 95px!important;}
}


	
@media screen and (max-width: 1070px) {
	#footer ul 		{ width: 100%; }
	#footer ul li {   width: 33%; }
	#footer ul li:last-child 	{ width: 100%;}
	#footer ul li:nth-child(3), #footer ul li:nth-child(6) {border-right: none; }
	#footer a 		{ font-size: 16px;}
	
	.footer_kontakt_inner_wrap { width: 100%; column-count: 2;}
	.footer_kontakt_inner_wrap {}
	#footer-icon-tel, #footer-icon-handy, #footer-icon-addresse, #footer-icon-mail { width: 100%;  clear:both; margin-left: 0px; margin-bottom: 25px; }

}
@media screen and (max-width: 1024px) {

}


@media screen and (max-width: 890px) {
input.wpcf7-submit  { width: 100%; }
		.wpcf7-submit:hover {    width: calc(100% - 5px);}	
		.content-padding-rechts {     padding-right: 30px!important;}
}

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

	#footer-icon-tel, #footer-icon-handy { width: 50%; margin-left: 0px;}

} 

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

	#nav								{display:none;}
	.entry img							{ max-width:100%; height:auto;}
	.nachrichtenfelder						{ float:inherit; width:92%;}
	#nachricht							{ padding:0.8em 4% 0.8em 4%;}
	
		.kontaktformular .percent50 { width: calc(50% - 12.5px);}
	.kontaktformular .input-links { margin-right: 12.5px;}
	.kontaktformular .input-rechts { margin-left: 12.5px;}
	
	.header-icons .header-icon { width: 50%; padding:40px;}
	.header-icons .header-icon#header-icon-1 { }
	.header-icons .header-icon#header-icon-2 { }
	.header-icons .header-icon#header-icon-3 { }
	.header-icons .header-icon#header-icon-4 { }
	
	#content-wrap {       padding: 0px 30px 50px 30px;}
	
	.blog-content		{ width:100%; height:auto;}
	.sidebar				{ width:100%; height:auto; }
	
	input.wpcf7-submit  { width: 200px; }
		.wpcf7-submit:hover {    width: 210px;}	
		.news-front-page-wrap {     margin: 75px 0; }

}

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

	#footer ul li {   width: 49%; }
	#footer ul li:nth-child(3) {border-right: 1px solid #fff; }
	#footer ul li:nth-child(2) {border-right: none; }
	#footer ul li:nth-child(4) {border-right: none; }
	#footer a 		{ font-size: 16px;}

}

@media screen and (max-width: 630px) {
	.footer_kontakt_inner_wrap {  column-count: 1;}
	#footer-icon-addresse { min-width: 10px;}

}

@media screen and (max-width: 550px) {
	.kontaktformular .percent50 { width: 100%;}
	.kontaktformular .input-links { margin-right: 0px;}
	.kontaktformular .input-rechts { margin-left: 0px;}
	
	.vc_grid-item-zone-c-left .vc_gitem-zone-c, .vc_grid-item-zone-c-right .vc_gitem-animated-block,
	.vc_grid-item-zone-c-right .vc_gitem-zone-c { width:100%!important; float: none!important;}
	.vc_grid-item-zone-c-left .vc_gitem-zone-c, .vc_grid-item-zone-c-right .vc_gitem-animated-block { margin-bottom: 20px;}
	.news-text-padding-left { padding-left: 0px!important}
}

@media screen and (max-width: 480px) {
	.front_news_thumbnail {    width: 100%;    float: none;}
	.front_news_text {    width: 100%;    float: none;}
	h1, h3							{ font-size:27px; line-height:35px; }
	h2							{  font-size:22px; line-height:27px;}
}
@media screen and (max-width: 450px) {
		.header-icons .header-icon { padding: 20px; }
		.header-icons a#scheidungsantrag-icon, .header-icons a#scheidungskosten-icon, .header-icons a#scheidungsablauf-icon, .header-icons a#scheidungsformular-icon,
		.header-icons a#scheidungsantrag-icon:hover, .header-icons a#scheidungskosten-icon:hover, .header-icons a#scheidungsablauf-icon:hover, .header-icons a#scheidungsformular-icon:hover{ height: 40px}
	
}

@media screen and (max-width: 380px) {
	#footer a 		{ font-size: 13px; padding: 0px;}
	
	.top-nav-wrap { display: none; }
	
	.footer-sticky-bg {    display: block;}
		input.wpcf7-submit  { width: 100%; }
		.wpcf7-submit:hover {    width: calc(100% - 5px);}

}

/* ------------ JAN FIX ----------------- */