html {
    overflow-y: hidden;
}

body {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-family: 'TheSansC5', Verdana, sans-serif;
    font-size: var(--fs_medium);
    color: var(--s_dark_80);
    letter-spacing: 0;
    line-height: normal;
}

/* Beginn Ueberschriften */
h1, h2 {
    font-size: var(--fs_xxx_large);
    font-weight: 500;
    line-height: 120%;
    color: var(--highlight);
    padding: 0 0 27px 0;
}

/*Headline*/
h2 { 
    color: var(--s_dark_80);
    line-height: 50px;
}

h3 {
    font-size: var(--fs_xx_medium);
    font-weight: 100;
    line-height: 110%;
    color: var(--s_dark_80);
    padding: 0 0 35px;
}

h5 {
    font-size: var(--fs_x_medium);
    font-weight: 100;
    line-height: 100%;
    color: var(--s_dark_80);
    padding: 0 0 25px;
}

h5::after {
  content: " ";
  display: inline-block;
  border-top: 2px solid;
  width: 40px;
  height: 15px;
  position: absolute;
  bottom: 0;
  left: 0;
}
/* Ende Ueberschriften */

.nomarginpadding {
    margin: 0;
    padding: 0;
}

div.cleardiv {
    clear: both;
    height: 0px;
    overflow: hidden;
}

.grid_container {
    display: grid;
}

.flex_container {
    display: flex;
}

div.volleHoehe {
    height: 100%;
}

.whiteSpacePreLine {
    white-space: pre-line;
}

div.loadError {
    height: 100%;
    justify-content: center;
    align-items: center;
}

div.loadError .MuiAlert-standardError {
    justify-content: center;
    width: 700px;
}

.brotschrift {
    font-size: var(--fs_medium);
    font-weight: normal;
    line-height: 33px;
    color: var(--s_dark_80);
}

#content.wrapper {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
    overflow-y: scroll;
}

#content.wrapper.platzFuerHotelnameUndOrt {
    margin-top: 38px;
}

.mainbox {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding: 100px 0 100px 0;
}

.mainbox:nth-child(even) {
    background-color: var(--hg_hell_90);
}

.mainbox:nth-child(odd) {
    background-color: var(--hg_hell_100);
}

.mainbox .inhaltbox {
    width: 1400px;
}

#hotelpresentation .md-bb-code ol, #hotelpresentation .md-bb-code ul {
    list-style: revert;
    padding: revert;
}

#hotelpresentation .inhaltbox .trennlinie {
    margin: 74px 0 94px 0;
    border-top: 2px solid var(--s_dark_60);
}

#hotelpresentation #kat_galerie {
    background-color: var(--hg_hell_90);
    height: 425px;
    border-bottom: 1px solid var(--hg_hell_60);
    overflow: hidden;
}

#hotelpresentation #kat_galerie img {
    height: 425px;
}

#hotelpresentation nav.hotelnav {
    z-index: 1200;
    background-color: var(--hg_hell_100);
    border-bottom: 1px solid var(--hg_hell_60);
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

#hotelpresentation nav.hotelnav .wrapper {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    margin-bottom: -1px;
}

/* Hotelnav small screens */
@media all and (max-width: 500px) {
    #hotelpresentation nav.hotelnav .wrapper {
        /* On small screens, we are no longer using row direction but column */
        flex-direction: column;
    }
}
                    
#hotelpresentation .hotelnavbutton {
    font-size: var(--fs_x_medium);
    font-weight: 500;
    color: var(--s_dark_80);
    text-decoration: none;
    padding: 12px 30px 0 30px;
    height: 55px;
    background-color: var(--hg_hell_100);
    border-top: 1px solid var(--hg_hell_60);
    border-right: 1px solid var(--hg_hell_60);
    border-bottom: 1px solid var(--hg_hell_60);
    border-left: 1px solid var(--hg_hell_60);
    margin-top: -1px;
    margin-left: -1px;
    text-align: center;
    box-sizing: border-box;
	cursor: pointer;
}

#hotelpresentation .hotelnavbutton:hover,
#hotelpresentation .hotelnavbutton.aktiv {
    color: var(--highlight);
    background-color: var(--hg_hell_80);
    border-bottom: 2px solid var(--s_dark_80);
}

#hotelpresentation #kat_hotelfakten.mainbox {
    padding-top: 60px; 
    padding-bottom: 80px;
}

#hotelpresentation #kat_hotelfakten .inhaltbox {
    font-size: var(--fs_medium);
    font-weight: 500;
    color: var(--s_dark_60);
}

#hotelpresentation div.kategorieBeschreibung {
    font-size: var(--fs_medium);
    font-weight: normal;
    line-height: 33px;
    padding-bottom: 27px;
    color: var(--s_dark_80);
}

#hotelpresentation #kat_hotelfakten .inhaltbox .fakten_container.grid_container {
    grid-template-columns: repeat(auto-fill, minmax(450px, 685px));
    gap: 30px;
}

#hotelpresentation #kat_hotelfakten p {
    font-size: var(--fs_x_small);
    font-weight: 500;
    line-height: 30px;
    color: var(--s_dark_80);
}

#hotelpresentation #kat_hotelfakten p a.email,
#hotelpresentation #kat_hotelfakten p a:hover.email {
    font-size: var(--fs_x_small);
    font-weight: 500;
    line-height: 30px;
    color: var(--s_dark_80);
    text-decoration: none;
}

#hotelpresentation #kat_hotelfakten .inhaltbox .map{
    height: 500px;
}

#hotelpresentation #kat_hotelfakten .inhaltbox .stammdaten, .kacheln {
    padding: 55px 50px 55px 50px;
    background-color: var(--hg_hell_80);
}

#hotelpresentation #kat_hotelfakten .inhaltbox .stammdaten .button_container {
    display: flex;
    gap: 20px;
}

#hotelpresentation #kat_hotelfakten .inhaltbox .stammdaten .outOfOrder {
    margin-top: 26px;
    width: fit-content;
    padding: 3px 10px 3px 10px;
    background-color: var(--s_dark_80);
    color: var(--s_neutral);
    font-weight: 400;
}

#hotelpresentation #kat_hotelfakten .inhaltbox .stammdaten .outOfOrder i {
    width: 35px;
}
    
#hotelpresentation #kat_hotelfakten .kacheln h1 {
    padding-bottom: 20px;
}

#hotelpresentation #kat_hotelfakten .kachel_container.grid_container {
    grid-template-columns: repeat(auto-fill, minmax(100px, 186px));
    gap: 10px;
}

#hotelpresentation #kat_hotelfakten .kachel {
    background-color: var(--hg_hell_100);
    padding: 26px 18px 26px 18px;
    width: 148px;
}

#hotelpresentation #kat_hotelfakten .kachel p {
    font-size: var(--fs_xxx_small);
    font-weight: 500;
    line-height: normal;
}  

#hotelpresentation #kat_hotelfakten .kachel p.bereich {
    font-size: var(--fs_x_small);
    font-weight: bold;
    padding-bottom: 9px;
}

#hotelpresentation #kat_hotelfakten .highlight {
    color: var(--highlight);
}

#hotelpresentation #kat_hotelfakten .abstandUnten {
    margin-bottom: 26px;
}

#hotelpresentation #kat_hotelfakten .badges {
    font-size: var(--fs_x_small);
    font-weight: normal;
    line-height: 30px;
    color: var(--s_dark_80);
    padding-bottom: 26px;
}

#hotelpresentation #kat_hotelfakten .badges span.badge {
    padding-right: 12px;
}

#hotelpresentation #kat_hotelfakten .badges .feedback_container {
    position: relative; 
    display: inline-block;
    width: 35px;
}

#hotelpresentation #kat_hotelfakten .badges .feedback_container span {
    font-size: var(--fs_x_small);
    position: absolute;
    text-align: center;
    width: 30px;
    color: var(--s_neutral);
}

#hotelpresentation #kat_hotelfakten .badges .rating {
    text-transform: uppercase;
}    

#hotelpresentation #kat_hotelfakten .badges .star {
    color: var(--akzent_2);
}

#hotelpresentation #kat_hotelfakten .badges .comment {
    font-size: var(--fs_xx_medium);
    color: var(--dezent_80);
    vertical-align: middle;
}

#hotelpresentation #kat_hotelfakten .badges .zertifizierung img + img {
    margin-left: 5px;
}

#hotelpresentation #kat_hotelfakten .badges .zertifizierung .cert1 {
    color: var(--dezent_100);
}

#hotelpresentation #kat_hotelfakten .badges .zertifizierung .cert2 {
    color: var(--akzent_1);
}

#hotelpresentation #kat_hotelfakten .badges .zertifizierung .cert3 {
    color: var(--highlight);
}

#hotelpresentation #kat_hotelfakten .badges .zertifizierung .cert4 {
    color: var(--s_dark_100);
}

#hotelpresentation #kat_hotelbeschreibung div.beschreibung {
    font-size: var(--fs_medium);
    font-weight: normal;
    line-height: 33px;
    color: var(--s_dark_80);
}

#hotelpresentation #kat_hotelvideo .video_container {
    width: 950px;
    height: 630px;
}

#hotelpresentation #kat_hotelvideo .video_container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

#hotelpresentation .spalten .spalte p i {
    line-height: 33px;
    vertical-align: top;
}

#hotelpresentation .spalten .spalte p span,
#hotelpresentation .spalten .spalte div.wert {
    display: inline-block;
}

#hotelpresentation #kat_ausstattung .spalten,
#hotelpresentation #kat_zahlung_rezeption .spalten,
#hotelpresentation #kat_anreise .spalten {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 30px;
    font-size: var(--fs_medium);
    font-weight: normal;
    color: var(--s_dark_80);
    line-height: 18px;
    margin-bottom: 25px;
}

#hotelpresentation #kat_anreise .spalten,
#hotelpresentation #kat_zahlung_rezeption .spalten {
    margin-bottom: 0;
}

#hotelpresentation #kat_ausstattung h1,
#hotelpresentation #kat_zahlung_rezeption h1,
#hotelpresentation #kat_anreise h1 {
    font-size: var(--fs_large);
    line-height: 42px;
    font-weight: bold;
    color: var(--s_dark_80);
    margin-bottom: 8px;
}

#hotelpresentation #kat_ausstattung .spalte,
#hotelpresentation #kat_anreise .spalte {
    width: 440px;
}

#hotelpresentation #kat_ausstattung h2,
#hotelpresentation #kat_anreise h2 {
    margin-bottom: 25px;
}

#hotelpresentation #kat_ausstattung .spalte p,
#hotelpresentation #kat_anreise .spalte div,
#hotelpresentation #kat_zahlung_rezeption .spalte p,
#hotelpresentation #kat_zahlung_rezeption .spalte div.container {
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 25px;    
}

#hotelpresentation #kat_zahlung_rezeption .spalte p:last-child {
    margin-bottom: 0;
}

#hotelpresentation #kat_ausstattung .spalte p i,
#hotelpresentation #kat_zahlung_rezeption .spalte p i {
    width: 35px;

}

#hotelpresentation #kat_ausstattung .spalte span,
#hotelpresentation #kat_zahlung_rezeption .spalte span,
#hotelpresentation #kat_zahlung_rezeption .spalte div.wert {
    width: 405px;
}

#hotelpresentation #kat_zahlung_rezeption .spalte .bereich {
    display: inline-block;
    vertical-align: top;
    width: 222px;
}

#hotelpresentation table {
    max-width: 1400px;
}

#hotelpresentation table th,
#hotelpresentation table td {
    text-align: right;
    background-color: transparent;
    font-size: var(--fs_medium);
    font-weight: 100;
    padding-right: 34px;
    line-height: 58px;
    border: 1px solid var(--dezent_80);
}

#hotelpresentation #kat_wlan table th,
#hotelpresentation #kat_wlan table td {
    padding: 17px 16px 17px 16px;
    line-height: var(--fs_x_medium);
}

#hotelpresentation #kat_wlan table th,
#hotelpresentation #kat_wlan table td {
    padding-right: 0px;
}

#hotelpresentation #kat_wlan table th,
#hotelpresentation #kat_wlan table td {
    width: 333px;
}

#hotelpresentation table th.borderless,
#hotelpresentation table td.borderless {
    border: none;
}

#hotelpresentation table th {
    color: var(--s_dark_100);
}

#hotelpresentation table td {
    color: var(--s_dark_80);
    width: 330px;
}

#hotelpresentation table th.colored,
#hotelpresentation table td.colored {
    background-color: var(--dezent_40);
    font-size: var(--fs_medium);
    font-weight: normal;
    text-align: left;
    padding-left: 20px;
}

#hotelpresentation table th.colored {
    text-align: right;
}

#hotelpresentation table th.colored.centered {
    text-align: center;
}

#hotelpresentation table th.left,
#hotelpresentation table td.left {
    text-align: left;
    padding-left: 20px;
}

#hotelpresentation table th,
#hotelpresentation table td {
    width: 286px;
}

#hotelpresentation table .small {
    width: 188px;
}

#hotelpresentation table .wide {
    width: 390px;
}

#hotelpresentation table td.icon {
    text-align: center;
    font-weight: bold;
}

#hotelpresentation table td.icon .icon_check {
    color: var(--akzent_1);
    font-size: var(--fs_large);
    vertical-align: middle;
}

#hotelpresentation table td.icon .icon_circle {
    color: var(--highlight);
    font-size: var(--fs_large);
    vertical-align: middle;
}

#hotelpresentation .legende_container {
    font-size: var(--fs_xxx_small);
    text-align: right;
    padding-top: 20px;
    color: var(--s_dark_100);
}

#hotelpresentation .legende_container label {
    font-weight: 500;
    display: inline-block; 
}

#hotelpresentation .legende_container .legende_element {
    padding-left: 28px;
    font-weight: normal;
}

#hotelpresentation .legende_container .legende_element i {
    padding-right: 5px;
}    

#hotelpresentation .legende_container .legende_element .icon_check {
    color: var(--akzent_1);
}

#hotelpresentation .legende_container .legende_element .icon_circle {
    color: var(--highlight);
}

#hotelpresentation table th.left,
#hotelpresentation table td.left {
    text-align: left;
}

#hotelpresentation #kat_raumdaten table th,
#hotelpresentation #kat_raumdaten table td,
#hotelpresentation #kat_rahmenvertraege table th,
#hotelpresentation #kat_rahmenvertraege table td {
    background-color: transparent;
    font-size: var(--fs_x_small);
    font-weight: normal;
    padding: 17px 16px 17px 16px;
    line-height: var(--fs_x_medium);
    border: 1px solid var(--dezent_80);
    text-align: right;
}

#hotelpresentation #kat_rahmenvertraege table th.kondition,
#hotelpresentation #kat_rahmenvertraege table th.datum,
#hotelpresentation #kat_rahmenvertraege table th.preis {
    font-size: var(--fs_medium);
    font-weight: bold;
    color: var(--s_dark_100);
}

#hotelpresentation #kat_rahmenvertraege table th,
#hotelpresentation #kat_rahmenvertraege table td {
    background-color: var(--dezent_20);
    font-size: var(--fs_medium);
}

#hotelpresentation #kat_rahmenvertraege table th.kondition,
#hotelpresentation #kat_rahmenvertraege table td.kondition {
    text-align: left;
    width: 700px;
    font-weight: 500;
}

#hotelpresentation #kat_rahmenvertraege table td.kondition i {
    margin-right: 30px;
    cursor: pointer;
}

#hotelpresentation #kat_rahmenvertraege table th.datum,
#hotelpresentation #kat_rahmenvertraege table td.datum {
    text-align: right;
    width: 260px;
}

#hotelpresentation #kat_rahmenvertraege table td.datum {
    font-weight: 100;
}

#hotelpresentation #kat_rahmenvertraege table th.preis,
#hotelpresentation #kat_rahmenvertraege table td.preis {
    text-align: right;
    width: 316px;
}

#hotelpresentation #kat_rahmenvertraege table td.preis {
    font-weight: 100;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td {
    text-align: left;
    background-color: transparent;
    font-size: var(--fs_medium);
    font-weight: 100;
    padding-right: 76px;
    padding-left: 76px;
    transition: padding .3s;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.oberkategorie {
    margin: 0;
    padding: 0;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.oberkategorie + div.oberkategorie {
    padding-top: 40px;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.oberkategorie + div.oberkategorie.beschreibung {
    padding-top: 0;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.oberkategorie div.caption,
#hotelpresentation #kat_rahmenvertraege table tr.details td div.oberkategorie p.caption {
    font-weight: 500;
    margin-bottom: 10px;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.oberkategorie p {
    line-height: var(--fs_large);
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.oberkategorie p.caption {
    line-height: var(--fs_x_medium);
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.unterkategorie {
    margin: 0;
    padding: 0 0 40px 50px;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.unterkategorie.keinAbstandUnten {
    margin: 0;
    padding: 0 0 0 50px;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.unterkategorie div {
    margin-top: 36px;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.unterkategorie div.beschreibung {
    margin-top: 0;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.unterkategorie ul {
    list-style-type: disc;
    list-style-position: inside;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.unterkategorie ul li + li {
    margin-top: 10px;
}

#hotelpresentation #kat_rahmenvertraege table tr.details td div.unterkategorie ul li span {
    display: inline-block;
    width: 60px;
}

#hotelpresentation #kat_raumdaten table th {
    text-align: center;
}

#hotelpresentation #kat_raumdaten table tr.head th,
#hotelpresentation #kat_raumdaten table td.head {
    font-weight: 500;
}

#hotelpresentation #kat_raumdaten table tr.head th i {
    font-size: var(--fs_medium);
}

#hotelpresentation #kat_raumdaten table tr.head th p {
    font-size: var(--fs_xx_small);
    font-weight: 300;
}

#hotelpresentation #kat_raumdaten table td.head,
#hotelpresentation #kat_rahmenvertraege table td.head {
    word-wrap: break-word
}

#hotelpresentation #kat_raumdaten table tr.colored th,
#hotelpresentation #kat_rahmenvertraege table tr.colored th {
    background-color: var(--dezent_40);   
}

#hotelpresentation #kat_raumdaten table tr:nth-child(odd) {
    background-color: var(--dezent_20);
}

#hotelpresentation #kat_raumdaten table th.left,
#hotelpresentation #kat_raumdaten table td.left,
#hotelpresentation #kat_rahmenvertraege table th.left,
#hotelpresentation #kat_rahmenvertraege table td.left {
    text-align: left;
}

#hotelpresentation #kat_raumdaten table th.centered,
#hotelpresentation #kat_raumdaten table td.centered,
#hotelpresentation #kat_rahmenvertraege table th.centered,
#hotelpresentation #kat_rahmenvertraege table td.centered {
    text-align: center;
}

#hotelpresentation #kat_raumdaten table th.right,
#hotelpresentation #kat_raumdaten table td.right,
#hotelpresentation #kat_rahmenvertraege table th.right,
#hotelpresentation #kat_rahmenvertraege table td.right {
    text-align: right;
}

#hotelpresentation #kat_raumdaten table td i.icon_download {
    color: var(--highlight); 
    text-align: center;
    font-size: var(--fs_medium);
    cursor: pointer;
}

#hotelpresentation #kat_raumdaten table td.icon .icon_check,
#hotelpresentation #kat_raumdaten table td.icon .icon_circle {
    font-size: var(--fs_x_small);
}

#hotelpresentation #kat_raumdaten div.download {
    font-size: var(--fs_medium);
    line-height: 32px;
    color: var(--s_dark_80);
}

#hotelpresentation #kat_raumdaten div.download a {
    text-decoration: none;
    color: var(--highlight);
}

#hotelpresentation #kat_raumdaten div.download i {
    width: 35px;
}

#hotelpresentation #kat_raumdaten div.download .icon_pdf {
    color: var(--highlight);
}

#hotelpresentation #kat_raumdaten div.download .icon_doc {
    color: #1a36ca;
}

#hotelpresentation #kat_raumdaten div.download .icon_xls {
    color: #008f41;
}

#hotelpresentation #kat_raumdaten div.download .icon_sonstige {
    color: #707070;
}

#hotelpresentation #kat_raumdaten div.download p a:hover i,
#hotelpresentation #kat_raumdaten div.download p a:hover span {
    color: var(--akzent_3);
}

#hotelpresentation #kat_ansprechpartner .inhaltbox .ansprechpartner_container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 685px));
    gap: 30px;
}

#hotelpresentation #kat_ansprechpartner .ansprechpartner_container .ansprechpartner h1 {
    font-size: var(--fs_x_large);
    font-weight: bold;
    color: var(--highlight);
    padding-bottom: 15px;
}

#hotelpresentation #kat_ansprechpartner.mainbox:nth-child(odd) .inhaltbox .ansprechpartner_container .ansprechpartner {
    padding: 60px 38px 60px 38px;
    background-color: var(--hg_hell_90);
}

#hotelpresentation #kat_ansprechpartner.mainbox:nth-child(even) .inhaltbox .ansprechpartner_container .ansprechpartner {
    padding: 60px 38px 60px 38px;
    background-color: var(--hg_hell_100);
}

#hotelpresentation #kat_ansprechpartner .inhaltbox .ansprechpartner_container .ansprechpartner p {
    font-size: var(--fs_medium);
    color: var(--s_dark_80);
}

#hotelpresentation #kat_ansprechpartner .inhaltbox .ansprechpartner_container .ansprechpartner .highlighted {
    font-weight: bold;
    line-height: 32px;
    padding-bottom: 10px;
    color: var(--s_dark_80);
}

#hotelpresentation #kat_ansprechpartner .inhaltbox .ansprechpartner_container .ansprechpartner .kontakt {
    font-weight: normal;
    line-height: 30px;
    margin-top: 18px;
    margin-bottom: 40px;
    color: var(--s_dark_80);
}    

#hotelpresentation #kat_ansprechpartner .inhaltbox .ansprechpartner_container .ansprechpartner .kontakt label {
    display: inline-block;
    width: 80px;
}

#hotelpresentation #kat_ansprechpartner .inhaltbox .ansprechpartner_container .ansprechpartner .kontakt .email {
    color: var(--highlight);
    text-decoration: none;
}

#hotelpresentation #kat_angebote .inhaltbox .angebot_container .angebot {
    padding: 60px 38px 60px 38px;
    background-color: var(--hg_hell_90);
}

#hotelpresentation #kat_angebote .inhaltbox .angebot_container .angebot ul {
    list-style-type: disc;
    padding-left: 18px;
}

#hotelpresentation #kat_angebote .inhaltbox .angebot_container .angebot li {
    font-size: var(--fs_medium);
    font-weight: normal;
    line-height: 33px;
    color: var(--s_dark_80);
}

#hotelpresentation #kat_angebote .inhaltbox .angebot_container .angebot li .bemerkung {
    font-size: var(--fs_xx_small);
    font-weight: 100;
}    

#hotelpresentation .parking_facts {
    font-size: var(--fs_medium);
    font-weight: normal;
    color: var(--s_dark_80);
}

#hotelpresentation .parking_facts p {
    padding-top: 27px;
}

#hotelpresentation .parking_facts p i {
    width: 35px;
}

#hotelpresentation .spalten_container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap: 30px; 
}

#hotelpresentation .zeilen_container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
    gap: 50px; 
}

#hotelpresentation #kat_nachhaltigkeit .zeilen_container {
    gap: 10px;
}

#hotelpresentation #kat_nachhaltigkeit .zertifizierung {
    display: flex;
}

#hotelpresentation #kat_nachhaltigkeit .zertifizierung {
    flex-flow: row wrap;
}

#hotelpresentation #kat_gastronmie .spalten,
#hotelpresentation #kat_freizeit .spalten,
#hotelpresentation #kat_hygiene .spalten,
#hotelpresentation #kat_zimmer .spalten,
#hotelpresentation #kat_meetingBusiness .spalten,
#hotelpresentation #kat_lageEntfernung .spalten,
#hotelpresentation #kat_nachhaltigkeit .spalten {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 30px;
    font-size: var(--fs_medium);
    font-weight: normal;
    color: var(--s_dark_80);
    line-height: 18px;
    margin-bottom: 25px;    
}

#hotelpresentation #kat_zimmer .spalten,
#hotelpresentation #kat_lageEntfernung.eventlocation .spalten {
    margin-bottom: 0;    
}

#hotelpresentation #kat_gastronmie .spalte,
#hotelpresentation #kat_freizeit .spalte,
#hotelpresentation #kat_hygiene .spalte,
#hotelpresentation #kat_meetingBusiness .spalte,
#hotelpresentation #kat_nachhaltigkeit .spalte {
    width: 440px;
}

#hotelpresentation #kat_gastronmie .spalte p,
#hotelpresentation #kat_freizeit .spalte p,
#hotelpresentation #kat_hygiene .spalte p,
#hotelpresentation #kat_zimmer .spalte p,
#hotelpresentation #kat_meetingBusiness .spalte p,
#hotelpresentation #kat_lageEntfernung .spalte p,
#hotelpresentation #kat_nachhaltigkeit .spalte p {
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 25px;    
}

#hotelpresentation #kat_gastronmie .spalte p i,
#hotelpresentation #kat_freizeit .spalte p i,
#hotelpresentation #kat_hygiene .spalte p i,
#hotelpresentation #kat_zimmer .spalte p i,
#hotelpresentation #kat_meetingBusiness .spalte p i,
#hotelpresentation #kat_lageEntfernung .spalte p i,
#hotelpresentation #kat_nachhaltigkeit .spalte p i {
    width: 35px;
}

#hotelpresentation #kat_gastronmie .spalte span {
    width: 405px;
}

#hotelpresentation #kat_gastronmie .spalten_container .spalten .spalte,
#hotelpresentation #kat_freizeit .spalten_container .spalten .spalte,
#hotelpresentation #kat_meetingBusiness .spalten_container .spalten .spalte,
#hotelpresentation #kat_lageEntfernung .spalten_container .spalten .spalte {
    width: 320px;
}

#hotelpresentation #kat_gastronmie .spalten_container .spalte span {
    width: 285px;
}

#hotelpresentation #kat_ausstattung .image_gallery,
#hotelpresentation #kat_gastronmie .image_gallery,
#hotelpresentation #kat_freizeit .image_gallery,
#hotelpresentation #kat_hygiene .image_gallery,
#hotelpresentation #kat_meetingBusiness .image_gallery,
#hotelpresentation #kat_rahmenprogramme .image_gallery,
#hotelpresentation #kat_hybrideVa .image_gallery,
#hotelpresentation #kat_umgebung .image_gallery,
#hotelpresentation #kat_lageEntfernung .image_gallery,
#hotelpresentation #kat_zimmer .image_gallery,
#hotelpresentation #kat_hotelnews .image_gallery,
#hotelpresentation #kat_nachhaltigkeit .image_gallery {
    position: relative;
    width: 680px;
    height: 380px;
    flex: 0 1 680px;
}

#hotelpresentation #kat_zimmer .image_gallery,
#hotelpresentation #kat_lageEntfernung.eventlocation .image_gallery {
    margin-bottom: 40px;
}

#hotelpresentation #kat_ausstattung .image_gallery .image_slide img,
#hotelpresentation #kat_gastronmie .image_gallery .image_slide img,
#hotelpresentation #kat_freizeit .image_gallery .image_slide img,
#hotelpresentation #kat_hygiene .image_gallery .image_slide img,
#hotelpresentation #kat_meetingBusiness .image_gallery .image_slide img,
#hotelpresentation #kat_rahmenprogramme .image_gallery .image_slide img,
#hotelpresentation #kat_hybrideVa .image_gallery .image_slide img,
#hotelpresentation #kat_umgebung .image_gallery .image_slide img,
#hotelpresentation #kat_lageEntfernung .image_gallery .image_slide img,
#hotelpresentation #kat_zimmer .image_gallery .image_slide img,
#hotelpresentation #kat_hotelnews .image_gallery .image_slide img, 
#hotelpresentation #kat_nachhaltigkeit .image_gallery .image_slide img {
    width: 100%;
    height: 380px;
}

#hotelpresentation #kat_gastronmie .description,
#hotelpresentation #kat_freizeit .description,
#hotelpresentation #kat_hygiene .description,
#hotelpresentation #kat_meetingBusiness .description,
#hotelpresentation #kat_rahmenprogramme .description,
#hotelpresentation #kat_hybrideVa .description,
#hotelpresentation #kat_umgebung .description,
#hotelpresentation #kat_lageEntfernung .description,
#hotelpresentation #kat_zimmer .description,
#hotelpresentation #kat_hotelnews .description, 
#hotelpresentation #kat_nachhaltigkeit .description {
    width: 680px;
    color: var(--s_dark_80);
}

#hotelpresentation #kat_lageEntfernung .description {
    width: 690px;
}

#hotelpresentation #kat_lageEntfernung .description.eventlocation {
    width: 680px;
    margin-top: 30px;
}

#hotelpresentation #kat_hotelnews .description {
    width: 590px;
}

#hotelpresentation #kat_gastronmie .description.volleBreite,
#hotelpresentation #kat_freizeit .description.volleBreite,
#hotelpresentation #kat_hygiene .description.volleBreite,
#hotelpresentation #kat_meetingBusiness .description.volleBreite,
#hotelpresentation #kat_rahmenprogramme .description.volleBreite,
#hotelpresentation #kat_hybrideVa .description.volleBreite,
#hotelpresentation #kat_umgebung .description.volleBreite,
#hotelpresentation #kat_lageEntfernung .description.volleBreite,
#hotelpresentation #kat_zimmer .description.volleBreite,
#hotelpresentation #kat_hotelnews .description.volleBreite,
#hotelpresentation #kat_nachhaltigkeit .description.volleBreite {
    width: 100%;
}

#hotelpresentation #kat_gastronmie .description div,
#hotelpresentation #kat_freizeit .description div,
#hotelpresentation #kat_hygiene .description div,
#hotelpresentation #kat_meetingBusiness .description div,
#hotelpresentation #kat_rahmenprogramme .description div,
#hotelpresentation #kat_hybrideVa .description div,
#hotelpresentation #kat_umgebung .description div,
#hotelpresentation #kat_zimmer .description div,
#hotelpresentation #kat_hotelnews .description div,
#hotelpresentation #kat_nachaltigkeit .description div {
    font-size: var(--fs_medium);
    font-weight: normal;
    line-height: 33px;
    padding-bottom: 40px;
}

#hotelpresentation #kat_gastronmie .description .button_container,
#hotelpresentation #kat_freizeit .description .button_container,
#hotelpresentation #kat_hygiene .description .button_container,
#hotelpresentation #kat_meetingBusiness .description .button_container,
#hotelpresentation #kat_rahmenprogramme .description .button_container,
#hotelpresentation #kat_hybrideVa .description .button_container,
#hotelpresentation #kat_umgebung .description .button_container,
#hotelpresentation #kat_lageEntfernung .description .button_container,
#hotelpresentation #kat_hotelnews .description .button_container,
#hotelpresentation #kat_zimmer .description .button_container,
#hotelpresentation #kat_nachhaltigkeit .description .button_container {
    margin-top: 0;
}

#hotelpresentation #kat_freizeit .spalte,
#hotelpresentation #kat_meetingBusiness .spalte,
#hotelpresentation #kat_lageEntfernung .spalte {
    width: 326px;
}

#hotelpresentation #kat_freizeit .spalte span,
#hotelpresentation #kat_meetingBusiness .spalte span,
#hotelpresentation #kat_lageEntfernung .spalte span {
    width: 291px;
}

#hotelpresentation #kat_dokumente .description {
    width: 922px;
    padding-right: 100px;
    color: var(--s_dark_80);
}

#hotelpresentation #kat_hygiene .spalten .spalte p i,
#hotelpresentation #kat_nachhaltigkeit .spalten .spalte p i {
    vertical-align: top;
}

#hotelpresentation #kat_hygiene .spalten .spalte p .icon_check,
#hotelpresentation #kat_nachhaltigkeit .spalten .spalte p .icon_check {
    color: var(--akzent_1);
}

#hotelpresentation #kat_hygiene .spalten .spalte p span,
#hotelpresentation #kat_nachhaltigkeit .spalten .spalte p span {
    width: 405px;
}

#hotelpresentation #kat_nachhaltigkeit .cert-logo {
    scale: 0.75;
}

#hotelpresentation #kat_dokumente .spalten {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 30px;
    font-size: var(--fs_medium);
    font-weight: normal;
    color: var(--s_dark_80);
    line-height: 18px;
}

#hotelpresentation #kat_dokumente h1 {
    font-size: var(--fs_large);
    line-height: 42px;
    font-weight: bold;
    color: var(--s_dark_80);
    margin-bottom: 8px;
}

#hotelpresentation #kat_dokumente .spalte {
    width: 400px;
}

#hotelpresentation #kat_dokumente .spalte p {
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 25px;   
    color: var(--highlight); 
}

#hotelpresentation #kat_dokumente .spalte p i {
    width: 35px;
}

#hotelpresentation #kat_dokumente .spalten .spalte p .icon_pdf {
    color: var(--highlight); 
}

#hotelpresentation #kat_dokumente .spalten .spalte p .icon_doc {
    color: #1a36ca;
}

#hotelpresentation #kat_dokumente .spalten .spalte p .icon_xls {
    color: #008f41;
}

#hotelpresentation #kat_dokumente .spalten .spalte p .icon_sonstige {
    color: #707070;
}

#hotelpresentation #kat_dokumente .spalte a {
    text-decoration: none;
    color: var(--highlight); 
    cursor: pointer;
}

#hotelpresentation #kat_dokumente .spalten .spalte p a:hover i,
#hotelpresentation #kat_dokumente .spalten .spalte p a:hover span {
    color: var(--akzent_3);
}

#hotelpresentation #kat_dokumente .spalte span {
    width: 282px;
    word-wrap: anywhere;
}

#hotelpresentation #kat_zimmer table,
#hotelpresentation #kat_lageEntfernung.eventlocation table {
    max-width: 680px;
}

#hotelpresentation #kat_zimmer table tr {
    height: 48px;
}

#hotelpresentation #kat_zimmer table tr.colored,
#hotelpresentation #kat_lageEntfernung table tr.colored {
    background-color: var(--dezent_20);
}

#hotelpresentation #kat_zimmer table th,
#hotelpresentation #kat_zimmer table td,
#hotelpresentation #kat_lageEntfernung table th,
#hotelpresentation #kat_lageEntfernung table td {
    font-size: var(--fs_x_small);
    font-weight: normal;
    line-height: 48px;
    color: var(--s_dark_80);
    border: 1px solid var(--dezent_80);
    padding-right: 0;
}

#hotelpresentation #kat_zimmer table th,
#hotelpresentation #kat_lageEntfernung table th {
    text-align: left;
    width: 600px;
    padding-left: 15px;
}

#hotelpresentation #kat_lageEntfernung table th {
    width: 548px;
}

#hotelpresentation #kat_zimmer table th.eingerueckt,
#hotelpresentation #kat_lageEntfernung table th.eingerueckt {
    padding-left: 40px;
}

#hotelpresentation #kat_zimmer table td,
#hotelpresentation #kat_lageEntfernung table td {
    text-align: right;
    width: 48px;
    padding-right: 15px;
}

#hotelpresentation #kat_lageEntfernung table td {
    width: 100px;
}

#hotelpresentation #kat_zimmer .spalten_container.mehrGap,
#hotelpresentation #kat_lageEntfernung.eventlocation .spalten_container.mehrGap {
    gap: 100px; 
}

#hotelpresentation #kat_zimmer .spalte,
#hotelpresentation #kat_lageEntfernung.eventlocation .spalten_container .spalten .spalte {
    width: 280px;
}

#hotelpresentation #kat_zimmer .spalte span,
#hotelpresentation #kat_lageEntfernung.eventlocation .spalte span {
    width: 245px;
}

.mainbox#kat_feedbacks:nth-child(odd) .feedback_container .feedback,
.mainbox#kat_hotelnews:nth-child(odd) .hotelnews_container .hotelnews,
.mainbox#kat_angebote:nth-child(odd) .angebot_container .angebot {
    background-color: var(--hg_hell_90);
}
.mainbox#kat_feedbacks:nth-child(even) .feedback_container .feedback,
.mainbox#kat_hotelnews:nth-child(even) .hotelnews_container .hotelnews,
.mainbox#kat_angebote:nth-child(even) .angebot_container .angebot {
    background-color: var(--hg_hell_100);
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback,
#hotelpresentation #kat_hotelnews .hotelnews_container .hotelnews,
#hotelpresentation #kat_angebote .angebot_container .angebot {
    color: var(--s_dark_80);
    padding: 55px 50px 55px 50px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback + .feedback,
#hotelpresentation #kat_hotelnews .hotelnews_container .hotelnews + .hotelnews,
#hotelpresentation #kat_angebote .angebot_container .angebot + .angebot {
    margin-top: 78px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten {
    width: 840px;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .spalten_container {
    margin-top: 30px;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .fakten {
    width: 550px;
    padding: 40px 50px 40px 50px;
    background-color: var(--hg_hell_100);
}

#hotelpresentation #kat_hotelnews .hotelnews_container .hotelnews .fakten {
    width: 100%;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorien {
    width: 430px;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .raten {
    width: 644px;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .raten .button {
    float: right;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten h2,
#hotelpresentation #kat_hotelnews .hotelnews_container .hotelnews .fakten h2 {
    font-size: var(--fs_large);
    font-weight: bold;
    padding-bottom: 0;
}

#hotelpresentation #kat_angebote .angebot_container .angebot h2 {
    font-size: var(--fs_large);
    font-weight: bold;
    padding-bottom: 0;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .einzelfakt,
#hotelpresentation #kat_hotelnews .hotelnews_container .hotelnews .fakten .einzelfakt {
    font-size: var(--fs_xxx_small);
    font-weight: 100;
    margin-top: 2px;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .einzelfakt {
    font-size: var(--fs_small);
    font-weight: 100;
    margin-top: 2px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .fazit {
    margin-bottom: 32px;
    font-size: var(--fs_small);
    font-weight: 100;
    line-height: var(--fs_xx_medium);
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .fazit.ohneFazit {
    font-style: italic;    
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .datum {
    margin-top: 34px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .punkte i,
#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorien i {
    color: var(--dezent_100);
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .punkte {
    height: 30px;
    display: table;
    margin-top: 28px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .punkte i {
    font-size: 28px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .punkte span.note {
    font-size: var(--fs_xx_small);
    font-weight: 500;
    padding-left: 14px;
    display: table-cell;
    vertical-align: middle;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorie,
#hotelpresentation #kat_angebote .angebot_container .angebot .rate {
    border-bottom: 2px solid var(--s_dark_80);
    width: 100%;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorien p.punkte,
#hotelpresentation #kat_angebote .angebot_container .angebot .raten p.konditionen {
    height: 28px;
    display: table;
    padding-top: 14px;
    padding-bottom: 14px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorien i {
    font-size: var(--fs_x_small);
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorien i + i {
    margin-left: 6px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorien span.kategorie,
#hotelpresentation #kat_angebote .angebot_container .angebot .raten span.datum {
    display: inline-block;
    width: 160px;
    font-size: var(--fs_x_small);
    font-weight: bold;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorien span.note {
    font-size: var(--fs_xx_small);
    padding-left: 7px;
    display: table-cell;
    vertical-align: middle;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .raten span.personen,
#hotelpresentation #kat_angebote .angebot_container .angebot .raten span.preis {
    font-size: var(--fs_x_small);
    padding-left: 7px;
    display: inline-block;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .raten span.datum {
    width: 220px;
    font-weight: normal;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .raten span.personen,
#hotelpresentation #kat_angebote .angebot_container .angebot .raten span.preis {
    width: 205px;
    text-align: right;
}

#hotelpresentation #kat_angebote .angebot_container .angebot .raten span.preis {
    font-weight: bold;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .notenkategorien span.note.ohneNote {
    padding-left: 0;
    font-style: italic;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .fakten .punkte i + i {
    margin-left: 8px;
}

.mainbox#kat_feedbacks:nth-child(odd) .feedback_container .feedback .hotelantwort {
    background-color: var(--hg_hell_100);
}
.mainbox#kat_feedbacks:nth-child(even) .feedback_container .feedback .hotelantwort {
    background-color: var(--hg_hell_90);
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .hotelantwort {
    margin-top: 30px;
    padding: 40px 50px 40px 50px;
}

#hotelpresentation #kat_hotelnews .hotelnews_container .hotelnews .spalten_container + .spalten_container {
    margin-top: 30px;
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .hotelantwort p,
#hotelpresentation #kat_hotelnews .hotelnews_container .hotelnews .newstext p {
    font-size: var(--fs_small);
    font-weight: 100;
    line-height: var(--fs_xx_medium);
}

#hotelpresentation #kat_feedbacks .feedback_container .feedback .hotelantwort h2 {
    font-size: var(--fs_large);
    font-weight: bold;
    padding-bottom: 0;
    margin-bottom: 18px;
}

#kat_locationtypen .MuiChip-root,
#kat_eventtypen .MuiChip-root,
#kat_ambiente .MuiChip-root {
    background-image: linear-gradient(to bottom, var(--s_dark_60) 0%, var(--s_dark_80) 100%);
}

#kat_locationtypen .MuiChip-root,
#kat_eventtypen .MuiChip-root,
#kat_ambiente .MuiChip-root {
    margin-right: 10px;
    margin-bottom: 10px;
}

#hotelpresentation .suchergebnisliste {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 327px));
    gap: 30px;
}

#hotelpresentation .suchergebnisliste .ergebnis .resultlist_facts h3 a:hover {
    color: var(--highlight)
}

#hotelpresentation .suchergebnisliste .ergebnis .ergebnisitem_carousel_container {
    position: relative;
}


footer {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    padding: 0 30px 0 30px;
    background-color: var(--hg_hell_100);
    z-index: 1000;
    border-top: 2px solid var(--s_dark_60);
}

footer .wrapper {
    width: 1400px;
    z-index: 1000;
    margin-top: 10px;
    margin-bottom: 10px;
}

footer .wrapper .button {
    margin: 0;
}

#root {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

input, select {
    font-family: inherit;
}
.input_zeile_full_width_top {
    display: flex;
    gap: 26px;
    align-items: top;
    justify-content: center;
    width: 100%;
    min-height: 54px;
}
.input_zeile_full_width_centered {
    display: flex;
    gap: 26px;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 59px;
}

.stepper_mit_buttons {
	display: flex;
	align-items: center;
	width: 100%;
    margin-top: 10px; 
    margin-bottom: 10px; 
}
.stepper_mit_buttons > div:nth-child(1),
.stepper_mit_buttons > div:nth-child(3) {
	width: 200px;
	flex-grow: 0;
}
.stepper_mit_buttons > div:nth-child(1) {
    text-align: left;
}
.stepper_mit_buttons > div:nth-child(3) {
    text-align: right;
}
.stepper_mit_buttons > div:nth-child(2) {
	flex-grow: 1;
	text-align: center;
}

.mehrspaltiges_menue {
	display: flex;
	padding: 20px;
	gap: 20px;
}
.mehrspaltiges_menue > div {
	display: flex;
	flex-direction: column;
}
.mehrspaltiges_menue > div + div {
	padding-left: 20px;
	border-left: 1px solid #d9d9d9;
}
.mehrspaltiges_menue a {
	display: block;
	text-decoration: none;
	color: var(--s_dark_80);
    font-weight: normal;
    font-size: var(--fs_x_small);
    padding: 10px 20px;
    line-height: 24px;
}
.mehrspaltiges_menue a:hover {
	background-color: var(--hg_hell_80);
	color: var(--highlight);
}
.mehrspaltiges_menue a img.flagge {
	width: 32px;
	height: 32px;
	float: left;
	margin-top: -4px;
	margin-bottom: -4px;
	margin-right: 10px;
}
.mehrspaltiges_menue_untenbuendige_elemente {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.mehrspaltiges_menue_trenner {
	height: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d9d9d9;
}

.zweispaltiges_grid {
	display: grid;
	grid-template-columns: auto auto;
	column-gap: 54px;
}

.text-collapse{
    position: relative;
}
.text-collapse .gradient{
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0 !important;
    height: 35%;
}
.mainbox:nth-child(odd) .text-collapse .gradient{
    background: linear-gradient(to top, var(--hg_hell_100), transparent)
}
.mainbox:nth-child(even) .text-collapse .gradient{
    background: linear-gradient(to top, var(--hg_hell_90), transparent)
}
#kat_hotelnews .text-collapse .gradient{
    background: linear-gradient(to top, var(--hg_hell_90), transparent)
}

.spinner-border-frame{
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-top: 35vh;
}
.spinner-border{
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: 3px solid #222;
    border-right-color: transparent;
    border-radius: 50%;
    animation: .5s linear infinite spinner-border;
}
@keyframes spinner-border{
    100% {
        transform: rotate(360deg)
    }
}


.stepper_footerleiste {
    border-top: 2px solid var(--s_dark_60);
    background-color: var(--hg_hell_100);
    flex-grow: 0;
}
.stepper_footerleiste_content {
    max-width: 1400px;
    padding: 0 30px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}
.stepper_footerleiste_content .hotel_anfragen_button {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: right;
}