/* Source: templates/theme2025/css/default.css */
.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

img {
    max-width: 100%
}

a {
    text-decoration: none
}

a:focus {
    outline: 0
}

a.selected {
    color: #261d1d
}

a:hover {
    text-decoration: none
}

html {
    height: 100%
}

body {
    min-height: 100%;
    position: relative
}

body:before {
    content: '';
    position: absolute;
    bottom: 232px;
    left: 50%;
    margin-left: -695px;
    width: 1390px;
    top: 0;
    z-index: -1
}

#footer-wrapper {
    width: 100%
}

#footer-wrapper .footer-wrapper-inner {
    max-width: 1210px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px;
    padding: 0 40px
}

.moduletable:after {
    clear: both;
    display: block;
    content: ''
}

.checkbox input[type=checkbox],
.radio input[type=radio] {
    float: none;
    margin: -2px 0 0
}

.form-inline .checkbox input[type=checkbox] {
    float: none
}

.radio input[type=radio] {
    margin: -2px 3px 0 0
}

.checkbox,
.radio {
    padding-left: 0
}

.row-fluid {
    margin-left: -30px;
    width: auto
}

.row-fluid [class*=itemSpan],
.row-fluid [class*=span] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
    display: block;
    float: left;
    padding-left: 30px;
    min-height: 1px;
    width: 100%
}

.row-fluid .itemSpan4,
.row-fluid .span4 {
    width: 33.3333%
}

.row-fluid .itemSpan6,
.row-fluid .span6 {
    width: 49.99995%
}

.row-fluid .itemSpan8,
.row-fluid .span8 {
    width: 66.6666%
}

.row-fluid .itemSpan12,
.row-fluid .span12 {
    width: 100%
}

div.modal.fade {
    top: -200%;
    z-index: 0
}

div.modal.fade.in {
    z-index: 1100
}

input,
textarea {
    width: 220px
}

textarea {
    resize: none
}

.uneditable-input,
input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 34px;
    color: #333;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

textarea.invalid {
    border: 1px solid #9d261d
}

input::-webkit-input-placeholder {
    color: #333;
    opacity: 1
}

input:-moz-placeholder {
    color: #333;
    opacity: 1
}

input::-moz-placeholder {
    color: #333;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #333;
    opacity: 1
}

#jform_contact_message {
    resize: none;
    width: 100%;
    height: 149px
}

#contact-form label {
    display: inline-block;
    margin-bottom: 5px
}

.contact_email-copy,
.contact_vcard {
    margin: 7px 17px 0 0;
    display: inline-block
}

#contact-form button {
    background: #01a3ae;
    color: #fff;
    margin: 10px 0 25px
}

#footer-wrapper li a {
    font-size: 18px
}

#component>main>div>span>a {
    text-decoration: underline
}


/* Source: templates/theme2025/css/template.css */
:root {
    --bs-body-color: rgb(51, 51, 51)
}

@font-face {
    font-family: Ubuntu;
    src: url('../fonts/ubuntu-light-webfont.eot');
    src: url('../fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-light-webfont.woff') format('woff'), url('../fonts/ubuntu-light-webfont.ttf') format('truetype'), url('../fonts/ubuntu-light-webfont.svg#ubuntulight') format('svg');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Ubuntu;
    src: url('../fonts/ubuntu-light-italic-webfont.eot');
    src: url('../fonts/ubuntu-light-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-light-italic-webfont.woff') format('woff'), url('../fonts/ubuntu-light-italic-webfont.ttf') format('truetype'), url('../fonts/ubuntu-light-italic-webfont.svg#ubuntulight_italic') format('svg');
    font-weight: 300;
    font-style: italic
}

@font-face {
    font-family: Ubuntu;
    src: url('../fonts/ubuntu-regular-webfont.eot');
    src: url('../fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-regular-webfont.woff') format('woff'), url('../fonts/ubuntu-regular-webfont.ttf') format('truetype'), url('../fonts/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Ubuntu;
    src: url('../fonts/ubuntu-regular-italic-webfont.eot');
    src: url('../fonts/ubuntu-regular-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-regular-italic-webfont.woff') format('woff'), url('../fonts/ubuntu-regular-italic-webfont.ttf') format('truetype'), url('../fonts/ubuntu-regular-italic-webfont.svg#ubuntuitalic') format('svg');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: Ubuntu;
    src: url('../fonts/ubuntu-medium-webfont.eot');
    src: url('../fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-medium-webfont.woff') format('woff'), url('../fonts/ubuntu-medium-webfont.ttf') format('truetype'), url('../fonts/ubuntu-medium-webfont.svg#ubuntumedium') format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Ubuntu;
    src: url('../fonts/ubuntu-medium-italic-webfont.eot');
    src: url('../fonts/ubuntu-medium-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-medium-italic-webfont.woff') format('woff'), url('../fonts/ubuntu-medium-italic-webfont.ttf') format('truetype'), url('../fonts/ubuntu-medium-italic-webfont.svg#ubuntumedium_italic') format('svg');
    font-weight: 500;
    font-style: italic
}

@font-face {
    font-family: Ubuntu;
    src: url('../fonts/ubuntu-bold-webfont.eot');
    src: url('../fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-bold-webfont.woff') format('woff'), url('../fonts/ubuntu-bold-webfont.ttf') format('truetype'), url('../fonts/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Ubuntu;
    src: url('../fonts/ubuntu-bold-italic-webfont.eot');
    src: url('../fonts/ubuntu-bold-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-bold-italic-webfont.woff') format('woff'), url('../fonts/ubuntu-bold-italic-webfont.ttf') format('truetype'), url('../fonts/ubuntu-bold-italic-webfont.svg#ubuntubold_italic') format('svg');
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'Ubuntu Condensed';
    src: url('../fonts/ubuntu-condensed-webfont.eot');
    src: url('../fonts/ubuntu-condensed-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/ubuntu-condensed-webfont.woff') format('woff'), url('../fonts/ubuntu-condensed-webfont.ttf') format('truetype'), url('../fonts/ubuntu-condensed-webfont.svg#ubuntu_condensedregular') format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Playfair Display';
    src: url('../fonts/google/playfairdisplay-regular-webfont.woff2') format('woff2'), url('../fonts/google/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('../fonts/google/sourcesanspro-regular-webfont.woff2') format('woff2'), url('../fonts/google/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    src: url('../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.eot');
    src: url('../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2') format('woff2'), url('../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.woff') format('woff'), url('../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.ttf') format('truetype'), url('../../../media/vendor/fontawesome-free/webfonts/fa-solid-900.svg#fontawesome') format('svg')
}

.fa,
.fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900
}

html {
    overflow-x: hidden;
    width: 100%;
}

.clearfix:after,
.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.h1,
.h2,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #01a3ae
}

.h1,
h1 {
    font-size: 40px;
    line-height: 48px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    letter-spacing: 0
}

@media (min-width:769px) {
    .item-page h1 {
        font-size: 28px;
        margin-top: -14px;
        line-height: 42px;
        text-transform: none
    }
}

h1.start,
h2.start {
    font-size: 24px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin-top: 16px;
    margin-bottom: 0;
    border-bottom: 0;
    text-transform: none;
    letter-spacing: 0;
    padding: 0
}

h3 {
    font-size: 24px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin-top: 24px;
    margin-bottom: 0;
    border-bottom: 0;
    text-transform: none;
    letter-spacing: 0
}

h3:not(:first-child),
h4:not(:first-child),
h5:not(:first-child) {
    padding-top: 0
}

.h4,
h4 {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Playfair Display', serif;
    margin-top: 10px;
    margin-bottom: 0;
    border-bottom: 0;
    text-transform: none;
    letter-spacing: 0;
}

h4.eckdaten {
    font-size: 24px;
}

.item_fulltext>h4 {
    line-height: 30px;
    margin-bottom: 12px;
}

.item-page>h4 {
    line-height: 30px;
    margin-bottom: 12px;
}

h5 {
    font-size: 24px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0
}

.h1,
h1 {
    padding: 0 0 11px;
    border-bottom: 1px solid #d9d9db
}

.alert-heading {
    color: inherit;
    font-size: 24px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 30px
}

p {
    margin: 0 0 6px;
    font-size: 18px;
    font-family: 'Source Sans Pro', sans-serif
}

.btn {
    padding: 4px 14px;
    font-size: 14px;
    line-height: 24px;
    background: #fff;
    color: #333;
    text-shadow: none;
    border: 1px solid #e6e6e6;
    border-bottom-color: #e6e6e6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear
}

.btn:hover {
    text-decoration: none;
    background: #e6e6e6;
    color: #000;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    transition: .2s linear
}

.btn.disabled {
    cursor: default !important
}

.pagination {
    height: auto;
    margin: 0;
    padding: 0
}

.pagination ul {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    box-shadow: none;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center
}

.pagination ul>li {
    display: flex
}

.pagination ul>li>a,
.pagination ul>li>span {
    float: none;
    padding: 6px 10px;
    line-height: 1.2
}

input[type=checkbox],
input[type=radio] {
    margin: -2px 0 0
}

body {
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px
}

.moduletable.title .row-container.visible .content-inner.row-fluid {
    margin-top: 0
}

.item_fulltext>h3 {
    line-height: 30px;
    margin-bottom: 12px
}

.logo-text {
    position: absolute;
    padding: 5px 0 0 20px
}

#header-row {
    text-align: left
}

#header-row:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both
}

.line {
    background: #261d1d
}

#logo {
    float: left
}

#logo h1 {
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 0;
    border: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    text-indent: -9999px
}

.navigation ul.sf-menu>li {
    padding: 0;
    margin: 0;
    font-family: 'Playfair Display', serif
}

.navigation ul.sf-menu>li.active>a,
.navigation ul.sf-menu>li.active>span,
.navigation ul.sf-menu>li.current>a,
.navigation ul.sf-menu>li.current>span,
.navigation ul.sf-menu>li.sfHover>a,
.navigation ul.sf-menu>li.sfHover>span {
    border-bottom: 6px solid #01a3ae;
    color: #fff
}

.navigation ul.sf-menu>li>a,
.navigation ul.sf-menu>li>span {
    font-size: 19px;
    line-height: 23px;
    font-family: 'Playfair Display', serif;
    color: #fff;
    display: block;
    padding: 20px 16px 15px !important;
    border-bottom: 6px solid transparent;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.navigation ul.sf-menu>li>a:hover,
.navigation ul.sf-menu>li>span:hover {
    border-bottom: 6px solid #01a3ae;
    color: #fff
}

.navigation ul.sf-menu li>ul {
    top: 100%;
    margin-top: 0;
    left: 50%;
    margin-left: -69.5px
}

.navigation ul.sf-menu li:hover>ul {
    display: flex;
    flex-direction: column;
    width: auto
}

.navigation ul.sf-menu li li li ul,
.navigation ul.sf-menu li li ul {
    top: -19px;
    margin-top: 0;
    left: 139px;
    margin-left: 0
}

.navigation ul.sf-menu ul {
    background: #261d1d;
    padding: 19px 0;
    width: 100%
}

.navigation ul.sf-menu ul li a,
.navigation ul.sf-menu ul li span {
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    background: 0 0;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: uppercase;
    display: block;
    padding: 0 8px;
    text-align: left;
    text-decoration: none;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin: 0 20px
}

.navigation ul.sf-menu ul li a:hover,
.navigation ul.sf-menu ul li span:hover,
.navigation ul.sf-menu ul li.active>a,
.navigation ul.sf-menu ul li.active>span,
.navigation ul.sf-menu ul li.sfHover>a,
.navigation ul.sf-menu ul li.sfHover>span {
    background: #01a3ae;
    color: #fff
}

#content_beitraege a,
#content_beitraege a:hover {
    color: #333
}

#content-row {
    padding: 50px 0 70px;
    background-color: #f3f3f3
}

#component {
    min-height: 0
}

#component p a {
    text-decoration: underline
}

#component h1 a,
#component h2 a,
#component h3 a,
#component h4 a {
    text-decoration: none
}

#aside-right .moduletable {
    margin-bottom: 20px
}

#aside-right .moduletable .offer-container:first-child {
    margin-top: 0px
}

#mod-custom90 {
    margin-top: 20px
}

#aside-right .moduletable .offer-container:last-child {
    margin-bottom: 0
}

#aside-right .moduletable.info-block {
    background: #01a3ae;
    padding: 20px 20px 2px 20px;
    color: #fff;
    border-color: #fff !important
}

#aside-right .moduletable.info-block a {
    color: #fff
}

#bottom-row {
    background: #fff;
    padding: 80px 0 70px
}

#copyright-row {
    padding: 28px 0 38px
}

#copyright-row:after {
    clear: both;
    display: block;
    content: ''
}

#footer-wrapper {
    color: #76757b;
    height: auto
}

#footer-wrapper a {
    color: inherit
}

#footer-wrapper a:hover {
    color: #fff
}

.h2,
h2 {
    font-weight: 400
}

a {
    color: #333
}

.offer-container {
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 2%;
    background: #e6e6e6;
    vertical-align: top
}

@media (min-width:1245px) {
    .offer-container {
        margin-right: 20px;
        width: calc((100% - 60px)/ 4)
    }

    .offer-container:nth-of-type(4n) {
        margin-right: 0
    }
}

.offer-container h3 {
    font-size: 18px;
    padding: 0 20px;
    margin: 0;
    line-height: 30px
}

.offer-container p.denkmal-kategorie {
    padding: 20px 20px 0
}

.offer-container h4,
.offer-container h5 {
    padding: 20px 20px 6px;
    margin-bottom: 0 !important;
    margin: 0
}

.offer-container .headerimg img {
    width: 100%
}

.offer-container p {
    padding: 0 20px 20px
}

.offer-container p.city {
    padding-bottom: 10px
}

.offer-container a.more-info {
    width: 100px;
    height: 30px;
    background: #01a3ae;
    float: right;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 20px 20px 0;
    padding: 8px 4px 0;
    font-size: 16px
}

.csscalc aside .offer-container,
aside .offer-container {
    width: 100% !important;
    margin-bottom: 20px
}

#dropdown {
    margin-left: -93px;
    vertical-align: top;
    margin-top: 0;
    padding: 0px 40px 0px 20px;
    flex-direction: row;
    min-width: 300px
}

#dropdown>li {
    display: inline-block;
    vertical-align: top;
    padding: 20px 0;
    width: calc(50% - 5px)
}

#dropdown li a {
    font-size: 14px;
    text-align: left;
    margin: 0 10px
}

.navigation ul ul li a {
    font-size: 18px !important;
    text-align: left;
    text-transform: none !important
}

#dropdown li {
    text-align: left;
    line-height: 16px
}

#dropdown>li .hovermenu_title {
    margin: 0 0 12px 10px;
    padding: 0 0 0 10px;
    text-align: left;
    line-height: 18px
}

#dropdown>li .h2 {
    margin: 0 0 12px;
    padding-bottom: 6px;
    font-size: 12pt;
    font-weight: 700;
    text-align: left;
    line-height: 18px;
    color: #01a3ae;
    text-transform: none
}

#dropdown>li .h2:hover {
    color: #fff
}

#dropdown ul {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    padding: 0
}

#dropdown ul>li>a {
    margin: 0 !important;
    padding: 0 0 0 10px !important
}

#copyright-row li a {
    background: 0 0
}

#contact-form dd {
    margin-left: 0
}

header .moduletable.no-desktop,
header h1.no-desktop {
    display: none
}

.moduletable.search {
    position: absolute;
    top: 7px;
    right: 2px;
    z-index: 100;
    padding: 0 0 0 20px;
    vertical-align: top;
    font-size: 1.3em
}

#header-row header {
    position: relative;
    background: rgba(227, 227, 227, .8)
}

header .search {
    background: #01a3ae
}

@media (max-width:500px) {
    .offer-container {
        width: 100% !important;
        max-width: none
    }
}

.hide_desktop {
    background: #01a3ae;
    padding: 9px 6px 0 0
}

img.hide_desktop {
    background: #fff !important
}

@media (min-width:769px) {
    .hide_desktop {
        display: none !important
    }
}

@media (max-width:768px) {
    header {
        background: 0 0
    }

    h1.start,
    h2.start,
    h3 {
        line-height: 34px;
        padding: 0 0 11px
    }

    #dropdown {
        margin-left: 0 !important
    }

    .hide_mobile {
        display: none !important
    }

    .navigation {
        float: none
    }

    #showcase-row .btn-info,
    #showcase-row p {
        font-size: 14px;
        line-height: 16px
    }

    header .moduletable.no-desktop {
        display: inline-block;
        background: #261d1d
    }

    header .moduletable.mail,
    header .moduletable.navigation,
    header .moduletable.phone {
        height: 43px;
        color: #fff;
        text-align: center;
        font-size: 20px;
        line-height: 20px;
        display: inline-block
    }

    header .moduletable.border {
        background: #261d1d
    }

    header .moduletable.mail a,
    header .moduletable.navigation a,
    header .moduletable.phone a {
        color: #fff;
        padding: 11px;
        display: block;
        float: none
    }

    #header-row header .moduletable.phone a {
        padding: 11px
    }

    .moduletable.search {
        letter-spacing: -5px;
        top: 0;
        right: 10px;
        background: #01a3ae
    }

    #content-row {
        padding-top: 30px
    }

    .mobile-container,
    .scroller,
    body,
    html {
        height: 100vw
    }

    .mobile-container {
        position: relative;
        background: #261d1d
    }

    .navigation ul.sf-menu {
        overflow: hidden;
        height: 0 !important;
        float: none
    }

    .navigation ul.sf-menu>li {
        float: none;
        width: 100%;
        margin: 0
    }

    .navigation ul.sf-menu>li ul {
        padding: 0 0 0 15px;
        width: auto;
        position: static
    }
}

@media (min-width:769px) and (max-width:960px) {
    #content_beitraege {
        padding: 0 20px
    }
}

@media (min-width:500px) and (max-width:960px) {
    .offer-container {
        width: 48.5%;
        max-width: none;
        width: calc((100% - 20px)/ 2) !important;
        margin-right: 20px !important
    }

    .csscalc .offer-container:nth-of-type(2n),
    .offer-container:nth-of-type(2n) {
        margin-right: 0 !important
    }
}

@media (min-width:960px) and (max-width:1245px) {
    .offer-container {
        width: 30%;
        width: calc((100% - 41px)/ 3) !important;
        margin-right: 20px !important
    }

    .csscalc .offer-container:nth-of-type(3n),
    .offer-container:nth-of-type(3n) {
        margin-right: 0 !important
    }
}

.moduletable>h4 {
    margin-bottom: 14px
}

input,
select,
textarea {
    width: 100%
}

ul.denkmal-toc {
    margin: 0;
    list-style: none
}

ul.denkmal-toc li {
    margin: 0 0 9px;
    padding: 0 0 6px;
    border-bottom: 1px solid #d9d9db
}

.telephone {
    color: #fff
}

.telephone a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    padding: 10px 0 6px 18px;
    vertical-align: top
}

@media (max-width:810px) and (min-width:769px) {
    #copyright-row .span4 {
        width: 230px
    }
}

.denkmal-offers {
    clear: both
}

.denkmal-filter {
    margin-top: 20px;
    margin-bottom: 20px
}

.denkmal-filter a.btn {
    display: inline-block;
    background: #01a3ae;
    color: #fff;
    border: 0;
    font-size: 16px;
    margin-bottom: 10px;
    margin-right: 10px;
    width: calc((100% - 120px)/ 3);
    padding: 6px 14px 2px
}

.denkmal-filter a.btn:last-child {
    margin-right: 0
}

@media (max-width:500px) {
    .denkmal-filter a.btn {
        margin-bottom: 10px;
        width: calc(100% - 29px);
        font-size: 20px
    }

    .denkmal-filter a.btn:last-child {
        margin-bottom: 0
    }
}

.denkmal-filter a.btn.muted,
.denkmal-filter a.btn:hover {
    background: #e6e6e6;
    color: #000;
    text-decoration: none;
    transition: .2s linear
}

@media (min-width:960px) {
    .denkmal-filter a.btn {
        margin-right: 20px;
        width: calc((100% - 440px)/ 4)
    }
}

.breadcrumb {
    border-radius: 0;
    padding-left: 20px;
    background: #e6e6e6;
    margin: 0;
    text-align: left
}

.breadcrumb>li>.divider {
    color: #333
}

.contact_email-copy {
    display: none;
    margin: 5px 17px 0 0
}

@media print {
    a[href]:after {
        content: ''
    }

    #content-row {
        padding: 0 !important
    }

    body,
    html {
        width: 1100px
    }

    .mobile-container,
    .scroller,
    body,
    html {
        height: unset
    }

    .mobile-container {
        overflow: auto
    }

    #aside-right img,
    #footer-wrapper,
    #header-row,
    #header-row>div,
    .hide_print,
    .item-page .navigation,
    .moduletable.info-block,
    .offer-container a.more-info,
    body:before {
        display: none
    }

    #aside-right .moduletable,
    #aside-right .moduletable .offer-container,
    #aside-right .moduletable.offer-container {
        margin-bottom: 0
    }

    #aside-right {
        padding-left: 0
    }

    #aside-right h5 {
        padding-top: 10px
    }
}

.sf-menu,
.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.navigation {
    position: relative
}

.navigation .sf-menu {
    position: relative;
    overflow: visible;
    clear: both;
    height: auto !important
}

.navigation .sf-menu:after {
    clear: both;
    display: block;
    content: ''
}

.navigation .sf-menu.in {
    height: auto !important
}

.scroll-to-fixed-fixed {
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important
}

.sf-menu li {
    position: relative
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    z-index: 99
}

.sf-menu>li {
    float: left
}

.sf-menu li.sfHover>ul,
.sf-menu li:hover>ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

.moduletable.navigation {
    background: #261d1d
}

.breadcrumb>li {
    text-shadow: none
}

#jform_captcha-lbl {
    display: none !important
}

#jform_captcha {
    display: none;
    margin-top: 5px
}

.contact_email-copy,
.contact_send {
    margin-top: 25px
}

.menu-message {
    background-color: #261d1d;
    z-index: 100
}

@media (max-width:768px) {
    .item-page {
        margin-bottom: 40px
    }

    .menu-message {
        position: fixed;
        width: 100%;
        top: 0
    }
}

#mobileMenu {
    height: calc(100% - 57px);
    position: fixed;
    left: 0;
    width: 100%;
    margin-top: 57px;
    transform: translateX(-100%);
    transition: transform 250ms ease-in-out;
    background: #01636d;
    overflow-y: scroll;
    z-index: 50
}

.mobileMenuInner {
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.mobileMenuInner ul li {
    list-style: none;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    border-top: 1px solid rgba(255, 255, 255, .1);
    width: 100%
}

.mobileMenuInner li span {
    display: block;
    font-size: 14px;
    color: rgba(255, 255, 255, .5)
}

.mobileMenuInner li a {
    color: #fff;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    padding: 20px 0 20px 20px;
    line-height: 20px
}

.mobileMenuInner .mobileMenuToggle {
    opacity: 0
}

.mobileMenuInner .mobileMenuToggle[type=checkbox]~.mobileMenuIconToggle {
    cursor: pointer;
    display: block;
    float: right;
    padding: 20px;
    border-left: 1px solid #fff;
    margin: 0
}

.mobileMenuInner .mobileMenuToggle[type=checkbox]~.mobileMenuIconToggle>span {
    transition: .3s;
    box-sizing: border-box;
    line-height: 20px
}

.mobileMenuInner .mobileMenuToggle[type=checkbox]:checked~.mobileMenuIconToggle>span {
    transform: rotate(180deg)
}

.mobileMenuInner .mobileMenuToggle[type=checkbox]~ul {
    height: 0;
    transition: .3s;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap
}

.mobileMenuInner .mobileMenuToggle[type=checkbox]:checked~ul {
    height: auto
}

@media (min-width:769px) {
    .d-md-none {
        display: none !important
    }
}

#openSidebarMenu[type=checkbox]:checked~#mobileMenu {
    transform: translateX(0)
}

#openSidebarMenu[type=checkbox] {
    transition: .3s;
    box-sizing: border-box;
    display: none
}

.sidebarIconToggle {
    transition: .3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 17px;
    left: 16px;
    height: 25px;
    width: 25px
}

.spinner {
    transition: .3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: var(--bs-body-color)
}

.horizontal {
    transition: .3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 7px
}

.diagonal.part-1 {
    position: relative;
    transition: .3s;
    box-sizing: border-box;
    float: left
}

.diagonal.part-2 {
    transition: .3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 7px
}

ul.nav>li>ul>li>a {
    padding-left: 0 !important
}

.span4.wissenswertes+.span4 {
    margin-left: 40px
}

@media (max-width:768px) {
    .span4.wissenswertes+.span4 {
        margin-left: 0
    }

    h1.headline {
        padding-bottom: 0
    }

    .item-page h3 {
        padding-bottom: 0;
        margin-bottom: 12px
    }

    h2>a {
        font-size: 22px !important
    }
}

#openSidebarMenu[type=checkbox]:checked~.mobile-container {
    height: 100vw;
    overflow: hidden
}

button.frc-button {
    background-color: #e6e6e6 !important
}

@media (max-width:500px) {

    .denkmal-special .offer-container,
    .denkmal-special .offer-container:nth-of-type(2n),
    .offer-container {
        margin-right: 0 !important
    }
}

.category-desc {
    margin-top: 23px;
    margin-bottom: 23px
}

#system-message-container {
    display: none
}

  /* Font Awesome 6 – SOLID Webfont laden */
@font-face{
    font-family:"Font Awesome 6 Free";
    font-style:normal;
    font-weight:900;
    font-display:swap;
    src:url("/media/vendor/fontawesome-free/webfonts/fa-solid-900.woff2") format("woff2"),
        url("/media/vendor/fontawesome-free/webfonts/fa-solid-900.ttf") format("truetype");
  }

  /* Sorgt dafür, dass alte FA5-Klasse 'fas' mit FA6 funktioniert */
.fas{
    --fa-style:900;
    --fa-style-family:"Font Awesome 6 Free";
    font-family:"Font Awesome 6 Free";
    font-weight:900;
  }
  .fas::before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    content: var(--fa);
  }

/* iOS-spezifisch: kein seitliches "Bounce" */
html, body {
    overscroll-behavior-x: none;
  }

  .denkmal_price_table_container {
    width: 100%;
    overflow-x: auto;              /* ermöglicht horizontales Scrollen */
    -webkit-overflow-scrolling: touch; /* weiches Scrollen auf iOS */
  }
  
  .denkmal_price_table {
    min-width: 600px; /* sorgt dafür, dass die Tabelle bei wenig Platz scrollbar wird */
  }

  .ccm-widget--language-switch {
    display: none !important;
  }

  .ccm-powered-by {
    display: none !important;
  }

  .ccm-dismiss-button {
    display: none !important;
  }

  .ccm-link-container a {
    font-size: 12px !important;
  }

  p.offer {
    font-size: 16px;
  }


/* Source: templates/theme2025/css/responsive.css */
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}@media (max-width:1430px){body:before{width:auto;left:20px;right:20px;margin-left:0}}@media (max-width:1200px){.row-fluid{margin-left:-20px}.row-fluid [class*=itemSpan],.row-fluid [class*=span]{padding-left:20px}}@media (max-width:979px){.row-fluid{margin-left:-12px}.row-fluid [class*=itemSpan],.row-fluid [class*=span]{padding-left:12px}}@media (max-width:767px){body{padding:0}body:before{width:auto;left:0;right:0;margin-left:0}body .row-container{padding:0 18px}#footer-wrapper{position:static}.wrapper-inner{padding-bottom:0}#logo{text-align:center;float:none}#logo a{margin:0}h1{font-size:40px;line-height:40px}.row-fluid [class*=itemSpan],.row-fluid [class*=span]{display:block;float:none;margin-left:0;width:auto}}@media (max-width:640px){h1{font-size:20px;line-height:20px}}@media (max-width:479px){.contact_form{width:100%}div.modal{position:absolute}#error input{width:200px}}@media (max-width:767px){.pagination ul{justify-content:center}.pagination ul>li>a,.pagination ul>li>span{padding:6px 8px;min-width:28px;font-size:14px}.pagination ul>li:not(:nth-child(1)):not(:nth-child(2)):not(:nth-last-child(1)):not(:nth-last-child(2)){display:none}.com-content-category-blog__counter{float:none;display:block;text-align:center;padding:0 0 8px}}


/* Source: templates/theme2025/css/facelift.css */
h2 {
    font-size: 24px !important;
    margin-top: 24px;
    margin-bottom: 12px;
    line-height: 30px
}

.navigation ul.sf-menu>li.active>a,
.navigation ul.sf-menu>li.active>span,
.navigation ul.sf-menu>li.current>a,
.navigation ul.sf-menu>li.current>span,
.navigation ul.sf-menu>li.sfHover>a,
.navigation ul.sf-menu>li.sfHover>span,
.navigation ul.sf-menu>li>a:hover,
.navigation ul.sf-menu>li>span:hover {
    border-bottom: 6px solid #01636d
}

#back-top a,
#bottom-row .archive-module li a:hover,
#bottom-row .btn-info,
#bottom-row .categories-module li a:hover,
#bottom-row .list1 ul li a:hover,
#bottom-row .mod-menu .nav.menu li a:hover,
.advantages .item_img,
.archive-module li a:hover,
.btn-info:active,
.btn-info:focus,
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-small,
.btn-small:active,
.btn-small:focus,
.categories-module li a:hover,
.item_img a:hover:after,
.item_info_dl .item_createdby:before,
.item_info_dl .item_published:before,
.item_info_dl .komento:before,
.list1 ul li a:hover,
.mod-menu .nav.menu li a:hover,
.pagination ul li a.hasTooltip,
.pagination ul li a.pagenav,
.quote,
.top_blocks .item_link .item_img .fa,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #01636d
}

#aside-right .moduletable.info-block,
#camera-slideshow_113 .camera_pag .camera_pag_ul li.cameracurrent,
#camera-slideshow_113 .camera_pag .camera_pag_ul li:hover,
#contact-form button,
.btn-info,
.denkmal-filter a.btn,
.dropcap,
.dynamic_development .progbar>div,
.mod-menu .nav.menu.nav-pills>li.active>a,
.navigation ul.sf-menu ul li a:hover,
.navigation ul.sf-menu ul li span:hover,
.navigation ul.sf-menu ul li.active>a,
.navigation ul.sf-menu ul li.active>span,
.navigation ul.sf-menu ul li.sfHover>a,
.navigation ul.sf-menu ul li.sfHover>span,
.offer-container a.more-info,
.social li a:hover,
div.alle-anfragen a.alle-anfragen {
    background: #01636d
}

#header-row header p,
.moduletable.mail.no-desktop,
.moduletable.title>.hide_mobile,
img.hide_desktop {
    background: #fff !important
}

@media (min-width:769px) {
    body {
        background-color: #fff
    }

    body .wrapper-inner {
        background-color: #f3f3f3
    }

    body .wrapper-inner #bottom-row {
        padding: 0;
        background: #f3f3f3
    }

    body .wrapper-inner #bottom-row .row-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1280px
    }

    body .wrapper-inner #bottom-row .row-container .container-fluid {
        padding: 0 20px
    }

    body .wrapper-inner #bottom-row .row-container .container-fluid .row-fluid {
        margin-left: 0
    }

    body .wrapper-inner #bottom-row .row-container .container-fluid .row-fluid .denkmal-aktuell-bottom {
        padding: 60px 100px 124px
    }

    body .wrapper-inner #content-row {
        padding: 50px 0 70px;
        background-color: #f3f3f3
    }

    body .wrapper-inner #content-row .row-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1210px
    }

    body .wrapper-inner #content-row .row-container .container-fluid .page-contact h1 {
        width: 1170px;
        position: relative
    }

    body .wrapper-inner #content-row .row-container .container-fluid .page-item .item_header {
        width: 1170px;
        border-bottom: 1px solid #d9d9db;
        padding: 0 0 11px;
        margin-bottom: 11px
    }

    body .wrapper-inner #content-row .row-container .container-fluid .page-item .item_header h1 {
        position: relative;
        border-bottom: unset;
        max-width: 991px;
        padding: 0;
        margin: 0
    }

    body .wrapper-inner #content-row .row-container .container-fluid .item-page h1 {
        width: 1170px;
        position: relative
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag {
        display: flex;
        flex-direction: row;
        padding: unset;
        margin: 40px 0px 40px 0px
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag a.img img {
        max-width: 450px;
        max-height: 450px
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag:nth-child(odd) a.img {
        order: 1
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag:nth-child(odd) .beitrag_text {
        order: 2;
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag:nth-child(2n) a.img {
        order: 2
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag:nth-child(2n) .beitrag_text {
        order: 1
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag:first-child .beitrag_text,
    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag:first-child .beitrag_text a {
        color: #333
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag img {
        height: max-content;
        flex-shrink: 0;
        display: inline
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag .beitrag_text {
        padding: 88px 100px 0;
        width: fit-content
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag .beitrag_text h1,
    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag .beitrag_text h2,
    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag .beitrag_text h3 {
        font-size: 40px !important;
        line-height: 50px;
        margin-top: 0;
        margin-bottom: 40px
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag .beitrag_text a,
    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag .beitrag_text p {
        font-size: 18px;
        line-height: 25px
    }

    body .wrapper-inner #header-row {
        background-color: #fff;
        width: 100%
    }

    body .wrapper-inner #header-row+div {
        max-height: 133px
    }

    body .wrapper-inner #header-row header {
        margin-left: auto;
        margin-right: auto;
        max-width: 1210px;
        display: grid;
        grid-template-columns: 75px;
        grid-template-rows: 75px auto 0 0 0;
        width: 100%;
        background-color: #fff;
        height: unset;
        padding-top: 18px
    }

    body .wrapper-inner #header-row header .menu-message {
        display: none
    }

    body .wrapper-inner #header-row header .moduletable.row-container {
        grid-column-start: 1 !important;
        grid-column-end: 4 !important;
        grid-row-start: 2 !important;
        grid-row-end: 3 !important;
        max-width: unset;
        background: #e6e6e6;
        height: 40px;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw
    }

    body .wrapper-inner #header-row header .moduletable.row-container .breadcrumb {
        width: 100vw;
        padding-left: 56px
    }

    body .wrapper-inner #header-row header .moduletable.row-container .breadcrumb>span {
        text-shadow: none;
        display: inline-block;
        line-height: 24px
    }

    body .wrapper-inner #header-row header .moduletable.row-container .breadcrumb>span .divider {
        color: #333;
        padding: 0 5px
    }

    body .wrapper-inner #header-row header .moduletable.title,
    body .wrapper-inner #header-row header .moduletable.titlephone {
        background-color: #fff !important;
        color: #000 !important;
        padding-top: 0
    }

    body .wrapper-inner #header-row header .moduletable.title *,
    body .wrapper-inner #header-row header .moduletable.titlephone * {
        background-color: #fff !important;
        color: #000 !important
    }

    body .wrapper-inner #header-row header .moduletable.title a,
    body .wrapper-inner #header-row header .moduletable.titlephone a {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 19px;
        line-height: 23px;
        text-transform: uppercase
    }

    body .wrapper-inner #header-row header .moduletable.title>div,
    body .wrapper-inner #header-row header .moduletable.titlephone>div {
        display: block
    }

    body .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div,
    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div {
        float: unset;
        text-align: unset !important;
        width: max-content;
        padding-top: 10px
    }

    body .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div:first-child,
    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div:first-child {
        order: 1;
        justify-self: left;
        left: 30px;
        position: relative
    }

    body .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div:last-child,
    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div:last-child {
        order: 3;
        display: flex;
        flex-direction: row
    }

    body .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div:last-child span.search,
    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div:last-child span.search {
        order: 1
    }

    body .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div:last-child span.search a,
    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div:last-child span.search a {
        padding-top: 11px
    }

    body .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div:last-child span.telephone,
    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div:last-child span.telephone {
        order: 2;
        padding-right: 30px
    }

    body .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div:last-child span.telephone a,
    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div:last-child span.telephone a {
        font-size: 18px
    }

    body .wrapper-inner #header-row header .moduletable.titlephone {
        grid-column-start: 3;
        grid-column-end: 4;
        grid-row-start: 1;
        grid-row-end: 2;
        width: max-content;
        justify-self: right
    }

    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div {
        width: max-content;
        order: 3;
        padding: 10px 30px 10px 0;
        justify-self: right;
        display: flex;
        flex-direction: row
    }

    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div span.search {
        order: 1
    }

    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div span.search a {
        padding-top: 11px
    }

    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div span.telephone {
        order: 2;
        padding-right: 30px
    }

    body .wrapper-inner #header-row header .moduletable.titlephone .row-container .content-inner>div span.telephone a {
        font-size: 16px
    }

    body .wrapper-inner #header-row header .moduletable.title {
        grid-column-start: 1;
        grid-column-end: 2;
        grid-row-start: 1;
        grid-row-end: 2
    }

    body .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div {
        order: 1;
        justify-self: right;
        padding-left: 20px;
        left: 30px;
        position: relative
    }

    body .wrapper-inner #header-row header .moduletable.navigation {
        grid-column-start: 2;
        grid-column-end: 3;
        grid-row-start: 1;
        grid-row-end: 2;
        justify-self: left;
        display: inline;
        background-color: #fff !important;
        color: #000 !important
    }

    body .wrapper-inner #header-row header .moduletable.navigation * {
        background-color: #fff !important;
        color: #000 !important;
        white-space: nowrap
    }

    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu {
        order: 2;
        width: auto;
        margin-left: 0;
        margin-right: auto
    }

    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu>li>a {
        font-family: 'Source Sans Pro', sans-serif;
        font-size: 18px;
        line-height: 23px;
        border-bottom: unset;
        text-transform: uppercase;
        letter-spacing: .5px
    }

    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu>li>a:after {
        content: ' ';
        height: 1px;
        background: #fff;
        display: block
    }

    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu>li>a:active:after,
    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu>li>a:hover:after {
        content: ' ';
        height: 1px;
        background: #333;
        display: block
    }

    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu>li>a.active,
    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu>li>a.hover,
    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu>li>a:focus {
        text-decoration: none
    }

    body .wrapper-inner #header-row header .moduletable.navigation ul.row-container.sf-menu>li>#dropdown>li span.h2 {
        padding-left: 0;
        color: #01636d !important;
        font-size: 16px;
        font-weight: 700
    }

    body .wrapper-inner #header-row header .moduletable.navigation.border {
        background: #fff
    }

    body .wrapper-inner #header-row header .moduletable.navigation.border a {
        padding: 0 0 0 20px
    }

    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li {
        border-bottom: unset;
        width: max-content
    }

    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a.active:after {
        content: ' ';
        height: 1px;
        background: #fff;
        display: block
    }

    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a.active,
    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a.hover,
    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a:focus {
        text-decoration: none
    }

    body #footer-wrapper .footer-wrapper-inner {
        background: #01636d;
        margin-bottom: 0;
        margin-top: 0;
        max-width: 100%;
        width: 100%;
        padding: 0
    }

    body #footer-wrapper .footer-wrapper-inner #copyright-row {
        max-width: 1210px;
        margin-left: auto;
        margin-right: auto;
        padding: 130px 20px 100px
    }

    body #footer-wrapper .footer-wrapper-inner * {
        color: #fff
    }

    body #footer-wrapper .footer-wrapper-inner #copyright-row .moduletable {
        padding-left: 0
    }

    body.itemid-101 .wrapper-inner #header-row header .moduletable.title .row-container .content-inner>div:first-child {
        padding-left: 20px
    }

    body.itemid-101 .wrapper-inner #content-row {
        padding-top: 0;
        padding-bottom: 0
    }

    body.itemid-101 .wrapper-inner #content-row .row-container {
        max-width: 1280px;
        padding-top: 0;
        padding-bottom: 0
    }

    body.itemid-101 .wrapper-inner #content-row .row-container>.container-fluid {
        padding-right: 0;
        padding-left: 0
    }

    body.itemid-101 .wrapper-inner #bottom-row .row-container>.container-fluid {
        padding-right: 10px;
        padding-left: 10px
    }

    body.itemid-101 #footer-wrapper .footer-wrapper-inner #copyright-row {
        max-width: 1210px
    }

    body.com_contact .wrapper-inner #content-row #aside-right,
    body.com_d24contact .wrapper-inner #content-row #aside-right {
        margin-top: 73px
    }
}

@media (max-width:768px) {
    body {
        background: #fff
    }

    body .wrapper-inner #content-row {
        padding-bottom: 0
    }

    body .wrapper-inner #content-row .row-container .container-fluid .item_header.page_header {
        padding-left: 10px
    }

    body .wrapper-inner #content-row .row-container .container-fluid .item_header.page_header h1.item_title {
        font-size: 22px;
        line-height: 30px
    }

    body .wrapper-inner #content-row .row-container .container-fluid .item_fulltext {
        margin-bottom: 30px
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege {
        display: block
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag {
        display: block;
        padding: 0 10px 10px
    }

    body .wrapper-inner #content-row .row-container .container-fluid #content_beitraege .content_beitrag:first-child img {
        display: none
    }

    body .wrapper-inner #content-row .row-container .container-fluid .item-page h1 {
        font-size: 22px;
        line-height: normal
    }

    body .wrapper-inner #content-row .row-container .container-fluid .item-page ul {
        margin-left: 30px !important
    }

    body .wrapper-inner #content-row .row-container .container-fluid .item-page .csslider1 ul {
        margin-left: 0 !important;
        margin-right: 13px
    }

    body .wrapper-inner #content-row .row-container .container-fluid .blog h1,
    body .wrapper-inner #content-row .row-container .container-fluid .contact_name h1 {
        line-height: normal
    }

    body .wrapper-inner #header-row {
        background-color: #fff;
        width: 100%
    }

    body .wrapper-inner #header-row header {
        height: 100px;
        display: grid;
        grid-template-columns: 17% 33% 25% 25%;
        grid-template-rows: 57px 43px;
        grid-template-areas: "navi logo logo logo" "phone phone mail mail";
        background: #fff
    }

    body .wrapper-inner #header-row header .moduletable.moduletable.titlephone .layoutshift.hide_desktop.titlephone {
        display: none
    }

    body .wrapper-inner #header-row header .moduletable.title {
        background: #fff;
        color: #333;
        grid-area: logo;
        height: 56px;
        padding-top: 3px
    }

    body .wrapper-inner #header-row header .moduletable.title>div {
        background: #fff !important
    }

    body .wrapper-inner #header-row header .moduletable.title>div .search {
        background: #fff;
        color: #333
    }

    body .wrapper-inner #header-row header .moduletable.navigation.border {
        grid-area: navi;
        background: #fff
    }

    body .wrapper-inner #header-row header .moduletable.navigation.border a {
        padding: 18px 0 0 20px
    }

    body .wrapper-inner #header-row header .moduletable.phone {
        grid-area: phone;
        justify-self: center;
        background: #e6e6e6;
        width: 100%;
        border-right: 2px solid #fff
    }

    body .wrapper-inner #header-row header .moduletable.mail {
        grid-area: mail;
        justify-self: center;
        background: #e6e6e6 !important;
        width: 100%;
        border-left: 2px solid #fff
    }

    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li {
        border-bottom: unset;
        width: max-content
    }

    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a.active {
        font-weight: 700
    }

    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a.active:after {
        content: ' ';
        height: 1px;
        background: #fff;
        display: block
    }

    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a.active,
    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a.hover,
    body .wrapper-inner #aside-right aside .info-block ul.denkmal-toc li a:focus {
        text-decoration: none
    }

    body .wrapper-inner #bottom-row {
        padding: 20px
    }

    body .wrapper-inner #bottom-row .row-container {
        padding: 0
    }

    body .wrapper-inner #bottom-row .row-container .row-fluid {
        margin: 0
    }

    body #footer-wrapper .footer-wrapper-inner {
        padding: 0;
        background: #01636d;
        margin: 0
    }

    body #footer-wrapper .footer-wrapper-inner #copyright-row {
        padding: 20px;
        max-width: 1210px;
        margin-left: auto;
        margin-right: auto
    }

    body #footer-wrapper .footer-wrapper-inner * {
        color: #fff
    }

    body.itemid-101 article.page-item .item_fulltext {
        margin-bottom: 0 !important
    }

    body.itemid-101 article.page-item .item_fulltext #content_beitraege .beitrag_text h3 {
        margin-top: 16px
    }
}

@media (width:768px) {
    body #footer-wrapper .footer-wrapper-inner {
        max-width: 100%;
        width: 100%;
        padding: 0
    }

    body #footer-wrapper .footer-wrapper-inner #copyright-row {
        padding: 130px 20px 100px
    }

    body #footer-wrapper .footer-wrapper-inner #copyright-row .moduletable {
        padding-left: 0
    }
}

body.itemid-101 #content-row {
    padding-top: 0
}

@media (min-width:768px) and (max-width:992px) {
    body.itemid-101 .wrapper-inner #content-row .row-container .container-fluid .item_fulltext {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px
    }

    body.itemid-101 .wrapper-inner #content-row .row-container .container-fluid .item_fulltext #content_beitraege {
        display: grid;
        grid-template-columns: calc(50% - 10px) calc(50% - 10px);
        grid-template-rows: auto auto;
        grid-gap: 20px;
        width: 100%;
        padding: 0
    }

    body.itemid-101 .wrapper-inner #content-row .row-container .container-fluid .item_fulltext #content_beitraege .content_beitrag {
        width: 100%;
        display: flex;
        flex-direction: column
    }

    body.itemid-101 .wrapper-inner #content-row .row-container .container-fluid .item_fulltext #content_beitraege .content_beitrag img {
        order: 1
    }

    body.itemid-101 .wrapper-inner #content-row .row-container .container-fluid .item_fulltext #content_beitraege .content_beitrag .beitrag_text {
        background-color: #fff;
        padding: 20px;
        order: 2;
        height: 100%;
        color: #000
    }

    body.itemid-101 .wrapper-inner #content-row .row-container .container-fluid .item_fulltext #content_beitraege .content_beitrag .beitrag_text a {
        color: #000
    }

    body.itemid-101 .wrapper-inner #content-row .row-container .container-fluid .item_fulltext #content_beitraege .content_beitrag .beitrag_text h1,
    body.itemid-101 .wrapper-inner #content-row .row-container .container-fluid .item_fulltext #content_beitraege .content_beitrag .beitrag_text h3 {
        font-size: 30px;
        line-height: 40px
    }
}

@media (min-width:769px) and (max-width:992px) {
    .itemid-101 .content_beitrag>a>img {
        max-width: 100% !important;
        width: 100%
    }

    .wrapper-inner #header-row header .moduletable.navigation.border ul.sf-menu>li>a {
        padding: 18px 0 0 12px
    }

    #footer-wrapper .footer-wrapper-inner #copyright-row {
        display: grid;
        grid-template-columns: 50% 50%;
        grid-template-rows: 400px min-content;
        grid-template-areas: "links wissenswertes" "unsereimmo wissenswertes"
    }

    #footer-wrapper .footer-wrapper-inner #copyright-row .wissenswertes {
        grid-area: wissenswertes
    }

    #footer-wrapper .footer-wrapper-inner #copyright-row .links {
        height: min-content;
        grid-area: links
    }
}

input,
label,
select,
textarea {
    font-size: 16px !important
}

@media (max-width:768px) {
    .layoutshift.hide_desktop {
        background: #fff;
        display: block;
        margin-left: -18px
    }

    .wrapper-inner #content-row .row-container .container-fluid .item_fulltext {
        padding-left: 10px
    }

    body.view-article #content-row .content-inner {
        display: flex;
        flex-direction: column
    }

    body.view-article #content-row .content-inner #component,
    body.view-article #content-row .content-inner #component main,
    body.view-article #content-row .content-inner #component main .item-page {
        display: contents
    }

    body.view-article #content-row .content-inner #component main .item-page>* {
        order: 3;
        margin-left: 12px
    }

    body.view-article #content-row .content-inner #component main .item-page h1 {
        order: 0;
        border-bottom: unset
    }

    body.view-article #content-row .content-inner #component main .item-page>:last-child {
        margin-bottom: 40px
    }

    body.view-article #content-row .content-inner #aside-right,
    body.view-article #content-row .content-inner #aside-right aside {
        display: contents
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable {
        order: 4;
        margin-left: 12px;
        margin-right: 0 !important
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable.info-block {
        order: 1;
        margin-left: 12px;
        margin-right: 0 !important
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable.offer-container {
        order: 2;
        margin-left: 12px;
        margin-right: 0 !important;
        width: auto !important
    }

    #footer-wrapper li a,
    a,
    body.view-article .denkmal_price_table_container table.denkmal_price_table tbody tr td,
    body.view-article .denkmal_price_table_container table.denkmal_price_table thead tr td,
    input,
    label,
    li,
    p,
    select,
    td,
    textarea {
        font-size: 20px !important;
        line-height: 28px
    }

    header .moduletable.mail a,
    header .moduletable.navigation a,
    header .moduletable.phone a {
        font-size: 20px !important;
        line-height: 20px
    }

    h1 a {
        font-size: 24px !important
    }
}

@media (max-width:576px) {
    body #footer-wrapper .footer-wrapper-inner #copyright-row {
        padding: 30px 20px
    }

    body.view-article #content-row .content-inner #component main .item-page h1 {
        order: 2;
        border-bottom: unset;
        padding: 27px 0 11px;
        line-height: 34px
    }

    aside .offer-container {
        margin-bottom: 30px
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable {
        order: 4;
        margin-left: -6px;
        margin-right: -18px !important;
        margin-bottom: 30px
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable h4,
    body.view-article #content-row .content-inner #aside-right aside .moduletable h5 {
        padding-top: 19px;
        font-size: 26px
    }

    body.view-article #content-row .content-inner #aside-right aside .offer-container.aside h4,
    body.view-article #content-row .content-inner #aside-right aside .offer-container.aside h5 {
        padding-top: 27px
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable p {
        margin-bottom: 3px
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable.info-block {
        order: 1;
        margin-left: -6px;
        margin-right: -18px !important;
        margin-top: -30px;
        padding: 28px 20px 10px
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable.offer-container {
        order: 3;
        margin-left: -6px;
        margin-right: -18px !important;
        width: auto !important;
        padding-top: 8px
    }

    body.view-article #content-row .content-inner #aside-right aside .moduletable.offer-container p {
        margin-bottom: 3px
    }

    #footer-wrapper li a,
    a,
    body.view-article .denkmal_price_table_container table.denkmal_price_table tbody tr td,
    body.view-article .denkmal_price_table_container table.denkmal_price_table thead tr td,
    input,
    label,
    li,
    p,
    select,
    td,
    textarea {
        font-size: 20px !important;
        line-height: 28px
    }

    .denkmal-aktuell-bottom h2,
    .moduletable h4,
    h1,
    h1 a,
    h2,
    h3 {
        font-size: 26px !important;
        line-height: 34px
    }

    .offer-container a.more-info {
        width: 120px;
        margin-bottom: 30px
    }

    .itemid-101 #content-row>.row-container {
        padding: 0
    }

    .itemid-101 #content_beitraege .content_beitrag {
        padding: 0 20px 10px !important
    }

    .itemid-101 #content_beitraege .content_beitrag img {
        margin-left: -18px;
        width: 100vw;
        max-width: unset
    }

    .itemid-101 #content_beitraege .content_beitrag .beitrag_text {
        padding: 12px 0 40px
    }

    .offer-container {
        margin-bottom: 30px
    }

    .offer-container p.denkmal-kategorie {
        padding-top: 30px
    }

    .denkmal-aktuell-bottom {
        padding-bottom: 15px
    }

    .denkmal-offers>div,
    .denkmal-special>div {
        margin: 0 -18px
    }

    .blog h1 {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }

    .csslider1 {
        max-width: unset !important;
        order: 3 !important;
        width: calc(100vw + 13px);
        margin-left: -6px !important
    }

    .csslider1 .cs_bullets {
        display: none
    }
}

@media (max-width:576px) {
    .csslider1 {
        max-width: none !important;
        width: calc(100% + 36px) !important;
        margin-left: -18px !important;
        margin-right: -18px !important;
    }
}

@media (max-width:576px) {
    body .wrapper-inner #content-row .row-container .container-fluid .item-page .csslider1 ul {
        margin-right: 0 !important;
    }
}

.kapitalanleger {
    min-width: 600px;
    border-collapse: collapse;
    table-layout: fixed
}

.kapitalanleger td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.kapitalanleger tr:first-child td {
    background-color: #e6e6e6
}

.kapitalanleger td:not([colspan]),
.kapitalanleger td[colspan="2"] {
    width: 33.33%
}

select {
    appearance: none;
    background-image: url('../images/system/sort_desc.png');
    background-size: .6em;
    background-position: right 6px center;
    background-repeat: no-repeat;
    padding: 1px calc(12px + .6em) 1px 6px
}

.hero {
    position: relative;
    margin: 0;
    overflow: clip;
    background: #eee
}

.hero picture,
.hero__img {
    display: block;
    width: 100%;
    height: auto
}

.hero__caption {
    position: absolute;
    left: 10%;
    right: 4%;
    bottom: 30%;
    z-index: 2;
    color: #222;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .15)
}

.hero__title {
    display: block;
    font-family: 'Playfair Display', serif;
    letter-spacing: 0;
    line-height: 48px;
    font-size: 40px;
    font-weight: 400
}

@media (min-width:769px) {
    #aside-right {
        margin-top: 60px
    }

    .hero__img {
        aspect-ratio: 2000/760;
        object-fit: cover
    }

    .hero__part2 {
        font-family: 'Playfair Display', serif;
        font-size: 75px;
        font-weight: 500;
        margin: 0;
        line-height: 75px;
        letter-spacing: 1px
    }

    .hero__part3 {
        font-family: 'Playfair Display', serif;
        font-size: 55px;
        font-weight: 400;
        margin: 0;
        line-height: 55px;
        padding: 10px 0 8px
    }

    .hero__part1 {
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin: 0 0 0 4px
    }
}

@media (max-width:768px) {
    #aside-right {
        margin-top: 20px
    }

    .hero__caption {
        display: none !important
    }
}

.csslider1 {
    padding-top: 9px;
}

.teaser-box {
    background-color: #e6e6e6;    /* Hintergrundfarbe */
    padding: 16px 20px 10px 20px;               /* Abstand zum Text auf allen Seiten */
    border-left: 4px solid #01636d; /* Linke Linie: 4px breit, Farbe petrol */
    margin: 20px 0;              /* Abstand der Box nach oben und unten */
}

.teaser-box h4 {
    line-height: 1.5;
    margin-bottom: 16px;
}

.template_breda {
    background: #fff !important;
    color: #606060 !important;
    border: 0px solid #a8a8a8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-bottom: 4px;
}


/* Source: templates/theme2025/css/layout.css */
.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.row-container{max-width:1210px;margin-right:auto;margin-left:auto}.row-container:after,.row-container:before{display:table;content:"";line-height:0}.row-container:after{clear:both}