/**
*
* StyleSheets für die Einsatzbuchung
*
* Copyright (c) 2024,2025 Oliver Billmann
*
* Autor: Oliver Billmann (oliver@billmann-edv.de)
*
* $Id: einsatz.css,v 1.5 2024/10/16 10:41:46 oliver Exp oliver $
*
**/

@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'TheSans';
        src:         url('/fonts/TheSansVariableC4s.woff2') format('woff2 supports variations'),
                     url('/fonts/TheSansVariableC4s.woff2') format('woff2-variations');
        font-weight: 100 1000;
    }
  
    @font-face {
        font-family: 'TheSansItalic';
        src:         url('/fonts/TheSansVariableC4s-Italic.woff2') format('woff2 supports variations'),
                     url('/fonts/TheSansVariableC4s-Italic.woff2') format('woff2-variations');
        font-weight: 100 1000;
    }
}

:root {
    /*
    --bg-work:        rgba(157,228,149,1);
    --bg-menu:        rgba(157,128,249,1); #9d80f9
    --bg-reiter:      rgba(157,228,149,1);
    --bg-reiter-wahl: rgba(157,128,249,1); #9d80f9
    */

    --bg-work:        #ffffff;
    --bg-menu:        #f0f0f0;
    --bg-reiter:      #ffffff;
    --bg-reiter-wahl: #9de495;
    --bgcolor3:       #d9d9d9;

    --color1:         #0abbef;
    --grey:           #a0a0a0;
    --bgcolor1:       #d9f5fb;
    --bgcolor2:       #9de4f9;
    /*--bgcolor3:       #d9d9d9;*/
}

html {
    font-family:      'TheSans';
    font-size:        14px;
    font-weight:      normal;
    background-color: #ffffff;
    color:            #535353;
}

body {
    font-family: 'TheSans', Arial, sans-serif;
    margin:      0 auto;
    max-width:   1320px;
}

input[type=button] {
    font-family:  'TheSans';
    font-size:    14px;
    font-weight:  normal;
    padding:      1px 7px 1px 7px;
    margin:       0px 2px 0px 2px;
}

button {
    font-family:  'TheSans';
    font-size:    14px;
    font-weight:  normal;
    padding:      1px 7px 1px 7px;
    margin:       0px 2px 0px 2px;
}

div#login-fehler {
    font-size: 16px;
    color:     red;
    padding:   4px;
}

input[type=text] {
    padding: 3px;
}

.login-titel {
    font-size: 24px;
}

.login-ueberschrift {
    font-size: 18px;
}

.login-text {
    padding: 5px !important;
}

select:invalid
{
    color: grey;
}

option {
    color: black;
}

table {
    border-collapse: collapse;
}

thead {
}

tbody {
}

tbody.uebersicht-header {
    background-color: #a0a0a0;
}

tbody.uebersicht-footer {
    background-color: #a0a0a0;
}

tbody.uebersicht-trenner {
    background-color: #ffffff;
    height:           3px;
}

tbody.studie-inaktiv {
    background-color: #d9d9d9;
}

tbody.studie-aktiv-sichtbar {
    /*background-color: rgba(10,187,239,0.4);*/
    background-color: #9de4f9;
}

tbody.studie-aktiv-versteckt {
    /*background-color: rgba(10,187,239,0.4);*/
    background-color: #9de4f9;
    display: none;
}

.studie-aktionen {
    background-color: #ffff00;
    vertical-align: top;
}

tfoot {
}

tr {
}

th {
    padding: 5px;
}

td {
    padding: 5px;
}

tr.uebersicht-header {
    height: 14px;
    width:  100%;
}

tr.uebersicht-footer {
    height: 14px;
    width:  100%;
}

tr.studie-inaktiv {
}

tr.studie-aktiv {
}

.dropdown-button {
    position:   relative;
    display:    inline-block;
    text-align: right;
    cursor:     pointer;
}

.dropdown-button-rotate {
    transform: rotate(90deg);
}

img.dropdown-button {
    content:    url('/img/arrow-up.svg');
    position:   relative;
    display:    inline-block;
    text-align: right;
    cursor:     pointer;
    transform:  rotate(90deg);
}

img.dropdown-button-rotate {
    transform: rotate(180deg);
}

/* automatischen Password Reveal Button in Edge deaktivieren */
::-ms-reveal {
    display: none
}

img.passwort-zeigen {
    content:  url('/img/auge_offen.svg');
    position: relative;
    display:  inline-block;
    width:    25px;
    top:      8px;
    left:     -35px;
    cursor:   pointer;
}

img.passwort-verstecken {
    content:  url('/img/auge_zu.svg');
    position: relative;
    display:  inline-block;
    width:    25px;
    top:      8px;
    left:     -35px;
    cursor:   pointer;
}

.studie-drop {
    cursor: pointer;
}

.projekt-nummer {
    font-weight: bold;
    text-align:  left;
}

.projekt-name {
    font-weight: bold;
    text-align:  left;
}

.projekt-bezeichner {
    font-weight: bold;
}

.aktiv-titel {
    font-weight: bold;
    font-size:   14px;
}

tr.point:nth-child(odd) {
    background-color: #9de4f9;
}

tr.point:nth-child(even) {
    background-color: #ffffff;
}

td.point-links {
    /*border-right: 2px solid #9de4f9;*/
}

td.point-mitte {
    /*border-right: 2px solid rgba(10,187,239,0.4);*/
    border-right: 2px solid #9de4f9;
    /*border-left:  2px solid rgba(10,187,239,0.4);*/
    border-left:  2px solid #9de4f9;
}

td.point-rechts {
    /*border-left: 2px solid #9de4f9;*/
}

td.point-fehler {
    color:      #ff0000;
    font-style: italic;
}

td.studie-links {
    border-right:   3px solid #ffffff;
    vertical-align: top;
}

td.studie-mitte {
    border-right:   3px solid #ffffff;
    border-left:    3px solid #ffffff;
    vertical-align: top;
}

td.studie-rechts {
    border-left:    3px solid #ffffff;
    vertical-align: top;
}

td.studie-unten {
    border-bottom: 3px solid #ffffff;
}

td.studie-oben {
    border-top: 3px solid #ffffff;
}

td.uebersicht-oben {
    border-top: 3px solid #9de4f9;
}

td.uebersicht-unten {
    border-bottom: 3px solid #9de4f9;
}

.points-titel {
    font-weight: bold;
    font-size:   14px;
    text-align:  center;
}

.dateien-titel {
    font-weight: bold;
    font-size:   14px;
    text-align:  center;
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-nowrap {
    white-space: nowrap;
}

.valign-top {
    vertical-align: top;
}

.center {
    text-align: center
}

.rot {
    color:         #ff0000;
}

.gruen {
    color:         #3f8437;
}

.projekt-info {
    cursor:   pointer;
    position: relative;
    /*left:     10px;*/
}

img.projekt-info {
    content: url('/img/info.svg');
}

.projekt-points {
    cursor:   pointer;
    position: relative;
    left:     10px;
}

A:active {
  color: #000000;
}

A:hover {
  cursor: pointer;
}

A.projekt-button:link {
  color: #000000;
}

A.projekt-button:active {
  color: #000000;
}

A.projekt-button:visited {
  color: #000000;
}

A.projekt-button:hover {
  background-color: #000000;
  color:            #9de4f9;
}

.projekt-datei-add {
    cursor:   pointer;
    position: relative;
    left:     10px;
}

.projekt-datei-del {
    cursor:   pointer;
    color:    #ff0000;
    /*position: relative;*/
    /*left:     10px;*/
}

img.datei-papierkorb {
    content: url('/img/trash.svg');
    width:   20px;
    /*right:   -50px;*/
}

.datei-del {
    cursor:   pointer;
    color:    #ff0000;
    display:  none;
    /*position: relative;*/
    /*left:     10px;*/
}

.points-del {
    cursor:   pointer;
    color:    #ff0000;
    display:  none;
    /*position: relative;*/
    /*left:     10px;*/
}

.projekt-datei-name {
    position: relative;
    /*left:     10px;*/
}

.projekt-datei-blank {
    height: 10px;
}

.upload-fehler {
    color: #ff0000;
}

[data-tiny-editor] {
    height: 300px;
}

.header-name {
    position:  absolute;
    left:      10px;
    top:       9px;
    color:     #ffffff;
    font-size: 14px;
}

.header-logout {
    color:     #ffffff;
    font-size: 14px;
}

A.header-logout:link {
    color:      #ffffff;
    margin-top: 5px;
}

A.header-logout:active {
    color: #fffff;
}

A.header-logout:visited {
    color: #ffffff;
}

A.header-logout:hover {
    color: #9de4f9;
}

/*
.header-titel {
    color:       black;
    font-weight: 300;
    font-size:   40px;
    margin-top:  100px;
    text-align:  left;
}
*/

img.header-logo {
    content:  url('/img/infas-logo-white_30px.svg');
    position: absolute;
    right:    10px;
    top:      9px;
}

img.intro-logo {
    content:  url('/img/infas-logo-white_30px.svg');
    position: absolute;
    display:  none
}

img.footer-logo {
    content:  url('/img/infas-logo-white_30px.svg');
    position: relative;
    height:   30px;
    right:    10px;
    top:      9px;
}

.symbol-freigegeben {
    color: #258a25;
}

.symbol-nicht-freigegeben {
    color: #0000ff;
}

.symbol-nicht-aktiv {
    color: #ff0000;
}

.passwort-erfuellt:before {
    color:   #00ff00;
    content: "\2714"; /* HeavyCheckMark */
}

.passwort-nicht-erfuellt:before {
    color:   #ff0000;
    content: "\2718"; /* HeavyBallotX */
}

div.projekt-container {
    position: fixed;
    left:     0px;
    top:      48px;
    width:    100%;
    height:   24px;
}

div.projekt-header {
    display:          flex;
    justify-content:  center;
    align-items:      center;
    /*position:         fixed;*/
    /*left:             0px;*/
    /*top:              48px;*/
    /*width:            100%;*/
    height:           36px;
    background-color: #9de4f9;
    /*z-Index:          555;*/
    /*text-align:       center;*/
    font-size:        18px;
    font-weight:      bold;
}

div.projekt-menue {
    /*position:         absolute;*/
    /*left:             0px;*/
    /*top:              72px;*/
    width:            200px;
    /*height:           100%;*/
    background-color: #9d80f9;
    float:            left;
    padding:          10px;
}

div.projekt-work {
    /*display:            none;*/
    /*position:         absolute;*/
    /*top:              72px;*/
    /*left:             100px;*/
    /*height:           100%;*/
    /*width:            100px;*/
    /*width:            100%;*/
    background-color: #9de495;
    float:            left;
    /*padding:           10px;*/
    text-align:       left;
}

div.projekt-work-reiter {
    margin: 10px;
}

div.projekt-work-versteckt {
    display: none;
}

.versteckt {
    display: none;
}

.popup-container {
    position:         fixed;
    left:             0px;
    top:              0px;
    width:            100%;
    height:           100%;
    z-Index:          150;
    background-color: rgba(30,30,30,0.1);
}

.popup {
    position:         relative;
    /*width:            80%;*/
    width:            fit-content;
    max-width:        90%;
    max-height:       90%;
    border:           2px solid #000000;
    border-radius:    10px;
    text-align:       center;
    top:              50%;
    left:             50%;
    transform:        translate(-50%,-50%);
    /*transform:        translate(0%,-50%);*/
    /*transform:        min(0px, translateY(-50%));*/
    /*transform:        translateY(-50%);*/
    z-Index:          200;
    background-color: #ffffff;
    padding:          20px;
    white-space:      nowrap;
    overflow:         auto;
}

.popup-close {
    position:                absolute;
    width:                   15px;
    height:                  15px;
    top:                     0px;
    right:                   0px;
    border:                  1px solid #c0c0c0;
    border-top-right-radius: 8px;
    z-Index:                 201;
    font-size:               10px;
    cursor:                  pointer;
}

.slidein {
    position:         fixed;
    bottom:           -100%;
    left:             0px;
    width:            100%;
    min-height:       70px;
    background-color: lightgreen;
    transition:       all .5s ease-in-out;
    text-align:       center;
    z-index:          300;
}

.slidein-text {
    text-align: center;
    font-size:  20px;
}

.slidein-symbol {
    position:      absolute;
    top:           50%;
    left:          10px;
    transform:     translateY(-50%);
    color:         darkgreen;
    font-size:     36px;
    border:        2px solid darkgreen;
    border-radius: 10px;
    padding-left:  5px;
    padding-right: 5px;
}

.studieninfo {
    position:         absolute;
    border:           1px solid #000000;
    z-Index:          5;
    background-color: #ffffff;
    padding:          20px;
    overflow:         auto;
}

/* ----------------------------------------------------------------------
   Login-Seite für Administratoren
 */

adm-login-container {
    height:              100vh;
    display:             grid;
    grid-template-rows:  48px 1fr 24px;
    grid-template-areas: "adm-login-header"
                         "adm-login-work"
                         "adm-login-footer";
}

adm-login-container > adm-login-header {
    grid-area:        adm-login-header;
    background-color: #000000;
    color:            #ffffff;
    font-size:        28px;
    text-align:       center;
}

adm-login-container > adm-login-work {
    grid-area:         adm-login-work;
    overflow:          auto;
    padding-top:       10px;
    background-color:  var(--bg-work);
    /*background-color:  #9de495;*/
    /*background-color:  #ffffff;*/
}

.adm-login-content {
    display:         grid;
    justify-content: center;
}

adm-login-container > adm-login-footer {
    grid-area:        adm-login-footer;
    background-color: #000000;
    text-align:       center;
    align-self:       center;
    padding:          3px;
    white-space:      pre;
}

/* ----------------------------------------------------------------------
   Login-, Registrier- und Paßwort vergessen Seite für Interviewer
 */

int-login-container {
    height:              100vh;
    display:             grid;
    grid-template-rows:  48px 1fr 47px;
    grid-template-areas: "int-login-header"
                         "int-login-work"
                         "int-login-footer";
}

int-login-container > int-login-header {
    grid-area:        int-login-header;
    background-color: #000000;
    color:            #ffffff;
    font-size:        28px;
    text-align:       center;
}

int-login-container > int-login-work {
    grid-area:         int-login-work;
    overflow:          auto;
    padding-top:       10px;
    background-color:  var(--bg-work);
    /*background-color:  #9de495;*/
    /*background-color:  #ffffff;*/
}

.int-login-content {
    display:         grid;
    justify-content: center;
}

int-login-container > int-login-footer {
    grid-area:        int-login-footer;
    background-color: #000000;
    text-align:       center;
    align-self:       center;
    padding:          3px;
    white-space:      pre;
}

int-login-footer div {
    display:         flex;
    justify-content: space-between;
    padding:         0 5px;
}

int-login-footer a:link,
int-login-footer a:active,
int-login-footer a:visited {
    color: #ffffff;
}

int-login-footer a:hover {
    color: #9de4f9;
}

/* ----------------------------------------------------------------------
   Seite für die Übersicht der Studien (Administrator)
 */

adm-overview-container {
    height:                100vh;
    display:               grid;
    /*grid-template-columns: 1fr;*/
    grid-template-rows:    48px 24px 1fr 24px;
    grid-template-areas:   "adm-overview-header"
                           "adm-overview-navbar"
                           "adm-overview-work"
                           "adm-overview-footer";
}

adm-overview-container > adm-overview-header {
    grid-area:        adm-overview-header;
    background-color: #000000;
    color:            #ffffff;
    font-size:        28px;
    text-align:       center;
}

adm-overview-container > adm-overview-navbar {
    grid-area:        adm-overview-navbar;
    overflow:         auto;
    padding:          3px;
    /*background-color: var(--bg-work);*/
}

adm-overview-container > adm-overview-work {
    grid-area:        adm-overview-work;
    overflow:         auto;
    /*padding:          15px 5px 10px 5px;*/
    padding-top:      10px;
    background-color: var(--bg-work);
    /*background-color: #9de495;*/
    /*background-color: #ffffff;*/
}

adm-overview-header div {
    display:         flex;
    justify-content: space-between;
}

/*
.einsatz-content {
    display:         grid;
    justify-content: center;
}
*/

.einsatz-header {
    min-height:      48px;
    display:         flex;
    justify-content: space-between;
    padding:         0 5px;
}

.kontakt-header {
    height: 48px;
}

.kontakt-header-session {
    height: 37.5px;
}

adm-overview-container > adm-overview-footer {
    grid-area:        adm-overview-footer;
    background-color: #000000;
    /*justify-content:  center;*/
    text-align:       center;
    align-self:       center;
    padding:          3px;
    white-space:      pre;
}

/* ----------------------------------------------------------------------
   Seite zum Bearbeiten einer Studie (Administrator)
 */

adm-project-container {
    height:                100vh;
    display:               grid;
    grid-template-columns: 200px 1fr;
    grid-template-rows:    48px 24px 36px 1fr 24px;
    grid-template-areas:   "adm-global-header  adm-global-header"
                           "adm-project-navbar adm-project-navbar"
                           "adm-project-header adm-project-header"
                           "adm-project-menu   adm-project-work"
                           "adm-project-footer adm-project-footer";
}

adm-project-container > adm-global-header {
    grid-area:       adm-global-header;
    background-color: #000000;
    color:           #ffffff;
    font-size:       28px;
    text-align:      center;
}

adm-project-container > adm-project-header {
    grid-area:        adm-project-header;
    background-color: #9de4f9;
    /*justify-content:  center;*/
    /*align-items:      center;*/
    font-size:        18px;
    font-weight:      bold;
    text-align:       center;
    align-self:       center;
    padding:          9px;
}

adm-project-container > adm-project-navbar {
    grid-area:        adm-project-navbar;
    overflow:         auto;
    padding:          3px;
    /*background-color: var(--bg-work);*/
}

adm-project-container > adm-project-menu {
    grid-area:        adm-project-menu;
    overflow:         auto;
    background-color: var(--bg-menu);
    /*background-color: #9d80f9;*/
    /*background-color: #f0f0f0;*/
    /*padding:          10px;*/
}

.projekt-reiter {
    width:            80%;
    background-color: var(--bg-reiter);
    /*background-color: #ffffff;*/
    font-size:        16px;
    text-align:       center;
    border:           1px solid #000000;
    border-radius:    10px;
    margin:           10px 10% 5px 10%;
    padding:          5px;
}

.projekt-reiter:hover {
    background-color: var(--bg-reiter-wahl);
    /*background-color: #9de495;*/
    cursor:           pointer;
}

.projekt-reiter-wahl {
    background-color: var(--bg-reiter-wahl);
    /*background-color: #9de495;*/
}

adm-project-container > adm-project-work {
    grid-area:        adm-project-work;
    overflow:         auto;
    /*padding:          15px 5px 10px 5px;*/
    background-color: var(--bg-work);
    /*background-color: #9de495;*/
    /*background-color:  #ffffff;*/
}

adm-project-container > adm-project-footer {
    grid-area:        adm-project-footer;
    background-color: #000000;
    /*justify-content:  center;*/
    text-align:       center;
    align-self:       center;
    padding:          3px;
    white-space:      pre;
}

A.footer-link:link {
    color:      #ffffff;
    margin-top: 5px;
}

A.footer-link:active {
    color: #fffff;
}

A.footer-link:visited {
    color: #ffffff;
}

A.footer-link:hover {
    color: #9de4f9;
}

/* ----------------------------------------------------------------------
   Seite für die Buchung der Einsätze (Interviewer)
   alte Variante
 */

int-main {
    display:        flex;
    flex-direction: column;
    min-height:     100vh;
    margin:         0; /* prevents scrollbars */
}

int-main-header {
    position:         sticky;
    top:              0px;
    z-Index:          20;
    background-color: #000000;
    color:            #ffffff;
    font-size:        28px;
    text-align:       center;
}

int-main-header div {
    display:         flex;
    justify-content: space-between;
    padding:         0 5px;
}

int-main-intro {
    /*padding-top:      10px;*/
    background-color: var(--bg-work);

    display:          flex;
    flex-direction:   row;
    justify-content:  flex-end;
    padding:          30px 25% 0 0;
}

int-main-points-cart {
    display:          flex;
    flex-direction:   row;
    background-color: var(--bg-work);
}

int-main-points {
    /*width:            calc( 100vw - 240px );*/
    padding-top:      10px;
    background-color: var(--bg-work);
}

int-main-cart {
    width:            240px;
    flex-shrink:      0;
    /*padding-top:      10px;*/
    /*background-color: transparent;*/
    /*background-color: var(--bgcolor3);*/
    padding-right:    20%;
    display:          block;
    justify-content:  flex-end;
    margin-left:      15px;
    padding-right:    15px;
}

#cart-container div-th {
    background-color: var(--bgcolor3);
}

#cart-container {
    background-color: var(--bgcolor3);
}

int-main-footer {
    background-color: #000000;
    text-align:       center;
    align-self:       center;
    padding:          3px;
    white-space:      pre;
    z-Index:          2;
    width:            100%;
    max-width:        1320px;
}

int-main-footer div {
    display:         flex;
    justify-content: space-between;
    padding:         0 5px;
}

int-main-footer a:link,
int-main-footer a:active,
int-main-footer a:visited {
    color: #ffffff;
}

int-main-footer a:hover {
    color: #9de4f9;
}

.sticky-points {
    position: sticky;
    z-index:  10;
    /*top:      38px; /* FIXME dynamisch? */
    /*background: */
}

.sticky-cart {
    position: sticky;
    z-index:  10;
    /*top:      38px; /* FIXME dynamisch? */
    /*background: */
}

.spacer-cart {
    height: 17px;
}

.blank-cart {
    background-color: #ffffff;
}

.points-book-projekt {
    position:        relative;
    font-weight:     bold;
    /*text-decoration: underline;*/
}

.points-book-point {
    font-weight:     bold;
    /*text-decoration: underline;*/
}

div-td.points-cart {
    font-size: 12px;
    padding:   3px /*!important*/;
}

div-tbody.cart:nth-child(odd) {
    background-color: #cff1fb;
}

div-tbody.cart:nth-child(even) {
    background-color: #ffffff;
}

/* ----------------------------------------------------------------------
   x
 */

.login-links-first {
    padding-top:    20px;
    padding-bottom: 10px;
}

.login-links-next {
    padding-top:    10px;
    padding-bottom: 10px;
}

.login-label {
    font-weight: bold;
}

/* ----------------------------------------------------------------------
   x
 */

/*
div-thead.sticky {
    position:          sticky;
    inset-block-start: 0;
    z-index:           20;
}
*/

div-table {
    border-collapse: collapse;
}

div-th {
    background-color: #01c0ea;
    padding:          5px 5px 5px 5px;
}

div-th.filter {
    background-color: #9de495;
}

div-td {
    padding: 5px 5px 5px 5px;
}

div-td.border {
    border-left: 1px solid #000000;
    border-top:  1px solid #000000;
}

div-td.rechts {
    border-right: 1px solid #000000;
}

div-td.unten {
    border-bottom: 1px solid #000000;
}

/*
div-tr.point:nth-child(odd) {
    background-color: #cff1fb;
}

div-tr.point:nth-child(even) {
    background-color: #ffffff;
}
*/

div-tr.point-odd {
    background-color: #cff1fb;
}

div-tr.point-even {
    background-color: #ffffff;
}

div-tr.point:nth-last-child(n+2) {
    border-bottom: 2px solid #56bbdb;
}

div-td.point:nth-last-child(n+2) {
    border-right:  2px solid #56bbdb;
}

/*
div-td.point:last-child {
    border-left: 2px solid #56bbdb;
}
*/

.sticky_header {
    position:          sticky;
    inset-block-start: 0;
    z-Index:           50;
}

.filter-projekte {
    position:         absolute;
    background-color: #ffffff;
    z-Index:          8;
    border:           1px solid #000000;
}

.filter-bundeslaender {
    position:         absolute;
    background-color: #ffffff;
    z-Index:          8;
    border:           1px solid #000000;
}

.cart-papierkorb {
    cursor:   pointer;
    /*position: absolute;*/
    position: relative;
    /*top:      50px;*/
    top:      39px;
    /*right:    3px;*/
}

img.cart-papierkorb {
    content: url('/img/trash.svg');
    width:   25px;
    /*right:   -50px;*/
}

div.kontakt-row {
    display: flex;
}

.kontakt-col-ap, .kontakt-col-hh {
    border-top-left-radius:     60px;
    border-bottom-right-radius: 60px;
    font-weight:                400;
    max-width:                  300px;
    margin:                     20px 20px 0 0;
    padding:                    20px;
}

.kontakt-col-ap {
    background-color: var(--color1);
}

.kontakt-col-hh {
    background-color: var(--bgcolor3);
}

.kontakt-col-ap h2,
.kontakt-col-ap p,
.kontakt-col-ap a {
    color:       white !important; /*wird sonst von infas.css:33 überschrieben*/
    font-weight: 400;
    font-size:   1.5rem;
}

.kontakt-col-hh h2 {
    color:       black;
    font-weight: 400;
}