/*
Theme Name: VGK24 HEK
Author: OutsourceToAsia
Author URI: http://www.outsourcetoasia.de/
Description: Custom Wordpress Child Theme
Version: 5.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased.
Template: dt-the7
*/

body {background: #fff none repeat fixed left top;}

a {color:#DF822E!important; text-decoration:none!important}
#main {
    padding: 0!important;
}

#cookie-notice, #wpadminbar {display:none!important}
#btn_abmelden {text-decoration:none!important}
.list_kasse {cursor:pointer}

#compareTable{
  display: table;
}

#compareTable .leistung_content{
  display: table-row;
}

.leistung_info_right {
  display: table-cell;
  vertical-align: middle;
  padding-right:10px;
}

.leistung_topic {
  display: table-cell;
  vertical-align: middle;
  line-height:16px!important;
}

.leistung_status {
  display: table-cell;
  vertical-align: center;
  padding-right:10px;
}

.formcraft-icon-type-no-icon {display:none!important}

.left-icon .aio-icon-left {
    vertical-align: middle!important;
}

html .formcraft-css .fc-form .form-element .checkbox-cover > div label {
    display:block
}


/*html .formcraft-css .fc-form .form-element .checkbox-cover .main-label {display:none}*/

.form-element-type-heading { height:40px!important; margin-top:20px;}



.kasse {border: 1px solid #CECECE; border-radius:20px; padding:40px 30px;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);
  -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);
  box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);
}
#kasse-538 {border: 2px solid #DF822E;}

.vorteilskasse {color:#DF822E; font-size:26px; line-height:32px; font-weight:bold; margin-bottom:25px; margin-left:5px}
.ergebnis {color:#57AAD7; font-size:26px; line-height:32px; font-weight:bold; margin:30px 0 25px 5px;}

.gruende {color:#fff; font-size:18px;
  line-height:40px;
  font-weight:bold;
  margin:30px 5px 25px 0;
  background-color:#57AAD7;
  text-align:center;
  text-decoration:none;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);
  -moz-box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);
  box-shadow: 0 3px 7px 0 rgba(0,0,0,0.35);
}

.gruendelink {
  text-decoration:none!important;
}

.beitrag {color: #005ea8; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:26px; line-height:28px; font-weight:700;}
.beitragsatz {text-align:left}
.logo img {max-width: 100%; max-height:80px;}
.mini {color:#575757; font-size:11px; line-height:16px; font-weight:400; font-family: Verdana,Arial,Helvetica,sans-serif;}
.fa {font-size:14px;}
.icon-info-circled-1 {color:#575757; cursor:help}
.icon-ok-circled {color:#67AE23}
.weiter {background-color:#EB690C; color:#fff; padding: 5px 25px; cursor:pointer; text-align:center; margin-top:25px; }
.resetfilter, .closefilter {background-color:#EB690C; color:#fff; padding: 5px 25px; cursor:pointer; text-align:center; margin-top:25px; }
.back {background-color:#57AAD7; color:#fff; padding: 5px 25px; cursor:pointer; text-align:center; margin-top:25px; }
.vergleich {display:block; font-size:13px; margin-top:15px; }


/* Acordeon styles */

.kassentab {
  position: relative;
  width: 100%;
  color: #006BB2;
  overflow: hidden;
  /*border: 1px solid #CECECE;*/
  border-top:0;
  margin-bottom:20px
}

.kassentab input:not(.kassenfilter) {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.kassentab label {
  position: relative;
  display: block;
  padding: 0 0 0 10px;
  background: #006BB2;
  font-weight: normal;
  font-size:13px;
  line-height: 2;
  cursor: pointer;
  color:#fff;
}


.filtertab {
  color: #EB690C;
 /* border: 1px solid #EB690C;*/
  margin-right:0!important;
  margin-left:0;
  background: #EB690C!important;
  line-height:40px;
    margin-top:10px!important;
    padding:0!important
}

.kassentab .blue label {
  background: #2980b9;

}

.filtertab label {
  background: #EB690C;
  font-weight:bold;
  line-height:40px;
}


.kassentab .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #fff;
  -webkit-transition: max-height .35s;
  -o-transition: max-height .35s;
  transition: max-height .35s;
  font-size:14px;
  color:#575757;
  padding:0 10px;
}


.kassentab .blue .tab-content {
  background: #3498db;
}

.kassentab input:checked ~ .tab-content {
  max-height: 5000px;
}

.filtertab .tab-content {
  max-height: 5000px;
  display: none;
}

/* Icon */

.kassentab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
 -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
}


.kassentab input[type=checkbox] + label::after {
  content: "+";
}
.kassentab input[type=radio] + label::after {
  content: "\25BC";
}
.kassentab input[type=checkbox]:checked + label::after {
  transform: rotate(315deg);
}
.kassentab input[type=radio]:checked + label::after {
  transform: rotateX(180deg);
}


/* Tooltip */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#ffffff;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}

/*CSS3 extras*/
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}


a.tooltip-left {outline:none; }
a.tooltip-left strong {line-height:30px;}
a.tooltip-left:hover {text-decoration:none;}
a.tooltip-left span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip-left:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#ffffff;}

/*CSS3 extras*/
a.tooltip-left span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}


.tooltip_templates, .tooltip_content  {display:none}
.ttheadline {color:#006BB2; font-size:14px; padding:5px}
.ttcontent  {color:#575757; font-size:12px; padding:5px}

.leistung_header {font-weight:bold; color: rgb(255, 255, 255); background-color: rgb(87, 170, 215);}
/*
.leistung_header {font-weight:bold; border-bottom:1px dotted #f1f1f1; line-height:28px; margin-top:10px;}
.leistung_content{ border-bottom:1px dotted #f1f1f1;  line-height:22px;}
.leistung_content.even {background-color:#f1f1f1!important}
.leistung_topic{ display:inline-block; border-bottom:1px dotted #f1f1f1;  line-height:22px; }
.leistung_info {display:inline-block; width:35px; text-align:center; line-height:22px; float:right}
.leistung_info_left {display:inline-block; width:35px; text-align:center; line-height:22px;}
.leistung_info_right {display:inline-block; width:35px; text-align:center; line-height:22px;}
.leistung_status {display:inline-block; width:35px; text-align:left; line-height:22px;}
.leistung_content_footer {font-size:12px; margin-top:25px; line-height:17px; margin-bottom:15px}
*/
.topleistung_header {font-weight:bold; line-height:28px; margin-top:-10px; }
.topleistung_content{line-height:22px; display: flex;}
.topleistung_topic{ display:inline-block; line-height:22px; width: 90%;}
.topleistung_status {display:inline-block; width:25px; text-align:left; line-height:22px;}

.leistung_content .fa {font-size:18px; line-height:20px; }
.icon-ok-circled {color:#67AE23; }
.icon-cancel-circled {color:#DB0812;}
.icon-help-circled {color:#575757; cursor:help;}
.fa-plus-circle {color:#67AE23; }
.fa-minus-circle {color:#d0d0d0; }
.splus {color: #575757; }
.sminus {color: #d0d0d0; }
#kasseninfo { margin-top:20px!important; font-size:14px; background-color:#f2f2f2; padding:10px; margin-bottom:0;}

.loader {
  border: 3px solid #fff; /* Light grey */
  border-top: 3px solid #006BB2; /* Blue */
  border-radius: 50%;
  width: 10px;
  height: 10px;
  animation: spin 1s linear infinite;
  margin-top:-22px!important;
  margin-bottom:4px;
  margin-left:170px;
  line-height: 2em;
  display:none;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.resetfilter {min-width: 210px; max-width:320px; margin-bottom:0; float:right; display:block}
.closefilter {min-width: 210px; max-width:320px; margin-bottom:20px; float:right; display:block}
.activfilter {font-size:12px; font-weight:normal}

.kassenToolTip {
  border-color: #006BB2;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
  font-size:13px;
  line-height:16px;
}

.leistung_info_content {display:none}

#aktuelleKasse .kasse {border: 1px solid #EB690C }
/*#aktuelleKasse .vergleich {display:none}*/


#aktuelleKasse .weiter {display:none}
.mega, .fa-filter {font-size:20px}

#compare {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  /*background-color: rgba(0, 0, 0, 0.7);*/
  background-color: #006BB2;
  width:100%;
  height: 120px;
  margin-top:20px;
  display:none;
  padding:10px;
  text-align:center!important
}

.compare_cell {width:100%!important; text-align:right!important;padding-top:1px; position: relative;}
#compare_exec {color:#fff; font-size:12px;margin-right:2px;text-transform: uppercase; background-color: #EB690C; padding: 2px 10px; cursor:pointer}
#compare_del {color:#fff; font-size:11px; cursor:pointer}

.wf-1-4.compare-cell {
  color: #ccc;
  background-color: #efefef;
  text-align: center;
  /*width: 24.6%;*/
  width: 32.8%;
  height: 80%;
  font-size: 40px;
  line-height: 80px;
  padding:0;
  vertical-align: center;
  position: relative;
}

.wf-1-4.compare-cell .compare-content {
  height: 99%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  vertical-align: middle;
}

.wf-1-4.compare-cell .compare-content img{
  vertical-align: middle;
}

.compare_del_button {
  width: 20px;
  height: 20px;
  top: -30px;
  right: 0;
  position: absolute;
  cursor:pointer;
  color:#000;
  font-size:20px;
}

.compare_del_button .fa{
  font-size:20px!important;
  color:#EB690C;
}

.wf-1-4.compare-cell img {   max-width:90%;   max-height:90%; }


@media (max-width:900px) {
  .wf-1-4.compare-cell{ width:24.3%; }
}
@media (max-width:510px) {
  .wf-1-4.compare-cell{ width:23.6%; }
}

.wf-1-5 {
  width: 18%;
}

.auszeichnung {margin-top:0;text-align:center;}
.logo.center {text-align:center; padding:5px 20px 0 20px; background-color:#fff; margin:5px 30px; min-height:80px; border-radius: 20px;}
.logo-banner {background-color:#EB690C}

.filter-cell.wf-1-2 {float:left; cursor: pointer}
.filter-cell.right {text-align:right!important; color:#fff!important; font-size: 12px;}
/*
#compareTable {font-size:75%; min-width:950px;}
.compare_col_0, .header0 {width:320px;display:inline-block; border-right:1px dotted #ccc}
.compare_col_1, .header1 {width:270px; display:inline-block; border-right:1px dotted #ccc}
.compare_col_2, .header2 {width:270px; display:inline-block; }
*/
/*.header0 {margin-left:38px; height:70px; border:none}
.header1 {text-align:center; height:70px; border:none}
.header2 {text-align:center; height:70px; border:none}
*/

.header1 img {max-width:120px; max-height:60px; margin-left:5px; }
.header2 img {max-width:120px; max-height:60px; margin-left:5px}

#compare_back {width:100%; font-size:14px; font-weight:bold; margin-top:0!important;  }
#print_pdf {width:100%; font-size:14px; font-weight:bold; margin-top:0!important;  }

#kassenwahl_frame{
  
  /*background-color: transparent;
  border: 1px dotted rgb(0, 0, 0);*/
  width: 350px;
  /*height: 350px;*/
  margin:0 auto!important;
  margin-top:-10px!important;
  text-align:center;
  /*-webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);
  -moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3);*/
}

.kassenwahl-title {background-color: #EB690C; color:#fff; text-transform:uppercase; font-size:20px; line-height:40px}


#kassenwahl_select {
  font-size:20px!important;
  /*height:310px!important;*/
  width:100%!important;
  /*-webkit-appearance: none!important;*/
  margin-bottom:20px;
}

#kassenwahl_select option {
  padding:10px 5px;
  font-size:20px!important;
}

.final-success-check {display:none!important}

.horizontal-scroll {
  overflow: hidden;
  overflow-x: auto;
  clear: both;
  width: 100%;
}

table {
  width: 100%!important;
  border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) {
  background: #eee;
}
th {
  background: #333;
  color: white;
  font-weight: bold;
}
td, th {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;

}
@media only screen and (min-width: 640px)  {
  td, th {
    padding: 6px;
	padding-right:10px;  
    border: 1px solid #ccc;
    text-align: left;
    width:32%;
  }
  .header0 {width:33%;display:inline-block; }
  .header1 {width:33%;display:inline-block; }
  .header2 {width:33%;display:inline-block;  }
}

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

  /* 
  table, thead, tbody, th, td, tr {
    display: block;
  }

  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  tr { border: 1px solid #ccc; }

  td {
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;

  }

  td:before {

    position: absolute;

    top: 6px;
    left: 6px;
    width: 45%!important;
    padding-right: 10px;
    white-space: nowrap;
  }
*/
  .header0 {width:100%;display:inline-block; height:50px; text-align:center!important}
  .header1 {width:100%;display:inline-block; height:70px; text-align:center!important}
  .header2 {width:100%;display:inline-block; height:70px; text-align:center!important}
  #compare_back {margin:0 auto!important;  }
  #print_pdf {margin:0 auto!important;  }
}

#auszeichnung1 {max-width:100%; max-height:100%; }
#auszeichnung2 {max-width:100%; max-height:100%; }
#auszeichnung3 {max-width:100%; max-height:100%; }
#auszeichnung4 {max-width:100%; max-height:100%; }
#auszeichnung5 {max-width:100%; max-height:100%; }
#auszeichnung6 {max-width:100%; max-height:100%; }
.kasse .wf-cell.wf-1-6 {padding: 0 3px; width: 16%;}

@media only screen and (max-width: 767px) {
  .kasse .wf-cell.wf-1-6 {padding: 0 3px; width: 32%;}
}

.post-password-form {text-align:center}
.post-password-form > p:first-child {
   /* display:none;*/
}

.bg_white {background-color:#fff!important}
.blank {border: none!important;}

.list_menu {max-width:920px; margin-bottom:20px; margin-top:10px}
.list_footer_col { display:inline-block;width:calc(33% - 6px)!important;  }

.arrow {
  border: solid white;
  border-width: 0px 3px 3px 0;
  display: inline-block;
  margin-top:5px;
  padding: 3px;
  float:right;
  cursor:pointer;
}

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.grpinfo{display:none}
.auszeichnung img {max-height:175px!important;}
.logo img {max-width:180px!important;}


.loading-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.loading-spinner {
  border: 8px solid rgba(0, 0, 0, 1);
  border-radius: 50%;
  border-top: 8px solid #eb690c;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.grpinfo{display:none}
.auszeichnung img {max-height:175px!important;}
.logo img {max-width:180px!important;}

.leistung_desc_helper {position:absolute; left: 10000px; width:10000px }
.icon-minus-circled {color:#d0d0d0!important;}

.leistung_status .fa-exclamation-circle {margin-left:2px!important; }
.conditional{
  color: #63b712 !important;
}

.topleistung_status i {font-size: 20px;}
.leistung_status i {font-size: 20px;}
.leistung_status .conditional {margin-left:3px!important;}