.labelgroup {
  width:100%;
}
.label.anrede {
    margin-right:30px;
}
@media screen and (min-width: 700px) {
    .rechner .labelgroup .label {
    max-width: 350px;
  }
}
.p-2 .labelgroup .label {
    margin-left:31px;
}
@media (max-width: 991px) {
    .p-2 .labelgroup .label {
        margin-left:25px;
    }
}
@media (max-width: 920px) {
    .p-2 .labelgroup .label {
        margin-left:15px;
    }
}
.row.container-flex > div[class*='col-'] .teaserImg {
    display:block !important;
    width:100%;
    border:1px solid red;
}
hr.bot {
  margin: 0 0 1.4285714286rem 0;
}
.backlink {
    padding-top:8px;
}
.formerror input, .formerror textarea, .formerror select  {
    border-bottom:2px solid #E80C26;
}
.label-margin {
    margin:0px;
}
.formerror .message-line .error-message {
    display: block;
}
.checkmark.flat {
    margin-top:0px;
}
.checkmark.flat li {
    position: relative;
    margin-bottom: 3px;
    line-height: 20px;
}
.stageSlider.image-gallery .image-gallery-content .contentWrapper .bubble .claim > span:first-child {
    font-size: 1.4285714286rem;
    line-height: 1.4142857143rem;
}
.categoryProductTeaser {
    padding:0px;
}
.contentWrapper {
    width:100%;
}
.image_full {
    margin:20px 0px 20px 0px;
}
.image-gallery .button {
    color:#333333;
}
.contentwrapper.homePage {
    margin-bottom:30px;
}
.phone-contact {
    display:block;
}
.align-center {
    text-align:center;
}
.clearfix {
    clear:both;
}
.bgwhite {
    background-color:#FFFFFF !important;
}
.pikto img {
    height:50px;
    width:auto;
    margin-bottom:8px !important;
}
.accordion .copy .einzug {
    padding:20px !important;
}
@media (max-width: 768px) {
    .mainnav-item a.sub {
        border-bottom:1px solid #FFFFFF;
    }
}

.globalTeaser.bglightblue {
    background-color:#E7EDF3;
}

.rechner {
    border-top:1px solid #D9D9D9;
    padding:24px 15px 15px 15px;
    margin-top:30px;
}
.beitrag {
    font-size:26px;
    font-weight:bold;
    margin:8px 0px 20px 0px;
}
.beitrag2_gss, .beitrag2_gvl {
    display:none;
}
.stellgroessen {
    padding:16px 0px 0px 0px;
}
.stellgroessen.hidden {
    display:none;
}
.rechner .stellgroessen:first-of-type {
    padding:0px;
}
.rechner .hinweis {
    font-size:12px;
    color:#666666;
}
#reisedatum {
    background-image:url(img/datepicker.gif);
    background-repeat:no-repeat;
    background-position:right;
    width:120px;
}
@media (max-width: 911px) {
    .ergebnis {
        margin-top:30px;
    }
}
.beitragsausgabe.hidden {
    display:none;
}
/* Head */

.logo_trenner {
    margin:0px 32px 0px 32px;
    width:1px;
    height:20px;
    background-color:#cccccc;
    display:inline-block;
}
.kooperation-wrapper {
    width:30px;
    position:relative;
    display:inline-block;
}
.kooperation {
    position:absolute;
    top:-15px;
    left:0px;
    color:#000000;
    padding-right:20px;
    font-size:14px;
    line-height:14px;
    display:inline-block;
}
.logout-wrapper:after {
    content: '';
    margin:0px;
    width:1px;
    height:25px;
    background-color:#cccccc;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
}
.logout-wrapper {
    position:relative;
    display:inline-block;
    margin:0px 25px 0px 0px;
    padding:0px 30px 0px 0px;
}
.logout-wrapper a {
    font-size:14px;
    line-height:14px;
}
@media (max-width: 550px) {
    .logo_trenner, .kooperation-wrapper {
        /*display:none;*/
    }
    .kooperation-wrapper {
        width:34px;
    }
    .logo_trenner {
        margin:0px 12px 0px 12px;
    }
    .kooperation {
        padding-right:5px;
        font-size:11px;
        line-height:14px;
    }
    .logout-wrapper {
        margin:0px 10px 0px 0px;
        padding:0px 15px 0px 0px;
    }
}
.brand img {
    position:absolute;
    top:-30px;
    right:0px;
    height:30px;
    width:auto;
}

/* Formular */
@media (max-width: 400px) {
    .button-group button {
        width:100% !important;
        min-width:auto;
    }
}
.field-wrapper.ausgabe {
    padding:10px 0px 10px 0px;
}
.tarifauswahl .field-wrapper.ausgabe {
    width:100%;
    max-width:100%;
}
.tarifauswahl {
    margin:0px;
}
.rechner .labelgroup .field-wrapper {
  max-width: 100%;
}
#strasse {
    float:left;
    width:70%;
}
#hsnr {
    float:right;
    width:28%;
    margin-left:2%;
}
#plz, #vorwahl {
    float:left;
    width:28%;
}
#ort, #telefon {
    float:right;
    width:70%;
    margin-left:2%;
}
.optionlist.hinweise {
    margin-bottom:0px;
}
.optionlist.hinweise li {
    position:relative !important;
}
.wrapper-hinweise {
    margin:0px;
    padding:0px;
}
.optionlist.hinweise .labelgroup {
    width:50px;
    position:absolute;
    top:-6px;
    left:0px;
}
.optionlabel {
    margin-left:50px;
    margin-bottom:20px;
}
.optionlabel.field-wrapper {
    width:90%;
}
.optionlabel.err, label.err {
    color:#ef002d;
}
.infotext {
    position:relative;
    color:#737373;
}
.infotext span {
    width:16px;
    position:absolute;
    top:0px;
    left:0px;
}
.infotext div {
    margin:0px 0px 20px 16px;
}
.hinweis {
    color:#737373 !important;
    font-size:14px !important;
}
.footnote {
    padding:0px 0px 24px 26px;
    color:#737373;
    font-size:14px;
    background : url(img/icons/ERGO_Icon_IS_closed_lock_rgb_grey.svg) 0px 1px no-repeat;
    background-size:20px 20px;
}
.formerror input, .formerror textarea {
    border-color: #ef002d;
}
.formerror .message-line .error-message {
    display: block;
}
.errv .error-message,
.errvStrasse .error-message,
.errvHsnr .error-message,
.errvPlz .error-message,
.errvOrt .error-message,
.errvVorwahl .error-message,
.errvTelefon .error-message {
    display:block !important;
}
.errv input, .errv textarea, .errv select,
.errvStrasse input#strasse,
.errvHsnr input#hsnr,
.errvPlz input#plz,
.errvOrt input#ort,
.errvVorwahl input#vorwahl,
.errvTelefon input#telefon {
    border-bottom:2px solid #E80C26 !important;
}
.message-line {
    clear:both;
}
.ausgabe {
    padding-bottom:10px;
}
li.done:hover {
    cursor:pointer;
}
@media screen and (max-width: 699px) {
    .row.liste div[class*='col-'] {
    margin-bottom:0px;
  }
}
@media screen and (max-width: 480px) {
  .rate-table thead {
        display:none;
    }
}

p.padd {
    padding:0px 0px 12px 0px;
}

.categoryProductTeaser {
    padding:20px;
    margin:0px 0px 20px 0px;
}
.hidden_asset {
    display:none;
}


@media screen and (min-width: 700px) {
    .stageSlider.image-gallery .image-gallery-content .contentWrapper .bubble.twa-bubble {
        position: absolute;
        top: auto;
        bottom:0px;
        right: -100px;
        width: 787px;
        height: 410px;
        background: url('../images/flows.png') 0 0 no-repeat;
        background-size: cover;
        white-space: normal;
        padding-top: 145px;
      padding-left: 110px;
      padding-right: 280px;
    }
}
.stageSlider.image-gallery .image-gallery-content .contentWrapper .bubble .h3,
.slide-bubble-mobile .bubble .h3 {
    margin-top:20px;
  margin-bottom: 10px;
  font-size:16px;
  line-height: 1.3571428571rem;
  font-weight:normal;
}
.stageSlider.image-gallery .image-gallery-content .contentWrapper .bubble .claim,
.slide-bubble-mobile .bubble .claim {
  width: 90%;
  margin-bottom: 15px;
  line-height: 1.5714285714rem;

}
.stageSlider.image-gallery .image-gallery-content .contentWrapper .bubble .claim > span:first-child,
.slide-bubble-mobile .bubble .claim > span:first-child  {
   /*font-family:Georgia,serif;*/
   font-size: 1.7142857143rem;
   font-weight: bold;
   line-height: 2rem;
}
.stageSlider.image-gallery .image-gallery-content .contentWrapper .bubble .subline,
.slide-bubble-mobile .bubble .subline {
  width: 60%;
  margin-bottom: 15px;
  line-height: 1.5714285714rem;
  font-size:16px;
}
@media screen and (max-width: 1023px) {
    .stageSlider.image-gallery .image-gallery-content .contentWrapper .bubble.twa-bubble {
        right: -50px;
    }
}
.slide-bubble-mobile {
    display:none;
}
@media screen and (max-width: 699px) {
    .slide-bubble-mobile {
        background:#FFFFFF;
        display:block;
        padding:15px;
    }
    .contentWrapper .bubble.twa-bubble {
        display:none;
    }
    .stageSlider.image-gallery .image-gallery-content .image-gallery-slide {
    background-position: 20% 0%;
  }
}
.stageSlider.image-gallery .image-gallery-content .contentWrapper .bubble .button {
    min-width: 0;
    max-width: 1000px;
}
.rel {
    position:relative;
    max-height:420px;
}
.testlabel-wrapper {
    position:absolute;
    bottom:20px;
    right:4%;
    z-index:1;
    width:25%;
    transition: all 0.3s ease-in-out;
}
.testlabel {
    width:7.7em;
    height:auto;
    float:left;
    margin:0px 0px 0px 0.8em !important;
}
.testlabel.testlabel-first {
    width:7.8em;
}
@media (min-width: 1200px) and (max-width: 1450px) {
    .testlabel {
        width:6em;
    }
    .testlabel.testlabel-first {
        width:6em;
    }
}
@media screen and (max-width: 1200px) {
    .testlabel-wrapper {
        display:none;
    }
    .testlabel {
        width:5.8em;
    }
    .testlabel.testlabel-first {
        width:5.8em;
    }
}
@media screen and (max-width: 1500px) {
    .testlabel-wrapper {
        right:2%;
    }
}

.navigation {
    left:220px;
}
.main {
    padding-bottom:40px;
}

/* Datatables */

.ergodirekt-datatable-wrapper {
    padding:30px 0px 0px 0px;
}
.ergodirekt-datatable {
    width:100%;
    font-size:12px;
}
.ergodirekt-datatable th {
    text-align:left;
}
.ergodirekt-datatable td.data {
    padding-left:18px !important;
}
.ergodirekt-datatable .datatable-button {
    display:inline-block;
    outline: none;
    color:#FFFFFF;
  background: #8E0038;
    padding:5px 10px 5px 10px;
    width:auto;
    text-align:center;
    transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}
.ergodirekt-datatable .datatable-button:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  text-decoration: underline;
  filter: brightness(1.1);
  -webkit-filter: brightness(110%);
}
.ergodirekt-datatable .datatable-button-inactive {
    display:inline-block;
    outline: none;
    padding:5px 10px 5px 10px;
    width:auto;
    text-align:center;
    transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  color: #999999;
  border-color: #dddddd;
  background: #dddddd;
  box-shadow: none;
  text-decoration: none;
  filter: none;
}
.filter {
    padding:10px;
    margin:30px 0px 0px 0px;
    border:1px solid #CCCCCC;
    position:relative;
    font-size:14px;
}
.filter input {
    width:auto;
    display:inline;
}
.filter .select {
    width:auto;
    min-width:10px;
}
.filter-button {
    display:inline-block;
    outline: none;
  color:#8E0038;
  background: #FFFFFF;
  border:2px solid #8E0038;
  border-radius:20px;
    padding:7px 14px 7px 14px;
    width:auto;
    height:auto;
    text-align:center;
    transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  margin-left:20px;
  font-size:12px;
}
.filter-button:hover {
  color:#FFFFFF;
  background: #8E0038;
  cursor:pointer;
}
.reset-filter {
    padding:0px 0px 0px 20px;
}
.button-inline {
    width:auto;
    display:inline;
    min-width:auto;
}
.button-inline-inactive {
    min-width:auto;
    display:inline;
    outline: none;
    margin: 0;
  padding: 0.8727678571rem 15px 0.8727678571rem;
    width:auto;
    text-align:center;
    transition: all 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  color: #999999;
  border: 1px solid #dddddd;
  background: #dddddd;
  box-shadow: none;
  text-decoration: none;
  filter: none;
}
.button-nomargin {
    margin-top:-10px;
}
.label-edit {
    display:inline-block;
    padding-top:10px;
}
input#street {
    width:80%;
    margin-right:1%;
}
input#house_number {
    width:19%;
}
input#zip {
    width:25%;
    margin-right:1%;
}
input#city {
    width:74%;
}
.output {
    display:inline-block;
    padding-top:9px;
}
.dod {
    display:none;
}
.dod.dod-visible {
    display:block;
}

@media (min-width: 768px) and (max-width: 1199px) {
    input#street {
        width:75%;
        margin-right:1%;
    }
    input#house_number {
        width:24%;
    }
    input#zip {
        width:30%;
        margin-right:1%;
    }
    input#city {
        width:69%;
    }
}

.state {
    display:inline-block;
    height:15px;
    width:15px;
    border-radius:10px;
    margin-right:10px;
}
.state.state-list {
    margin:auto;
}
.state.active {
    background-color:#79b829;
}
.state.claim-regulation-in-progess {
    background-color:#FFA500;
}
.state.inactive-cancelled, .state.inactive-theft, .state.inactive-total-economic-loss, .state.inactive-end-of-insurance {
    background-color:#ef002d;
}
.ergodirekt-datatable .state {
    margin-top:4px;
}
.no-wrap {
    white-space: nowrap;
}
.date-range {
    padding:0px 0px 0px 10px;
}
input#daterange {
    width:190px !important;
    max-width: 1000px;
    margin-left:10px;
    font-size:14px;
}
select#state {
    width:190px !important;
    display:inline-block;
    margin-left:10px;
    font-size:14px;
}
/* Uploads */

.upload-button.disabled {
    background-color: #D0D0D0;
    color: #808080;
}
.upload_ausgabe {
    display:none;
    line-height:20px;
    padding-left:22px;
    position:relative;
}
.upload_ausgabe img {
    float:left;
    margin-right:4px;
}
.upload-delete-icon {
  display: inline-block;
  height: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
  vertical-align: middle;
  cursor: pointer;
}
.upload-delete-icon::after {
    font-family: 'icomoon', Arial, Helvetica, sans-serif;
  content: '\00d7';
  position: absolute;
  top: 50%;
  left: 0px;
  bottom: 0;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: -8px auto 0;
  padding: 2px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #216ba5;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

.message-box.error {
    border-radius: 9px;
    padding:24px 54px 14px 64px;
    margin:0px 0px 30px 0px;
    background:url(img/icons/icons_info_24.svg) 24px 28px no-repeat;
    border: 1px solid #8E0038;
    background-color: #fff5f5;
}
.daterangepicker .daterangepicker_input {
    display:none !important;
}

#twa-overlay {
    display:none;
  position: fixed;
  top:0px;
  left:0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index:2000;
}
#twa-overlay.visible {
    display:block;
}
.twa-loader {
  position: relative;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #8E0038;
  width: 50px;
  height: 50px;
  left:50%;
  top:50%;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}
.twa-overlay-info {
  position: relative;
  border: 1px solid #000000;
  background:#FFFFFF;
  width: 200px;
  height: auto;
  left:calc(50% - 75px);
  top:calc(50% + 10px);
  padding:10px;
  text-align:center;
}
.twa-container{
    position:relative;
    height: 300px;
    width: 200px;
    border:1px solid
}

/* Claim confirmation */

#claim-confirm {
    display:none;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

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

#claim-form-cancel {
 display:none;
}
#claim-event-date-confirm {
 display:none;
}