/* ========== Dr Schreindorfer und Franzmann CSS ============== */

/* == Logo color - #4a93e2; == */

/* Logo */
.nav-logo-wrap .logo img {
    width: auto;
    max-height: 160%;
    padding-bottom: 15px;
    padding-top: 15px;
}

img:not([draggable]), embed, object, video {
    max-width: 160%;
    height: auto;
}

/* ============================ Bild im Slider - kein rand */
.parallax-2 {
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
}


/* =============== Slider Schrift kleiner Datenschutz / Impressum ======== */
.hs-line-14.small-14 {
    margin-top: 0px;
    position: relative;
    font-size: 70px !important;
    font-weight: 1000 !important;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Bis 1000px Breite  */
@media (max-width: 1409px) {
    .hs-line-14.small-14 {
        font-size: 50px !important;
    }
}

/* Bis 993px Breite  */
@media (max-width: 993px) {
    .hs-line-14.small-14 {
        font-size: 26px !important;
    }
}

/* Bis 769px Breite  */
@media (max-width: 769px) {
    .hs-line-14.small-14 {
        font-size: 14px !important;
    }
}

/* Unter 486px Breite */
@media (max-width: 486px) {
    .hs-line-14.small-14 {
        font-size: 13px !important;
    }
}




/* Schriftgröße ================ h2 im ================== slider */
.hs-line-8 {
    margin-top: 0px;
    position: relative;
    font-size: 22px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3em;
    line-height: 1.2;
    opacity: 0.75;
}


/* Unter 993px Breite === Ihre Notare in Regensburg - Slider ===== */
@media (max-width: 993px) {
.hs-line-8 {
    margin-top: 0px;
    position: relative;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3em;
    line-height: 1.1 !important;
    opacity: 0.75;
}}


/* Bis 769px Breite  */
@media (max-width: 769px) {
.hs-line-8 {
    margin-top: 0px;
    position: relative;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em;
    line-height: 1.1 !important;
    opacity: 0.75;
}}



/* Unter 486px Breite === Ihre Notare in Regensburg - Slider ===== */
@media (max-width: 486px) {
.hs-line-8 {
    margin-top: 0px;
    position: relative;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2em;
    line-height: 1 !important;
    opacity: 0.75;
}}







/* =========================== Menu ================================== */
/* Mobile Menu  Col */
body {
   /*  color: #d12420; */
    font-size: 14px;
    font-family: "Open Sans", arial, sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

/*  Menu active color */
.inner-nav ul li a:hover, .inner-nav ul li a.active {
    color: #006bb4 !important;
    text-decoration: none;
}
   

/*  Menu active color - dropdown */
@media (max-width: 1024px) {
.inner-nav ul li a:hover, .inner-nav ul li a.active {
    color: #74c6ff !important;
    text-decoration: none;
    }}    
    
    
    

/* Menu Font Size */
.inner-nav ul {
    font-size: 14px !important;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 1.3;
}


/* Menu Unter 1200px kleinere Schrift */
@media (max-width: 1220px) {
    .inner-nav ul {
        font-size: 14px !important;
    }
}


/* Menu Unter 1020px wieder größere Schrift */
@media (max-width: 1020px) {
    .inner-nav ul {
        font-size: 14px !important;
    }
}


/* Dropdown größere Schrift */
/* Dropdown-Menü Schriftgröße */
.mn-sub li a {
    font-size: 14px !important;   /* z.B. 16px oder 1rem */
    line-height: 1.4;
}


/* =================== Menu Schriftfarbe dunkler */
.inner-nav ul li a {
    color: #444 !important;
}

/* ===================== Dropdown Menü heller */
.inner-nav ul li .mn-sub li a {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    font-size: 14px !important;
    text-align: left;
    text-transform: none;
    letter-spacing: 0px;
    cursor: pointer;
    height: auto !important;
    line-height: 1.3 !important;
    color: #dadada !important;
    outline-offset: -2px !important;
    margin: 0px;
    padding: 11px 15px;
    border-left: none;
    border-right: none;
}



/* ===================== Dropdown Menü heller unter 1024 */
@media (max-width: 1020px) {
.inner-nav ul li a {
    color: #fff!important;
}
}








/* ================================================= H1 ================================== */
.section-title {
    margin-bottom: 1em;
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    line-height: 1.6;
    text-transform: uppercase;
    text-align: center;
}



/* H1 im Slider breiter */
.hero-main > .js-height-full.container {
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/* ===================== H1 in Slider weiter nach unten ==================*/
.hero-main .home-text > h1{
  margin-top: 480px !important; /* Desktop */
}


/* Überschriften in Gilda Display */
h1 {
  font-family: 'Gilda Display', serif !important;
  font-weight: 400 !important;
  margin-bottom: 0.5em !important;
  color: #fff !important;
}

/* kleinere Schrift innerhalb H1 bei Franzmann */
h1 .smallh1 {
  font-size: 0.4em; /* relativ zur h1-Größe */
  letter-spacing: 0.05em;
}

h2, h3 {
  font-family: 'Gilda Display', serif !important;
  font-weight: 400 !important;;
  margin-bottom: 0.5em !important;;
  color: #fff !important;
}

/* zB home 4 bilder */
h3.darkH {
    font-family: 'Gilda Display', serif !important;
    font-weight: 400 !important;
    font-size: 18px;  
    margin-bottom: 0.5em !important;
    color: #555 !important;
    text-transform: uppercase; 
    text-align: center;    
}

/* h3  */
h3.darkG {
    font-family: 'Gilda Display', serif !important;
    font-weight: 400 !important;
    font-size: 18px;  
    margin-bottom: 0.5em !important;
    color: #89ac41 !important;
    text-transform: uppercase; 
    text-align: center;    
}


/* h4 color */
h4 {
    color: #555 !important;
}


/*  ======================== Hero-Section ====================== */
.hero {
  text-align: center;
  padding: 80px 20px;
  background: linear-gradient(135deg, #fdfdfd, #f3e8f9);
}

.hero h1 {
  font-size: 3rem;
}

.hero p {
  font-size: 1.2rem;
  margin-bottom: 20px;
}

/* Call-to-action Button */
.cta-button {
  display: inline-block;
  padding: 12px 24px;
  font-size: 1rem;
  background: #d6b3f5;
  color: white;
  text-decoration: none;
  border-radius: 8px;
  transition: background 0.3s ease;
}

.cta-button:hover {
  background: #b487e5;
}

/* Content */
.content {
  max-width: 800px;
  margin: 60px auto;
  padding: 0 20px;
  text-align: center;
}

.section-text {
    font-size: 17px !important;
    font-weight: 300;
    color: rgb(119, 119, 119);
    line-height: 1.7;
}







/* ==== a link color ==== */
a {
    color: #777 !important;
    text-decoration: underline;
}


/* == b bold == */
b {
    font-weight: 700 !important;
}



/* =========================================== Background ============================== */

#home {
    background-image: url('../images/bg/home.png');
    background-size: cover;       /* Bild wird auf gesamte Fläche gestreckt */
    background-position: center;  /* Bild wird zentriert */
    background-repeat: no-repeat; /* kein wiederholtes Kacheln */
    background-attachment: scroll; /* Bild bewegt sich normal mit */    
}


#home p {
  background: transparent !important;
}


#bgHome {
    background-image: url('../images/bg/1.png');
    background-size: cover;       /* Bild wird auf gesamte Fläche gestreckt */
    background-position: center;  /* Bild wird zentriert */
    background-repeat: no-repeat; /* kein wiederholtes Kacheln */
    background-attachment: scroll; /* Bild bewegt sich normal mit */    
}


#bgKontakt {
    background-image: url('../images/bg/kontakt.png');
    background-size: cover;       /* Bild wird auf gesamte Fläche gestreckt */
    background-position: center;  /* Bild wird zentriert */
    background-repeat: no-repeat; /* kein wiederholtes Kacheln */
    background-attachment: scroll; /* Bild bewegt sich normal mit */    
}




/* Dark Alpha Overlay Slider */
.bg-dark-alfa-30:before, .bg-dark-alfa-30 .YTPOverlay:before {
    background: rgba(34,34,34, .15);
}


.hs-line-11 {
    margin-top: 0;
    position: relative;
    font-size: 22px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    line-height: 1.8;
    opacity: .9;
}



/* ================== Home Parallax ================ */
/* h */
.banner-heading {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: #fff !important;
}


/* p */
.banner-decription {
    margin-bottom: 35px;
    font-size: 16px;
    font-weight: 300;
    color: #fff !important;
}


/* ====== List less padding left ==== */
.ulNoPad {
    padding-left: 1rem !important;
})


/* =============== Padding Top ================== */

.ptb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
}

.padTop0{
    padding-top: 0px !important;
}

.padTop20{
    padding-top: 20px !important;
}

.padTop50 {
    padding-top: 50px;
}

.padTop100 {
    padding-top: 100px;
}

.padTop120 {
    padding-top: 120px;
}

.padTop150 {
    padding-top: 150px;
}


/* =============== Padding Bot ================== */

.lessPadBot {
    padding-bottom: 0px !important;
}

.padBot50 {
    padding-bottom: 50px;
}

.padBot100 {
    padding-bottom: 100px;
}

.padBot120 {
    padding-bottom: 120px;
}

.padBot150 {
    padding-bottom: 150px;
}


/* padtopbot home */
.pTB {
    padding-top: 50px !important;    
    padding-bottom: 100px !important;
}


.pTB100200 {
    padding-bottom: 100px !important;
    padding-top: 200px !important;
}





/* =============== Margin ================== */
.margTop50 {
    margin-top: 50px; 
}

.margTop100 {
    margin-top: 100px; 
}






/* ============== Kontakt ========================== */

/* ========= Icons color ======== */
.ci-icon:before {
    width: 100%;
    height: 100%;
    background: #4a93e2;
}


/* font color contact item */
.contact-item {
    color: #777 !important;
}


/* Anschrift mittig auf Mobil */
@media only screen and (max-width: 575px) {
.pad-Kontakt {
    padding-left: 100px !important;
    }}


.ci-title {
    margin-bottom: 1px;
    color: rgb(119, 119, 119);
    font-size: 18px !important;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    line-height: 1.8 !important;    
}





/* Kontaktdaten auf mobil zentriert und keine icons */
@media (max-width: 768px) {
  /* Icons komplett verbergen */
  .contact-item .ci-icon {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Sicherstellen, dass Inhalt zentriert bleibt */
  .contact-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px; /* optional: Abstand zwischen title/text */
  }

  .contact-item .ci-title,
  .contact-item .ci-text {
    text-align: center;
  }
}


/* Kontakt auf Handy zentriert ohne icon kein padding links */
@media (max-width: 480px) {
.contact-item {
    padding-left: 0px !important; 
    }}


/* =================== Schrift im Slider ============================= */
.hs-line-14 { 
    margin-top: 0px;
    position: relative;
    font-size: 70px !important;
    font-weight: 1000 !important;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.2em;
}

/* Bis 1000px Breite  */
@media (max-width: 1409px) {
    .hs-line-14 {
        font-size: 70px;
    }
}

/* Bis 993px Breite  */
@media (max-width: 993px) {
    .hs-line-14 {
        font-size: 36px;
    }
}

/* Unter 486px Breite */
@media (max-width: 486px) {
    .hs-line-14 {
        font-size: 26px;
    }
}



/* =============== Slider dynamisch an mobil anpassen ============= */





/* =============================== FONTS ============================================ */

/* ============ Gilda ============== */
@font-face {
  font-family: 'Gilda Display';
  src: url('../fonts/Gilda/gildadisplay-regular.woff2') format('woff2'),
       url('../fonts/Gilda/GildaDisplay-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Klasse zum gezielten Einsatz */
.gilda {
  font-family: 'Gilda Display', serif;
  font-weight: 400;
}



/* ========== Poppins =========== */
/* Regular */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
       url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

/* Bold */
@font-face {
  font-family: 'Poppins';
  src: url('../fonts/Poppins/Poppins-Bold.woff2') format('woff2'),
       url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* Klasse zum Zuweisen */
.poppins {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}

.poppins.bold {
  font-weight: 700;
}



/* ============== Montserrat ==== */

/* Regulär */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'),
       url('../fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400 !important;
  font-style: normal;
}

/* Fett */
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'),
       url('../fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700 !important;
  font-style: normal;
}


/* Klasse für Montserrat */
.mont {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 400; /* Standard regular */
}

/* Falls du gezielt Bold über Klasse willst */
.mont.bold {
  font-weight: 800 !important;
}



/* ========================= Schriftarten setzen =============================== */
body {
  font-family: 'Poppins', sans-serif !important;;
  font-size: 16px !important;
  line-height: 1.6;
  color: #333;
  margin: 0;
  padding: 0;
  background: #fff;
}

p {
  font-family: 'Poppins', sans-serif !important;;
  font-size: 16px !important;
  line-height: 1.8;
  color: #777;
  margin: 0;
  padding: 0;
  background: #fff;
font-weight: 300 !important;
}

blockquote p {
   font-family: 'Gilda Display', serif !important;    
    margin-bottom: 1em;
    font-size: 28px !important;
    font-weight: 300 !important;
    font-style: normal;
    line-height: 1.6;
}

.font-gilda {
    font-family: 'Gilda Display', serif !important;    
}






/* ================= Slider größe auf mobil anpassen ============= */

@media (max-width: 768px){

  .hero-main{
    position: relative;
    background-size: contain !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-color: #000;
    height: auto !important;
    min-height: 0 !important;
  }

  .hero-main .js-height-full{
    height: auto !important;
    min-height: 0 !important;
    padding-top: 44.77% !important; /* exakt passend zu 2560×1146 */
    position: relative !important;
    display: block !important;
  }

  .hero-main .home-content{
    position: absolute !important;
    left: 0; right: 0; bottom: 16px;
    top: auto !important;
    transform: none !important;
    z-index: 2;
    text-align: center;
    padding: 0 12px;
  }

  .hero-main .home-text{
    display: inline-block;
    padding: 10px 14px;
    background: rgba(0,0,0,0);
    border-radius: 8px;
  }
}



/* ========================= Kontakt - Öffnungszeiten ========================== */

.contactBlock{
  margin-bottom: 26px;
}

/* Überschriften */
.contactTitle{
  font-size: 16px;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #7a7a7a;
  display: flex;
  align-items: center;
  gap: 8px;
}

.contactTitle i{
  color: #0d8fd6;
  font-size: 15px;
}

/* Text – exakt bündig wie Öffnungszeiten */
.contactText{
  font-size: 16px;
  line-height: 1.6;
  color: #6c6c6c;
  padding-left: 0;     /* <<< WICHTIG */
  margin-left: 0;      /* <<< WICHTIG */
}

.contactText a{
  color: inherit;
  text-decoration: none;
}

.contactText a:hover{
  text-decoration: underline;
}

/* Öffnungszeiten */
.opening-hours{
  max-width: 420px;
}

.opening-hours li{
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid #b5b5b5;
  font-size: 15px;
  color: #6c6c6c;
}

.opening-hours .time{
  white-space: nowrap;
}


/* Kontakt mobile */
@media (max-width: 767px) {

  /* Gesamten linken Block zentrieren */
  .contactBlock,
  .contactText {
    text-align: center;
  }

  /* Überschriften ebenfalls mittig */
  .contactTitle {
    justify-content: center;
  }

  /* Icons in Überschriften optisch sauber */
  .contactTitle i {
    margin-right: 6px;
  }

  /* Mehr Abstand zwischen linkem & rechtem Block */
  .col-md-6:first-child {
    margin-bottom: 48px;
  }

  /* Öffnungszeiten wieder linksbündig lassen */
  .opening-hours {
    margin-left: auto;
    margin-right: auto;
  }

  .opening-hours li {
    text-align: left;
  }
}

/* Liste Padding left 0 */
ol, ul {
    padding-left: 0rem !important;
}





/* Kontakt erster Abschnitt ========================= */
/* Kontakt-Intro: Layout auf sm/mobile sauber machen */
@media (max-width: 991px) {

  /* Gesamten Intro-Abschnitt kompakter */
  .section-text.ptb50{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  /* Blockquote optisch zentrieren & Abstände reduzieren */
  .section-text.ptb50 blockquote{
    margin: 0 auto 24px !important;
    padding: 0 !important;
    text-align: center;
    border-left: 0 !important; /* falls dein Theme links eine Linie setzt */
  }

  .section-text.ptb50 blockquote p{
    margin-bottom: 10px !important;
  }

  .section-text.ptb50 blockquote footer{
    margin-top: 10px !important;
  }

  /* Rechten Textblock mittig + angenehm lesbar */
  .section-text.ptb50 .col-md-6.col-sm-6{
    margin-top: 0 !important;
    text-align: center;
  }

  .section-text.ptb50 .col-md-6.col-sm-6 p{
    margin: 0 auto !important;
    max-width: 520px;      /* damit es nicht überbreit wird */
    text-align: left;      /* Lesbarkeit: Text links, Block selbst mittig */
  }
}

/* Noch enger auf sehr kleinen Geräten */
@media (max-width: 575px) {
  .section-text.ptb50 .col-md-6.col-sm-6 p{
    max-width: 100%;
  }
}




/* ================ Pfeil im Slider ausblenden auf mobile ================== */
@media (max-width: 767px){
  .scroll-down { display:none !important; }
  /* NICHT .local-scroll ausblenden! */
}