@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Text:ital,wght@0,400;0,700;1,400&display=swap');
@font-face {
    font-family: 'Gotham';
    src: url('../Fonts/Gotham/Gotham-Book.woff2') format('woff2'),
    url('../Fonts/Gotham/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Gotham Black';
    src: url('../Fonts/Gotham/Gotham-Black.woff2') format('woff2'),
    url('../Fonts/Gotham/Gotham-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@import url(../Fonts/Gotham/stylesheet.css);

.libre-caslon-text-regular {
    font-family: "Libre Caslon Text", serif;
    font-weight: 400;
    font-style: normal;
}

.libre-caslon-text-bold {
    font-family: "Libre Caslon Text", serif;
    font-weight: 700;
    font-style: normal;
}

.libre-caslon-text-regular-italic {
    font-family: "Libre Caslon Text", serif;
    font-weight: 400;
    font-style: italic;
}

.preheaderwrap { height: 13vh; font-family: 'Gotham', tahoma, sans-serif; color: #676767;}
.preheaderwrap i, .metanav-button.metanav-button-standard i { color: #ff9027; }
.preheaderwrap a, span.menu-text { color: #676767; }
.logo img{ max-width: 200px; max-height: 120px; }
.preheaderwrap .sidrtoggle-col.align-self-center{ margin-left: 100px;}
.preheaderwrap .preheader { background-color: #fff; }

#sidr, ul.Secondlevel, ul.Thirdlevel { height: 87vh; top:0; }
#sidr { background-color: #ff9027; font-family: 'Gotham', tahoma, sans-serif; margin-top: 13vh;}
#sidr li.OpenSecondlevel ul { margin-top: 13vh; }


h2 { text-transform: none !important; font-weight: normal; font-family: "Libre Caslon Text", serif; }
.header img { border-bottom: 10px solid #ff9027; margin-top: 120px; }
.bss-cb-header { font-weight: bolder; }

.basic-row-1 div.infobox-description li { font-family: 'Gotham', tahoma, sans-serif; color: #676767; }
.basic-row-1 ul li:last-child { color: #ff9027; }
.basic-row-1 .container-info-box-inner { border: 2px solid #676767 !important; }
.header-container { border-bottom: 3px solid #ff9027 !important; }

.basic-row-2 { background: #222935; color:#fff; padding-left: 20%; padding-right: 20%; }
.basic-row-2 header h2 { color:#fff; border-bottom: 3px solid #ff9027; text-align: center; font-size: 3rem; font-family: "Libre Caslon Text", serif; }
.basic-row-2 p { color: #ff9027; font-size: 1.75rem; margin-bottom: -5px; font-family: "Libre Caslon Text", serif; }
.basic-row-2 li { margin-left: -10px; font-family: 'Gotham', tahoma, sans-serif; letter-spacing: 0.03rem; font-size: 1.25rem; opacity: 0.8; }
.basic-row-2 .h2 { border-bottom: 3px solid #ff9027 !important; }

.basic-row-3 .header-container { margin-bottom: 40px; }
.basic-row-3 p strong { }
.basic-row-3 p { font-family: 'Gotham', tahoma, sans-serif; color: #676767; }
.basic-row-3 a { text-decoration: none; color: #676767;}
/*.basic-row-3 h2.bss-cb-header { border-bottom: 3px solid #ff9027 !important; }*/

.basic-row-4 { background: #f5f5f5; }
.basic-row-4 h2 { margin-bottom: 20px; text-transform: none !important; font-weight: normal; font-family: "Libre Caslon Text", serif; }
.basic-row-4 h2.bss-cb-header { position: relative; margin-top: 20px; margin-bottom: 30px; font-weight: normal; letter-spacing: 0.05rem; font-size: 2rem; }
.basic-row-4 h2.bss-cb-header::after { content: ""; position: absolute; left: 0; bottom: -6px; width: 100%; height: 3px; background-color: #ff9027; }
.basic-row-4 a{ text-decoration: none; font-family: 'Gotham', tahoma, sans-serif; color: #676767; }
.basic-row-4 span { margin-left: 25px; margin-top: 5px; font-family: 'Gotham', tahoma, sans-serif; }

.footerwrap { padding: 24px 0 24px 0; font-size: 3rem; background-color: #222935; }
.footerwrap header h2 { color:#fff !important; font-size: 2.6rem; }
.footerbox1 { text-align: center; }

.pre-footerwrap { min-height: 480px; border-top: 10px solid #ff9027; background-size: cover; }
.post-footerwrap { background-color: #ff9027; font-family: 'Gotham', tahoma, sans-serif; }

a[href^="mailto:"]::before, a[data-mailto-token]:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/fileadmin/_templateRelatedAssets/mrvp.ch/Images/Icons/Kontakt_Mail_Icon_Webdesign_Marti_und_Rutschmann_2025.png") no-repeat 0 0;
    background-size: 16px 16px;
    margin-right: 5px;
}
a[href^="tel:"]::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/fileadmin/_templateRelatedAssets/mrvp.ch/Images/Icons/Kontakt_Telefon_Icon_Webdesign_Marti_und_Rutschmann_2025.png") no-repeat 0 0;
    background-size: 16px 16px;
    margin-right: 5px;
}

.fast-access-mobile-row, .metanav-button-standard i, .fast-access-mobile-row a { color:#000; }

.footerbox1 a { text-decoration: none; }
.footerbox1 a:hover { opacity: .75; }

a[title='Kontaktformular-Button'] { border: 1px solid #ff9027; border-radius:5px; padding: 4px 10px; color:#ff9027; }
a[title='Kontaktformular-Button']:hover { background-color: #ff9027; color:#fff; }

.basic-row p { font-size:1.2rem; }

.basic-row-2 p { color: #fff; font-family: 'Gotham', tahoma, sans-serif; font-size:1.2rem; }
.basic-row-2 strong { color:#ff9027; font-family: "Libre Caslon Text", serif; font-size:1.75rem; }

.bss-flip-card p { font-size:1rem; color:#ff9027; }
.bss-flip-card a:before { content: none;  }
.bss-flip-card a { white-space: nowrap; }

.general-button { font-size:1.2rem; }
a.general-button:hover { opacity: .75; }

@media (max-width: 1200px) {
    .preheaderwrap .sidrtoggle-col.align-self-center{ margin-left: 0px; border: 0; }
}

@media (max-width: 768px) {
    .preheaderwrap { height: 10vh; }
    .logo img { max-width: 140px; max-height: 80px; }
    .header img { margin-top: 40px; }
    .preheaderwrap .sidrtoggle-col.align-self-center{ margin-left: 0px; border: 0; }
    #sidr { margin-top: 10.26vh; height: 90vh; }
    #sidr li.OpenSecondlevel ul { margin-top: 10.20vh; height: 90vh; }
    .pre-footerwrap { min-height: 180px; }
    .footerwrap header h2 { font-size: 2rem; line-height: 2.5rem; }
    .basic-row-2 { padding-left: 10%; padding-right: 10%;  }
    .basic-row-2 p { font-size: 1.2rem; line-height: 2rem; }
    .basic-row-2 header h2 { }

}