.elementor-kit-7{--e-global-color-primary:#181715;--e-global-color-secondary:#F9F8F4;--e-global-color-text:#242D36;--e-global-color-accent:#A1C1D1;--e-global-color-06c40cc:#D6C8BA;--e-global-color-129e8de:#2F3D4B;--e-global-typography-primary-font-family:"Red Hat Text";--e-global-typography-primary-font-size:40px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-text-transform:uppercase;--e-global-typography-secondary-font-family:"Birthstone";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-text-font-family:"Red Hat Text";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Red Hat Text";--e-global-typography-accent-font-size:20px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-letter-spacing:1px;background-color:var( --e-global-color-secondary );}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.ccm-settings-summoner--icon {
  content: url('https://kantineamtower.de/wp-content/uploads/2026/04/vec_Cookie_Kantine_Am_Tower.png');
  height: 35px!important;
  width: 35px!important;
}
 
.ccm-settings-summoner--link.ccm--ctrl-init {
  box-shadow: none !important;
}


.headline{
        font-family: "Birthstone", Sans-serif;
        text-transform: lowercase;
        font-size: 1.8em;
        font-weight: 200;
}





.fancy-btn {
    --btn-width: 250px;
    --btn-height: 50px;
    --btn-background: #181715!important;
    --left-gradient: #a1c1d1;
    --right-gradient: #a1c1d1;
    position: relative;
    width: var(--btn-width);
    height: var(--btn-height);
    display: inline-block;
    text-decoration: none;
    color: white;
}

.fancy-btn:before,
.fancy-btn:after {
    content: '';
    position: absolute;
    inset: 0;
    transition: 0.5s;
}

.fancy-btn:before,
.fancy-btn:after {
    background: linear-gradient(45deg, var(--left-gradient), var(--btn-background), var(--btn-background), var(--right-gradient));
}

.fancy-btn:hover:before {
    inset: -3px;
}

.fancy-btn:hover:after {
    inset: -3px;
    filter: blur(5px);
}

.fancy-btn span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--btn-background);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}



.dark-slider-btn {
--btn-width: 250px;
    --btn-height: 50px;
    --btn-background: #181715;
    --left-gradient: #a1c1d1;
    --right-gradient: #a1c1d1;

    position: relative;
    width: var(--btn-width);
    height: var(--btn-height);
    display: inline-block;
    text-decoration: none;

    /* TYPO */
    font-family: 'Red Hat Text', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #a1c1d1;
}

.dark-slider-btn:before,
.dark-slider-btn:after {
    content: '';
    position: absolute;
    inset: 0;
    transition: 0.5s;
    background: linear-gradient(45deg, var(--left-gradient), var(--btn-background), var(--btn-background), var(--right-gradient));
}

.dark-slider-btn:hover:before {
    inset: -3px;
}

.dark-slider-btn:hover:after {
    inset: -3px;
    filter: blur(5px);
}

.dark-slider-btn span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--btn-background);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

    /* TEXT COLOR HOVER */
    transition: color 0.3s ease;
}

.dark-slider-btn:hover span {
    color: #f9f8f4;
}



.light-slider-btn {
    --btn-width: 250px;
    --btn-height: 50px;
    --btn-background: #f9f8f4;
    --left-gradient: #a1c1d1;
    --right-gradient: #a1c1d1;

    position: relative;
    width: var(--btn-width);
    height: var(--btn-height);
    display: inline-block;
    text-decoration: none;

    /* TYPO */
    font-family: 'Red Hat Text', sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 3px;
    color: #181715;
}

.light-slider-btn:before,
.light-slider-btn:after {
    content: '';
    position: absolute;
    inset: 0;
    transition: 0.5s;
    background: linear-gradient(45deg, var(--left-gradient), var(--btn-background), var(--btn-background), var(--right-gradient));
}

.light-slider-btn:hover:before {
    inset: -3px;
}

.light-slider-btn:hover:after {
    inset: -3px;
    filter: blur(5px);
}

.light-slider-btn span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--btn-background);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;

    transition: color 0.3s ease;
}

.light-slider-btn:hover span {
    color: #a1c1d1;
}

.elementor-menu-anchor {  display: block;   position: relative;   top: -250px; }

body {
  overflow-x: hidden;
}/* End custom CSS */