html {
scroll-behavior: smooth;
scroll-padding-top: 100px;
hyphens: auto;
}
body {
min-height: 100vh;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
} .nowrap {
white-space: nowrap;
}    ul#menu-hauptnavigation,
ul#menu-neues-hauptmenue{
color: #333333;
background-color: #ffffff;
}
ul#menu-hauptnavigation button,
ul#menu-neues-hauptmenue button{
padding-top: 10px !important;
padding-bottom: 10px !important;
} ul#menu-hauptnavigation li.menu-item-has-children.open.active > div > button > svg,
ul#menu-neues-hauptmenue li.menu-item-has-children.open.active > div > button > svg
{
transform: rotate(180deg);
}
ul#menu-hauptnavigation li.menu-item-has-children.open.active svg,
ul#menu-neues-hauptmenue li.menu-item-has-children.open.active svg
{
transition: transform 0.6s ease;
}  ul#menu-hauptnavigation li.tourismus-navpoint {
border-left: 4px solid #AE0000;
}
ul#menu-hauptnavigation > li.tourismus-navpoint > div:hover,
ul#menu-hauptnavigation > li.tourismus-navpoint > ul.sub-menu > li > div:hover,
ul#menu-hauptnavigation > li.tourismus-navpoint > ul.sub-menu > li > ul.sub-menu > li > a:hover,
ul#menu-hauptnavigation > li.tourismus-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover,
ul#menu-hauptnavigation > li.tourismus-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover
{
background-color: #FBF3F3;
}
ul#menu-hauptnavigation > li.tourismus-navpoint > div:hover > button,
ul#menu-hauptnavigation > li.tourismus-navpoint > ul.sub-menu > li > div:hover > button,
ul#menu-hauptnavigation > li.tourismus-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover > button
{
background-color: #AE0000;
}
ul#menu-hauptnavigation > li.tourismus-navpoint > div:hover > button > svg,
ul#menu-hauptnavigation > li.tourismus-navpoint > ul.sub-menu > li > div:hover > button > svg,
ul#menu-hauptnavigation > li.tourismus-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover > button > svg
{
color: #ffffff;
} ul#menu-hauptnavigation li.gemeinde-navpoint {
border-left: 4px solid #104094;
}
ul#menu-hauptnavigation > li.gemeinde-navpoint > div:hover,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > div:hover,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > a:hover,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover a,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover
{
background-color: #F3F5FA;
}
ul#menu-hauptnavigation > li.gemeinde-navpoint > div:hover > button,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > div:hover > button,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover > button,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover > button
{
background-color: #104094;
}
ul#menu-hauptnavigation > li.gemeinde-navpoint > div:hover > button > svg,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > div:hover > button > svg,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover > button > svg,
ul#menu-hauptnavigation > li.gemeinde-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover > button > svg
{
color: #ffffff;
}
ul#menu-hauptnavigation li.verwaltung-navpoint {
border-left: 4px solid #005500;
} ul#menu-hauptnavigation > li.verwaltung-navpoint > div:hover,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > div:hover,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > a:hover,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover a,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover
{
background-color: #F2F7F2;
}
ul#menu-hauptnavigation > li.verwaltung-navpoint > div:hover > button,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > div:hover > button,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover > button,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover > button
{
background-color: #005500;
}
ul#menu-hauptnavigation > li.verwaltung-navpoint > div:hover > button > svg,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > div:hover > button > svg,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover > button > svg,
ul#menu-hauptnavigation > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover > button > svg
{
color: #ffffff;
} ul#menu-neues-hauptmenue > li > div:hover,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > div:hover,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > div:hover,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover a,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li:hover,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a:hover,
ul#menu-neues-hauptmenue > li > a:hover
{
background-color: #ededed;
}
ul#menu-neues-hauptmenue > li > div:hover > button,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > div:hover > button,
ul#menu-neues-hauptmenue > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > div:hover > button,
ul#menu-neues-hauptmenue > li.verwaltung-navpoint > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover > button
{
background-color: #8f8f8f;
}
ul#menu-neues-hauptmenue > li > div:hover > button > svg,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > div:hover > button > svg,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > div:hover > button > svg,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div:hover > button > svg
{
color: #ffffff;
}  ul#menu-hauptnavigation li.tourismus-navpoint > div > a{
color: #AE0000;
}
ul#menu-hauptnavigation li.gemeinde-navpoint > div > a{
color: #104094;
}
ul#menu-hauptnavigation li.verwaltung-navpoint > div > a{
color: #005500;
}
ul#menu-hauptnavigation li.verwaltung-navpoint > div > a,
ul#menu-hauptnavigation li.tourismus-navpoint > div > a,
ul#menu-hauptnavigation li.gemeinde-navpoint > div > a
{
font-weight: 500;
font-size: 25px;
line-height: 35px;
}
ul#menu-neues-hauptmenue li > div > a,
ul#menu-neues-hauptmenue li  > a
{
font-weight: 500;
font-size: 22px;
line-height: 35px;
} ul#menu-hauptnavigation > li > ul.sub-menu > li > div > a,
ul#menu-hauptnavigation > li > ul.sub-menu > li > a
{
font-weight: 500;
padding-left: 45px !important;
line-height: 35px !important;
}
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > div > a,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > a
{
font-weight: 500;
font-size: 20px;
padding-left: 45px !important;
line-height: 35px !important;
}
ul#menu-hauptnavigation > li > ul.sub-menu > li > div > button,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > div > button
{
padding: 0 30px;
margin: 0;
} ul#menu-hauptnavigation > li > ul.sub-menu > li > ul.sub-menu > li > a,
ul#menu-hauptnavigation > li > ul.sub-menu > li > ul.sub-menu > li > div > a
{
font-weight: 400;
padding-left: 60px !important;
line-height: 35px !important;
}
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > a,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > div > a
{
font-weight: 400;
padding-left: 60px !important;
line-height: 35px !important;
font-size: 18px;
} ul#menu-hauptnavigation > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a,
ul#menu-hauptnavigation > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div > a,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a,
ul#menu-neues-hauptmenue > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div > a
{
font-weight: 400;
padding-left: 75px !important;
line-height: 32px !important;
font-size: 14px;
}
ul#menu-hauptnavigation > li > ul.sub-menu > li > ul.sub-menu > li > div > button
{
padding: 0 30px;
margin: 0;
} ul#menu-hauptnavigation > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a
{
font-weight: 400;
padding-left: 90px !important;
line-height: 32px !important;
font-size: 14px;
}
ul#menu-hauptnavigation > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > div > button
{
padding: 0 30px;
margin: 0;
}   .text-red{
color: #AE0000;
}
.bg-red{
background-color: #AE0000;
}
.bg-light-red{
background-color: #FBF3F3;
}
.bbc-red{
border-bottom-color: #AE0000;
}
.bbc-4px-red{
border-bottom: 4px solid #AE0000;
}
.text-green{
color:#005500;
}
.bg-green{
background-color: #005500;
}
.bg-light-green{
background-color: #F2F7F2;
}
.bbc-green{
border-bottom-color: #005500;
}
.bbc-4px-green{
border-bottom: 4px solid #005500;
}
.text-blue{
color: #104094;
}
.bg-blue{
background-color: #104094;
}
.bg-light-blue{
background-color: #F3F5FA;
}
.bbc-blue{
border-bottom-color: #104094;
}
.bbc-4px-blue{
border-bottom: 4px solid #104094;
width: 100%;
}
.bg-gray{
background-color: #333333;
}
.bg-light-gray{
background-color: #F5F5F5;
}
.bbc-4px-red, .bbc-4px-green, .bbc-4px-blue{
width: 100%;
}
.text-arrow-link {
font-size:16px;
line-height: 22px;
position: relative;
padding-right: 20px;
cursor: pointer;
margin-top:10px;
}
.text-arrow-link::after {
content: '➞';
position: absolute;
right: -8px;
top: 56%;
transform: translateY(-50%);
font-size: 24px;
color: #AE0000;
}   .ro-tabs__link {
font-size: 20px;
line-height: 24px;
position: relative;
padding-right: 20px;
cursor: pointer;
margin-top:20px;
}
.ro-tabs__link::after {
content: '➞';
position: absolute;
right: -8px;
top: 56%;
transform: translateY(-50%);
font-size: 24px;
} .ro-tabs__bg.gray {
background-color: #F5F5F5;
}
.ro-tabs__bg.gray .ro-tabs__title{
background-color: #d6d6d6 ! important;
}
.ro-tabs__bg.gray .ro-tabs__title.brx-open{
background-color: #333333 ! important;
} .ro-tabs__bg.red {
background-color: #FBF3F3;
}
.ro-tabs__bg.red .ro-tabs__title{
background-color: #333333;
}
.ro-tabs__bg.red .ro-tabs__title.brx-open{
background-color: #AE0000 ! important;
} .ro-tabs__bg.green {
background-color: #F2F7F2;
}
.ro-tabs__bg.green .ro-tabs__title{
background-color: #333333;
}
.ro-tabs__bg.green .ro-tabs__title.brx-open{
background-color: #005500 ! important;
} .ro-tabs__bg.blue {
background-color: #F3F5FA;
}
.ro-tabs__bg.blue .ro-tabs__title{
background-color: #333333 ! important;
}
.ro-tabs__bg.blue .ro-tabs__title.brx-open{
background-color: #104094 ! important;
}
.ro-tabs__bg.blue .ro-tabs__headline, .ro-tabs__link {
color: #104094;
}   .ro-bild-text-boxen-container.gray .ro-bild-text-boxen-container__devider .line{
border-color: #333333;
}
.ro-bild-text-boxen-container.red .ro-bild-text-boxen-container__devider .line{
border-color: #AE0000;
}
.ro-bild-text-boxen-container.green .ro-bild-text-boxen-container__devider .line{
border-color: #005500;
}
.ro-bild-text-boxen-container.blue .ro-bild-text-boxen-container__devider .line{
border-color: #104094;
}   .ro-link-text-boxen-container__link {
font-size: 20px;
line-height: 24px;
position: relative;
padding-right: 30px;
cursor: pointer;
margin-bottom: 20px;
display: block;
width: 100%;
}
.ro-link-text-boxen-container__link::after {
content: '➞';
position: absolute;
right: 0;
top: -12px;
font-size: 24px;
line-height: 1;
transform: translateY(50%);
}
.ro-link-text-boxen-container.gray .ro-link-text-boxen-container__box{
background-color: #333333;
}
.ro-link-text-boxen-container.red .ro-link-text-boxen-container__box{
background-color: #AE0000;
}
.ro-link-text-boxen-container.green .ro-link-text-boxen-container__box{
background-color: #005500;
}
.ro-link-text-boxen-container.blue .ro-link-text-boxen-container__box{
background-color: #104094;
}   .ro-bild-text-kombination__container.gray h3,
.ro-bild-text-kombination__container.red h3,
.ro-bild-text-kombination__container.green h3,
.ro-bild-text-kombination__container.blue h3{
position: relative;
margin-bottom:56px;
}
.ro-bild-text-kombination__container.gray h3:after,
.ro-bild-text-kombination__container.red h3:after,
.ro-bild-text-kombination__container.green h3:after,
.ro-bild-text-kombination__container.blue h3:after{
content: '';
position: absolute;
bottom: -32px; left: 0;
width: 100%;
}
.ro-bild-text-kombination__container.gray h3{
color: #333333;
}
.ro-bild-text-kombination__container.gray h3:after{
border-bottom: 2px solid #333333;
}
.ro-bild-text-kombination__container.red h3{
color: #AE0000;
}
.ro-bild-text-kombination__container.red h3:after{
border-bottom: 2px solid #AE0000;
}
.ro-bild-text-kombination__container.green h3{
color: #005500;
}
.ro-bild-text-kombination__container.green h3:after{
border-bottom: 2px solid #005500;
}
.ro-bild-text-kombination__container.blue h3{
color: #104094;
}
.ro-bild-text-kombination__container.blue h3:after{
border-bottom: 2px solid #104094;
}   #toggle-list .toggle-content {
display: none;
}
.ro-vereins-liste__title::after,
.ro-firmen-liste__title::after,
.ro-wissenswertes__heading::after{
content: url(//www.rottenbuch.de/app/themes/bricks-child/assets/svg/arrow-right.svg);
display: inline-block;
margin-left: 20px;
width: 21.6px;
height: 21.6px;
vertical-align: middle;
transition: transform 0.3s ease;
}
.ro-vereins-liste__title.open::after,
.ro-firmen-liste__title.open::after,
.ro-wissenswertes__heading.open::after{
transform: rotate(90deg);
}
.ro-firmen-liste__detail-text strong{
font-weight: 500;
}    .ro-ortsrecht-pdfs__heading {
position: relative;
padding-left: 55px;
margin-top: 30px;
}
.ro-ortsrecht-pdfs__heading::before {
content: url(//www.rottenbuch.de/app/themes/bricks-child/assets/svg/arrow-download.svg);
position: absolute;
top: -12px;
left: 0px;
width: 40px;
height: 40px;
} .ro-ortsrecht-pdfs__text-link {
position: relative;
padding-left: 55px;
margin-top: 22px;
margin-left: 42px;
}
.ro-ortsrecht-pdfs__text-link::before {
content: url(//www.rottenbuch.de/app/themes/bricks-child/assets/svg/arrow-download.svg);
position: absolute;
top: -11px;
left: 9px;
width: 30px;
height: 30px;
} .no-distance {
margin-bottom:0;
}   .ro-detail-veranstaltung__back-link,
.ro-detail-veranstaltung__further-link {
display: flex;
align-items: center;
}
.ro-detail-veranstaltung__back-link::before,
.ro-detail-veranstaltung__further-link::after {
width: 30px;
height: 30px;
}
.ro-detail-veranstaltung__back-link::before {
content: url(//www.rottenbuch.de/app/themes/bricks-child/assets/svg/large-arrow-to-left.svg);
margin-right: 8px;
}
.ro-detail-veranstaltung__further-link::after {
content: url(//www.rottenbuch.de/app/themes/bricks-child/assets/svg/large-arrow-to-right.svg);
margin-left: 22px;
}   .ro-footer__left-col .brxe-social-icons li:before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
margin-right: -2px;
background-size: contain;
background-repeat: no-repeat;
}
.ro-footer__left-col .brxe-social-icons li:nth-child(1):before {
background-image: url(//www.rottenbuch.de/app/themes/bricks-child/assets/svg/pin-icon.svg); }
.ro-footer__left-col .brxe-social-icons li:nth-child(2):before {
background-image: url(//www.rottenbuch.de/app/themes/bricks-child/assets/svg/phone-icon.svg); }
.ro-footer__left-col .brxe-social-icons li:nth-child(3):before {
background-image: url(//www.rottenbuch.de/app/themes/bricks-child/assets/svg/letter-icon.svg); }
.ro-footer__left-col .brxe-social-icons li,
.ro-footer__right-col .ro-footer__menu li{
line-height: 23px;
}
h2.home_h1_layout_Wahr{
font-size: 30px;
line-height: 35px;
} .half-width-image-floating-text,
.twenty-five-percent-wide-image-floating-text
{
width:100%;
margin-bottom: 6px;
}   @media screen and (min-width: 478px) {
.twenty-five-percent-wide-image-floating-text{
width:50%;
float: left;
margin-right: 20px;
}
} @media only screen and (max-width: 478px) {
.small-distance {
margin-bottom:15px;
}
.normal-distance {
margin-bottom:50px;
}
h2.home_h1_layout_Wahr{
font-size: 45px;
line-height: 50px;
}
.ro-tabs__nestbar > .tab-menu .tab-title {
padding: 11px!important;
}
} @media only screen and (min-width: 479px) and (max-width: 767px) {
.small-distance {
margin-bottom:20px;
}
.normal-distance {
margin-bottom:70px;
}
h2.home_h1_layout_Wahr{
font-size: 50px;
line-height: 55px;
}
.ro-tabs__nestbar > .tab-menu .tab-title {
padding: 14px !important;
}
} @media only screen and (min-width: 768px) and (max-width: 991px) {
.small-distance {
margin-bottom:25px;
}
.normal-distance {
margin-bottom:85px;
}
h2.home_h1_layout_Wahr{
font-size: 60px;
line-height: 66px;
}
.ro-tabs__nestbar > .tab-menu .tab-title {
padding: 17px !important;
}
.text-arrow-link {
font-size:18px;
line-height: 22px;
}
}
@media screen and (min-width: 768px) {
.half-width-image-floating-text{
width:50%;
float: left;
margin-right: 20px;
}
.twenty-five-percent-wide-image-floating-text{
width:25%;
}
} @media only screen and (min-width: 992px) and (max-width: 1199px) {
.small-distance {
margin-bottom:30px;
}
.normal-distance {
margin-bottom:100px;
}
h2.home_h1_layout_Wahr{
font-size: 70px;
line-height: 77px;
}
.ro-tabs__nestbar > .tab-menu .tab-title {
padding: 20px !important;
}
.text-arrow-link {
font-size:18px;
line-height: 22px;
}
} @media only screen and (min-width: 1200px) {
.small-distance {
margin-bottom:30px;
}
.normal-distance {
margin-bottom:100px;
}
h2.home_h1_layout_Wahr{
font-size: 70px;
line-height: 77px;
}
.ro-tabs__nestbar > .tab-menu .tab-title {
padding: 20px;
}
.text-arrow-link {
font-size:18px;
line-height: 22px;
}
} table {
border-collapse: collapse;
width: 100%;
overflow-x: auto; display: block; margin: 20px auto;
}
th,
tr,
caption {
text-align: left;
border: none; }
td {
padding: 10px; border: none; }
td:first-child {
white-space: normal;
} tr:hover {
background-color: #e0e0e0; } @media (max-width: 767px) {
tr:nth-child(odd) {
background-color: #ffffff; }
tr:nth-child(even) {
background-color: #f4f4f4; }
}
.ro-footer__left-col li:last-child {
margin-left:-22px;
}