/* ========================== Custom CSS Variables ============== */
:root {
    --border-color: #00b8e2;
	--btn-color: #fefefe;
}
/* ========================== Cookies Hinweis ============== */
.mm-cn-title {
    font-family: 'aileron';
    font-size: 23px;
    font-weight: 400;
	padding:10px;
}
.mm-cn-line {
	width:70%;
	height:2px;
	background:var(--border-color);
	margin:auto;
	margin-bottom:10px;
}
#cookie-notice {
	font-family: 'aileron';
	margin:30px;
	padding-bottom:20px;
    position:fixed;
	min-width:auto;
	min-height:150px;
	background-color: rgba(0,0,0,.7)!important;
	border-bottom:4px solid var(--border-color);
/* 	letter-spacing:.2px; */
}
#cookie-notice p {
	font-family: 'aileron';
	text-align:justify;
	font-size: 15px;
	padding:10px;
	width:350px;
	margin:10px;
}
#cn-accept-cookie,#cn-more-info,#cn-refuse-cookie {
    color: #000;
    background-image: none !important;
    background-color: var(--btn-color) !important;
	letter-spacing:.7px;
	font-weight:300 !important;
}

@media only screen and (max-width:768px) {
	#cookie-notice {
		transform:scale(1.1);
		margin:40px;
	}
}

@media only screen and (max-width:414px) {
    #cookie-notice {
		margin:0px !important;
        min-height: 32%;
        width: 100vw !important;
    }
}
@media only screen and (max-width:360px) {
    #cookie-notice p {
        width: 320px;
    }
}
@media only screen and (max-width:320px) {
    #cookie-notice p {
        width: 290px;
    }
}
/* ================================= Cookies Hinweis ========================= */
/* =============================== Akzeptanz === */
  .elementor-field-subgroup .elementor-field-option label {
   width: auto;

} 
.elementor-field-subgroup:not(.elementor-subgroup-inline) .elementor-field-option {
    flex-basis: 100%;
    display: flex;
	-ms-flex: 1 1 auto;
    align-items: baseline;
}
/* =============================== Akzeptanz === */
h5 {
	font-family: 'mmextra' !important;
	font-size: 29px;
	font-weight: 300 !important;
	text-transform: none;
}
h6 {
	font-family: 'mmextra' !important;
	font-size: 47px;
}
/* p {
	font-size: calc(12px + .4vw);
} */
/* =================================================================================================================== Buttons ===== */
.scroll2top {
	position:fixed;
	display:none;
	bottom:80px;
	right:20px;
}

.btn {
    width: 260px;
    height: auto;
    padding: 10px 40px;
    border-radius: 25px;
    background: linear-gradient(to right,#08c9c0,#049cbb);
    color: #fff;
}
.btn, .btn:hover, .btn:link, .btn:focus {
    color: #fff !important;
}
.btn3 a {
/*     width: 260px;
    height: auto;
    border-radius: 25px; */
    background: linear-gradient(to right,#08c9c0,#049cbb);
}
#btn3 {
    width: 260px;
    height: auto;
    border-radius: 25px;
    background: linear-gradient(to right,#08c9c0,#049cbb);
}
a.animated-button:link,a.animated-button:visited {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 14px 15px;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    letter-spacing: .08em;
    text-shadow: 0 0 1px rgba(0,0,0,.2),0 1px 0 rgba(0,0,0,.2);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease
}

a.animated-button:link:after,a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all .75s ease 0s;
    -moz-transition: all .75s ease 0s;
    -o-transition: all .75s ease 0s;
    transition: all .75s ease 0s
}

a.animated-button:link:hover,a.animated-button:visited:hover {
    color: #fff !important;
    text-shadow: none
}

a.animated-button:link:hover:after,a.animated-button:visited:hover:after {
    height: 450%
}

a.animated-button.mega-one {
    border: 1px solid #694fc1
}

a.animated-button.mega-one:after {
    background: #694fc1;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(70deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(70deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(70deg);
    transform: translateX(-50%) translateY(-50%) rotate(70deg)
}
/* =========================================================================================================== Header ====== */
div.elementor-menu-toggle {
    z-index: 99999
}
.elementor-nav-menu--dropdown.elementor-nav-menu__container {
	height:100vh;
}
/* ========================================================================================================== jquery Header === */
.mm-header-sticky {
    position: fixed;
    z-index: 9999;
    display: none;
	top: 0;
    width: 100%;
    height: 100px
}
.mm-header {transition: all 500ms ease;}
.mm-header-hide {display:none;}
.mm-logo-sticky {
	width:80%;
	transition: 500ms ease;
}
/* ========================================================================================================== Slider === */
.mm-slider {top:-136px;}
@media only screen and (max-width:1366px) {.mm-slider {top:-91px;}}
@media only screen and (max-width:1024px) {.mm-slider {top:-69px;}}
@media only screen and (max-width:812px) {.mm-slider {top:-55px;}}
@media only screen and (max-width:768px) {.mm-slider {top:-55px;}}
@media only screen and (max-width:736px) {.mm-slider {top:-95px;}}
@media only screen and (max-width:667px) {.mm-slider {top:-86px;}.btn3 {margin: auto;}}
@media only screen and (max-width:640px) {.mm-slider {top:-82px;}}
@media only screen and (max-width:568px) {.mm-slider {top:-72px;}}
@media only screen and (max-width:480px) {.mm-slider {top:-61px;}.mm-table {width: 100%;}}
@media only screen and (max-width:414px) {.mm-slider {top:-55px;}}
@media only screen and (max-width:375px) {.mm-slider {top:-55px;}}
@media only screen and (max-width:360px) {.mm-slider {top:-55px;}}
/* ========================================================================================================== Galerie === */
.gallery-item img {
    width: 100%;
	height: 307px;
    object-fit: cover;
    filter: grayscale();
}
.gallery-item img:hover {
    filter: none;
}
.gallery-item a:hover img, .gallery-item a:focus img {
    -webkit-filter: opacity(100%);
    filter: opacity(100%);
}
@media (max-width: 1280px) {
.elementor-image-gallery .gallery-columns-4 .gallery-item {
    max-width: 25%;
}
}
@media (max-width: 1024px) {
.elementor-image-gallery .gallery-columns-4 .gallery-item {
    max-width: 33%;
}
}
@media (max-width: 768px) {
.mega-galerie figure.gallery-item {
    width: 50%;
}
	.gallery-item img {
	height: 180px;
}
}
@media (max-width: 420px) {
.elementor-image-gallery .gallery-columns-4 .gallery-item {
    max-width: 100%;
}
		.gallery-item img {
	height: 127px;
}
}