body{
    color: #414b58;
}


h1, h1.sppb-title-heading{font-size: 2.75rem;}
h2, h2.sppb-title-heading{font-size: 2.5rem;}
h3, h3.sppb-title-heading{font-size: 2rem;}
h4, h4.sppb-title-heading{font-size: 1.75rem;}
h5, h5.sppb-title-heading{font-size: 1.5rem;}
h6, h6.sppb-title-heading{font-size: 1.5rem;}


.sppb-title-heading{
    font-size: 2.75rem;
    font-weight: bold;
    font-style: italic;
    color: rgba(230, 116, 239, 98%);
}



a {
    color: #e67fee;
}
.sp-contact-info .fas,
.sp-contact-info .far{
    color: #e67fee;
}

a:hover,
ul.social-icons>li a:hover {
    color: #a653ac;
}


#sp-top{
    position: relative;
    z-index: 5;

    padding: 8px 0 9px;

    background-color: #414b58;

    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.2);
}
#sp-top #sp-top2{
    text-align: right;
}

@media all and ( max-width: 800px ){
    
    #sp-top #sp-top2 {
        text-align: center;
    }
    
}

.header .logo{
    padding: 15px 0 2px 0;

    text-align: center;

    font-size: 1.5rem;
    font-style: italic;
    color: #fff;

    text-shadow: 0px 5px 5px rgba(68, 68, 68, 0.2);

    background-color: rgba(230, 116, 239, 90%);

    box-shadow: 0px 5px 5px rgba(68, 68, 68, 0.2);
}
.header .logo .sppb-addon-title{
    font-size: 3rem;
    font-weight: bold;
}
.header .figur{
    position: relative;
    z-index: 2;

    margin-top: -25px;

    padding-left: 65%;
}
.header .figur img{
    position: relative;
    z-index: 2;

    height: 350px;
    margin-top: -140px;
}

@media all and ( max-width: 800px ){
    
    .header .figur img {
        height: 180px;
        margin-top: -22px;
        width: auto;
        max-width: none;
    }
    
}

#sp-main-body {
    min-height: 500px;
}

#sp-main-body .sppb-addon-title{
    color: rgba(230, 116, 239, 98%);
}
section#sp-menu{
    position: relative;
    z-index: 2;

    padding: 25px 0px 0px 0px;

    box-shadow: 0px -6px 10px rgba(65, 75, 88, 0.1);
}
.sp-megamenu-wrapper {
    justify-content: center;
}
.sp-menu-item{
    padding: 5px;
}
.sp-menu-item a{
    display: block;

    padding: 15px 20px 15px;

    background-color: rgba(230, 116, 239, 90%);

    border-radius: 40px;

    color: #fff;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li >  span {
    line-height: inherit !important;
}
.sp-megamenu-parent > li:last-child > a {
    padding: 15px 20px 15px;
}

.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #fff;
}
.sp-megamenu-parent > li {
    margin: 0 15px;
}
.sp-megamenu-parent > li > a {
    padding: 15px 20px 15px;
    
    font-size: 1.5rem;
    
    color: #fff;
}
.sp-megamenu-parent > li > a:hover {
    color: #fff;
}


.sppb-row{
    justify-content: center;
}


#sp-bottom, #sp-footer {
    background-color: #414b58;
}



.speiseplan{
    display: flex;
    justify-content: center;

    font-style: italic;
}
.speiseplan-inner{
    margin: 0 0 50px 0;
    padding: 100px 75px 75px 75px;

    background-image: url('../images/mask-02.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}
.speiseplan .titel{
    text-align: center;
    margin-bottom: 25px;
}

.speiseplan table{
    margin-bottom: 50px;
}
.speiseplan table tr td{
    padding: 5px 10px;
    
    vertical-align: top;
}
.speiseplan table tr td .long{
    display: block;
}
.speiseplan table tr td .short{
    display: none;
}
.speiseplan table tr td:first-child{
    padding-left: 0px;        
}
.speiseplan table tr td:last-child{
    padding-right: 0px;
    
    white-space: nowrap;
}
.zusatzstoffe{
    display: flex;
    justify-content: center;
}
.zusatzstoffe > div{
    padding: 0 25px;
}

@media all and ( max-width: 800px ){
    .speiseplan-inner {
        margin: 0 0 50px 0;
        padding: 100px 10px 25px 10px;
    }
    .speiseplan table tr td .long{
        display: none;
    }
    .speiseplan table tr td .short{
        display: block;
    }
}


section.imbiss{
    color: #ffffffe0;

    background-color: rgba(230, 116, 239, 80%);

    clip-path: polygon(100% 100%,100% 200px,100% 197.18px,99.95666667% 186.85px,99.83% 176.73px,99.62333333% 166.86px,99.34083333% 157.32px,98.98833333% 148.16px,98.56833333% 139.42px,98.085% 131.17px,97.54416667% 123.46px,96.94833333% 116.34px,96.30333333% 109.87px,95.61166667% 104.1px,94.87916667% 99.09px,94.10833333% 94.9px,93.305% 91.58px,92.4725% 89.18px,91.615% 87.76px,8.385% 0.38px,7.5275% 0,6.695% 0.65px,5.89166667% 2.29px,5.12083333% 4.86px,4.38833333% 8.33px,3.69666667% 12.64px,3.05166667% 17.76px,2.45583333% 23.63px,1.915% 30.2px,1.43166667% 37.44px,1.01166667% 45.3px,.65916667% 53.72px,.37666667% 62.67px,.17% 72.1px,.04333333% 81.95px,0 92.2px,0 200px,0 100%);
    -webkit-clip-path: polygon(100% 100%,100% 200px,100% 197.18px,99.95666667% 186.85px,99.83% 176.73px,99.62333333% 166.86px,99.34083333% 157.32px,98.98833333% 148.16px,98.56833333% 139.42px,98.085% 131.17px,97.54416667% 123.46px,96.94833333% 116.34px,96.30333333% 109.87px,95.61166667% 104.1px,94.87916667% 99.09px,94.10833333% 94.9px,93.305% 91.58px,92.4725% 89.18px,91.615% 87.76px,8.385% 0.38px,7.5275% 0,6.695% 0.65px,5.89166667% 2.29px,5.12083333% 4.86px,4.38833333% 8.33px,3.69666667% 12.64px,3.05166667% 17.76px,2.45583333% 23.63px,1.915% 30.2px,1.43166667% 37.44px,1.01166667% 45.3px,.65916667% 53.72px,.37666667% 62.67px,.17% 72.1px,.04333333% 81.95px,0 92.2px,0 200px,0 100%);
}
section.imbiss::after{
    display: block;
    content: "";

    height: 200px;
    
    background-color: #fff;
    
    clip-path: polygon(0 100%,0 197.2px,0 0,.04166667% 10.3px,.16666667% 20.5px,.375% 30.3px,.65833333% 39.9px,1.00833333% 49px,1.43333333% 57.8px,1.91666667% 66px,2.45833333% 73.7px,3.05% 80.9px,3.7% 87.3px,4.39166667% 93.1px,5.125% 98.1px,5.89166667% 102.3px,6.69166667% 105.6px,7.525% 108px,8.38333333% 109.4px,91.61666667% 196.8px,92.475% 197.2px,93.30833333% 196.5px,94.10833333% 194.9px,94.88333333% 192.3px,95.60833333% 188.9px,96.3% 184.6px,96.95% 179.4px,97.54166667% 173.6px,98.08333333% 167px,98.56666667% 159.8px,98.99166667% 151.9px,99.34166667% 143.5px,99.625% 134.5px,99.83333333% 125.1px,99.95833333% 115.2px,100% 105px,100% 197.2px,100% 100%);
    -webkit-clip-path: polygon(0 100%,0 197.2px,0 0,.04166667% 10.3px,.16666667% 20.5px,.375% 30.3px,.65833333% 39.9px,1.00833333% 49px,1.43333333% 57.8px,1.91666667% 66px,2.45833333% 73.7px,3.05% 80.9px,3.7% 87.3px,4.39166667% 93.1px,5.125% 98.1px,5.89166667% 102.3px,6.69166667% 105.6px,7.525% 108px,8.38333333% 109.4px,91.61666667% 196.8px,92.475% 197.2px,93.30833333% 196.5px,94.10833333% 194.9px,94.88333333% 192.3px,95.60833333% 188.9px,96.3% 184.6px,96.95% 179.4px,97.54166667% 173.6px,98.08333333% 167px,98.56666667% 159.8px,98.99166667% 151.9px,99.34166667% 143.5px,99.625% 134.5px,99.83333333% 125.1px,99.95833333% 115.2px,100% 105px,100% 197.2px,100% 100%);
}
.imbiss-outer{
    display: flex;
    justify-content: center;

    font-style: italic;
}
.imbiss-inner{
    margin: 0 0 0 0;
    padding: 175px 75px 0px 75px;
}
.imbiss-outer .titel{
    text-align: center;
    margin-bottom: 25px;

    font-size: 2.75rem;
    font-weight: bold;
}
.imbiss-outer table{
    margin-bottom: 50px;
}
.imbiss-outer table tr td{
    padding: 5px 10px;
    
    vertical-align: top;
}
.imbiss-outer table tr td:last-child{
    white-space: nowrap;
}
@media all and ( max-width: 800px ){
    
    .imbiss-inner {
        margin: 0 0 0 0;
        padding: 175px 0px 0px 0px;
    }
    
}

.menuePakete .sppb-addon-text-block{
    padding: 75px 75px 90px 75px;
    
    background-image: url('../images/mask-02.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;   
}
.menuePakete .sppb-addon-text-block .sppb-addon-title{
    margin-bottom: 1rem;  
}
.menuePakete .sppb-addon-text-block ul{
    display: inline-block;
}
.menuePakete .sppb-addon-text-block ul li{
    text-align: left;
}
.menuePakete .sppb-addon-text-block ul li p{
    margin-bottom: 0;
}




.datenschutzerklaerung li{
        
    margin-bottom: 10px; 

}
.datenschutzerklaerung .bold{
        
    font-weight: bold; 

}
.datenschutzerklaerung .title{
        
    margin: 0 0 10px 0; 

}
.datenschutzerklaerung .txt,
.datenschutzerklaerung .txt{
    
        
    font-weight: normal; 

}


input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control),
textarea {

    border: 3px solid rgb(230 119 239);
    border-radius: 0.5rem;

}
button{
    padding: 6px 30px 8px;
    
    color: #fff;
    
    background-color: #e677ef;
    
    border: none;
    border-radius: 15px;
}
.msg_err{
    color: lightcoral;
}