:root
{
scroll-behavior: auto;
--yellow:#E4FB1D;
--lavender:#E585E9;
--lavender-1:#ea9ded;
--lavender-light:#F7DAF8;
--green:#485B23;
} @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/fonts/roboto-v48-latin_latin-ext-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/fonts/roboto-v48-latin_latin-ext-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 600;
src: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/fonts/roboto-v48-latin_latin-ext-600.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/fonts/roboto-v48-latin_latin-ext-700.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Space Grotesk';
font-style: normal;
font-weight: 400;
src: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/fonts/space-grotesk-v21-latin_latin-ext-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Space Grotesk';
font-style: normal;
font-weight: 600;
src: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/fonts/space-grotesk-v21-latin_latin-ext-600.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Space Grotesk';
font-style: normal;
font-weight: 700;
src: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/fonts/space-grotesk-v21-latin_latin-ext-700.woff2) format('woff2'); }
:root
{
--container-width:100%;
}
@media (min-width: 576px) 
{
:root
{
--container-width:540px;
}
}
@media (min-width: 768px) 
{
:root
{
--container-width:720px;
}
}
@media (min-width: 992px) 
{
:root
{
--container-width:960px;
}
}
@media (min-width: 1200px) 
{
:root
{
--container-width:1140px;
}
}
@media (min-width: 1400px) 
{
:root
{
--container-width:1320px;
}
}
@media (min-width: 1600px) 
{
:root
{
--container-width:1430px;
}
}
@media (min-width: 1600px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1430px;
}
}
html
{
font-size: 10px;
}
body
{
font-family: 'Roboto', sans-serif;
font-size:2rem;
color:#000;
background: #fff;
overflow-x: hidden;
max-width: 100%;
position: relative;
}
body.menu-open
{
overflow:hidden;
}
.row
{
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.row > div
{
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.container
{
padding: 0 1.5rem;
}
#search-overlay
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(152, 144, 129, .6);
z-index: 999999999;		
display: none;
}
#search-overlay > div
{
display: none;
width: 100%;
height: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding:0 2rem;
}
#search-container
{
max-width: 100%;
}
.search-close
{
position: absolute;
width:3rem;
height:3rem;
right: 2rem;
top: 2rem;
color: #fff;
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/icon-close.svg);
background-size:3rem 3rem;
cursor: pointer;
}
.search-field
{
border: none;
border-bottom: 2px solid #fff;
color: #fff;
font-size: 3rem;
padding: 0 0 1rem 0;
background: none;
float: left;
}
.search-submit
{
float: left;
width: 39px;
height: 40px;
background: url(//fussballkannmehr.de/wp-content/themes/fkm/images/icon-3-alt.png);
border: none;
cursor: pointer;
margin-left: 1rem;
}
.search-form ::-webkit-input-placeholder {
color: #fff;
opacity: 1;
}
.search-form ::-moz-placeholder {
color: #fff;
opacity: 1;
}
.search-form :-ms-input-placeholder { 
color: #fff;
opacity: 1;
}
.search-form :-moz-placeholder { 
color: #fff;
opacity: 1;
}
.page-header
{
position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
display:flex;
align-items:center;
flex-wrap:wrap;
height:8rem;
background:#fff;	
flex-wrap:wrap;
border-bottom:1px solid transparent;
}
.page-header.scrolled
{
border-bottom:1px solid #E8E8E8;
}
@media (min-width:992px)
{
.page-header
{
height:10rem;
}
}
.page-header .row
{
width:calc(100% + 3rem);
align-items:center;
}
.page-header .row .column-1
{
width:50%;
flex:0 0 auto;
}
.page-header .row .column-2
{
width:70%;
flex:0 0 auto;
display:flex;
justify-content:center;
}
.page-header .row .column-3
{
width:50%;
flex:0 0 auto;
display:flex;
justify-content:flex-end;
}
@media (min-width:992px)
{
.page-header .row .column-1
{
width:15%;
flex:0 0 auto;
}
.page-header .row .column-2
{
width:70%;
flex:0 0 auto;
display:flex;
justify-content:center;
}
.page-header .row .column-3
{
width:15%;
flex:0 0 auto;
display:flex;
justify-content:flex-end;
}
}
.page-header .page-logo
{
display:inline-block;
}
.page-header .page-logo img
{
height:4rem;
}
@media (min-width:992px)
{
.page-header .page-logo img
{
height:auto;
}
}
.page-header .container
{
display: flex;
align-items: center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.page-header .logo
{
display:inline-block;
position:relative;
}
.hamburger-wrap
{
margin: 0 0 0 3rem;
height:2.4rem;
width:4.5rem;
height:4.5rem;
background:var(--dark-blue);
display:flex;
align-items:center;
justify-content:center;
}
@media (min-width:1600px)
{
.hamburger-wrap
{
display:none;
}
}
.hamburger
{	
padding:0;
height:24px;
}
.hamburger-box
{
height:2.4rem;
width:3rem;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before
{
height:.2rem;
width:3rem;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before,
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before,
.page-header--dark.scrolled .hamburger-inner, .page-header--dark.scrolled .hamburger-inner:after, .page-header--dark.scrolled .hamburger-inner:before,
.page-header--dark.scrolled .hamburger.is-active .hamburger-inner, .page-header--dark.scrolled .hamburger.is-active .hamburger-inner:after, .page-header--dark.scrolled .hamburger.is-active .hamburger-inner:before
{
background-color: #000;
}
.page-header--dark .hamburger-inner, .page-header--dark .hamburger-inner:after, .page-header--dark .hamburger-inner:before,
.page-header--dark .hamburger.is-active .hamburger-inner, .page-header--dark .hamburger.is-active .hamburger-inner:after, .page-header--dark .hamburger.is-active .hamburger-inner:before
{
background-color: #000;
}
.hamburger.is-active:hover, .hamburger:hover, .scrollbar-macosx:hover>.scroll-element .scroll-bar, .scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar
{
opacity:1;
}
#menu-overlay
{
position: fixed;
top:8rem;
left: 0;
width: 100%;
height: calc(100dvh - 8rem);
min-height: 100dvh;
background:#fff;
z-index: 99999;
padding: 1rem 0 10rem 0;
display: none;
color:#000;
}
@media (min-width:992px)
{
#menu-overlay
{
height: calc(100dvh - 10rem);
top:10rem;
}
}
.menu-top-mobile
{
font-size: 2.2rem;
color: #000;
}
.menu-top-mobile a
{
text-decoration: none;
position:relative;
display:block;
color:#000;
}
.menu-top-mobile a:hover
{
text-decoration:none;
color:#000;
}
.menu-top-mobile a span
{
display:block;
border-bottom:1px solid rgba(255,255,255,.5);
padding:1rem 0;
}
.menu-top-mobile li
{
margin:0;
padding:0;
}
.menu-top-mobile li:last-child
{
border:none;
}
.menu-top-mobile li:before
{
display: none;
}
.menu-top-mobile > li > a:before
{
position:absolute;
left:0;
top:1.4rem;
font-size:2.2rem;
line-height:2rem;
color:rgba(255,255,255,.5);
}
.menu-top-mobile ul {
display: none;
padding: 1rem 0 2rem 0;
font-size:1.5rem;
}
.menu-top-mobile .sub-menu-open {
display: block;
}
.menu-top-mobile .menu-item-has-children>span {
width: 4rem;
height: 4rem;
background: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/chevron-4.svg) center center no-repeat;
background-size: 2rem 2rem;
display: inline-block;
position: absolute;
right: 0;
top: .5rem;
cursor: pointer;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu-top-mobile .sub-menu-open>span {
-moz-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.menu-top-mobile ul {
margin-left: 1rem;
}
.menu-top-mobile ul ul {
margin-left: 2rem;
}
.menu-top-mobile li:last-child ul:last-child {
padding-bottom: 0rem;
}
#menu-overlay .container
{
height: 100%;
}
#menu-overlay .scrollbar-macosx
{
height: 100%;
}
.page-header .right
{
margin-left:auto;
display:flex;
align-items:center;
width:calc(100% - 15rem);
justify-content:flex-end;
flex-wrap:wrap;
}
@media (min-width:992px)
{
.page-header .right
{
width:calc(100% - 29rem);
}
}
@media (min-width:1600px)
{
.page-header .right
{
justify-content:space-between;
}
}
.page-header .header-functions
{
display:flex;
align-items:center;
}
.page-header .user-portal
{
padding-right:3rem;
position:relative;
display:inline-flex;
text-decoration:none;
color:var(--gray);
font-size:1.6rem;
line-height:2.2rem;
margin-right:3rem;
}
.page-header .user-portal:hover
{
text-decoration:none;
color:var(--gray);
}
.page-header .user-portal:after
{
content:'';
width:2rem;
height:2rem;
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/icon-user.svg);
background-size:2rem;
height:2rem;
top:50%;
margin-top:-1rem;
right:0;
position:absolute;
}
.langs
{
font-size:1.6rem;
line-height:2.2rem;
position:relative;
color:var(--gray);
margin-left:auto;	
text-transform:uppercase;	
padding-left:3rem;
}
@media (min-width:768px)
{
.langs
{		
margin-right:3rem;
}
.langs:before
{
content:'';
width:.1rem;
height:5.4rem;
background:#E8E8E8;
position:absolute;
left:0;
top:50%;
margin-top:-2.7rem;
}
}
.langs .toggler
{
position:relative;
cursor:pointer;
text-align:center;
display:flex;
align-items:center;
justify-content:center;
padding-right:1.5rem;
}
.langs .toggler:after
{
content:'';
width:.5rem;
height:.5rem;
border-right:1px solid var(--light-blue);
border-bottom:1px solid var(--light-blue);
display:inline-block;
position:absolute;
right:0;
top:.9rem;
}
.langs .list
{
position:absolute;
top:100%;
width:100%;
color:var(--gray);
border-top:none;
text-align:center;
display:none;
left:1.5rem;
}
.langs .list a
{
display:flex;
align-items:center;
text-decoration:none;
color:var(--gray);
}
.langs .list a:hover
{
text-decoration:none;
color:var(--gray);
}
.search-form
{
background:#F9F9F9;
display:flex;
align-items:center;
flex-wrap:wrap;
}
.search-form .search-field
{
height:4.5rem;
width:13rem;
border:none;
background:#F9F9F9;
font-size:1.6rem;
color:var(--gray);
padding:1.5rem 2rem;
display:flex;
align-items:center;
}
.search-form .search-submit
{
height:4.5rem;
width:4.5rem;
background:var(--dark-blue) url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/icon-search.svg) center center no-repeat;
}
#menu-top
{
margin:0;
display: flex;
font-size:1.6rem;
line-height:2.2rem;
}
@media (max-width:1599px)
{
#menu-top
{
display:none;
}
}
#menu-top > li:not(:first-child)
{
margin-left:2rem;
}
#menu-top li a
{
color:var(--gray);
text-decoration:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position:relative;	
display:block;
}
#menu-top li a:hover,
#menu-top .current-menu-item > a,
#menu-top .sfHover > a
{
color:var(--light-blue);
}
#menu-top > li > a:before
{
content:'';
width:.1rem;
height:0;
background:var(--light-blue);
position:absolute;
left:50%;
top:calc(100% + .5rem);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#menu-top li a:hover:before,
#menu-top .current-menu-item a:before
{
height:3.4rem;
}
#menu-top .menu-item-has-children > a
{
padding-right:1.5rem;
position:relative;
}
#menu-top .menu-item-has-children > a:after
{
content:'';
width:.5rem;
height:.5rem;
border-right:1px solid var(--light-blue);
border-bottom:1px solid var(--light-blue);
display:inline-block;
position:absolute;
right:0;
top:.9rem;
}
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
}
.sf-menu li {
position: relative;
}
.sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.sf-menu > li {
float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display: block;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu ul ul {
top: 0;
left: 100%;
}
#menu-top ul 
{
padding:2rem 3rem;
background: #fff;
font-size:1.4rem;
width:22rem;
top:calc(100% + .2rem);
left:-3rem;
}
#menu-top ul.sub-menu li a {
line-height: 2rem;
padding-bottom: 1rem;
}
#menu-top ul ul
{
left:calc(100% + 2rem);
top:-1rem;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu
{
top:9.9rem
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link
{
font-weight:600;
font-family: 'Space Grotesk';
font-size:2rem;
line-height:95%;
padding-left:3.8rem;
position:relative;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:before, #mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:before
{
content:'';
width:2.4rem;
height:2.4rem;
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-8.svg) center center no-repeat;
background-size:2.4rem 2.4rem;
position:absolute;
left:0;
top:-.3rem;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover:before, #mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover:before
{
left:.5rem;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:hover, #mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link:focus, #mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:focus
{
font-weight:600;
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard h4.mega-block-title, #mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title
{
font-size:2.6rem;
line-height:95%;
font-family: 'Space Grotesk';
}
#mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-menu-top #mega-menu-menu-top > li.mega-menu-item > a.mega-menu-link:focus
{
background:#FBEBFC;
border-radius:20px !important;
} .page-content
{
overflow:hidden;
padding:9rem 0 8rem 0;
}
@media (min-width:992px)
{
.page-content
{
padding:11rem 0 8rem 0;
}
}
.content-block
{
margin-bottom:6rem;
position:relative;
}
.content-block:last-child
{
margin-bottom:0;
}
@media (min-width:992px)
{
.content-block
{
margin-bottom:12rem;
}
}
.block-type-1
{
text-align: center;
}
.block-type-1 .heading
{
text-align:center;
}
@media (min-width:992px)
{
.block-type-1
{
text-align:left;
}
.block-type-1 .heading
{
text-align:left;
}
}
.block-type-1 .box
{
background:#000;
border-radius:3.2rem;
padding:12rem 3.2rem 12rem 3.2rem;
position:relative;
color:#fff;
overflow:hidden;
}
@media (min-width:992px)
{
.block-type-1 .box
{
padding:10rem 6.5rem 6.5rem 6.5rem;
}
}
.block-type-1 .box > .row
{
position:relative;
z-index:10;
}
.block-type-1 .buttons
{
display:flex;
flex-wrap:wrap;
align-items:center;
}
.block-type-1 .buttons .btn
{
margin:0 .8rem .8rem 0;
}
.block-type-2 .row--boxes > div
{
margin-bottom:1.6rem;
}
.block-type-2 .box
{
border-radius:32px;
height:100%;
position:relative;
overflow:hidden;
display:flex;
text-decoration:none;
}
@media (min-width:992px)
{
.block-type-2 .box
{
min-height:37rem;
}
}
.block-type-2 .box .heading
{
hyphens: auto;
hyphenate-limit-chars: auto;
hyphenate-limit-lines: 2;
-webkit-hyphens: auto;
-webkit-hyphenate-limit-chars: auto 5;
-webkit-hyphenate-limit-lines: 2;
-ms-hyphens: auto;
-ms-hyphenate-limit-chars: auto 5;
-ms-hyphenate-limit-lines: 2;
}
.block-type-2 .box .content
{
position:relative;
z-index:10;
}
.block-type-2 .box .content .bottom
{
margin-top:auto;
}
.block-type-2 .box--1
{
background:#EFEFEF;
}
.block-type-2 .box--1 picture
{
width:100%;
height:100%;
}
.block-type-2 .box--1 picture img
{
width:100%;
height:100%;
object-fit:cover;
object-position:center center;
}
.block-type-2 .box--1 .content
{
padding:2.4rem 1.6rem;
height:100%;
display:flex;
flex-direction:column;
width:100%;
}
@media (min-width:992px)
{
.block-type-2 .box--1 .content
{
padding:3.2rem;
}
}
.block-type-2 .box--2 .content
{
padding:4rem 1.6rem 3.2rem 1.6rem;
height:100%;
display:flex;
flex-direction:column;
width:100%;
}
@media (min-width:992px)
{
.block-type-2 .box--2 .content
{
padding:9.5rem 3.2rem 3.3rem 3.2rem;
}
}
.block-type-2 .box--2 .arrow
{
width:6.1rem;
height:6.1rem;
margin:0 0 2.5rem 1.5rem;
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-2.svg) no-repeat;
background-size:6.1rem 6.1rem;
}
.block-type-2 .box--3
{
background:#EFFD77;
}
.block-type-2 .box--3 .content
{
padding:8rem 1.6rem 2.4rem 1.6rem;
height:100%;
display:flex;
flex-direction:column;
width:100%;
}
@media (min-width:992px)
{
.block-type-2 .box--3 .content
{
padding:3.2rem;
}
}
.block-type-2 .box:hover .link-with-arrow span:before
{
width:100%;
}
.block-type-2 .box:hover .link-with-arrow:after
{
right:-.5rem;
}
.block-type-3
{
padding:5rem 0;
text-align:center;
}
.block-type-3 .heading
{
text-align:center;
}
@media (min-width:992px)
{
.block-type-3
{
text-align:unset;
padding:10rem 0;
}
.block-type-3 .heading
{
text-align:unset;
}
}
.block-type-4 .row--boxes > div
{
margin-bottom:1.2rem;
}
@media (min-width:992px)
{
.block-type-4 .row--boxes > div
{
margin-bottom:6rem;
}
}
.block-type-4 .box
{
background:#EFEFEF;
display:block;
border-radius:24px;
overflow:hidden;
text-decoration:none;
height:100%;
display: flex;
flex-direction: column;
}
.block-type-4 picture
{
display:block;
overflow:hidden;
height:28rem;
}
.block-type-4 picture img
{
height:28rem;
width:100%;
object-fit:cover;
object-position:center center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.block-type-4 .box:hover picture img
{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.block-type-4 .box .content
{
padding:3.2rem 1.6rem;
display:flex;
flex-direction:column;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
@media (min-width:992px)
{
.block-type-4 .box .content
{
padding:3.2rem;
}
}
.block-type-4 .box .content .bottom
{
margin-top:auto;
}
.block-type-4 .box:hover .link-with-arrow span:before
{
width:100%;
}
.block-type-4 .box:hover .link-with-arrow:after
{
right:-.5rem;
}
.block-type-5
{
text-align:center;
}
.block-type-6 .logos
{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.block-type-6 .logo
{
height:6rem;
display:inline-flex;
margin:0 2rem 2rem 2rem;
max-width:14rem;
align-items:center;
justify-content:center;
}
.block-type-6 .logo img
{
max-height:70%;
width:auto;
}
.block-type-7 .slider-wrap
{
overflow:hidden;	
}
@media (min-width:992px)
{
.block-type-7 .slider-wrap
{
-webkit-mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
mask-image: linear-gradient(to right, transparent 0%, black 10%, black 90%, transparent 100%);
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
}
.block-type-7 .slider
{
margin:0 -25rem 3rem 0;
}
@media (min-width:992px)
{
.block-type-7 .slider
{
margin:0 -35rem 5rem -35rem;
}
}
@media (min-width:1200px)
{
.block-type-7 .slider
{
margin:0 -25rem 5rem -25rem;
}
}
.block-type-7 .slider .slide
{
margin:0 .8rem 0 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
filter: blur(2px);
opacity:.2;	
}
@media (min-width:992px)
{
.block-type-7 .slider .slide
{
margin:0 1.6rem;
}
}
.block-type-7 .slider .slide.slick-current
{
filter: blur(0);
opacity:1;
}
.block-type-7 .slider .slide.prev
{
cursor: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-6.svg), auto;
}
.block-type-7 .slider .slide.next
{
cursor: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-5.svg), auto;
}
.block-type-7 .slider .box
{
padding:4rem 2.4rem 2.4rem 2.4rem;
border-radius:32px;
height:100%;
background:var(--yellow);
display:flex;
flex-direction:column;
}
@media (min-width:992px)
{
.block-type-7 .slider .box
{
padding:8rem 6.5rem;
border-radius:32px;
}
}
.block-type-7 .slider .box .text
{
font-family: 'Space Grotesk';
font-size:2.6rem;
line-height:95%;
margin-bottom:4rem;
}
.block-type-7 .slider .box .bottom
{
display:flex;
align-items:center;
margin-top:auto;
}
.block-type-7 .slider .box .bottom img
{
width:4.2rem;
height:4.2rem;
border-radius:8px;
object-fit:cover;
object-position:center;
}
.block-type-7 .slider .box .bottom .content
{
margin-left:auto;
width:calc(100% - 5.8rem);
}
.block-type-7 .slider .box .bottom .content .author
{
font-size:1.6rem;
line-height:150%;
margin:0;
font-weight:600;
}
.block-type-7 .slider .box .bottom .content .position
{
font-size:1.2rem;
line-height:150%;
margin:0;
}
.block-type-8
{
padding:14rem 0;
}
.block-type-8 .column-1
{
padding-top:3.5rem;
}
.block-type-8 .slider
{
margin-bottom:5rem;
width:calc(100% + ((100vw - var(--container-width)) / 2) + 15rem);
}
.block-type-8 .slide
{
margin:0 1.6rem 0 0;
}
.block-type-8 .slide .box
{
border-radius:24px;
overflow:hidden;
position:relative;
}
.block-type-8 .slide .box .content
{
opacity:0;
bottom:-100%;
left:0;
position:absolute;
width:100%;
background:var(--lavender-light);
padding:1.2rem 2.2rem 2rem 2.2rem;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.block-type-8 .slide .box:hover .content
{
bottom:0;
opacity:1;
}
.block-type-8 .slide .box .content .name
{
font-size:1.6rem;
line-height:150%;
margin:0;
font-weight:600;
}
.block-type-8 .slide .box .content .position
{
font-size:1.2rem;
line-height:150%;
margin:0;
}
.block-type-8 .slider-controls
{
display:flex;
align-items:center;
}
.block-type-8 .slider-controls .slider-nav
{
width:auto;
margin-left:auto;
}
.block-type-9
{
padding:16rem 0;
}
.block-type-9 .container
{
z-index:10;
position:relative;
}
.block-type-9 .row--counters
{
padding-top:12rem;
}
.block-type-9 .counter
{
padding-left:3.2rem;
height:100%;
border-left:1px solid #000;
}
.block-type-9.background-type--dark .counter
{
border-left:1px solid #fff;
}
.block-type-9 .number
{
font-family: 'Space Grotesk';
font-size:12.8rem;
line-height:95%;
color:#000;
margin-bottom:1rem;
}
.block-type-9.background-type--dark .number
{
color:var(--yellow);
}
.block-type-9 .text
{
font-family: 'Space Grotesk';
font-size:1.6rem;
line-height:110%;
margin-bottom:0;
text-transform:uppercase;
}
.block-type-10
{
padding:11rem 0;
}
.block-type-10 .box
{
background:var(--yellow);
border-radius:3.2rem;
padding:5rem;
}
.block-type-10 .column-2
{
display:flex;
flex-direction:column;
justify-content:center;
}
.block-type-11 .box
{
background:#000;
border-radius:3.2rem;
padding:10rem 6.5rem 6.5rem 6.5rem;
position:relative;
color:#fff;
overflow:hidden;
min-height:41rem;
display:flex;
flex-direction:column;
justify-content:center;
}
.block-type-11 .box > .row
{
position:relative;
z-index:10;
}
.block-type-11 .buttons
{
display:flex;
flex-wrap:wrap;
align-items:center;
}
.block-type-11 .buttons .btn
{
margin:0 .8rem .8rem 0;
}
.block-type-11 .buttons .btn:last-child
{
margin-right:0;
}
.block-type-12 .heading
{
margin-bottom:8rem;
}
.block-type-12 .row--boxes > div
{
margin-bottom:6rem;
}
.block-type-12 .box
{
background:#EFEFEF;
display:block;
border-radius:24px;
overflow:hidden;
text-decoration:none;
height:100%;
display: flex;
flex-direction: column;
}
.block-type-12 picture
{
display:block;
overflow:hidden;
}
.block-type-12 picture img
{
object-fit:cover;
object-position:center center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.block-type-12 .box:hover picture img
{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.block-type-12 .box .content
{
padding:3.2rem;
display:flex;
flex-direction:column;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
.block-type-12 .box .name
{
font-size:2rem;
line-height:150%;
font-weight:600;
margin:0;
}
.block-type-12 .box .position
{
font-size:1.8rem;
line-height:150%;
margin:0 0 1.5rem 0;
}
.block-type-12 .box .content .bottom
{
margin-top:auto;
}
.block-type-13 .row
{
align-items:center;
}
.block-type-13 img
{
border-radius:24px;
margin-bottom:3rem;
}
.block-type-13 .buttons
{
display:flex;
flex-wrap:wrap;
align-items:center;
}
.block-type-13 .buttons .btn
{
margin:0 .8rem .8rem 0;
}
.block-type-16 .row--contact > div
{
margin-bottom:4rem;
}
.block-type-16 .box .icon
{
margin-bottom:1.6rem;
}
.block-type-16 .box .icon img
{
width: 32px;
}
.block-type-16 .box .label
{
font-size:2rem;
font-weight:700;
margin-bottom:1rem;
}
.block-type-17 .row--post
{
align-items:center;
}
.block-type-17 img
{
border-radius:24px;
}
.block-type-18 .filters
{
margin:0 0 7rem 0;
display:flex;
flex-wrap:wrap;
}
.block-type-18 .filters li
{
padding:0;
margin-right:1.6rem;
opacity:.5;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.block-type-18 .filters li.active
{
opacity:1;
}
.block-type-18 .filters li:before
{
display:none;
}
.block-type-18 .row--posts
{
min-height:10rem;
position:relative;
}
.loader 
{
width: 100%;
height: 100%;
background: rgba(255,255,255,.5) url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/loader.svg) center 0 no-repeat;
position: absolute;
top: 0;
left: 0;
}
.block-type-post
{
padding-top:10rem;
}
.block-type-post .back-link
{
margin-bottom:4rem;
}
.block-type-post .post-meta
{
padding:3rem 0 5rem 0;
}
.block-type-post .post-meta .title
{
font-size:1.8rem;
font-weight:600;
margin-bottom:1.5rem;
}
.block-type-post .post-meta .bottom
{
display:flex;
flex-wrap:wrap;
align-items:center;
}
.block-type-post .post-meta .share
{
display:flex;
flex-wrap:wrap;
margin:0;
}
.block-type-post .post-meta .share li
{
padding:0;
margin-right:.8rem;
}
.block-type-post .post-meta .share li:before
{
display:none;
}
.block-type-post .post-meta .bottom .tags
{
margin:0 0 0 auto;
}
.block-type-post .post-author
{
padding-top:5rem;
border-top:1px solid #000;
}
.block-type-post .post-author .name
{
font-size:1.6rem;
font-weight:600;
margin:0;
}
.block-type-post .post-author .info
{
font-size:1.6rem;
margin:0;
}
.page-content .block-type-post .tags
{
margin-bottom:4rem;
}
.block-type-post-category
{
padding-top:7rem;
}
.block-type-post-category .heading--main
{
margin-bottom:8rem;
}
.row--posts > div
{
margin-bottom:1.2rem;
}
@media (min-width:992px)
{
.row--posts > div
{
margin-bottom:6rem;
}
}
.row--posts .box
{
background:#EFEFEF;
display:block;
border-radius:24px;
overflow:hidden;
text-decoration:none;
height:100%;
display: flex;
flex-direction: column;
}
.row--posts picture
{
display:block;
overflow:hidden;
height:28rem;
}
.row--posts picture img
{
height:28rem;
width:100%;
object-fit:cover;
object-position:center center;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.row--posts .box:hover picture img
{
-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.row--posts .box .content
{
padding:3.2rem 1.6rem;
display:flex;
flex-direction:column;
flex: 1 1 auto;
display: flex;
flex-direction: column;
}
@media (min-width:992px)
{
.row--posts .box .content
{
padding:3.2rem;
}
}
.row--posts .box .content .bottom
{
margin-top:auto;
}
.row--posts .box:hover .link-with-arrow span:before
{
width:100%;
}
.row--posts .box:hover .link-with-arrow:after
{
right:-.5rem;
}
.align-content--left,
.align-content--left .heading
{
text-align:left;
}
.align-content--center .buttons
{
justify-content:center;
}
.align-content--center,
.align-content--center .heading
{
text-align:center;
}
.align-content--center .buttons
{
justify-content:center;
}
.align-content--right,
.align-content--right .heading
{
text-align:right;
}
.align-content--right .buttons
{
justify-content:right;
}
.block-type-post img
{
border-radius:24px;
}
.wp-caption
{
margin-bottom:4.5rem;
max-width:100%;
}
.wp-caption p
{
font-size:1.4rem;
line-height:150%;
padding:0 0 0 1rem;
border-left:2px solid #000;
margin-top:1rem;
}
.slick-track
{
display: flex !important;
}
.slick-slide
{
height: inherit !important;
}
.slider-arrows
{
display:inline-flex;
align-items:center;
}
.slider-arrow
{
width:4.4rem;
height:4.4rem;
cursor:pointer;
}
.slider-arrow--prev
{
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-7.svg) center center no-repeat;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
opacity:.3;
margin-right:1.6rem;
}
.slider-arrow--next
{
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-7.svg) center center no-repeat;
}
.slider-nav ul
{
display:flex;
align-items:center;
margin:0;
padding:0;
justify-content:center;
}
@media (max-width:992px)
{
.slider-nav ul li:nth-child(1n+5)
{
display:none;
}
}
.slider-nav ul li
{
margin:0 .5rem;
padding:0;
}
.slider-nav ul li:before
{
display:none;
}
.slider-nav ul div
{
width:.8rem;
height:.8rem;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background:rgba(0,0,0,.2);
border-radius:50%;
cursor:pointer;
}
.slider-nav ul .slick-active div
{
background:rgba(0,0,0,1);
}
.background-type--dark
{
color:#fff;
}
.background-type--light p
{
color:#000 !important;
}
.font-size--large p,
.font-size--large ul
{
font-size:1.8rem;
line-height:150%;
}
@media (min-width:992px)
{
.font-size--large p,
.font-size--large ul
{
font-size:2rem;
line-height:150%;
}
}
.font-size--medium p,
.font-size--medium ul
{
font-size:1.8rem;
line-height:150%;
}
.font-size--normal p,
.font-size--normal ul
{
font-size:1.6rem;
line-height:150%;
}
.font-size--small p,
.font-size--small ul
{
font-size:1.4rem;
line-height:150%;
}
.back-link
{
display:block;
position:relative;
font-size:1.6rem;
font-weight:500;
padding-left:4rem;
text-decoration:none;
}
.back-link:hover
{
text-decoration:none;
}
.back-link:before
{
content:'';
width:2rem;
height:1.5rem;
position:absolute;
left:0;
top:.3rem;
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-4.svg);
background-size:2rem 1.5rem;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.back-link:hover:before
{
left:-.5rem;
}
.link-with-arrow
{
display:block;
position:relative;
font-size:1.6rem;
font-weight:500;
}
.link-with-arrow:after
{
content:'';
width:3rem;
height:2.2rem;
position:absolute;
right:0;
top:50%;
margin-top:-1.1rem;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.link-with-arrow:hover:after
{
right:-.5rem;
}
.link-with-arrow span
{
display:inline-block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
position:relative;
}
.link-with-arrow span:before
{
content:'';
width:0;
height:.1rem;
position:absolute;
bottom:0;
left:0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.link-with-arrow--gray
{
color:#BDBDBD;
}
.link-with-arrow--white
{
color:#fff;
}
.link-with-arrow--white span:before
{
background:#fff;
}
.link-with-arrow--black span:before
{
background:#000;
}
.link-with-arrow--gray span:before
{
background:#BDBDBD;
}
.link-with-arrow--white:after
{
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-3.svg);
background-size:3rem 2.2rem;
}
.link-with-arrow--black:after,
.link-with-arrow--gray:after
{
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-4.svg);
background-size:3rem 2.2rem;
}
.page-content .tags
{
margin:0 0 1.5rem 0;
padding:0;
display:flex;
flex-wrap:wrap;
}
.page-content .tags li
{
margin:0 .8rem .8rem 0;
}
.page-content .tags li
{
padding:0;
}
.page-content .tags li:before
{
display:none;
}
.tags li span,
.tags li a
{
font-weight:600;
font-size:1.4rem;
line-height:2rem;
border-radius:5px;
padding:.6rem 1.2rem;
color:#000;
text-decoration:none;
}
.tags--lavender-light li span,
.tags--lavender-light li a
{
background:var(--lavender-light);
} .page-footer .top
{
padding:0 0 3rem 0;
}
.page-footer .top .column-1
{
display:flex;
flex-direction:column;
flex-wrap:wrap;
}
.page-footer h6
{
font-size:3.2rem;
line-height:95%;
font-weight:600;
text-transform:uppercase;
}
.page-footer .top a
{
text-decoration:none;
}
.page-footer .top .page-logo
{
display:inline-block;
margin-top:10rem;
}
.page-footer .top .column-2
{
font-size:1.4rem;
line-height:2rem;
font-weight:600;
}
.page-footer .top .column-2 ul li
{
margin-bottom:1.5rem;
}
.page-footer .top .social-links
{
display:flex;
align-items:center;
flex-wrap:wrap;
margin:-1rem 0 3rem 0;
}
.page-footer .top .social-links li
{
margin:0 1.6rem 1.6rem 0;
}
.page-footer .bottom
{
border-top:1px solid rgba(4, 5, 2, .15);
padding:3rem 0;
}
.page-footer .bottom .column-2
{
display:flex;
justify-content:flex-end;
}
.page-footer .bottom ul,
.page-footer .bottom p
{
margin:0;
font-size:1.4rem;
}
#menu-footer
{
display:flex;
align-items:center;
flex-wrap:wrap;
}
#menu-footer li:not(:last-child)
{
margin-right:2.4rem;
} .mfp-bg
{
z-index:99999;
}
.mfp-wrap
{
z-index:999999;
}
.popup
{
width:calc(var(--container-width) - 3rem);
max-width: 95%; 
margin: 5rem auto;
position: relative;
z-index: 999999999; 
background: #fff;
color:#000;
padding:10rem 2rem;
}
.popup-close
{
position: absolute;
right: 3rem;
top: 3rem;
width: 3rem;
height: 3rem;
background: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/icon-close.svg);
background-size: 3rem 3rem;
cursor: pointer;
}  .contact-form label
{
font-size:1.6rem;
line-height:2rem;
color:#000;
width:100%;
}
.contact-form label > span
{
margin-bottom:1rem;
display:block;
}
.contact-form span
{
display: block;
position: relative;
}
.contact-form p
{
margin-bottom: 2.5rem;
}
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form textarea,
.contact-form select
{
width: 100%;
border: 1px solid #000;
background: #fff;
font-size:2.2rem;
padding: 1.3rem 2rem;
min-height:6rem;
}
.contact-form select
{
font-size:2.2rem;
padding: 1.3rem 2rem;
min-height:6rem;
border:none;
appearance: none;    
-webkit-appearance: none; 
-moz-appearance: none; 
background-image: url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/chevron-2.svg); 
background-repeat: no-repeat;
background-position: right 1.5rem center;
background-size: 1.6rem 2.5rem
}
.contact-form textarea
{
height: 18rem;
resize: none;
display: block;
}
.contact-form .wpcf7-submit
{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:1.6rem;
line-height:2.2rem;
padding:1rem 2.5rem 1rem 2.5rem;
text-decoration:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border:none;
min-height:4.8rem;
position:relative;
border:1px solid transparent;
text-decoration:none;
overflow:hidden;
border-radius:2.4rem;
font-weight:500;
border:none;
background:var(--lavender-1);
color:#000;
}
.contact-form .wpcf7-submit:hover
{
background:var(--blue);
}
.contact-form span
{
display: block;
}
.contact-form .terms label,
.contact-form .wpcf7-checkbox label
{
text-transform:none;
font-weight:400;
font-size:1.6rem;
line-height:2.2rem;
}
.contact-form .terms input,
.contact-form .wpcf7-checkbox input
{
display: none;
}
.contact-form .terms input + span,
.contact-form .wpcf7-checkbox input + span
{
font-size: 1.6rem;
line-height: 2.2rem;
padding-left: 3rem;
cursor: pointer;
}
.contact-form .terms input + span:before,
.contact-form .wpcf7-checkbox input + span:before
{
content:'';
width: 2rem;
height: 2rem;
background: #fff;
position: absolute;
left: 0;
top: .1rem;
text-align: center;
line-height: 2.8rem;
font-size: 1.8rem;
font-weight: 400;
}
.contact-form .terms input:checked + span:before,
.contact-form .wpcf7-checkbox input:checked + span:before
{
background:#fff url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/icon-tick.svg) center center no-repeat;
background-size:70% 70%;
}
span.wpcf7-list-item
{
margin: 0;
}
.wpcf7 form .wpcf7-response-output
{
margin:0;
}
span.wpcf7-not-valid-tip
{
position: absolute;
border: 1px solid #f00;
position: absolute;
left: 0;
top: 0;
padding: 1.3rem 2rem;
color: #f00;
background: #f0eeee;
width: 100%;
height: 100%;
font-size: 1.6rem;
background:#fff;
z-index:99;
display:flex;
flex-wrap:wrap;
align-items:center;
}
.contact-form .info
{
text-align:right;
font-size:2rem;
}    .accordion .item
{
position:relative;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border-bottom:1px solid #000;
}
.accordion .item:first-child
{
border-top:1px solid #000;
}
.accordion .item.open
{
color:#000;
}
.accordion .item .opener
{
cursor:pointer;
font-size:1.8rem;
line-height:2rem;
position:relative;
padding:2.5rem 5.5rem 2.5rem 0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
color:#000;
margin:0;
font-weight:600;
}
.accordion .item .opener:after
{
content:'';
position:absolute;
right:0;
top:2rem;
width:3.2rem;
height:3.2rem;
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/chevron-1.svg) center center no-repeat;
background-size:3.2rem 3.2rem;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion .item.open .opener:after
{
-moz-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.accordion .item .content
{
display:none;
padding: 0 0 3rem 0;	
}
.accordion .item .content *:last-child
{
margin-bottom:0;
} .eyebrow
{
font-size:1.6rem;
line-height:150%;
margin-bottom:2rem;
font-weight:600;
position:relative;
padding-left:2rem;
display:inline-flex;
}
.eyebrow:before
{
content:'';
width:1.4rem;
height:1.1rem;
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-1.svg);
background-size:1.4rem 1.1rem;
position:absolute;
left:0;
top:.5rem;
}
.eyebrow--yellow-arrow:before
{
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-1a.svg);
background-size:1.4rem 1.1rem;
}
.block-type-9.background-type--dark .eyebrow:before
{
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-1a.svg);
background-size:1.4rem 1.1rem;
}
blockquote
{
padding-left:2.2rem;
border-left:2px solid #000;
font-size:2rem;
line-height:2.8rem;
font-style:italic;
margin-bottom:4rem;
}
blockquote p
{
font-size:2rem !important;
line-height:2.8rem !important;
}
blockquote p strong
{
font-size:1.6rem;
font-weight:600;
font-style:normal;
}
blockquote *:last-child
{
margin-bottom:0;
}
.heading
{
font-weight:400;
color:#000;
margin-bottom:3rem;
font-family: 'Space Grotesk';
}
.heading
{ }
h1,h2,h3,h4,h5,h6
{
color:#000;
margin: 0 0 3rem 0;
font-weight: 400;
line-height: normal;
font-family: 'Space Grotesk';
}
.heading--size-0
{
font-size:12.8rem;
line-height:95%;
letter-spacing:-.04em;
}
@media (min-width:992px)
{
.heading--size-0
{
font-size:4.5rem;
line-height:95%;
letter-spacing:-.04em;
}
}
.heading--size-1, h1
{
font-size:4.2rem;
line-height:95%;
letter-spacing:-.04em;
}
@media (min-width:992px)
{
.heading--size-1, h1
{
font-size:8rem;
line-height:95%;
letter-spacing:-.04em;
}
}
.heading--size-2, h2
{
font-size:2.9rem;
line-height:95%;
letter-spacing:-.03em;
}
@media (min-width:992px)
{
.heading--size-2, h2
{
font-size:5.6rem;
line-height:95%;
letter-spacing:-.04em;
}
}
.heading--size-3, h3
{
font-size:2.6rem;
line-height:95%;
letter-spacing:-.03em;
}
@media (min-width:992px)
{
.heading--size-3, h3
{
font-size:3.6rem;
line-height:95%;
letter-spacing:-.03em;
}
}
.heading--size-4, h4
{
font-size:2.3rem;
line-height:95%;
letter-spacing:-.03em;
}
@media (min-width:992px)
{
.heading--size-4, h4
{
font-size:2.6rem;
line-height:95%;
letter-spacing:-.03em;
}
}
.heading--size-5, h5
{
font-size:1.8rem;
line-height:95%;
letter-spacing:-.02em;
}
@media (min-width:992px)
{
.heading--size-5, h5
{
font-size:2rem;
line-height:95%;
letter-spacing:-.02em;
}
}
.heading--size-6, h6
{
font-size:1.4rem;
line-height:95%;
letter-spacing:-.01em;
}
@media (min-width:992px)
{
.heading--size-6, h6
{
font-size:1.6rem;
line-height:95%;
letter-spacing:-.01em;
}
}
ul
{
list-style-type: none;
padding: 0;
margin: 0 0 2.5rem 0;
line-height: 150%;
}
ul li
{
position:relative;
padding-left:1.5rem;
}
.page-footer ul li,
.product-tags li,
.variable-items-wrapper li,
.dropdown-menu li,
#menu-top li,
.social-links li,
.wc-block-components-product-details li,
.slider-nav li
{
padding-left:0;
}
.page-content ul li:before
{
content:'';
width:.5rem;
height:.5rem;
background:#000;
position:absolute;
left:0;
top:1rem;
}
p
{
margin: 0 0 2.5rem 0;
line-height: 150%;
}
a, a:hover, a:focus
{
color: var(--dark-blue);
text-decoration: underline;
}
input:focus, textarea:focus
{
outline: none;
}
img
{
max-width: 100%;
height: auto;
border: 0;
}
.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 24px;
margin-top: 4px;
}
.alignright, img.alignright {
display: inline;
float: right;
margin-left: 24px;
margin-top: 4px;
}
.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.to-animate, .animate-block
{
opacity: 0;
}
.text-color--white
{
color:#fff;
}
.text-color--black
{
color:#000;
}
.text-color--yellow
{
color:var(--yellow);
}
.text-color--lavender
{
color:var(--lavender);
}
.text-align--left
{
text-align:left;
}
.text-align--center
{
text-align:center;
}
.text-align--right
{
text-align:right;
}
.font-weight--300
{
font-weight:300;
}
.font-weight--400
{
font-weight:400;
}
.font-weight--700
{
font-weight:700;
}
.text-block > *:last-child
{
margin-bottom:0;
}
.text-block--main
{
margin-bottom:3rem;
}
.text-transform--uppercase
{
text-transform:uppercase;
}
.row--gap-none
{
margin-left:0;
margin-right:0;
}
.row--gap-none > div
{
padding-left:0;
padding-right:0;
}
@media (min-width:992px)
{
.row--gap-medium
{
margin-left:-3rem;
margin-right:-3rem;
}
.row--gap-medium > div
{
padding-left:3rem;
padding-right:3rem;
}
}
@media (min-width:992px)
{
.row--gap-small
{
margin-left:-.8rem;
margin-right:-.8rem;
}
.row--gap-small > div
{
padding-left:.8rem;
padding-right:.8rem;
}
}
.flex-justify--center
{
justify-content:center;
}
.btn
{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:1.6rem;
line-height:2.2rem;
padding:1rem 2.5rem 1rem 2.5rem;
text-decoration:none;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
border:none;
min-height:4.8rem;
position:relative;
border:1px solid transparent;
text-decoration:none;
overflow:hidden;
border-radius:2.4rem;
font-weight:500;
width:100%;
}
@media (min-width:992px)
{
.btn
{
width:auto;
}
}
.btn:hover
{
text-decoration:none;
}
.btn span
{
position:relative;
z-index:10;
}
.btn--bg-lavender
{
background:var(--lavender);
color:#000;
}
.btn--bg-lavender:hover,
.btn--bg-lavender:active,
.btn--bg-lavender:focus
{
background:var(--lavender-1);
color:#000;
}
.btn--bg-green
{
background:var(--green);
color:#fff;
}
.btn--bg-green:hover,
.btn--bg-green:active,
.btn--bg-green:focus
{
background:#3d4d1e;
color:#fff;
}
.btn--bg-green-arrow
{
background:var(--green);
color:#fff;
}
.btn--bg-green-arrow span
{
padding-right:3rem;
}
.btn--bg-green-arrow span:after
{
content:'';
width:1.8rem;
height:1.4rem;
background:url(//fussballkannmehr.de/wp-content/themes/fkm/assets/images/arrow-3.svg);
background-size:1.8rem 1.4rem;
position:absolute;
top:50%;
margin-top:-.7rem;
right:0;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.btn--bg-green-arrow:hover span:after
{
right:-.5rem;
}
.btn--bg-green-arrow:hover,
.btn--bg-green-arrow:active,
.btn--bg-green-arrow:focus
{
background:#3d4d1e;
color:#fff;
}
.btn--ghost
{
background:#ffffff15;
color:#fff;
}
.btn--ghost:hover,
.btn--ghost:active,
.btn--ghost:focus
{
background:#ffffff20;
color:#fff;
}
.btn--fullwidth
{
width:100%;
}
.photo-bg
{
width:100%;
height:100%;
}
.photo-bg--cover
{
background-size:cover;
background-position:center center
}
.photo-bg--absolute
{
top:0;
left:0;
position:absolute;
}
.slick-track{ margin-left: 0; }  .my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
} .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
} .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
opacity: 0;
-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
} .my-mfp-slide-bottom.mfp-bg {
opacity: 0;
-webkit-transition: opacity 0.3s ease-out; 
-moz-transition: opacity 0.3s ease-out; 
-o-transition: opacity 0.3s ease-out; 
transition: opacity 0.3s ease-out;
} .my-mfp-slide-bottom.mfp-ready.mfp-bg {
opacity: 0.8;
} .my-mfp-slide-bottom.mfp-removing.mfp-bg {
opacity: 0;
}
.row-align-vertical--bottom
{
align-items:flex-end;
}
.row-align-vertical--center
{
align-items:center;
}
@media (min-width:1600px)
{
.col-xxxl-8
{
width:66.66666667%;
}
.col-xxxl-6
{
width:50%;
}
.col-xxxl-4
{
width:33.33333333%;
}
.col-xxxl-3
{
width:25%;
}
.offset-xxxl-1
{
margin-left:8.33333333%;
}
.offset-xxxl-2
{
margin-left:16.66666667%;
}
}