html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 55px; /* oder die Höhe deiner festen Navi */
}

h1,h2 {
    text-transform: uppercase;
    font-weight:700!important;
    font-size:26px!important;
}

div.TextModul h2 {
    font-size: 26px!important;
    color: #203c79!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    line-height:1.3em!important;
}

#dnn_ctl02_headerTag nav > ul > li:last-child > a{
  color:#f00 !important;
  background:#fff !important;
}

#dnn_ctl02_headerTag nav > ul > li:last-child > a:hover{
  color:#fff !important;
  background:#f00 !important;
}

#dnn_ctl02_headerTag ul li a {
    font-weight:700;

}

header nav ul li ul {
    background: rgba(255, 255, 255, 0.9)!important;
}

ul.submenu li a,ul.submenu li a:last-child {
    font-size:16px;
    color:#666!important;
}

ul.submenu li a:hover,ul.submenu li a:last-child:hover {
    font-size:16px;
    color:#1f497a!important;
}


div.keyvisual.new-design div.item {
    background-position: center!important;
}
div.kv-outer {
  display:flex;
  flex-direction:column;
  min-height:100vh;
}


div.kv-text1 {
    background:rgba(255,255,255,0.95)!important;
    width: 60%!important;
    text-align:left!important;
    margin-top:auto!important;
    height:auto!important;
    padding:30px!important;
    border-radius:15px;
    margin-bottom:50px;
    color:#1f497a!important;
    
}

div.kv-text1 h1{
    font-size:36px!important;
    line-height:1.3em!important;
    font-weight:700;
    color: #203c79;
}

div.kv-text1 p {
    font-size:18px!important;
    line-height:1.5em!important;
    text-transform: none;
    color:#000!important;
    font-weight:700;
}

img.kvsignet {
    width:120px!important;
    height:101px!important;
}

/* ===== TEASER GRID (DNN robust) ===== */

.teaser-wrap > ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;

  display:grid;
  gap:24px;

  grid-template-columns:repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
}

/* Tablet: 3 Spalten */
@media (max-width:1024px){
  .teaser-wrap > ul{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

/* Large Mobile / Small Tablet: 2 Spalten */
@media (max-width:640px){
  .teaser-wrap > ul{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

/* Mobile: 1 Spalte */
@media (max-width:420px){
  .teaser-wrap > ul{ grid-template-columns:1fr; }
}

/* DNN/Theme-Bullets killen (Marker, :before, BG) */
.teaser-wrap ul li{ list-style:none !important; background-image:none !important; }
.teaser-wrap ul li::marker{ content:"" !important; }
.teaser-wrap ul li::before,
.teaser-wrap ul li::after{ content:none !important; display:none !important; }

/* ===== CARD ===== */
.teaser-wrap > ul > li{
  background-color:#eee;
  border-radius:8px;
  padding:15px;
  box-sizing:border-box;

  display:flex;
  flex-direction:column;
  height:100%;

  overflow:hidden;
  transition: background-color 0.35s ease;
}

.teaser-wrap > ul > li:hover{
  background-color:#bfcce0;
}

/* Abstände innen sauber steuern */
.teaser-wrap > ul > li > p{ margin:0 0 12px; }
.teaser-wrap > ul > li > h3{ margin:0 0 8px; }
.teaser-wrap > ul > li > p:last-of-type{ margin:0; } /* Button-Absatz bekommt gleich auto */

/* ===== BILD + ZOOM (Crop beim Zoom) ===== */
.teaser-wrap > ul > li > p:first-of-type{
  overflow:hidden;
  border-radius:6px;
}

.teaser-wrap > ul > li > p:first-of-type img{
  display:block;
  width:100%;
  height:auto;
  transform:scale(1);
  transition: transform 0.5s cubic-bezier(.25,.8,.25,1);
}

/* Zoom beim Hover der Card */
.teaser-wrap > ul > li:hover > p:first-of-type img{
  transform:scale(1.08);
}

/* ===== BUTTON immer unten ===== */
.teaser-wrap > ul > li > p:last-of-type{
  margin-top:auto; /* drückt Button nach unten */
}

/* Optional: Button optisch */
.teaser-wrap a.btn{
  display:inline-block;
}

.teaser-wrap img{
  max-width:100%;
  height:auto !important;
}

.teaser-wrap > ul > li > h3 {
    font-weight:700;
    font-size:16px;
    text-transform: uppercase;
    color:#1f497a;
}

/* ===== Variante: 3 Spalten auch auf Desktop ===== */
@media (min-width:641px){
    .teaser-wrap.teaser-wrap--3 > ul{
    grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}
/* ----------------------------------------------------------*/


#dnn_ctr610_ModuleContent h3 {
    font-weight:700;
    font-size:20px;
    text-transform: uppercase;
    color:#1f497a;
    padding-top:30px;
    margin:0!important;
}

#dnn_ctr610_ModuleContent p {
    padding-top:10px;
}

#dnn_ctr610_ModuleContent p a{
    font-weight:700;
}

#dnn_ctr610_ModuleContent p a:hover{
    color:#f00;
}

#dnn_ctr610_ModuleContent img {
    width:60%!important;
    height:auto!important;
    padding-bottom:20px;
}

#dnn_ctr610_Layout2Spalten_plColContent2 .kontaktrechts{
    border-left:solid 2px #1f497a;
    padding-left:20px;
}

#dnn_ctr610_Layout2Spalten_plColContent2 .kontaktrechts h3{
    padding-top:0px;
}

#dnn_ctr610_Layout2Spalten_plColContent2 .kontaktrechts p{
    padding-bottom:0px;
}

#dnn_ctr611_ModuleContent.DNNModuleContent {
  background:url(/portals/0/Images/unsere-praxis2.jpg) no-repeat center;
  background-size:cover;
}
/*
.praxis-content-parent{
  height: 100vh;
  min-height: 600px;
  position: relative;
}

.praxis-content{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 30px;

  width: calc(100% - 60px);
  max-width: 1100px;

  background: rgba(255,255,255,0.85);
  border-radius: 8px;
  padding: 30px;
  margin: 0;
}*/

#dnn_ctr611_ModuleContent.DNNModuleContent .praxis-content-parent{
  min-height:100vh !important;
  /*min-height:600px !important;*/

  display:flex;
  flex-direction:column;



  padding-bottom:clamp(30px, 1vh, 30px); /* DAS ist dein Abstand */
}

#dnn_ctr611_ModuleContent.DNNModuleContent .praxis-content{
  margin-top:auto;       /* schiebt nach unten */
  background:rgba(255,255,255,0.90);
  border-radius:8px;
  padding:30px;
}

#dnn_ctr627_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-prophylaxe.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr631_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-zahnerhaltung.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr632_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-endodontie.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr633_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-konservierende_behandlung.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr661_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-fuellungs-therapie.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr634_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-paradontologie.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr635_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-prothetik.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr636_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-implantologie.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr637_ContentPane,#dnn_ctr646_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-chirurgie.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr651_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-prothetik.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr652_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/sonder-mikroskop.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr638_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-funktionsbehandlung.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr639_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-bleaching.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr640_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-kinderbehandlung.jpg) no-repeat center;
  background-size:cover;
}
#dnn_ctr627_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-prophylaxe.jpg) no-repeat center;
  background-size:cover;
}

#dnn_ctr653_ContentPane,#dnn_ctr657_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/team.jpg) no-repeat center;
  background-size:cover;
}

#dnn_ctr659_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/therapien-parodontitis.jpg) no-repeat center;
  background-size:cover;
}

#dnn_ctr663_ContentPane {
  min-height:100vh !important;
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/unsere-praxis.jpg) no-repeat center;
  background-size:cover;
}

#dnn_ctr664_ContentPane {
  /*min-height:100vh !important;*/
  /*min-height:600px !important;*/
  background:url(/portals/0/Images/jobs-c2a.jpg) no-repeat top center;
  background-size:cover;
  margin-top:100px;
}

#dnn_ctr627_Layout2Spalten_plColContent2,#dnn_ctr631_Layout2Spalten_plColContent2,#dnn_ctr632_Layout2Spalten_plColContent2,#dnn_ctr633_Layout2Spalten_plColContent2,#dnn_ctr634_Layout2Spalten_plColContent2,#dnn_ctr635_Layout2Spalten_plColContent2,#dnn_ctr636_Layout2Spalten_plColContent2,#dnn_ctr637_Layout2Spalten_plColContent2,#dnn_ctr638_Layout2Spalten_plColContent2,#dnn_ctr639_Layout2Spalten_plColContent2,#dnn_ctr640_Layout2Spalten_plColContent2,#dnn_ctr627_Layout2Spalten_plColContent2,#dnn_ctr627_Layout2Spalten_plColContent2,#dnn_ctr627_Layout2Spalten_plColContent2,#dnn_ctr627_Layout2Spalten_plColContent2,
    #dnn_ctr646_Layout2Spalten_plColContent2,
    #dnn_ctr651_Layout2Spalten_plColContent2,
    #dnn_ctr652_Layout2Spalten_plColContent2,
    #dnn_ctr653_Layout2Spalten_plColContent2,
    #dnn_ctr657_Layout2Spalten_plColContent2,
    #dnn_ctr659_Layout2Spalten_plColContent2,
    #dnn_ctr661_Layout2Spalten_plColContent2,
    #dnn_ctr663_Layout2Spalten_plColContent2,
    #dnn_ctr664_Layout2Spalten_plColContent2 {
    background:rgba(255,255,255,0.90);
    padding:30px;
    border-radius:8px;
    margin-top:auto;
}

@media (min-width:768px){
    #dnn_ctr665_ContentPane {
        display: none;
    }
}

#dnn_ctr665_ContentPane img {
    width:100%!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
}

#dnn_ctr665_ContentPane .main {
    padding:0!important;
}

#dnn_ctr665_Layout1Spalte_plBox1{
    padding:0!important;
}

#dnn_ContentPaneFull2 {
    margin-top:70px;
}

/* Call 2 Action Bild Position START */

#dnn_ctr647_ContentPane {
    margin:100px 0!important;

}

#dnn_ctr647_Layout2Spalten_plColContent2 {
    position: relative!important;
    height: 100%!important;
    overflow: visible!important; /* wichtig fürs obere Überlaufen */
    padding:0 15px!important;
}



/* nur für diesen rechten Bildbereich */
#dnn_ctr647_Layout2Spalten_plBox2.col5{
    padding-bottom: 0 !important;
}

/* optional: wenn du oben rauslaufen willst, oben ebenfalls weg */
#dnn_ctr647_Layout2Spalten_plBox2.col5{
    padding-top: 0 !important;
}

.imgDiv {
    position: absolute!important;
    bottom: 0!important;
    right: 0!important;
}

.imgDiv img {
    display: block!important;
    height: 100%!important;
    max-height: 100%!important;
    width: auto!important;
}

#dnn_ctr647_Layout2Spalten_plBox1.col7,
#dnn_ctr647_Layout2Spalten_plBox2.col5 {
    padding-top: 20px !important; /* statt 50px */
}


/* Call 2 Action Bild Position ENDE */

@media (max-width:767px){
    div.kv-outer {
        display:flex;
        flex-direction:column;
        min-height:100vh!important;
    }

    div.kv-text1 {
        background:rgba(255,255,255,0.95)!important;
        width: 92%!important;
        text-align:left!important;
        /*margin-top:0important;*/
        min-height:auto!important;
        padding:15px!important;
        border-radius:15px!important;
        margin-top:0px!important;
        color:#1f497a!important;
    }

    div.kv-text1 h1{
        font-size:26px!important;
        line-height:1.3em!important;
        font-weight:700;
        color: #203c79;
    }

    div.kv-text1 p {
        font-size:17px!important;
        line-height:1.4em!important;
        text-transform: none;
        color:#000!important;
        font-weight:700;
    }
    #dnn_ctr611_ModuleContent.DNNModuleContent {
    background:#e1e5e5;
    background-size:cover;
    }    

    #dnn_ctr611_Layout1Spalte_plBox1.col12{
        padding:0!important;
    }
}

div.hotkeysBar a:hover {
    background: #1f497a!important;
    border:#fff solid 2px!important;
    color:#fff!important;
}

div.hotkeysBar a{
    background: #fff!important;
    border:#1f497a solid 2px!important;
    color:#1f497a!important;
}


#dnn_ctr610_Layout2Spalten_plColContent2 a.btn:hover {
    color:#fff!important;
}

#dnn_PopupStoererPane {
    height:1px!important;
}