/*  Hervorheben des aktuell ausgewählten Menüpunktes oben & unten */
nav .wrapper a[href] {
    font-weight: normal;
}
nav .wrapper a:not([href]) {
    font-weight: bold;
}

footer .menu a[href] {
    font-weight: normal;
}
footer .menu a:not([href]) {
    font-weight: bold;
}


/* Kontaktseite, Texthervorhebung Info&Warnung */
.contact fieldset > p.error.warn_rueckmeldung {
  /*color: #EA193E;
  font-weight: bold;
    margin:0;
    padding:0;*/
    margin-top: 20px;
    text-align: left;
}

/* Trefferseite, Texthervorhebung bei erweitertem Suchumkreis */
.warn_umkreis {
  color: #EA193E;
  font-weight: bold;
    margin:0;
    padding:0;
}


/* Fehlerseite, Warndreieck setzen */
.teaser #h2_fehler:before, .teaser #h2_wartung:before {
    content: url("../img/Warndreieck.png");
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

/**** Screen überschreiben auf Wunsch von Matthias Volke/vdek */
.teaser img.ntv-disq {
    bottom: 10px;
    height: 225px;
    position: absolute;
    right: 10px;
    width: 225px;
}

/* Captcha formatieren */
.div_captcha {
    margin: auto;
    width: 100%;
  /*border: 2px solid #7A7A7A;*/
    padding: 10px;
  text-align: center
}

/* Festlegung Abstand von Fehlertext mit Warndreieck zur obigen Navigationsleiste auf der Fehlerseite */
.teaser #div_fehler {
    padding-top: 2%;
}


/*
  Kartendarstellung
*/
.markerLabels {
    color: #006E9B;
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
}

.map #map_canvas {
  width: 100%;
  display: block;
}

.map--collapsed #map_canvas {
  /* make .map as big as the position:relative button above */
  position: absolute;
  -webkit-filter: blur(2px);
  filter: blur(2px);
}

.map.is-active #map_canvas {
    height: 450px;
    padding-bottom: 60px;
  }

/*** RR Änderungen zu SEO */
header .headline2 /* = h2*/
{
    margin: 5px 0px 0px 10px;
}

.headline2, .headline1 /* = h2/h1 */
{
    color: #006E9B;
    font-size: 35px;
    font-weight: 400;
    line-height: 1.2;
}

.headline1_start /* = h1 Startseite*/
{
    color: #022C3E;
    margin-top: 0px;
    padding-top: 5%;
    width: 39.2%;
}

.watchlist-header .left .headline1
{
    float: left;
    margin: 17px 0px 0px;
}

.watchlist-header .left .headline1 + p
{
    float: left;
    margin: 33px 0px 0px;
    padding-left: 15px;
}

.faq-header .left .headline1 {
    margin: 38px 0px 0px;
}

.faq .wrapper > headline1 {
    letter-spacing: 0.3px;
    margin: 58px 0px 31px;
}

.imprint-header .left headline1 {
    margin: 38px 0px 0px;
}

.glossary-header .left headline1 {
    margin: 38px 0px 0px 50px;
}

.insurances-header .left headline1 {
    margin: 38px 0px 0px;
}
.teaser:before {
    right: 30%;
}
/*** RR Änderungen zu Fehlerseite */
.divFehlerBorder {
    border-bottom: 1px solid rgba(0, 110, 155, 0.5);
}

.hide
{
    display: none;
}

.show
{
    display: block;
}
/*** ************************************************** ***/
/*** RR Suchseite QDVS ***/
/*.boxSuchePflegeschwerpunkt {
    float: left;
}

.boxSucheVorauswahl {
    width: 50%;
    text-align: left;
    padding-left: 15px;
    float: right;
}

.textVorauswahl {
    font-size: 0.9em;
}

.chbSucheVorauswahl td {
    padding-left: 0px;
    text-align: left;
}*/

/* Border raus, da sonst blauer Rand aus screen.css zu sehen ist */
/*.chbSucheVorauswahl tbody:before {
    border: none;
}*/
/* Border raus, da sonst weiße Balken aus screen.css zu sehen sind */
/*.chbSucheVorauswahl tbody th,
.chbSucheVorauswahl tbody td {
    border: none;
}

.chbSucheVorauswahl input[type=checkbox] {
    /*border: none;*/
/*
    }
.chbSucheVorauswahl label[for], label[for].chbSucheVorauswahl {
    padding-left: 10px;
    border: none;
}*/

/*** ************************************************** ***/

/* Regelung des Abstandes bei Mailadresse bzw. Webseitenadresse im Kopfbereich bei der Anzeige der allgemeinen Informationen zu einer Pflegeeinrichtung auf der stationären Detailseite, 
    wenn eine von beiden fehlt und nicht angezeigt wird */
/* Regelung des Abstandes zwischen den Texten auf der rechten Seite des Headers bei Trefferliste und Merkliste für AUA*/
@media screen and (min-width: 768px) {
    .details-header .left .webseite {
        margin-top: 0;
    }

    .details-header .left .mail,
    .results-header.daily-aid .right .leistungsbereich,
    .watchlist-header.daily-aid .right .leistungsbereich {
        margin-bottom: 0;
    }

    .results-header.daily-aid .right .zielgruppen,
    .results-header.daily-aid .right .altersgruppen,
    .results-header.daily-aid .right .leistungsformen,
    .results-header.daily-aid .right .ortplzstrasse,
    .watchlist-header.daily-aid .right .zielgruppen,
    .watchlist-header.daily-aid .right .altersgruppen,
    .watchlist-header.daily-aid .right .leistungsformen,
    .watchlist-header.daily-aid .right .ortplzstrasse {
        margin-top: 0;
        margin-bottom: 0;
    }

    .results-header.daily-aid .right .umkreis {
        margin-top: 8px;
    }
}


/* Ausblendung des Rahmens bei Merkliste mit Liste von ambulanten Pflegediensten in der Desktopansicht */
.fieldset_without_border {
    border: 0;
}


/* //TODO: Farben sind in screen.css auch unter "Grade" hinterlegt, beachte das ggf. bei Kontraständerungen! .span_Hinweis_xx wird in der Pflegenoteninfo genutzt */
.span_Hinweis_2009 /* 2009 stat.*/
{
    font-weight: bold;
    color: #00A119; /*grün, war vor Relaunch color: #389128;, aus TB abgedunkelt: #389128*/
}
.span_Hinweis_2014 /* 2014 stat., 2009 amb.*/
{
    font-weight: bold;
    color: #006E9B; /*blau, war vor Relaunch color: #4097BC;, aus TB abgedunkelt: #4097BC*/
}
.span_Hinweis_2017 /* 2017 stat., 2017 amb.*/
{
    font-weight: bold;
    color: #FFAD36; /*2017 Orange-RGB: 255; 216; 107 bzw. #FFD86B -> abgedunkelt -> #FFAD36*/
}

/*Hack damit der Footer immer dargestellt wird*/
script + footer {
  float: left;
  width: 100%;
}

/* Merkliste als nicht anklickbar darstellen: Unterstrich unterbinden, wenn href auf keine Seite verweist */
a[href^="javascript:void(0)"]:link,
a[href^="javascript:void(0)"]:visited, 
a[href^="javascript:void(0)"]:hover {
    border-bottom: none !important;
}

/* Preise Gesamtheimentgelt bzw. Tagespreise bei Desktop und Mobil in Fettdruck */
.results-table tbody .preise_fettdruck,
.results .card .accordion__toggle,
.results .card .accordion__content,
.watchlist .card .accordion__toggle,
.watchlist .card .accordion__content,
.watchlist-table tbody .preise_fettdruck {
  font-weight: 500;
}

/*stationäre Detailseite: damit Text für Beschreibung rechts neben dem Bild nicht ganz nach oben rutscht*/
.details .description {
  display: table-cell;
}

/*ambulante Detailseite: damit in Tabelle mit den anderen Preisen das Fragezeichen hinter Pflegegrad 1 in gleicher Zeile bleibt und nicht umgebrochen wird*/
.details-table.ambulant.misc2 thead th:first-child + th + th + th + th {
  white-space: nowrap;
}

@media (max-width: 767px) {
/*stationäre mobile Detailseite: Einrücken Text Angebot84 SGB XI auf mobiler stationärer Detailseite*/
    .details .wrapper .pAngebot84 {
        padding-left: 20px;
    }
}

/*stationäre Detailseite: Einrücken Text Angebot84 SGB XI, separater Textblock*/
.details .wrapper .pAngebot84 {
        display: block;
        float: left;
        clear: left;
        color: #022C3E;
    }
/*stationäre Detailseite: schwarzer Text Angebot84 SGB XI, h2-Überschrift*/
.details .pAngebot84 .h2 {
    color: #022C3E;
    margin-top: 0px;
    font-size: 35px;
    font-weight: 400;
    line-height: 1.2;
    margin: 0px 0px 0.83em;
}

/*stationäre Detailseite: Abstand oben und unten von Text Angebot84 SGB XI, separater Textblock, nur auf Desktop und Tablet*/
@media screen and (min-width: 768px) {
    .details .wrapper .pAngebot84 {
        margin: 50px 0 30px;
    }
}

/* Positionierung Text 'Seite drucken' bei Trefferliste ohne Pager */
.results .print_ohne_pager {
    line-height: 30px;
  margin: 50px 0px 0px;
  position: relative;
  z-index: 1;
}

/*Anzeigeverhalten Drucker-Icon und Text Seite drucken bei einer Trefferliste ohne Pager*/
.results .print_ohne_pager a:active,
.results .print_ohne_pager a:hover,
.results .print_ohne_pager a:focus {
  border-bottom: medium none;
}

/*Anzeigeverhalten Drucker-Icon und Text Seite drucken bei einer Trefferliste ohne Pager*/
.results .print_ohne_pager a:active span,
.results .print_ohne_pager a:hover span,
.results .print_ohne_pager a:focus span {
  border-bottom: 1px solid;
}

/*Ausrichtung Drucker-Icon und Text Seite drucken bei einer Trefferliste ohne Pager*/
.results .print_ohne_pager i {
  display: inline-block;
  font-size: 18px;
  padding-right: 6px;
  position: relative;
  top: 1px;
}

/*Bild für Impressumseite ist in p-Element verankert. Daher muss zusätzlich zu der css-Methode in screen.css ohne p-Element die gleiche Methode mit p-Element angelegt werden*/
.imprint .wrapper > p > img {
  float: right;
  width: 68%;
}

.faq .accordion__content .prices
tbody th ol {
    padding-left: 15px;
    margin: 0;
}

.faq .accordion__content .prices
tbody th ol li:first-child{
    margin-bottom: 20px;
}

ul ol li::before{
    content: "";
}

.faq #divFAQWdhpruefung table.prices {
    width: 100%;
}

.partners .accordion__content > div > div > div:first-child h4 {
  margin: 10px 0px;
    color: #022C3E;
}

/*auf der Desktop-Vergleichsseite zur Einstellung der Kopfzeilenüberschrift der Preistabelle*/
.compare-table.prices thead th[colspan="4"] {
    font-weight: 500;
        padding-bottom: 10px;
        text-align: center;
  }

.details .description > h2 {
    display: inline-block;
}

/*Ausrichtung Spalten in Preisliste einer stationären Einrichtung auf Detailseite*/

/*Ausrichtung rechter Abstand rechtsbündiger und zweizeiliger Text nicht vereinbart in Spalten in Preisliste auf Detailseite*/
.details-table tbody td.unstipulated {
    padding-right: 30px;
}

/*Ausrichtung rechter Abstand rechtsbündiger und zweizeiliger Text nicht vereinbart in erster Spalte mit Hilfetext in Preisliste auf Detailseite*/
.details-table tbody th + td.unstipulated {
    padding-right: 62px;
}

/*Ausrichtung rechter und linker Abstand rechtsbündiger und zweizeiliger Text nicht vereinbart in letzter Spalte in Preisliste auf Detailseite*/
.details-table.expandable tbody td.unstipulated:last-child {
    padding-right: 69px;
    padding-left: 40px;
}

/*Ausrichtung Text nicht vereinbart soll immer rechtsbündig sein*/
.details-table tbody td.unstipulated span {
        text-align: right;
}

/*Ausrichtung Spalten in Preisliste einer teilstationären Einrichtung ohne BW-Spalten 0K und 0G auf Detailseite*/

/*Text 'nicht vereinbart' soll in letzter Spalte ohne Abstand nach rechts dargestellt werden, also wie Überschrift am rechten Rand abschließen*/
.details-table-teilstat tbody td:last-child.unstipulated {
    padding-right: 15px;
}

/*Ausrichtung Spalten in Preisliste einer teilstationären Einrichtung mit BW-Spalten 0K und 0G auf Detailseite*/

/*in der teilstationären Preistabelle mit BW-Spalten 0K und 0G sind die Überschriften der zweiten und dritten Spalte aufgrund der Kürzel 0K und 0G breiter als die Spalten Pflegegrad 2 bis 5; daher Anpassung rechter Abstand bei Spaltenwert*/
.details-table-teilstat-bw tbody th + td,
.details-table-teilstat-bw tbody th + td + td {
    padding-right: 40px;
}

/*in der teilstationären Preistabelle mit BW-Spalten 0K und 0G hat die dritte Spalte den Hilfetext-Button und ist daher breiter (sonst ist es die erste Spalte); daher Anpassung rechter Abstand bei Spaltenwert*/
.details-table-teilstat-bw tbody th + td + td + td {
    padding-right: 62px;
}

/*in der teilstationären Preistabelle mit BW-Spalten 0K und 0G wird der rechte Abstand bei Spalten mit Text nicht vereinbart standardmäßig gesetzt*/
.details-table-teilstat-bw tbody td.unstipulated {
    padding-right: 30px;
}

/*in der teilstationären Preistabelle mit BW-Spalten 0K und 0G ist die Überschrift der zweiten Spalte aufgrund des Kürzels 0K breiter als die Spalte Pflegegrad 1; daher breiterer rechter Abstand bei Text 'nicht vereinbart'*/
.details-table-teilstat-bw tbody th + td.unstipulated,
.details-table-teilstat-bw tbody th + td + td.unstipulated {
    padding-right: 40px;
}

/*in der teilstationären Preistabelle mit BW-Spalten 0K und 0G hat die dritte Spalte den Hilfetext-Button und ist daher breiter (sonst ist es die erste Spalte)*/
.details-table-teilstat-bw tbody th + td + td + td.unstipulated {
    padding-right: 62px;
}

/*in der teilstationären Preistabelle mit BW-Spalten 0K und 0G hat die letzte Spalte mit Wert einen größeren rechten Abstand*/
.details-table-teilstat-bw tbody td:last-child {
    padding-right: 20px;
}

.details-table-teilstat-bw tbody td.unstipulated span {
    text-align: right;
}

/*Ausrichtung Spalten in Preisliste einer vollstationären Einrichtung ohne BW-Spalten 0K und 0G auf Detailseite*/

/*in vereinfachter Preisliste ohne BW-Spalten 0k und 0G hat die zweite Spalte keinen Hilfetext; rechter Abstand wird daher angepasst*/
.details-table.insurants-part tbody th + td.unstipulated {
    padding-right: 36px;
}

/*in vereinfachter Preisliste ohne BW-Spalten 0k und 0G hat die dritte Spalte einen längeren Überschriftstext; rechter Abstand wird daher angepasst*/
.details-table.insurants-part tbody th + td + td.unstipulated {
    padding-right: 36px;
}

/*Ausrichtung Spalten in Preisliste einer vollstationären Einrichtung mit BW-Spalten 0K und 0G auf Detailseite*/

/*in der vereinfachten Preistabelle mit BW-Spalten 0k und 0G ist die Überschrift der zweiten Spalte aufgrund des Kürzels 0K breiter als die Spalte Pflegegrad 1; daher breiterer rechter Abstand*/
.details-table.insurants-part-bw tbody th + td {
    padding-right: 46px;
}

/*in der vereinfachten Preistabelle mit BW-Spalten 0k und 0G ist die Überschrift der dritten Spalte aufgrund des Kürzels 0G breiter als die Spalte Pflegegrad 1; daher breiterer rechter Abstand*/
.details-table.insurants-part-bw tbody th + td + td {
    padding-right: 46px;
}

/*in der vereinfachten Preistabelle mit BW-Spalten 0K und 0G sind die Überschriften der zweiten und dritten Spalte aufgrund des Kürzels 0K und 0G breiter als die Spalte Pflegegrad 1; daher breiterer rechter Abstand bei Text 'nicht vereinbart'*/
.details-table.insurants-part-bw tbody th + td.unstipulated,
.details-table.insurants-part-bw tbody th + td + td.unstipulated {
    padding-right: 46px;
}

/*in der vereinfachten Preistabelle mit BW-Spalten 0K und 0G wird der rechte Abstand der vierten und fünften Spalte angepasst*/
.details-table.insurants-part-bw tbody th + td + td + td.unstipulated,
.details-table.insurants-part-bw tbody th + td + td + td + td.unstipulated {
    padding-right: 36px;
}

/*Anapssung des rechten Abstandes der Spalten in der Preistabelle mit BW-Spalten 0K und 0G*/
.details-table.details-table-bw tbody td {
    padding-right: 30px;
}

/*in der Preistabelle mit BW-Spalten 0k und 0G hat die dritte Spalte den Hilfetext-Button und ist daher breiter (sonst ist es die erste Spalte)*/
.details-table.details-table-bw tbody th + td + td + td {
    padding-right: 62px;
}

/*in der Preistabelle mit BW-Spalten 0k und 0G ist die Überschrift der ersten und zweiten Spalte aufgrund des Kürzels 0G breiter als die Spalten Pflegegrad 2 bis 4; daher breiterer rechter Abstand*/
.details-table.details-table-bw tbody th + td,
.details-table.details-table-bw tbody th + td + td,
.details-table.details-table-bw tbody th + td.unstipulated,
.details-table.details-table-bw tbody th + td + td.unstipulated {
    padding-right: 40px;
}

/*in der Preistabelle mit BW-Spalten 0k und 0G hat nun die vierte Spalte den Hilfetext-Button; daher wird der rechte Abstand angepasst*/
.details-table-bw tbody th + td + td + td.unstipulated {
    padding-right: 62px;
}

/*Vergrößerung der Breite der vereinfachten Preistabelle in BW aufgrund der zusätzlichen Spalten 0K und 0G*/
.details-table.insurants-part-bw {
  width: 730px;
}


/*um Beschreibung und Hilfetext-Icon in Preisliste der Vergleichsseite auszurichten; Hilfetext-Icon steht direkt mittig hinter Beschreibung*/
.compare-table tbody th > div:first-child + div {
    padding-left: 5px;
  padding-right: 7px;
}

/*um Beschreibung und Hilfetext-Icon in Preisliste der Vergleichsseite auszurichten; Hilfetext-Icon steht direkt mittig hinter Beschreibung*/
.compare-table tbody th > div:first-child + div,
 .compare-table tbody th > div:first-child {
    display: table-cell;
  vertical-align: middle;
}

.card-teilstat:nth-child(odd),
.card-amb:nth-child(odd),
.card-haeuslbetr:nth-child(odd) {
  clear: left;
}

.card-teilstat:nth-child(even),
.card-amb:nth-child(even),
.card-haeuslbetr:nth-child(even) {
  clear: none;
}

/*Textfeld spanRueckmeldung auf der Kontaktseite wird ohne Text komplett ausgeblendet*/
.contact .role2 .warn_rueckmeldung.keinText {
    display: none;
}

/*Auswahlelement für Kategorie bekommt bei Nichtauswahl seine alte Breite, damit der Text nicht abgeschnitten angezeigt wird*/
.contact .select .error select.kategorie {
    width: 330px;
}

/*wenn kein Hinweistext auf AUA-Trefferseite erfolgt, wird Textfeld komplett ausgeblendet*/
.results-header .left .keine_warn_rueckmeldung {
    display: none;
}

/*Einstellungen für Anzeige Hinweistext auf AUA-Trefferseite, wenn keine Treffer für Angebote vorliegen*/
.results-header .left .warn_rueckmeldung {
    color: #EA193E;
    font-weight: bold;
}

/*Ausblenden der Zeilen Email und Webseiten-URL bei den Kontaktangaben eines Angebotes, wenn kein Wert angegeben ist*/
.results-table.daily-aid tbody td p.truncate > span.keinWert,
.card.daily-aid .card__content > p > span.keinWert,
 .watchlist-table.daily-aid tbody td p.truncate > span.keinWert {
    display: none;
}

/*Ausblenden der Spalte AngebotID in Trefferliste und Merkliste*/
.results-table.daily-aid thead th.keineAnzeige,
.results-table.daily-aid tbody td.keineAnzeige,
.watchlist-table.daily-aid thead th.keineAnzeige,
.watchlist-table.daily-aid tbody td.keineAnzeige,
.card.daily-aid .card__content dt.keineAnzeige,
.card.daily-aid .card__content dd.keineAnzeige {
    display: none;
}

/*Beginn Merkliste Ausrichtung Kacheln*/
/*Ausrichtung Kachel in Merkliste auf mobiler Ansicht Tablet und Smartphone*/
.watchlist .card {
  margin-bottom: 27px;
  margin-top: -7px;
}

/*Ausrichtung Kachel in Merkliste auf mobiler Ansicht Tablet und Smartphone*/
.watchlist .card:first-child,
.watchlist .card:first-child + .card {
  margin-top: 22px;
}

/*Ausrichtung Kachel in Merkliste auf mobiler Ansicht Tablet und Smartphone*/
.watchlist .card:nth-child(odd) {
  padding-left: 0px;
  padding-right: 10px;
    clear: left;
}

/*Ausrichtung Kachel in Merkliste auf mobiler Ansicht Tablet und Smartphone*/
.watchlist .card:nth-child(even) {
  padding-left: 10px;
  padding-right: 0px;
    clear: none;
}
/*Ende Merkliste Ausrichtung Kacheln*/

/*Wenn bei AUA keine Treffer vorliegen, sei es dass es keine Angebote im Bundesland gibt oder die Suchkriterien auf kein Angebot im Bundesland zutreffen, wird der Druck-Button ausgeblendet*/
.results .print_keine_Anzeige {
    display: none;
}

/*Abstand Text Seite drucken zur Fusszeile (wie auf Trefferseite)*/
.watchlist {
    padding-bottom: 40px;
}

/*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
.contact-checkbox {
    width: 100%;
    float: left;
    display: inline-flex;
}

/*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
.contact-checkbox label {
    width: auto;
}

/*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
.contact-checkbox label a {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
    line-height: 16px;
    font-size: 16px;
}

/*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
.contact-checkbox input {
    width: auto;
    margin-top: 20px;
}

/*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
.contact-checkbox input:required {
    box-shadow: none;
}

/*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
.contact-checkbox label.error,
.contact-checkbox label.error a {
    color: #EA193E;
}

/*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
.contact-checkbox label {
    display: inline-block;
    padding-left: 20px;
    margin-top: 18px;
}

/*Textausrichtung Matomo OptOut-Funktion*/
.optout {
    height: 120px;
    border: 0;
    width: 100%;
}

/*CSS-Einstellungen für Liste Bundesländer mit AUA */
.panel .box ul.aua_bula_list {
    list-style: inside disc;
    margin: 0px 0px 16px;
    padding-left: 22px;
}

/*Wegfall von Strich in ungeordneter Liste Bundesländer mit AUA; stattdessen wird vollständiger kleiner Kreis angezeigt*/
.panel .box ul.aua_bula_list li::before {
    content: "";
}

.box.overview {
    overflow: visible;
}

/*Close-Button im Marker-Label-Fenster soll rechts angeordnet sein (und nicht mit CSS-Einstellung aus 
screen.css in Zeile 1255 (left: 0px) links erscheinen*/
.map .gm-style-iw + button {
    left: auto;
}

/*Text Pflegelotse im Headerbereich ist nun in einem div-Element und kein Link mehr - daher muss div-Element wie Linkelement in screen.css ausgerichtet werden */
header .logo + div {
    display: inline-block;
    text-decoration: none;
    vertical-align: top;
}

/*Fieldset-Elemente haben normalerweise einen sichtbaren Außenrand - was auf der Kontaktseite nicht gewollt ist*/
.panel .box fieldset {
    border: none;
}

/*Verborgene Textelemente für Screenreader*/
/*Versteckte Überschrift für GridView mit Suchergebnissen --> Thema Barrierefreiheit Prüfschritt 1.3.1a HTML-Strukturelemente für Überschriften*/
/*Versteckte Überschrift in Legend-Element von Fieldset mit Nachrichtentext auf Kontaktseite - nur sichtbar für Screenreader*/
.results > h2,
.results-header .wrapper .left h2 + p + p,
.panel .box fieldset legend span.hidden,
p.infoMenueMerkliste,
span.errtext {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    line-height: 0;
}

/*Hervorhebung des Cookie-OK-Buttons bei Tastaturfokussierung und MouseOver*/
.cookieDatenschutz .okButtonCookie:hover,
.cookieDatenschutz .okButtonCookie:active,
.cookieDatenschutz .okButtonCookie:focus {
    border: 1px solid;
    border-bottom: 2px solid !important;
}

/*Kontrastzustand der Webseite mit Bild kenntlich machen*/
.icon-contrast-state.off::after {
    content: "\e90e"
}

/*Kontrastzustand der Webseite mit Bild kenntlich machen*/
.icon-contrast-state.on::after {
    content: "\e912"
}

/*Kontrastzustand der Webseite mit Bild kenntlich machen*/
.contrast i.icon-contrast-state {
    left: 100%;
    margin-right: 0;
    margin-left: 6px;
}

/*Altergruppe-fieldset für AUA enthält nun keine Buttons, sondern Checkboxes und hat damit andere Klassen. Daher greifen die CSS-Selektoren für den oberen und unteren Abstand aus screen.css nicht mehr.*/
.choose .panel fieldset.checkboxes.altersgruppe {
    margin-top: 12px;
    margin-bottom: 40px;
}

/* modify the 123map api defaults */
.mapcanvas123 div:first-child {
    position: relative !important;
}

.mapcanvas123 div:first-child div:first-of-type {
    width: auto !important;
    height: auto !important;
}

.mapcanvas123.canvasPosRel {
    position: relative;
}

.mapcanvas123 .maptooltip {
    background-color: #fff;
    /*border: 1px solid #aaa;*/
    box-shadow: 3px 3px 8px rgba(0,0,0,0.7);
    color: #000;
    padding: 4px 7px;
    line-height: 1;
    font-size: 0.8em;
}

.mapcanvas123 .bottomfoot {
    border-top: 10px solid #fff;
}

.mapcanvas123 .topfoot {
    border-bottom: 10px solid #fff;
}

/*Fehlerliste auf Kontaktseite ist nun ein Listenobjekt ul mit li-Elementen*/
/*Anforderung BIK Barrierefreiheit Prüfschritt 1.3.1b*/
.contact fieldset > ul li.error {
    color: #EA193E;
    font-weight: 500;
    margin: 0px;
    text-align: center;
    width: 100%;
}

.contact fieldset > ul li {
    font-size: 16px;
    margin: 50px 0px 20px;
}

.contact fieldset > ul li::before {
    content: none;
}

/*Auswahlelement für Kategorie bekommt bei Nichtauswahl seine alte Breite, damit der Text nicht abgeschnitten angezeigt wird*/
.contact .select .error select.kategorie {
    width: 330px;
}

.bewertung-icon-eckig-stufe1::before {
    content: "\274F" "\274F" "\274F" "\274F";
}

.bewertung-icon-eckig-stufe2::before {
    content: "\274F" "\274F" "\274F" "\2750";
}

.bewertung-icon-eckig-stufe3::before {
    content: "\274F" "\274F" "\2750" "\2750";
}

.bewertung-icon-eckig-stufe4::before {
    content: "\274F" "\2750" "\2750" "\2750";
}

.bewertung-icon-rund-stufe1::before {
    content: "\26AB" "\26AB" "\26AB" "\26AB" "\26AB";
}

.bewertung-icon-rund-stufe2::before {
    content: "\26AB" "\26AB" "\26AB" "\26AB" "\26AA";
}

.bewertung-icon-rund-stufe3::before {
    content: "\26AB" "\26AB" "\26AB" "\26AA" "\26AA";
}

.bewertung-icon-rund-stufe4::before {
    content: "\26AB" "\26AB" "\26AA" "\26AA" "\26AA";
}

.bewertung-icon-rund-stufe5::before {
    content: "\26AB" "\26AA" "\26AA" "\26AA" "\26AA";
}

.text_bewertung_stufe {
    padding-left: 20px;
    display: table-cell;
    width: 90%;
    text-align: left;
}

.table_bewertung_stufe {
    display: table;
    width: 100%;
}

/* Tablet
========================================
*/
@media (max-width: 1180px) {
    /*In der Tabletansicht Anpassung linker Abstand der letzten Spalten nach der Überschrift*/
    .details-table.expandable tbody td:last-child.unstipulated {
        padding-left: 20px;
    }
}

@media (max-width: 1024px) {
    p.print {
        visibility: hidden;
    }

    p.print_ohne_pager {
        visibility: hidden;
    }

    /*Schriftgröße Überschrift Betreuungs- und Aktivierungsangebot bei Tablet-Display*/
    .details .pAngebot84 .h2 {
    font-size: 24px;
    }

    /*In der Tabletansicht Anpassung rechter und linker Abstand der letzten Spalten nach der Überschrift*/
    .details-table.expandable tbody td:last-child.unstipulated {
        padding-right: 15px;
        padding-left: 1px;
    }

    /*in der teilstationären Preistabelle mit BW-Spalten 0K und 0G hat die letzte Spalte mit Wert einen größeren rechten Abstand*/
    .details-table-teilstat-bw tbody td:last-child {
    padding-right: 15px;
}

    /*In der Tabletansicht der Preistabelle ist nach dem Text nicht vereinbart in der Zeile mit den Investitionskosten kein Element mehr nach dem Text, damit der Text auch rechtsbündig angezeigt wird*/
    .details-table.expandable tbody tr.special td:last-child.unstipulated span::after {
        content: "";
    }

    /*Abstand der Desktopansicht zwischen untersten Kacheln der Merkseite und Fusszeile herausnehmen*/
    .watchlist {
    padding-bottom: 0px;
    }

    /*Da im Browser Safari der Fragezeichen-Linkbutton nicht angezeigt wurde, wird die Höhe der Zeile auf mind. 25px gesetzt. Vielleicht hilft's.*/
    .box.checkboxes.zielgruppe legend,
    .box.checkboxes.leistungsform legend,
    .box.large > legend {
        min-height: 25px;
    }

    /*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
    .contact-checkbox label a {
        font-size: 15px;
        line-height: 15px;
    }
}

@media screen and (max-width: 1400px)
{
    .teaser:before {
        right: 25%;
    }


}
@media screen and (max-width: 1100px) {
    .optout {
        height: 160px;
    }
  
}

@media screen and (max-width: 1120px)
{
    /*** RR Änderungen zu SEO */
    .watchlist-header .left .headline1
    {
        float: left;
        margin: 17px 0px 0px;
    }

    .watchlist-header .left .headline1 + p
    {
        float: left;
        margin: 33px 0px 0px;
        padding-left: 15px;
    }
    /*** ************************************ ***/
    .teaser:before {
        right: 20%;
    }
    /*** ************************************ ***/
}

@media screen and (max-width: 1024px)
{
    /*** RR Änderungen zu SEO */
    header .headline2
    {
        font-size: 28px;
    }

    .headline1, .headline1_start
    {
        font-size: 24px;
    }

    .watchlist-header .left .headline1
    {
        float: none;
        margin-top: 24px;
    }

    .watchlist-header .left .headline1 + p
    {
        float: none;
        margin-top: 0px;
        padding-left: 0px;
    }

    .imprint-header .left headline1 {
        margin-top: 30px;
    }

    .faq-header .left headline1 {
        margin-top: 30px;
    }

    .faq .wrapper > headline1 {
        margin: 58px 0px 31px;
    }

    .glossary-header .left headline1 {
        margin: 30px 0px 0px 10px;
    }

    .glossary .wrapper > headline1 {
        margin: 15px 10px 9px;
        padding-bottom: 8px;
    }
    /*** ****************************** ***/
    /*** RR Änderung zu PruefSiegel, Teaser(H1/H2) */
    .teaser img.ntv-disq {
        height: 170px;
        width: 170px;
    }
    .teaser .headline1_start, .teaser .headline1 {
        width: 50%;
    }
    /*** ************************************ ***/
  
}


/*Entfernen der blauen Umrandung bei Bildern mit Hyperlinks auf der Ersatzkassenseite beim Firefox
dl.panel a:-moz-any-link:focus {
    outline: none;
} - inzwischen unnötig, beeinflußt Firefox-internes CSS auf der Ersatzkassenseite */

@media (max-width: 820px) {
    /*in der mobilen Ansicht der teilstationären Detailseite normal und BW sollen alle Werte im Tablet-Ansichtbereich 768px bis 820px erst einmal den gleichen rechten Default-Abstand haben*/
  .details-table tbody th + td,
    .details-table tbody th + td + td,
    .details-table tbody th + td + td + td,
  .details-table tbody td,
    .details-table tbody td:last-child,
    .details-table.details-table-bw tbody th + td,
    .details-table.details-table-bw tbody th + td + td,
    .details-table.details-table-bw tbody th + td + td + td,
    .details-table.details-table-bw tbody th + td + td + td + td,
    .details-table.details-table-bw tbody th + td + td + td + td + td,
    .details-table.details-table-bw tbody th + td + td + td + td + td + td {
    padding-right: 15px;
  }

    /*in der mobilen Ansicht der teilstationären Detailseite normal und BW soll der rechtsbündige umgebrochene Text nicht vereinbart im Tablet-Ansichtbereich 768px bis 820px den gleichen rechten Abstand haben wie normale Werte*/
    .details-table tbody th + td.unstipulated,
    .details-table tbody th + td + td.unstipulated,
    .details-table tbody th + td + td + td.unstipulated,
    .details-table tbody th + td + td + td + td.unstipulated,
    .details-table tbody td:last-child.unstipulated,
    .details-table-teilstat tbody th + td.unstipulated,
    .details-table-teilstat tbody th + td + td.unstipulated,
    .details-table-teilstat tbody th + td + td + td.unstipulated,
    .details-table-teilstat tbody th + td + td + td + td.unstipulated,
    .details-table-teilstat tbody td:last-child.unstipulated,
    .details-table-teilstat-bw tbody th + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td + td + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td + td + td + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td + td + td + td + td.unstipulated,
    .details-table-teilstat-bw tbody td:last-child.unstipulated,
    .details-table.details-table-bw tbody th + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td + td + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td + td + td + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td + td + td + td + td.unstipulated,
    .details-table.details-table-bw tbody td:last-child.unstipulated {
        padding-right: 15px;
    }

    /*In der Tabletansicht für die Preistabelle BW hat die erste Überschrift keinen Hilfetext und soll daher in der Höhe passend zu den anderen Überschriften angezeigt werden*/
    .details-table-teilstat-bw thead th:first-child + th,
    .details-table-bw thead th:first-child + th {
        line-height: 24px;
        padding-bottom: 10px;
    }

    /*In der Tabletansicht für die Preistabelle BW hat die dritte Überschrift den Hilfetext und soll daher in der Höhe passend zu den anderen Überschriften angezeigt werden*/
    .details-table-teilstat-bw thead th:first-child + th + th + th,
    .details-table-bw thead th:first-child + th + th + th {
        line-height: 16px;
        padding-bottom: 11px;
    }

    .optout {
        height: 180px;
    }
    /*** ************************************ ***/
}



/* Phone
========================================
*/

@media (max-width: 767px) {
    /*Schriftgröße Überschrift Betreuungs- und Aktivierungsangebot bei Phone-Display*/
    .details .pAngebot84 .h2 {
    font-size: 21px;
    margin: 20px 0 29px;
    }

    /*auf der mobilen Startseite wird nur die Überschrift des Beschreibungstextes angezeigt und alle folgenden Textabschnitte in p-Elementen unsichtbar gemacht*/
    /*damit das NTV-Siegel, welches als img in einem p-Element implementiert ist, angezeogt wird, muss das betreffende p_Element sichtbar gemacht werden*/
    .teaser p.ntv-disq {
    display: block;
  }

    /*auf der mobilen Vergleichsseite zur Einstellung der Kopfzeilenüberschrift der Preistabelle*/
    .compare-table.prices thead th[colspan="2"] {
    font-weight: 500;
        padding-bottom: 10px;
        text-align: center;
        padding-left: 1px;
        padding-right: 1px;
        line-height: 1.2;
  }

    /*in der mobilen Ansicht muss der rechte Abstand des rechtsbündig ausgerichteten Textes nicht vereinbart in den ersten beiden Spalten nach der Überschrift angepasst werden*/
    .details-table.insurants-part tbody th + td.unstipulated,
    .details-table.insurants-part tbody th + td + td.unstipulated {
        padding-right: 20px;
    }

    /*in der mobilen Ansicht ist der rechte Rand immer gleich, egal ob Wert oder Text 'nicht vereinbart'*/
    .details-table.insurants-part-bw tbody th + td,
    .details-table.insurants-part-bw tbody th + td + td,
    .details-table.insurants-part-bw tbody th + td.unstipulated,
    .details-table.insurants-part-bw tbody th + td + td.unstipulated,
    .details-table.insurants-part-bw tbody th + td + td + td.unstipulated,
    .details-table.insurants-part-bw tbody th + td + td + td + td.unstipulated  {
    padding-right: 20px;
}

    /*in der mobilen Ansicht der teilstationären Detailseite normal und BW sollen alle Werte im Phone-Ansichtbereich bis max. 767px erst einmal den gleichen rechten Default-Abstand haben*/
    .details-table tbody th + td,
    .details-table tbody th + td + td,
    .details-table tbody th + td + td + td,
  .details-table tbody td,
    .details-table tbody td:last-child,
    .details-table.details-table-bw tbody th + td,
    .details-table.details-table-bw tbody th + td + td,
    .details-table.details-table-bw tbody th + td + td + td,
    .details-table.details-table-bw tbody th + td + td + td + td,
    .details-table.details-table-bw tbody th + td + td + td + td + td,
    .details-table.details-table-bw tbody th + td + td + td + td + td + td {
    padding-right: 20px;
  }

    /*in der mobilen Smartphone-Ansicht muss bei den ersten drei Spalten nach der Überschrift der rechte Abstand angepasst werden */
    .details-table-teilstat-bw tbody th + td,
    .details-table-teilstat-bw tbody th + td + td,
    .details-table-teilstat-bw tbody th + td + td + td {
        padding-right: 20px;
    }

    /*in der mobilen Ansicht der teilstationären Detailseite soll der rechtsbündige umgebrochene Text nicht vereinbart den gleichen rechten Abstand haben wie normale Werte*/
    .details-table tbody th + td.unstipulated,
    .details-table tbody th + td + td.unstipulated,
    .details-table tbody th + td + td + td.unstipulated,
    .details-table tbody th + td + td + td + td.unstipulated,
    .details-table.expandable tbody td:last-child.unstipulated,
    .details-table-teilstat tbody th + td.unstipulated,
    .details-table-teilstat tbody th + td + td.unstipulated,
    .details-table-teilstat tbody th + td + td + td.unstipulated,
    .details-table-teilstat tbody th + td + td + td + td.unstipulated,
    .details-table-teilstat tbody td:last-child.unstipulated,
    .details-table-teilstat-bw tbody th + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td + td + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td + td + td + td.unstipulated,
    .details-table-teilstat-bw tbody th + td + td + td + td + td + td.unstipulated,
    .details-table-teilstat-bw tbody td:last-child.unstipulated,
    .details-table.details-table-bw tbody th + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td + td + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td + td + td + td.unstipulated,
    .details-table.details-table-bw tbody th + td + td + td + td + td + td.unstipulated,
    .details-table.details-table-bw tbody td:last-child.unstipulated {
        padding-right: 20px;
    }

    /*Vergrößerung der Breite der vereinfachten Preistabelle in BW aufgrund der zusätzlichen Spalten 0K und 0G*/
    .details-table.insurants-part-bw {
  width: 100%;
    }

    /*Verkleinerung Breite des letzten span-Elements in der normalen Preisliste mit Text 'nicht vereinbart' bei Anzeige auf Tabletgröße*/
    .details-table.expandable tbody tr.special td.unstipulated:last-child span {
        width: auto;
    }

    /*Beginn Merkliste Ausrichtung Kacheln*/
    /*Ausrichtung Kachel in Merkliste auf mobiler Ansicht Tablet und Smartphone*/
    .watchlist .card,
  .watchlist .card:first-child,
  .watchlist .card:first-child + .card {
    margin-bottom: 2px;
    margin-top: 10px;
  }
    /*Ausrichtung Kachel in Merkliste auf mobiler Ansicht Tablet und Smartphone*/
  .watchlist .card:nth-child(odd) {
    padding-left: 10px;
        margin-top: 10px;
  }
    /*Ausrichtung Kachel in Merkliste auf mobiler Ansicht Tablet und Smartphone*/
  .watchlist .card:nth-child(even) {
    padding-right: 10px;
  }
    /*Ende Merkliste Ausrichtung Kacheln*/

    /*Ausrichtung der Checkbox zur Einwilligung Datenschutzbestimmungen auf Kontaktformular*/
    .contact-checkbox label a {
        font-size: 14px;
        line-height: 14px;
    }

    .location > * {
        margin-bottom: 0px;
        font-size: 14px;
    }

    .contrast {
        right: 30px !important;
    }

        .mapcanvas123 {
            height: 100% !important;
        }
}

@media screen and (max-width: 767px)
{
    /*** RR Änderungen zu SEO */
    header .headline1_start, header .headline1 {
        font-size: 30px;
        margin-top: 0px;
    }

    /* Typography: Headings */
    .lt-ie9 .headline1_start, .lt-ie9 .headline1 {
        font-weight: normal;
    }

    .headline1_start, .headline1 {
        font-size: 21px;
    }

    .watchlist-header .left .headline1
    {
        margin-top: 17px;
    }

    .imprint-header .left .headline1 {
        margin: 33px 0px 0px;
        padding-left: 16px;
    }

    .insurances-header .left .headline1 {
        margin: 33px 0px 0px;
        padding-left: 15px;
       
    }

    .wrapper.wrapper--content p > img
    {
        width: 50%;
    }
    /*** ************************************ ***/
    /*** RR Änderung zu PruefSiegel, Teaser(H1/H2) */
    .teaser img.ntv-disq {
        height: 70px;
        width: 70px;
    }

    .teaser .headline1_start, .teaser .headline1 {
        margin-bottom: 0px;
        padding-right: 80px;
        padding-top: 0px;
        text-align: left;
        width: 100%;
    }
    /*** ************************************ ***/
    /*** RR Änderung Fehlerseite */
    #div_fehler{
        padding-left: 20px;
    }
    /*** ************************************ ***/
}

@media screen and (max-width: 530px) {
    .optout {
        height: 240px;
    }
}

@media screen and (max-width: 430px) {
    .optout {
        height: 260px;
    }
}

@media screen and (max-width: 400px) {
    .optout {
        height: 280px;
    }
}

@media screen and (max-width: 330px) {
    /*** RR Änderung zu PruefSiegel */
    .teaser img.ntv-disq {
        height: 60px;
        width: 60px;
    }
    /*** ************************************ ***/
}