/* =========== NUR HIER ÄNDERUNGEN EINTRAGEN ============ */
/* die panomacher-shop-v311.min.css IMMER in ruhe lassen */

/* ======= BEISPIELE FÜR ÄNDERUNGEN ======== */

/* font css imports müssen IMMER am kopf der datei stehen !!! */
@import url("arvo.css");
@import url("pt-sans.css");

/* überschriften in allen popups */
.modal-body-wrapper h2,
.modal-body-wrapper h3 {
    color: #034c73;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Arvo", 'Times New Roman', Times, serif;
}

/* menu links: andere schrift (ptsans) */
.sidebar-menulist li a.sideBarBtn {
    font-size: 20px;
    font-family: "PT Sans", Arial, Helvetica, sans-serif;
}

/* sidebar menu links => kleinere abstände */
.sidebar-menulist li {
    margin-bottom: -10px;
}


/* ===== FARBEN IM MENÜ SIDEBAR ANPASSEN  ===== */

/* "!important" muss immer hinten dranstehen, damit woanders */
/* definierte styles (z.b. vom skin) überschrieben werden können */

/* menü hintergrund */
.menu-bg {
    background-color: rgba(63, 117, 197, 0.7) !important;
}

/* schrift generell */
/* mcc = menu custom font color */
/* contact hover ändert im contact block nicht die farbe! (auch beim pano titel)*/
.mcc,
.mcc.contact-wrapper:hover {
    color: #6ab9c9 !important;
}

/* no color change on hover for pano title */
.menu-header .pano-title.tx.mcc,
.menu-header .pano-title.tx.mcc:hover {
    color: #6ab9c9 !important;
    font-weight: bold !important;
}

/* pfeil nach rechts */
.menu-header .pano-title:after {
    content: '\00a0\00a0\f152';
    font-family: "Font Awesome 6 Free", fantasy;
}

/* menu custom color für mouse over und icons ganz links */
.mcc:hover, .icon.mcc {
    color: #85f7f6 !important;
}

/* link in contact info */
.mcc.contact-wrapper a {
    color: #ee4348 !important;
}

/* link in contact info on mouse over */
.mcc.contact-wrapper a:hover {
    color: #fb8fff !important;
}

/* überschriften popups */
h3.modal-title {
    font-family: "Arvo", 'Times New Roman', Times, serif;
}


/* ===== FARBEN ANPASSEN FÜR SOCIAL MEDIA BUTTONS IM MENÜ ===== */

/* buttons hintergrund */
.buttonlist a {
    background-color: #eceeaf;
}

/* buttons hintergrund bei mouse over */
.buttonlist a:hover {
    background-color: #001d49;
}

/* buttons icon */
.buttonlist a i {
    color: #440000;
}

/* buttons icon bei mouse over */
.buttonlist a i:hover {
    color: #a8fad2;
}

/* panorama-titel im menu links oben kleiner und mit arvo und mit anderer farbe */
.menu-title {
    font-family: "Arvo", 'Times New Roman', Times, serif;
    color: #0dcaf0 !important;
    font-weight: normal !important;
}

/* "sie sind hier:" */
.menu-header .yourehere {
    color: lightskyblue;
    padding-left: 32px;
    font-style: italic;
    font-size: 14px;
}

/* =========== v3.0 / 3.1 / 3.1.1 ========== */

/* meta-links */

#metamenu {
    margin-top: 10px;
}

/* font size anpassen und weniger zeilenabstand*/
.sidebar-metamenu-list li a.sideBarBtn {
    font-size: 14px;
    padding-top: 3px;
}

/* letzte änderungen 240627_1416 */
/* menu icons kleiner */
.sidebar-menulist li .icon {
    font-size: 14px;
}

/* anderes icon wählen */
/* unicode hier herholen: https://fontawesome.com/icons */
/*
die drei icon-klassen lauten:
.icon.mcc.node
.icon.mcc.file
.icon.mcc.web
*/
.icon.mcc.node:before {
    content: '\f054' !important;
}