.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}html{scroll-behavior: smooth;}
body{ font-family: 'Open-sans', sans-serif; }
:where(.is-layout-flex) {gap: 4.5em;}
a:where(:not(.wp-element-button)) {font-family: 'ElValle';}
.wp-block-button__link:hover {color:#fff;}
a:hover {color: #254d2a;}
.wp-element-button:hover, .wp-block-button__link:hover{background-color:#254d2a;}
.alignwide {padding: 1.25em 2.375em;}
.anchor{scroll-margin-top: 120px;} ul.grid-3{
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1em;
list-style: none;
padding: 0;
}
@media (max-width:1200px){ul.grid-3{grid-template-columns: repeat(2, minmax(0, 1fr));}}
@media (max-width:768px){ul.grid-3{grid-template-columns: repeat(1, minmax(0, 1fr));}}
.headergroup, .headergroup .wp-block-column, .headergroup .wp-block-columns{height: 170px;} .nav_col {padding: 0px 15px;gap: 1.5em;}
.nav_col a{text-decoration: none;}
.nav_col a:hover{color: #9d9d9c;}
.nav_col h2 {margin-top: 0; margin-bottom: 8px;}
.menufull .current-menu-item a, .menufull li a:hover{color: #69b42e!important;}
.menufull {
display: none;
position: fixed;
right: 0;
top: 0;
width: 100vw;
background: #254d2a;
padding-top: 65px;
border-radius: 0 0 0 200px;
}
@media(max-width:900px){
.menufull{
position: fixed;
overflow-y: scroll;
height: 100vh;
border-radius: 0;
padding-top: 67px;
}
.submenu{ margin-top:-10px; padding-left:20px;}
}
.menufull nav a{color:#fff!important;font-size: 16px;font-family: "elvalle";}
.animate_menu {
animation-name: menuAnimation;
animation-duration: 1.5s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
@keyframes menuAnimation {
0% { opacity: 0; }
100% { opacity: 1; }
}
.animate_menu_items{
animation: FadeIn 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
animation-fill-mode: both;
}
@keyframes FadeIn {
0% { opacity: 0; margin-right: -200px; }
100% { opacity: 1; margin-right: 0;}
}
.animate_menu_items:nth-child(1) { animation-delay: .2s }
.animate_menu_items:nth-child(2) { animation-delay: .4s }
.animate_menu_items:nth-child(3) { animation-delay: .6s }
.animate_menu_items:nth-child(4) { animation-delay: .8s }
.animate_menu_items:nth-child(5) { animation-delay: 1s }
.animate_menu_items:nth-child(6) { animation-delay: 1.2s }
.animate_menu_items:nth-child(7) { animation-delay: 1.4s } .burgerwrap {
position: absolute;
right: 60px;
top: 20px;
}
#nav-icon3 {
display: block;
opacity: 1;
position: relative;
z-index: 999;
left: 70%;
top: 30px;
width: 50px;
height: 30px;
margin: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
#nav-icon3 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #fff;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
} #nav-icon3 span:nth-child(1) {top: 0px;}
#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {top: 13px;}
#nav-icon3 span:nth-child(4) {top: 26px;}
#nav-icon3.open span:nth-child(1) {
top: 13px;
width: 0%;
left: 50%;
}
#nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
} header{
width: 100vw;
height: 0;
position: fixed;
top: 0;
left: 0;
z-index: 99;
transition: all 1s;
}
.headerbg .wp-block-cover-is-layout-constrained{margin-left: 15%;}
.headerkreis {
border-radius: 100%;
position: relative;
width: 450px;
height: 450px;
background: #69b42eb8;
}
.headerkreis_input {
border-radius: 100%;
padding: 30px;
} .teaserheadline img {
position: relative;
left: 20px;
top: 50px;
z-index: -1;
}
.teaserheadline {
position: relative;
left: -80px;
margin: 0;
padding-bottom: 15px;
}
.newskreis {
border-radius: 100%;
position: relative;
width: 300px;
height: 300px;
background: #ea4d00;
left: -40%;
margin-bottom: 20px;
}
.newskreis_input {
padding-top: 20px;
padding-left: 80px;
min-width: 600px;
} .wrapper {
position: fixed;
display: flex;
align-items: center;
top: 40%;
opacity: 1;
transition: opacity 0.3s;
-webkit-transition: opacity 0.3s;
transform: translateX(-50%);
z-index: 10;
right: 0px;
}
.wrapper .naviLink {
position: absolute;
text-decoration: none;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.fa-instagram::before {
content: "\f16d";
font-size: 30px;
position: relative;
top: -19px;
}
.fa-facebook-f::before {
content: "\f39e";
font-size: 30px;
position: relative;
top: -19px;
}
@media (max-width: 991px) {
.header{
left: 0;
right: auto; 
bottom: 0; 
top: auto; 
transform: none; 
width: 100%; 
display: block; 
background: #2b2a2a; 
padding: 8px; 
}
li.icon-box i {top: 14px;}
.header h2 {display: none;}
}
@media (max-width: 550px) {
.wrapper {right: 0;top: 25%;} .wrapper .icon-box:hover h2 {opacity: 0!important;}
.wrapper.hide-header { z-index: 0 !important; opacity: 0;} }
.wrapper ul.icon-menu {
margin: 0;
padding: 0;
}
.wrapper ul.icon-menu li.icon-box {
width: 50px;
height: 50px;
list-style: none;
position: relative;
display: flex;
align-items: center;
transition: 0.3s;
margin: 14px 0;
border-radius: 50%;
background: #ea4d00;
cursor: pointer;
outline: none;
}
.wrapper ul.icon-menu li.icon-box i {
color: #fff;
font-size: 19px;
transition: 0.3s;
}
.wrapper ul.icon-menu li.icon-box.react-tabs__tab--selected, .wrapper ul.icon-menu li.icon-box:hover, .wrapper ul.icon-menu li.icon-box.react-tabs__tab--selected i, .wrapper ul.icon-menu li.icon-box:hover i {
color: #fff;
}
.wrapper .icon-box h2 {
font-size: 18px;
font-weight: 500;
}
.wrapper .icon-box i.fa, .wrapper .icon-box i.fa-solid {
position: absolute;
pointer-events: none;
}
.wrapper .icon-menu i {
left: 0;
right: 0;
margin: 0 auto;
display: block;
text-align: center;
font-size: 35px;
top: 15px;
}
.wrapper .icon-box h2 {
z-index: -1;
position: absolute;
top: 0;
right: 0;
opacity: 0;
color: #fff;
line-height: 50px;
font-weight: 500;
transition: all 0.3s;
border-radius: 30px;
text-transform: uppercase;
padding: 0 25px 0 30px;
height: 50px;
margin: 0;
}
.wrapper .icon-box:hover h2 {
opacity: 1;
right: 27px;
margin: 0;
text-align: center;
border-radius: 30px 0 0 30px;
}
.wrapper .icon-box h2, .wrapper ul.icon-menu li.icon-box:hover{
background-color: #254d2a;
} .bordernav {border-radius: 0% 60% 0 0;}
.kreis {
border-radius: 100%;
position: relative;
width: 230px;
height: 230px;
left: -10px;
top: -70px;
background: #fff;
}
.kreis img {
width: 150px;
margin: 35px;
top: 72px;
position: relative;
}
.burgerkreis {
border-radius: 100%;
width: 80px;
height: 80px;
background: #254d2abd;
top: 20px;
position: relative;
}
footer {height: 150px;background-image: url(//center-of-gravity-boulderhalle.de/wp-content/themes/wh_blank/assets/img/wave.svg);	background-repeat: no-repeat;background-size: cover;background-position: left top;}
footer nav {top: 136px;	padding: 0px 2.375em 40px 2.375em;}
.custom-logo{width: 70px !important;}
.wp-block-navigation-item:hover{color: #254d2a;} #scroll-to-top {
opacity:0;
position: fixed;
right: 50px;
bottom: 35px;
z-index: 2;
cursor:pointer;
}
#scroll-to-top .material-symbols-outlined{
padding: 9px;
font-size: 40px;
border-radius: 50%;
background: #111;
color: #fff;
box-shadow: none;
transition: all 0.5s;
} 
#scroll-to-top:hover .material-symbols-outlined{
background: #fff;
color: #111;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
} .slick-dots {display: grid;	bottom: 40%;}
.hero {
position: absolute;
z-index: 999;
top: 15px;
left: 100px;
width: 40%;
}
.slick-dots {width: auto!important;}
.maske img {position: absolute;	top: 0;	left: 0;width: 100vw; height: 45vh;opacity: 0.85;}
.slick-dots li.slick-active button::before {color: #69b42e!important;opacity: 1;}
.slick-dots li {width: 70px;margin: 5px 5px;}
.slick-dots li button::before {	font-size: 16px;width: 70px;}
.slick-dots li button:before{ color: #fff;}
.slick-dots li.slick-active button:before{ color: #fff; opacity:1;}
.wp-block-social-links .wp-social-link svg { padding: 7px!important;}
.slick-dotted.slick-slider {margin-bottom: 0px;} .slick-vertical .slick-slide { width:100vw!important; float: none;}
.slick-vertical .slick-next {left: 34px!important;transform: rotate(90deg)!important;top: 65%!important;}
.slick-next {
left: 34px;
transform: rotate(90deg);
top: 65%;
} #af2_form_0 .af2_answer_card, #af2_form_0 .af2_text_type, .af2_answer.hover .af2_answer_card, #af2_form_0 .af2_text_type_ {box-shadow: none!important;}
#af2_form_0 .af2_answer_text.af2_mobile{color: #254d2a!important; padding: 10px;margin-left: 0px;}
.gutschein .af2_form_bottombar{display: none;} @media (min-width: 2000px) {
footer {height: 300px;}
footer nav {top: 220px;}
}
@media (min-width: 1500px) and (max-width: 1999px) {
footer {height: 200px;}
footer nav {top: 155px;}
}
@media (max-width: 1200px) {
header h2{font-size: 24px;}
}
@media (max-width: 1020px) {
header h2{font-size: 22px;}
h3 {font-size: 24px;}
.uagb-block-9a1f4a6c.uagb-post__arrow-outside.uagb-post-grid .slick-next {
right: -30px;
}
}
@media (max-width: 976px) { .newskreis {margin-bottom: 15px;}
.newskreis_input {min-width: 95vw;}
}
@media (max-width: 935px) {
h3 {font-size: 20px;}
}
@media (max-width: 850px) {
.headerkreis {margin-top: 120px;}
.headerkreis_input {padding-left: 50px; max-width: 100vw !important;}
h3 {font-size: 26px;}
body .is-layout-flex {display: block;}	
.teaserheadline {left: -56px;padding-bottom: 10px;}
.teaserheadline img {left: 10px;top: 40px;width: 55px !important;}
footer {height: 100px;}
footer nav {top: 100px;}
.newskreis {width: 250px;height: 250px;}
.footericons{display: flex !important; margin-top: 75px; margin-bottom: 23px;}
}
@media (max-width: 840px) {
h1 {font-size: 28px;}
h3 {font-size: 20px;}
}
@media only screen
and (min-width: 550px)
and (max-width: 1024px)
and (orientation: landscape) {
.slick-slide {min-height: 300px;}
.slickslidecover {min-height: 300px !important;} 
.maske img {height: 300px;}
.sliderp{font-size: 14px; margin: 5px 0px 15px 0px; }
.sliderheadline{font-size: 18px; margin: 5px 0px; }
.slidersubheadline{font-size: 16px; margin: 5px 0px; }
.headerkreis_input p{font-size: 14px;}
}
@media (max-width: 665px) {
footer nav ul {gap: 30px !important;}
}
@media (max-width: 599px) {
.maske img {height: 775vh;}
.hero {	width: 75%;}
.wrapper {right: 0px;}
}
@media (max-width: 550px) {
footer {height: 70px;}
footer nav {top: 70px; padding: 0px 1.375em 35px 1.375em;}
.custom-logo {width: 45px !important;}
}
@media (max-width: 480px) {
h1 {font-size: 22px;}
body {font-size: 16px;line-height: 1.4;}
.wp-element-button, .wp-block-button__link {font-size: 17px;padding: calc(0.5em + 1px) calc(1.25em + 1px);}
.wrapper{display: none;}
:root :where(body) {font-size: 16px;}
}
@media (max-width: 445px) {
h3 {font-size: 16px;}
.alignwide {padding: 0.25em 1.575em;}
.hideonmobile {display: none;}
.headerkreis { width: 350px; height: 350px;margin-top: 70px;}
.newskreis, .newskreis_input {padding: 1.25em 2.75em !important;}
.hero {left: 80px;width: 75%;}
footer {height: 50px;}
footer nav {top: 50px;}
footer nav ul {display: block!important;}
footer nav ul li {padding: 5px 0!important;}
}
@media (max-width: 385px) {
.menufull {padding-top: 27px;}
h1{margin: 0;}
.kreis {width: 200px;height: 200px;left: -20px;top: -90px;}
.kreis img {width: 150px;margin: 25px;top: 75px;}
.burgerwrap {right: 50px;top: 0px;}
.burgerkreis {width: 70px;height: 70px;	top: 10px;}
#nav-icon3 {top: 25px;width: 40px;}
.headerkreis_input {padding-left: 30px;}
.headergroup, .headergroup .wp-block-column, .headergroup .wp-block-columns{height: 115px;}
}
@media (max-width: 345px) {
.alignwide {padding: 0 1em;}
.hero {width: 70%;}
}