/* tarifrechner-cybers.css */

#calculator-icons .container .flex_column { cursor: pointer; }
#calculator-icons .av-content-full { padding: 30px 0 10px; }
#calculator-icons h3 { font-size: 18px; font-weight: 300; text-align: center; margin-top: 15px; }
#calculator-icons img { max-width: 100%; }

#calculator-icons .avia-builder-el-5:hover h3 { color: #cd6300; }
#calculator-icons .avia-builder-el-5:hover svg #do-1 { fill: #cd6300; }
#calculator-icons .avia-builder-el-5:hover svg #do-2 { fill: #cd6300; }

#calculator-icons .avia-builder-el-7:hover h3 { color: #cd6300; }
#calculator-icons .avia-builder-el-7:hover svg .cybersvg { fill: #cd6300; }
#preview-cyber li a { background: url(/img/Logos_Infinco_Cyber.svg) no-repeat; padding-left: 60px; height: 45px; display: block; font-size: 20px; font-weight: 400; }

#calculator-icons .avia-builder-el-9:hover h3 { color: #cd6300; }
#calculator-icons .avia-builder-el-9:hover svg .vmsvg { fill: #cd6300; }

#calculator-icons .avia-builder-el-11:hover h3 { color: #cd6300; }
#calculator-icons .avia-builder-el-11:hover svg .crimesvg { fill: #cd6300; }

#calculator-icons .avia-builder-el-13:hover h3 { color: #cd6300; }
#calculator-icons .avia-builder-el-13:hover svg .rechtsvg { fill: #cd6300; }

a.active-calculator-item { color: #cd6300; text-decoration: underline !important; }
#calculator-icons h3.activeColor { color: #cd6300; }
#calculator-icons .activeFillColor { fill: #cd6300; }

.calculator-preview .title { color: #000; font-family: "Roboto Condensed","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 60px; font-weight: 300; letter-spacing: 0; line-height: 62px; margin: -5px 0; text-transform: none; }
.calculator-preview ul { margin: 30px 0 0; }
.calculator-preview li { list-style: none; margin-left: 0; }
.calculator-preview a { text-decoration: none; font-weight: 600; line-height: 200%;} 
.calculator-preview a:hover { color: #cd6300; } 

#after_section_1 { border: none; }

.calculator_nav { margin-bottom: 25px; color: #989493; }
#tarifrechner-form .calculator_nav .nav_item { color: #989493; border-bottom: 2px solid #666 !important; float: left; font-size: 16px; padding: 0 16px 6px; width: auto; }
#tarifrechner-form .calculator_nav div:first-child { padding-left: 0 !important; }
#cyber-tarifrechner #cyber-step-3 input { border-color: #ccc; }
#tarifrechner-form .calculator_nav .nav_item.step-click { cursor: pointer; color: #383838; }
#tarifrechner-form .calculator_nav .nav_item.active { border-bottom: 4px solid #cd6300 !important; color: #cd6300; }

.main_color, .main_color div, .main_color header, .main_color main, .main_color aside, .main_color footer, .main_color article, .main_color nav, .main_color section, .main_color span, .main_color applet, .main_color object, .main_color iframe, .main_color h1, .main_color h2, .main_color h3, .main_color h4, .main_color h5, .main_color h6, .main_color p, .main_color blockquote, .main_color pre, .main_color a, .main_color abbr, .main_color acronym, .main_color address, .main_color big, .main_color cite, .main_color code, .main_color del, .main_color dfn, .main_color em, .main_color img, .main_color ins, .main_color kbd, .main_color q, .main_color s, .main_color samp, .main_color small, .main_color strike, .main_color strong, .main_color sub, .main_color sup, .main_color tt, .main_color var, .main_color b, .main_color u, .main_color i, .main_color center, .main_color dl, .main_color dt, .main_color dd, .main_color ol, .main_color ul, .main_color li, .main_color fieldset, .main_color form, .main_color label, .main_color legend, .main_color table, .main_color caption, .main_color tbody, .main_color tfoot, .main_color thead, .main_color tr, .main_color th, .main_color td, .main_color article, .main_color aside, .main_color canvas, .main_color details, .main_color embed, .main_color figure, .main_color fieldset, .main_color figcaption, .main_color footer, .main_color header, .main_color hgroup, .main_color menu, .main_color nav, .main_color output, .main_color ruby, .main_color section, .main_color summary, .main_color time, .main_color mark, .main_color audio, .main_color video, #top .main_color .pullquote_boxed, .responsive #top .main_color .avia-testimonial, .responsive #top.avia-blank #main .main_color.container_wrap:first-child, #top .main_color.fullsize .template-blog .post_delimiter, .main_color .related_posts.av-related-style-full a { border-color: #fff !important; border: none !important; background: transparent; }
td { padding: 5px 0; font-size: 16px; }
#cyber-tarifrechner { margin-top: 0; }
#cyber-tarifrechner .janeinradio { min-width: 140px; width: 140px; text-align: right; }
#cyber-tarifrechner .janeinradioPU { min-width: 180px; width: 180px; text-align: right; }
.summe { width: 85px; background: #314972; color: #fff; padding: 0px 6px; font-weight: 600; }
#cyber-tarifrechner .sum2 { color: #cb6200; font-weight: 600 !important; }
#cyber-tarifrechner .rightalign { text-align: right; font-weight: 300; }
#cyber-tarifrechner .tdnr { min-width: 25px; width: 25px; }
#cyber-tarifrechner .avia_responsive_table table.avia-table .border-bottom { border-bottom: #ddd solid 1px !important; background: transparent; }
#cyber-tarifrechner .avia_responsive_table table.avia-table .border-bottom td { padding-top: 6px; line-height: 135%; }
#cyber-tarifrechner .border-bottom ul { margin-bottom: 0; }
#cyber-tarifrechner .form-error { color: red; }
#cyber-tarifrechner input[type="text"] { font-size: 13px; padding: 8px !important; }
#cyber-tarifrechner select { font-size: 14px; padding: 8px !important; margin-bottom: 0px; }
#vorversicherung input[type="text"] { margin-bottom: 0; }
#vorschaeden_details_area { height: 105px; font-size: 13px !important; padding: 4px 8px !important; }
td.rightalign.summe { width: 110px; background: #fff; color: #383838; }
#cyber-tarifrechner .radio-custom-label { margin-top: -4px; }

#cyber-tarifrechner #cyber-step-3 label { display: none; }
#cyber-tarifrechner .form_element { margin-bottom: 0; }
#cyber-tarifrechner input::-webkit-input-placeholder { color: #989493 !important; }
#cyber-tarifrechner input:-moz-placeholder { color: #989493 !important; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #989493 !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #989493 !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #989493 !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #989493 !important;
}

#cyber-tarifrechner .helpicon { background-color:#314972; font-weight: 300 !important; border-color:#314972; color: #ffffff !important; padding: 0 6px; border-radius: 50%; text-decoration: none; margin: 0 10px; font-size: 13px; }
#cyber-tarifrechner .helpicon:hover { text-decoration: none; }
#cyber-tarifrechner .avia_ajax_form .form_element_half, .avia_ajax_form .form_element_third { margin-bottom: 0; }

#cyber-tarifrechner .checkbox-custom, .radio-custom { opacity: 0; position: absolute; }	
#cyber-tarifrechner .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label { display: inline-block; vertical-align: middle; margin: 2px 5px; cursor: pointer; }	
#cyber-tarifrechner .checkbox-custom-label, .radio-custom-label { position: relative; }
#cyber-tarifrechner .checkbox-custom + .checkbox-custom-label:after, .radio-custom + .radio-custom-label:after { content: ''; background: #fff; border: 1px solid #aaa; display: inline-block; vertical-align: middle; width: 10px; height: 10px; padding: 2px; margin-left: 10px; text-align: center; }
#cyber-tarifrechner .checkbox-custom:checked + .checkbox-custom-label:after { background: #314972; box-shadow: inset 0px 0px 0px 4px #fff; }
#cyber-tarifrechner .radio-custom + .radio-custom-label:after { border-radius: 1%; } 
#cyber-tarifrechner .radio-custom:checked + .radio-custom-label:after { background: #314972; box-shadow: inset 0px 0px 0px 4px #fff; }
#cyber-tarifrechner .checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label { outline: 0px solid #aaa; }
#cyber-tarifrechner .radio-custom-label.labelnomargin:after { margin-left: 0; margin-right: 0; }
#cyber-tarifrechner .tablecolored td { background: #f4f4f4 !important; padding: 0; }
#cyber-tarifrechner table.tablecolored { margin: 0; }
#cyber-tarifrechner div.tablecolored { margin: 10px 0; background: #f4f4f4; padding: 6px; border: solid 1px #ccc !important; overflow: auto; max-height: 154px;}

.dialogContent, .ui-dialog-title { font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;line-height: 140%; }
.ui-widget.ui-widget-content { border-color: #fff; border: none; background: #fff; width: 340px; }
.ui-draggable .ui-dialog-titlebar { background: none; border: none; }

.ui-tooltip, .arrow:after {	background: #314972; border: none; text-align: justify; }
.ui-tooltip { max-width: 480px !important; width: auto !important; min-height: 90px; }
.ui-tooltip { padding: 6px 12px 6px 130px; border-radius: 6px; font-size: 14px; box-shadow: 0 0 7px #999; background: url('/wp-content/plugins/tarifrechner/img/cybillecyber.jpg') no-repeat top left #fff !important; }
.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.arrow.top { top: -16px; bottom: auto; }
.arrow.left { left: 20%; }
.arrow:after { content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px #999; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.arrow.top:after { bottom: -20px; top: auto; }

#tarifrechner-result { background: #314972; border-radius: 0; color: #fff; font-size: 20px; line-height: 150%; padding: 0; text-transform: uppercase; width: 246px;}
.fixed-result { position: fixed; top: 140px; }
.fixed-result2 { position: fixed; top: 286px; }
#tarifrechner-result td { padding: 10px 12px 0px; }
#tarifrechner-result li { text-transform: none; color: #fff; list-style-type: initial; margin-left: 15px; }

.html_header_top.html_header_sticky #header { box-shadow: 0px 0px 30px rgba(0,0,0,0.1); background: #fff; } 

#cyber-tarifrechner p, table.risikofragen { text-align: justify; }
#cyber-tarifrechner h4 { margin-top: 40px; }
#cyber-tarifrechner .tablecolored h4 { margin-top: 0; }
.color-orange { color: #cd6300; }
#scroll-top-link { bottom: 70px; }

table.risikofragen .additionalField { margin-top: 10px; }

@media (max-width: 768px) {
	#preview-cyber li a { line-height: 100%; background: url(/img/Logos_Infinco_Cyber_orange.svg) 0 -5px no-repeat; }
	#calculator-icons .av_one_fifth { width: 47% !important; margin-right: 3% !important; }
	#calculator-icons h3 { min-height: 38px; }
	.responsive div .avia_responsive_table .avia-data-table td { text-align: left; }
}
@media only screen and (max-width: 468px) {
	#calculator-icons .av_one_fifth { width: 100% !important; margin-right: 0% !important; }
}
.clear { clear: both; }
.text-center, #cyber-tarifrechner .text-center p { text-align: center !important; margin: 0; }
ul.markerlist { text-align: justify; position: relative; display: inline-flex; justify-content: space-around; width: 100%; }
.markerlist li { position: relative; width: 25%; text-align: center; display: inline; padding-bottom: 20px; }
.marker-number { width: 1.5em; height: 1.5em; text-align: center; line-height: 1.7em; border-radius: 50%; background: #336 !important; display: inline-block; }
.marker-line { position: absolute; width: 100%; height: 1px; background-color: #336 !important; top: 13px; }
li.active span.marker-number { background: #336 !important; }
.active ~ li span.marker-number { background: #fff !important; border: #336 solid 1px !important; }
span.marker-text { color: #336; line-height: -15px; position: absolute; left: 0; right: 0; bottom: 0; }
.bgcolor { background: #e7e7e7 !important; }
.paddinglr50 { padding: 30px 50px; }
.optionbox3 { padding: 30px 50px; background: #e7e7e7 !important; }
.optionbox2 { padding: 30px 50px; background: #e7e7e7 !important; }
div .av_one_third.optionbox3 { margin-left: 1%; width: 32.666%; }
div .av_one_third.optionbox3.first { margin-left: 0; }
div .av_one_fourth.optionbox3 { margin-left: 1%; width: 24.25%; }
div .av_one_fourth.optionbox3.first { margin-left: 0; }
.optionbox3 select, .optionbox2 select, .optionbox2 input { margin: auto !important; text-align: center; }
.optionbox3 p, .optionbox2 p { margin: 0 0 12px; font-weight: 600; text-align: center !important; }
.boxdivider { clear:both !important; height: 12px; }
#cyber-tarifrechner .optionbox3 .helpicon { position: absolute; right: 0; top: 8px; width: 24px; background: transparent; color: #336 !important; font-weight: 600 !important;}
#cyber-tarifrechner .paddinglr50 .helpicon { background: transparent; color: #336 !important; font-weight: 600 !important; border: #336 solid 1px !important; }
#cyber-tarifrechner .optionbox3 h4 { margin-top: 0; }
#cyber-tarifrechner .paddinglr50 h4, #cyber-tarifrechner .optionbox3 h4 { text-align: center; margin-top: 0; color: #b9462f; }
#cyber-tarifrechner table.avia-table { margin-bottom: 0; }
#cyber-tarifrechner .checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label { margin: 2px 0 0 0; }
.paddinglr50 td.rightalign.summe { background: transparent; }
.avia-position-center { text-align: center; width: 100%; }
.main_color tr:nth-child(2n+1), .main_color .pricing-table > li:nth-child(2n+1), .main_color .pricing-extra { background: transparent; }
#cyber-tarifrechner .avia_responsive_table table.avia-table .border-bottom td { padding: 12px 0; line-height: 135%; font-size: 14px; }
#cyber-tarifrechner .avia_responsive_table table.avia-table .noborder-bottom td { padding: 12px 0; line-height: 135%; font-size: 14px; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #ccc; background: #ddd; color: #000; }
.ui-datepicker td span, .ui-datepicker td a { padding: 2px; font-size: 14px; text-align: center; }
tr:first-child th, tr:first-child td, tr th:first-child, tr td:first-child { border-color: #fff; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #336; background: #336; }

#vn_plz, #cyber_plz, #vn_plz_firma { width: 70px !important; display: inline-block !important; }
#vn_ort, #cyber_ort, #vn_ort_firma { width: calc(100% - 81px) !important; display: inline-block !important; margin-left: 6px !important; }
#top #cyber-tarifrechner fieldset { margin-bottom: 0; }	

.ui-datepicker-month, .ui-datepicker-year {
    width: 110px !important;
    display: inline-block !important;
    margin: 0 2px !important;
}
.nopadding_button_row { padding: 0 !important; }
.nopadding_button_row.av_one_fourth { width: 25%; margin: 0 !important; }
.nopadding_button_row.av_one_half { width: 50%; margin: 0 !important; }
.boxdivider { clear:both !important; }

#footer, #socket { z-index: 0; }
.main_color div.fixed_bottom {
    position: fixed;
    bottom: 0;
    border: #ccc solid 1px !important;
	z-index: 10;
	padding: 0 !important;
	width: calc(100vw - 100px);
	max-width: 1210px;
	background:#fff;
}

.main_color #tarifrechner-form tr:nth-child(2n) { background: transparent; }

/* tarifrechner-do.css */
#preview-do li a { background: url(/img/Logos_Infinco_DO.svg) no-repeat; padding-left: 60px; height: 45px; display: block; font-size: 20px; font-weight: 400; }

@media (max-width: 768px) {
	#preview-do li a { line-height: 100%; background: url(/img/Logos_Infinco_DO.svg) 0 -5px no-repeat; }
}


#preview-crime li a { background: url(/img/Logos_Infinco_Crime.svg) no-repeat; padding-left: 60px; height: 45px; display: block; font-size: 20px; font-weight: 400; }
@media (max-width: 768px) {
	#preview-crime li a { line-height: 100%; background: url(/img/Logos_Infinco_Crime.svg) 0 -5px no-repeat; }
}
#preview-recht li a { background: url(/img/Logos_Infinco_Recht.svg) no-repeat; padding-left: 60px; height: 45px; display: block; font-size: 20px; font-weight: 400; }
@media (max-width: 768px) {
	#preview-recht li a { line-height: 100%; background: url(/img/Logos_Infinco_Recht.svg) 0 -5px no-repeat; }
}
#preview-vm li a { background: url(/img/Logos_Infinco_Vermoegen.svg) no-repeat; padding-left: 60px; height: 45px; display: block; font-size: 20px; font-weight: 400; }
@media (max-width: 768px) {
	#preview-vm li a { line-height: 100%; background: url(/img/Logos_Infinco_Vermoegen.svg) 0 -5px no-repeat; }
}

.avia-icon-list .av-iconlist-empty .iconlist_title {
    margin-top: 5px !important;
}
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    border: #cb6200 solid 4px;
}

/* loginbox */
.infinco_loginbox2 { float: right; }
.infinco_loginbox2 #error-login-top { width: auto; display: inline-flex; font-size: 13px; }
.infinco_loginbox2 input { background-color:#f4f4f4 !important; border-color:#efefef !important; padding: 5px !important; }
.infinco_loginbox2 input#loginname2 { width: 150px; display: inline-flex; font-size: 13px; }
.infinco_loginbox2 input#loginpass2 { width: 75px; display: inline-flex; font-size: 13px; }
.infinco_loginbox2 a#btn-login-top { background-color:#314972; border-color:#314972; color:#ffffff; padding: 5px; margin: 1px; }

.infinco_loginbox { float: right; padding: 3px 9px; font-size: 14px; background: #cd6300; border-radius: 0 0 5px 5px; border: #efefef solid 1px; margin-bottom: 20px; }
.infinco_loginbox a { color: #fff; font-weight: 600; text-decoration: none; text-transform: uppercase; } 
.infinco_loginbox a:hover { color: #f8f8f8; } 

.main_color div.bgcolor_red { background: #b9462f !important; border-bottom: 5px solid #313366 !important; }
.main_color div.bgcolor_red h2 { margin: 0; color: #fff; }
h3.blue { color: #313366; font-size: 20px; }
.icon-box { float: left; width: 160px; line-height: 140%; }
.icon-box a { text-decoration: none; }
.dld-icons { text-align: center; display: inline-block; }
.paddinglr5 { padding: 10px 0 5px !important; }

table td { font-size: 14px; }

#cyber #cyber-tarifrechner > div > div table select {
	width: 195px !important;
	border: 1px solid #ccc;
	padding: 7px !important;
	font-size: 13px;
}

#top .main_color .input-text, #top .main_color input[type="text"], #top .main_color input[type="input"], #top .main_color input[type="password"], #top .main_color input[type="email"], #top .main_color input[type="number"], #top .main_color input[type="url"], #top .main_color input[type="tel"], #top .main_color input[type="search"], #top .main_color textarea, #top .main_color select {
	border: 1px solid #ccc;
	padding: 7px !important;
	font-size: 13px;
}