/*!
Theme Name: RAPIDOsec Mauerentfeuchtung
Author: Almir Hadziomerovic
Description: RAPIDOsec Mauerentfeuchtung
Version: 1.0.0
text Domain: haddes
*/

:root  {
    --base-bg-color:  #FFFFFF;
    --base-color:  #000000;
    --navbar-bg-color:  #FFFFFF;
    --primary-color:  #000000;
    --secondary-color:  #3A2B71;
    --navbar-height-mobile:  50px;
    --navbar-height-desktop:  80px;
    --navbar-height-desktop:  80px;
    --container-max-width:  1400px;
    --columns-gap:  30px;
}
.has-color-1-color  {
    color: #383838;
}
.has-color-2-background-color  {
    background-color: #fff;
}
.has-color-3-color  {
    color: var(--primary-color);
    font-family: 'Racing Sans One',serif;

}
*,  *::before,  *::after  {
    -webkit-box-sizing:  border-box;
    box-sizing:  border-box;
}
html  {
    font-size:  17px;
    line-height:  1.4;
    scroll-behavior:  smooth;
}
body  {
    margin-top:  0;
    color:  var(--base-color);
    font-family:  "Poppins",  sans-serif;
    font-weight:  300;
    background-color:white;
    background-repeat: repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

ul {
    list-style-type:none;
    padding-left:0;
}
@media (max-width: 768px) {
    body {

        background-size: contain;
        background-attachment: scroll;
        background-repeat: repeat;
        background-position: center;
    }
}
/* racing-sans-one-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Racing Sans One';
    font-style: normal;
    font-weight: 600;
url('//assets/fonts/racing-sans-one-v15-latin/racing-sans-one-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('//assets/fonts/racing-sans-one-v15-latin/racing-sans-one-v15-latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
}
@font-face {
    font-display: swap;
    font-family: 'Sunday';
    url('//assets/fonts/sunday/Sunday-Regular.woff2') format('woff2'),
    url('//assets/fonts/sunday/Sunday-Regular.woff') format('woff'),
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('//assets/icons/fonts/icomoon.ttf?yr6xfc') format('truetype');
    src: url('//assets/icons/fonts/icomoon.woff?yr6xfc') format('woff');
    src: url('//assets/icons/fonts/icomoon.svg?yr6xfc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'icomoon'!important;
    src:
            url('assets/icons/fonts/icomoon.ttf?xl4pru') format('truetype'),
            url('assets/icons/fonts/icomoon.woff?xl4pru') format('woff'),
            url('assets/icons/fonts/icomoon.svg?xl4pru#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

@media screen and (min-width: 850px)  {
    body  {
        padding-top:  var(--navbar-height-desktop);
    }
}
h1,  h2,  h3,  h4,  h5,  h6,  strong  {
    font-weight:  600;
}
h1  {
    font-size:  clamp(1.765em,  5vw,  70px);
    line-height:  1;
    margin-top:  2em;
}
.h1langos {
    color:red;
}
@media screen and (min-width: 850px) {
    .h1langos {
        font-size:55px!important;
    }
}
h2  {
    font-size:  clamp(1.53em,  4vw,  40px);
    line-height:  1.1;
}
h3  {
    font-size:  1.5em;
}
h4  {
    font-size:  1.2em;
}
h5  {
    font-size:  1.1em;
}
h6  {
    font-size:  1em;
}
figure {
    margin: 0;

}

img:not([src$=svg])  {
    max-width:  100%;
    height:  auto;
    vertical-align:  bottom;
}
a  {
    color:  var(--primary-color);
    text-decoration:  none;
}

a:active  {
    color:  var(--base-color);
}
.container  {
    max-width:  var(--container-max-width);
    margin-right:  auto;
    margin-left:  auto;
    padding-left:  calc(var(--columns-gap) / 2);
    padding-right:  calc(var(--columns-gap) / 2);
    margin-top:10px;
}
@media screen and (min-width: 768px)  {
    .container  {
        padding-left:  var(--columns-gap);
        padding-right:  var(--columns-gap);
        margin-top:0;
    }
}
.columns > .column  {
    margin-bottom:  calc(var(--columns-gap) / 2);
}
@media screen and (min-width: 768px)  {
    .columns  {
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        gap:  calc(var(--columns-gap) / 2);
    }
    .columns > .column  {
        -ms-flex-preferred-size:  0;
        flex-basis:  0;
        -webkit-box-flex:  1;
        -ms-flex-positive:  1;
        flex-grow:  1;
    }
}
@media screen and (min-width: 1200px)  {
    .columns  {
        gap:  var(--columns-gap);
    }
}
.columns.reverse  {
    -webkit-box-orient:  horizontal;
    -webkit-box-direction:  reverse;
    -ms-flex-direction:  row-reverse;
    flex-direction:  row-reverse;
}
.row-space  {
    padding-top:  2em;
    padding-bottom:  2em;
}
@media screen and (min-width: 1200px)  {
    .row-space  {
        padding-top:  4em;
        padding-bottom:  4em;
    }
}
.actions {
    text-align:  center;
    margin-top:  30px;
}
@media screen and (min-width: 768px)  {
    .actions  {
        text-align:  left;
        margin-left:  45px;
    }
}
/* Grundlegende Styles */
#navbar .container {
    position:fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background-color:transparent;
    margin-top:-80px;
    border-bottom:1px solid var(--navbar-bg-color);
    z-index:100;
    flex-wrap:nowrap;

}

/* Styles für Desktop */
@media (min-width: 769px) {
    #nav-toggle {
        display: none; /* Checkbox verstecken */
    }

    #nav-button {
        display: none; /* Toggle-Button verstecken */
    }

    .nav-left,
    .nav-right {
        display: flex; /* Menüs anzeigen */
    }

    .nav-menu {
        display: flex; /* Menü anzeigen */
        flex-direction: row;
    }
}
#brand {
    width:150px;
}
/* Styles für Mobile */
@media (max-width: 768px) {
    #navbar .container {
        flex-direction: row; /* NICHT row-reverse! */
        margin-top: -20px;  /* ggf. prüfen, ob nötig */
        flex-wrap: nowrap;
        justify-content: space-between; /* Logo links, Button rechts */
        align-items: center; /* Vertikal zentrieren */
    }
.nav-menu {
    padding-left:0;
}
    #navbar #brand {
        position: static;
        transform: none;
        width:150px;
        margin-bottom: 1rem; /* Abstand unter dem Logo */
    }

    .nav-left,
    .nav-right {
        display: none; /* Menüs standardmäßig verstecken */
        width: 100%;
        justify-content: center;
    }

    #nav-button {
        display: block; /* Toggle-Button anzeigen */
    }

    .nav-menu {
        display: none; /* Menü standardmäßig verstecken */
        flex-direction: column;
        width: 100%;
        text-align: center;
    }

    #nav-toggle:checked ~ .nav-left,
    #nav-toggle:checked ~ .nav-right {
        display: flex; /* Menüs anzeigen, wenn Checkbox aktiviert */

    }

    #nav-toggle:checked ~ #nav-button ~ .nav-menu {
        display: flex; /* Menü anzeigen, wenn Checkbox aktiviert */
    }
}

@media screen and (min-width: 768px)  {
    #nav-main  {
        position:  static;
        display:  -webkit-box;
        display:  -ms-flexbox;
        display:  flex;
        padding:  0;
        overflow:  visible;
        opacity:  1;
        pointer-events:  auto;
        background-color: white;
        margin-bottom: 0;
        font-family: 'Sunday', serif;
        list-style-type:none;!important;
    }
}
#nav-main a  {
    display:  inline-block;
    color:  #fb7016;
    text-decoration:  none;
    padding:  0.75em 0;
    font-family: 'Sunday', serif;
    font-weight:600;
    font-size: 1.5rem;

}
#nav-main a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: var(--primary-color);
    transition: width 0.3s ease;
}
@media screen and (min-width: 850px)  {
    #nav-main a  {
        font-size:  1.5em;
        font-family: 'Sunday';
    }

}
#nav-main a:hover  {
    color:  green;
}

#nav-main > li > a  {
    font-size:  1.765em;
    line-height:  var(--navbar-height-mobile);
    padding:  0;
    font-family: 'Sunday';
}
@media screen and (min-width: 850px)  {
    #nav-main > li > a  {
        font-size:  1.7em;
        line-height:  var(--navbar-height-desktop);
    }
}

.nav-right .current-menu-item>a,
.nav-left .current-menu-item>a {
    color: white;
}

@media screen and (min-width: 850px)  {
    #nav-main > li  {
        position:  relative;
        margin-left:  2em;
    }
    #nav-main .sub-menu  {
        position:  absolute;
        top:  100%;
        left:  50%;
        -webkit-transform:  translate(-50%,  -2rem);
        -ms-transform:  translate(-50%,  -2rem);
        transform:  translate(-50%,  -2rem);
        width:  200px;
        padding:  0.5em;
        background-color:  var(--primary-color);
        border-radius:  12px;
        opacity:  0;
        pointer-events:  none;
        -webkit-transition:  opacity 200ms ease-in-out,  -webkit-transform 150ms linear;
        transition:  opacity 200ms ease-in-out,  -webkit-transform 150ms linear;
        -o-transition:  opacity 200ms ease-in-out,  transform 150ms linear;
        transition:  opacity 200ms ease-in-out,  transform 150ms linear;
        transition:  opacity 200ms ease-in-out,  transform 150ms linear,  -webkit-transform 150ms linear;
    }

)

    #nav-main .sub-menu::before  {
        content:  "";
        width:  0;
        height:  0;
        border-style:  solid;
        border-width:  0 10px 16px 10px;
        border-color:  transparent transparent var(--base-bg-color) transparent;
        position:  absolute;
        top:  0;
        left:  50%;
        -webkit-transform:  translate(-50%, -100%);
        -ms-transform:  translate(-50%, -100%);
        transform:  translate(-50%, -100%);
    }
    #nav-main li:hover > .sub-menu  {
        opacity:  1;
        pointer-events:  auto;
        -webkit-transform:  translate(-50%,  0);
        -ms-transform:  translate(-50%,  0);
        transform:  translate(-50%,  0);
    }
    #nav-main .sub-menu a  {
        display:  block;
    }
}
/* Pseudo-Element vor den Links in den Menüs */
#nav-main a::before,
#nav-left-menu a::before,
#nav-right-menu a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #fb7016;
    transition: width 0.3s ease; /* Die Breite wird animiert */
}
#nav-main a, #nav-left-menu a, #nav-right-menu a {
    position: relative;
}

/* Hover-Effekt für die Links */
#nav-main a:hover::before,
#nav-left-menu a:hover::before,
#nav-right-menu a:hover::before {
    width: 100%;
}
#nav-right-menu,
#nav-left-menu{
    padding-left:0;
}

#nav-button  {
    width:  var(--navbar-height-mobile);
    height:  var(--navbar-height-mobile);
    cursor:  pointer;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-pack:  end;
    -ms-flex-pack:  end;
    justify-content:  flex-end;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    z-index:9000;
}
@media screen and (min-width: 850px)  {
    #nav-button  {
        display:  none;
    }
}
#nav-button-icon,  #nav-button-icon::before,  #nav-button-icon::after  {
    width:  40px;
    height:  3px;
    background-color:  black;
}
#nav-button-icon  {
    display:  block;
    position:  relative;
    -webkit-transition:  background-color 250ms ease-in-out;
    -o-transition:  background-color 250ms ease-in-out;
    transition:  background-color 250ms ease-in-out;
}
#nav-button-icon::before,  #nav-button-icon::after  {
    content:  "";
    display:  block;
    position:  absolute;
    left:  0;
    top:  0;
    -webkit-transition:  -webkit-transform 250ms ease-in-out;
    transition:  -webkit-transform 250ms ease-in-out;
    -o-transition:  transform 250ms ease-in-out;
    transition:  transform 250ms ease-in-out;
    transition:  transform 250ms ease-in-out,  -webkit-transform 250ms ease-in-out;
}
#nav-button-icon::before  {
    -webkit-transform:  translateY(-12px);
    -ms-transform:  translateY(-12px);
    transform:  translateY(-12px);
}
#nav-button-icon::after  {
    -webkit-transform:  translateY(12px);
    -ms-transform:  translateY(12px);
    transform:  translateY(12px);
}
#nav-toggle  {
    display:  none;
    position:fixed;

}
#nav-toggle:checked ~ #nav-button #nav-button-icon  {
    background-color:  transparent;

}
#nav-toggle:checked ~ #nav-button #nav-button-icon::before  {
    -webkit-transform:  rotate(-45deg);
    -ms-transform:  rotate(-45deg);
    transform:  rotate(-45deg);
}
#nav-toggle:checked ~ #nav-button #nav-button-icon::after  {
    -webkit-transform:  rotate(45deg);
    -ms-transform:  rotate(45deg);
    transform:  rotate(45deg);
}
#nav-toggle:checked ~ #nav-main  {
    opacity:  1;
    pointer-events:  auto;
}
.header-media-text {
    padding: 2em;
    text-align: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Racing Sans One';
    white-space:nowrap;
}

.headline {
    width: 300px;
    overflow: hidden;
}

.header-media {
    width: 0;
    overflow: hidden;
}
@keyframes slideInFromLeftHeaderMedia {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes slideInFromLeftHeadline {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

.header-media.animate {
    animation: slideInFromLeftHeaderMedia 5s ease forwards;

}

.headline.animate {
    animation: slideInFromLeftHeadline 5s ease forwards;
}
.header_title,
.eb-slider-title{
    display: flex;
    justify-content: space-around;
    align-items: center;
    color: red;
    font-size: 5em;
    font-family: 'Racing Sans One', serif;
    font-weight:700;
}
@keyframes slideInFromLeftHeaderTitle {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
@keyframes slideInFromLeftHeadline {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
.header_title {
    font-family: 'Racing Sans One', serif;
    font-weight:700;
    animation: slideInFromLeftHeaderTitle 5s ease forwards;
}

@media screen and (min-width: 1200px)  {
    .header-media-text .name {
        min-height:  calc(100vh - var(--navbar-height-desktop));
    }
}

@media screen and (min-width: 768px)  {
    .header-media-text .header-text .name  {
        text-align:  center;
    }
    .header-media-text .headline .name {
        margin-top:  0;
    }
}
.header-media-text .name  {
    color:  var(--primary-color);
}
.header-media-text .work  {
    font-size:  1rem;
    font-weight:  300;
    display:  block;
    margin:  0.3em 0 1em;
}
.service  {
    position:  relative;
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    background-color:  var(--secondary-color);
    height:  126px;
    border-radius:  63px;
    padding:  8px;
}
@media screen and (min-width: 768px)  {
    .service  {
        -webkit-box-orient:  vertical;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  column;
        flex-direction:  column;
        -webkit-box-pack:  center;
        -ms-flex-pack:  center;
        justify-content:  center;
        height:  unset;
        border-radius:  12px;
        padding:  2rem 1rem;
        -webkit-transition:  -webkit-box-shadow 200ms linear;
        transition:  -webkit-box-shadow 200ms linear;
        -o-transition:  box-shadow 200ms linear;
        transition:  box-shadow 200ms linear;
        transition:  box-shadow 200ms linear,  -webkit-box-shadow 200ms linear;
    }
    .service:hover  {
        -webkit-box-shadow:  0 3px 6px rgba(255, 255, 255, .4);
        box-shadow:  0 3px 6px rgba(255, 255, 255, .4);
    }
}
.service .service-icon  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    width:  110px;
    height:  110px;
    background-color:  var(--base-bg-color);
    border-radius:  50%;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    font-size:  2em;
    color:  var(--primary-color);
}
@media screen and (min-width: 768px)  {
    .service .service-icon  {
        width:  120px;
        height:  120px;
        font-size:  4em;
    }
    .service-icon [class*="icon-"]  {
        -webkit-transform:  translate(-50%, -50%);
        -ms-transform:  translate(-50%, -50%);
        transform:  translate(-50%, -50%);
        -webkit-transition:  -webkit-transform 200ms linear;
        transition:  -webkit-transform 200ms linear;
        -o-transition:  transform 200ms linear;
        transition:  transform 200ms linear;
        transition:  transform 200ms linear,  -webkit-transform 200ms linear;
    }
}
.service .service-title  {
    font-size:  1.176em;
    -webkit-transform:  translateX(-20px);
    -ms-transform:  translateX(-20px);
    transform:  translateX(-20px);
    -webkit-transition:  -webkit-transform 200ms linear;
    transition:  -webkit-transform 200ms linear;
    -o-transition:  transform 200ms linear;
    transition:  transform 200ms linear;
    transition:  transform 200ms linear,  -webkit-transform 200ms linear;
}
@media screen and (min-width: 768px)  {
    .service .service-title  {
        -webkit-transform:  translateX(0);
        -ms-transform:  translateX(0);
        transform:  translateX(0);
    }
}
.service a  {
    display:  block;
    position:  absolute;
    top:  0;
    right:  0;
    bottom:  0;
    left:  0;
}
.service:hover .service-title  {
    -webkit-transform:  translateX(0);
    -ms-transform:  translateX(0);
    transform:  translateX(0);
}
@media screen and (min-width: 768px)  {
    .service:hover .service-icon [class*="icon-"]  {
        -webkit-transform:  translate(0, 0);
        -ms-transform:  translate(0, 0);
        transform:  translate(0, 0);
    }
}
.screen-reader-text  {
    border:  0;
    clip:  rect(1px,  1px,  1px,  1px);
    -webkit-clip-path:  inset(50%);
    clip-path:  inset(50%);
    height:  1px;
    margin:  -1px;
    overflow:  hidden;
    padding:  0;
    position:  absolute;
    width:  1px;
    word-wrap:  normal !important;
}
.screen-reader-text:focus  {
    background-color:  #eee;
    clip:  auto !important;
    -webkit-clip-path:  none;
    clip-path:  none;
    color:  #444;
    display:  block;
    font-size:  1em;
    height:  auto;
    left:  5px;
    line-height:  normal;
    padding:  15px 23px 14px;
    text-decoration:  none;
    top:  5px;
    width:  auto;
    z-index:  100000;
}
.projects-grid  {
    margin-top:  2em;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns:  1fr;
    grid-template-columns:  1fr;
    grid-gap: 15px;
}
@media screen and (min-width: 250px)  {
    .projects-grid  {
        grid-template-columns:  repeat(auto-fit,  minmax(350px,  1fr));
        grid-gap: 15px;
    }
}
@media screen and (min-width: 1200px)  {
    .projects-grid  {
        grid-gap: 30px;
    }
}
.project {
    position:  relative;
    border-radius:  12px;
    overflow:  hidden;
    -webkit-transition:  -webkit-box-shadow 200ms linear;
    transition:  -webkit-box-shadow 200ms linear;
    -o-transition:  box-shadow 200ms linear;
    transition:  box-shadow 200ms linear;
    transition:  box-shadow 200ms linear,  -webkit-box-shadow 200ms linear;
}
.project .project-caption  {
    position:  absolute;
    bottom:  0.7rem;
    left:  0.7rem;
    right:  0.7em;
    padding:  0.4em 0.6em;
    border-radius:  8px;
    text-align:  center;
    background-color:  var(--primary-color);
    -webkit-transform:  translateY(200%);
    -ms-transform:  translateY(200%);
    transform:  translateY(200%);
    -webkit-transition:  -webkit-transform 200ms ease-in-out;
    transition:  -webkit-transform 200ms ease-in-out;
    -o-transition:  transform 200ms ease-in-out;
    transition:  transform 200ms ease-in-out;
    transition:  transform 200ms ease-in-out,  -webkit-transform 200ms ease-in-out;
}
.project-title {
    font-weight:  500;
    margin:  0;
    font-size:  1em;
}
.project .project-title a  {
    color:  var(--base-bg-color);
    text-decoration:  none;
}
.projects {
    -ms-flex-wrap:  wrap;
    flex-wrap:  wrap;
}

.project:hover {
    -webkit-box-shadow:  0 3px 6px rgba(255,  255,  255,  0.2);
    box-shadow:  0 3px 6px rgba(255,  255,  255,  0.2);
}
.project:hover .project-caption {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0);
}
.projects.is-mobile .project-caption {
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0);
}
.project img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3/2;
    object-fit: contain;
}
.wp-block-jetpack-slideshow[data-autoplay=true] .wp-block-jetpack-slideshow_caption.gallery-caption {
    display:none;
}
.post {
    position:  relative;
    overflow:  hidden;
    background-color:  var(--primary-color);
    margin-top:  1.5em;
    border-radius:  12px;
    padding:  2rem;
    -webkit-transition:  -webkit-box-shadow 200ms linear;
    transition:  -webkit-box-shadow 200ms linear;
    -o-transition:  box-shadow 200ms linear;
    transition:  box-shadow 200ms linear;
    transition:  box-shadow 200ms linear,  -webkit-box-shadow 200ms linear;
}
.post:hover {
    -webkit-box-shadow:  0 3px 6px rgba(255, 255, 255,  0.2);
    box-shadow:  0 3px 6px rgba(255, 255, 255,  0.2);
}
.post .post-title {
    margin:  0 0 0 0.2em;
    font-weight:  400;
}
.post .post-title a {
    color:  var(--base-bg-color);
}
.post .meta > *  {
    display: inline-block;
    font-size:  .85em;
}
.post .meta .date  {
    border-right:  solid 1px var(--base-color);
    margin-right:  0.6em;
    padding-right:  0.6em;
    margin-left:  0.6em;
}
#footer-page  {
    display:  -webkit-box;
    display:  -ms-flexbox;
    display:  flex;
    -webkit-box-orient:  vertical;
    -webkit-box-direction:  normal;
    -ms-flex-direction:  column;
    flex-direction: column;
    justify-content: center;
    margin-top: 120px;
    padding-top:  15px;
    border-top:  1px solid var(--navbar-bg-color);
    background-color: #fb7016;
}

.nav-menu,  .social-links,  .copyright.column  {
    text-align:  center;
    color:  var(--base-color--);

}
.social-links a  {
    color: var(--base-color);
    margin:  0 0.5em;
}

.nav-menu,  .social-links  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style:none;
    align-items: center;
}
.social-links  {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.nav-menu a  {
    margin:  0 0.5em;
    color: white;
}
.nav-right ul a,
.nav-left ul a {
    font-size:30px;
    font-family: "Courier New", Courier, monospace;
}
@media screen and (min-width: 768px) {
    #footer-page  {
        -webkit-box-orient:  horizontal;
        -webkit-box-direction:  normal;
        -ms-flex-direction:  row;
        flex-direction:  column;
        -webkit-box-align:  center;
        -ms-flex-align:  center;
        align-items:  center;
        background-color:#fb7016;
    }
    #nav-menu li  {
        text-align:  left;
    }
    .social-links  {
        -webkit-box-ordinal-group:  unset;
        -ms-flex-order:  unset;
        order:  unset;
    }
    #footer-nav a  {
        color: var(--base-bg-color);
    }
    .social-links.column  {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
    }
    .copyright.column {
        text-align: right;
        display:flex;
        justify-content: space-around;

    }
    .design {
        font-size:10px;
        text-align: center;
        display:flex;
        justify-content: center;
        align-items: center;
        margin-bottom:15px;
    }
}
.design {
    display:flex;
    color:#255991;
    letter-spacing: 1.5px;
    font-family: "Cinzel Decorative";
    font-weight: bold;
    font-size:10px;
    text-align: center;
    display:flex;
    justify-content: center;
}
.design:hover {
    text-decoration: underline;
    color:var(--base-bg-color);
}
#to-top {
    background-color:  #fb7016;
    right: 30px;
    bottom: 60px;
    z-index: 10;
    width: 50px;
    height: 50px;
    border-radius:  50%;
    text-align:  center;
    line-height:  50px;
    position:  fixed;
    font-size:1em;
    color:white;
    text-transform:  uppercase;
    cursor:  pointer;
    opacity: 0;
    pointer-events:  none;
    border: 1px solid black;
    -webkit-transition:  opacity 200ms ease-in-out,  -webkit-transform 200ms linear;
    transition:  opacity 200ms ease-in-out,  -webkit-transform 200ms linear;
    -o-transition:  opacity 200ms ease-in-out,  transform 200ms linear;
    transition:  opacity 200ms ease-in-out,  transform 200ms linear;
    transition:  opacity 200ms ease-in-out,  transform 200ms linear,  -webkit-transform 200ms linear;
}
#to-top:hover  {
    -webkit-transform:  translateY(-10%);
    -ms-transform:  translateY(-10%);
    transform:  translateY(-10%);
    color:black;
}
#to-top.show  {
    opacity: 1;
    pointer-events:  auto;
}

.pagination  {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:  center;
    -ms-flex-pack:  center;
    justify-content:  center;
    -webkit-box-align:  center;
    -ms-flex-align:  center;
    align-items:  center;
    font-size:  1.2em;
    margin-top:  2em;
}
.pagination >*  {
    display: inline-block;
    padding:  0.2em 0.4em;
}
.pagination a  {
    color: inherit;
}
.pagination a:hover  {
    color:  var(--primary-color) }
.pagination .current  {
    color: var(--primary-color);
    font-weight:  600;
}
.js .animate {
    opacity: 0;
    -webkit-transform:  translateY(2rem);
    -ms-transform:  translateY(2rem);
    transform:  translateY(2rem);
    -webkit-transition:  opacity 500ms linear transform 400ms linear;
    -o-transition:  opacity 500ms linear transform 400ms linear;
    transition:  opacity 500ms linear transform 400ms linear;
    -webkit-transition-delay:  200ms;
    -o-transition-delay:  200ms;
    transition-delay:  200ms;
}
.js .animate.animated  {
    opacity: 1;
    -webkit-transform:  translateY(0);
    -ms-transform:  translateY(0);
    transform:  translateY(0);
}
body.admin-bar #navbar {
    top:  46px;
}
@media screen and (min-width:782px)  {
    body.admin-bar #navbar {
        top:  32px;
    }
}
.blog-header  {
    display: flex;
    justify-content:  center;
    align-items:  center;
    min-height:  50vh;
    background-size:  cover;
    background-position:  center;
    background-attachment:  fixed;
    text-align: center;
    position: relative;
}
.alignfull {
    margin: 32px calc(50% - 50vw);
    max-width: 100vw;
    width: 100vw;
}


.icon-mail {
    font-family: 'icomoon' !important;
    content: "\e906";
    font-size: 1.5em;
    padding:.1em;
}
.icon-phone:before,
.icon-whatsapp{
    font-family: 'icomoon' !important;
    content: "\e903";
    font-size: 1em;
    padding:.1em;
}
.icon-phone {
    color:white;
}
.icon-facebook:before {
    font-family: 'icomoon' !important;
    content: "\ea91";
    font-size: .7em;
    padding:.1em;
}
.icon-clock:before {
    font-family: 'icomoon' !important;
    content: "\ea91";
    font-size: .7em;
    padding:.1em;
}
.icon-instagram:before {
    font-family: 'icomoon' !important;
    content: "\ea92";
    font-size: .7em;
    padding:.1em;
}
.icon-whatsapp:before {
    font-family: 'icomoon' !important;
    content: "\e910" !important;
    color: #25d366!important;
    font-size: .7em!important;
    padding:.1em!important;
}
.icon-whatsapp {
    color:black;
}
.opening-hours:hover, .icon-phone:hover {
    color:#FFD700;
    text-decoration: underline;
}
.opening-hours,
.icon-facebook,
.icon-instagram,
.icon-mail,
.icon-whatsapp{
    color:var(--base-color);
    display:inline-block;
    font-size: 1.5em;
    padding:.1em;
}
@media screen and (min-width: 768px) {
    .opening-hours,
    .icon-facebook,
    .icon-instagram,
    .icon-mail,
    .icon-whatsapp{
        color:var(--base-color);
        display:inline-block;
        font-size: 1.5em;
        padding:.1em;
    }

}
.opening-hours,
.icon-facebook,
.icon-instagram,
.icon-mail,
.icon-whatsapp{
    color:white;
}
.opening-hours{
    font-size:.9em;
}
.icon-instagram:hover,
.icon-facebook:hover,
.icon-mail:hover,
.icon-whatsapp{
    color:#FFD700;
}
.closed {
    color:red;
    font-size:8px;
}
.seo {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;

}
.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (min-width:850px) {
    .seo {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        margin-bottom: 1rem;
    }

    .seo-img {
        max-width:100%;
        height: auto;
        margin:0.5rem;
        flex:1;
    }
    .reverse {
        display: flex;
        flex-direction: row-reverse;
    }
    .seo_direction_column {
        flex-direction: column;
    }
    .seo-direction-row {
        flex-direction: column-reverse;
    }
}






.seo-text {
    display:flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    text-align: left;
    flex:2;
    margin: 1rem;
    font-size: clamp(12px, 1vw, 18px);
    text-align: center;
    color: var(--base-color);
    font-size:1rem;

}


.spalten {
    display: flex;
    justify-content: center;
    align-items: center;
}

.spalten_link_text_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .spalten_link_text_btn {
        display: flex;
        justify-content: left;
        align-items: center;
    }
}
.partner_title {
    display: block;
    font-family: 'Racing Sans One', serif;
    font-weight:700;
    color: var(--primary-color);
    font-size: 2em;
    text-align: center;

    margin:2rem;
}
@media screen and (min-width: 768px) {
    .partner_title {
        display: block;
        font-family: 'Racing Sans One', serif;
        font-weight:700;
        color: var(--primary-color);
        font-size: 3.5em;
        text-align: center;
        padding:2rem;
        margin:2rem;

    }
}
.partner {
    display:inline-block;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s;
}

.figure.partner_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;


}

.figure.partner_img a {
    text-decoration: none;
    margin: 10px 0;
}

.figure.partner_img img {
    max-width: 100%;
    height: auto;
}

.partner:hover {
    transform: scale(1.3);
}

.team {
    position: relative;
    background-color: var(--primary-color);
    display: inline-block;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    vertical-align: top;
    max-width: 400px;
    padding: 0;
    margin: 10px;
    transition: transform 0.1s ease;
    margin-top:2rem;
    margin-bottom:200px;

}

.team_title {
    display: flex;
    font-size: 2rem;
    font-family: 'Racing Sans One', serif;
    font-weight:700;
    color: var(--primary-color);
    background-color: #FFFFFF;
}

.team img {
    border-radius: 80px ;
    transition: opacity 0.5s ease-in-out;
    margin-top:-150px;
}

.image_team {
    max-width: 100%;
    height: auto;
    transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}
.image_team {
    border-radius: 0 80px 0 80px;
}
.spalten_image img,
.seo-img,
.wp-image-939,
.versicherungstext{
    border-radius: 0 80px 0 80px;
}

.slideContent h2 {
    text-align: center;
}
.team_team img {
    border-radius: 0 80px 0 80px;
}


.image_team {
    opacity: 0;
}


.content_team {
    flex: 1;
    transition: opacity 0.5s ease-in-out;
    opacity: 0;
    margin: 10px;

}
.content_team {
    padding-left:10px;
}


.headline_style{
    font-family: 'Racing Sans One', serif;
    font-weight:700;
    font-size: 2rem;
}
#menu-footer {
    padding-left:0;

}


#menu-item-210 a {
    target-name: _blank;
    target-new: tab;
}
#menu-item-210.menu-item-new-tab a {
    target-name: _blank;
    target-new: tab;
}
.team_button {
    color:white;
    font-size: 1.4rem;
    font-family: "Cinzel Decorative";
    font-weight: bold;
}
.team_button:hover {
    color:#255991;
}
.header_title, .eb-slider-title {
    font-size:1.5em;
}
.eb-slider-wrapper .content .eb-slider-item.content-4 img {
    object-fit: contain;
}
.border_style,
.wp-block-media-text__media img, .wp-block-media-text__media video{
    border-radius: 0 80px 0 80px;
}


.header_slider {
    display:flex;
    justify-content: center;
    align-items: center;
}

.slider_header img,
.slider_header_hover img{
    width: 100px;
    height: 550px;
    overflow: hidden;
    filter: blur(10px);
}

.slider_header img:hover,
.slider_header_hover img:hover{
    width: auto;
    height: 550px;
    overflow: hidden;
    cursor:pointer;
    filter: blur();
}

.speisekarte_headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size:1.5rem;
    color:var(--primary-color);
    border-bottom:solid;
}
.karte_menu_title {
    text-decoration: underline;
}

.title_speisekarte::before {
    content: '->';
    margin-right: 8px;
    color: #f39c12;
}
.price::after {
    content: ' €';
    margin-right: 8px;
    color: #f39c12;
}

.speisekarte {
    display:inline-block;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
    width:380px;
    padding:1.5rem;
}

.karte_head_img img {
    width:100%;
    height:auto;
    object-fit: contain;
}

.imgdesktop {
    max-width:55%;
}
@media screen and (min-width: 768px) {

    .imgdesktop {
        max-width:80%;
    }
}