/*
Theme Name: Annerster One
Theme URI: https://www.annerster.com/
Author: Dominik Forkapic
Author URI: https://www.annerster.com/
Description: einpunkt GmbH
Version: 1.0.0
*/

*:focus {outline: none;}

/*--------------------------------------------------------------------------------------------------------------------
# THEME COLORS
--------------------------------------------------------------------------------------------------------------------*/

:root {
    --primary: #f9eed9;
	--secondary: #544c46;
    --tertiary: #ed4436;
    --light: #f5f5f5;
    --text: #222222;
    --text-light: #919191;
    --hover: #848484;
} 

/*--------------------------------------------------------------------------------------------------------------------
# Fonts---------
-----------------------------------------------------------------------------------------------------------------------------*/

/* josefin-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../annerster_one/fonts/josefin-sans-v34-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../annerster_one/fonts/josefin-sans-v34-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../annerster_one/fonts/josefin-sans-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../annerster_one/fonts/josefin-sans-v34-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------
# General
-----------------------------------------------------------------------------------------------------------------------------------------------*/

.block-editor-page *,
.editor-styles-wrapper *,
.interface-interface-skeleton__content * {
    cursor: auto !important;
}

* {
  cursor: none !important;
}

.wp-admin * {
  cursor: auto !important;
}

.page-template-wpmm-page-template * {
  cursor: auto !important;
}
html, body {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: var(--text);
    font-size: 14px;
    line-height: 1.45;
    padding: 0;
    overflow-x: hidden;
    margin: 0!important;
    -webkit-box-sizing: border-box!important;
            box-sizing: border-box!important;
    -webkit-transition: background-color 1s ease-in-out, color .8s ease-in-out;
    -o-transition: background-color 1s ease-in-out, color .8s ease-in-out;
    transition: background-color 1s ease-in-out, color .8s ease-in-out;
}

@media (min-width: 1200px) {html, body {font-size: 16px}}

body::-webkit-scrollbar {width: 0.5em; display: none;}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #DBDBDB;
}
 
body::-webkit-scrollbar-thumb {
    background-color: #A2A2A2;
    border-radius: 0.25em;
    cursor: pointer;
}

@media (max-width:768px) {
    ::-webkit-scrollbar { display: none;}
}

/*:focus { 
    outline: none!important;
    border: none!important
}*/

img {width: 100%;display: block;line-height: 0;}
svg {display: block;line-height: 0;}

.border-bg {background: none; border: 2px solid currentcolor;-webkit-box-sizing: content-box;box-sizing: content-box;}

.border-bottom {border-bottom: 2px solid #CECECE;}

td {vertical-align: baseline;}

button, textarea, input, select, a{
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 -webkit-tap-highlight-color: transparent;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
  user-select: none;
}

::-moz-selection {background: var(--primary);}
::selection {background: var(--primary);}
::-moz-selection {background: var(--primary);}

/*--------------------------------------------------------------------------------------------------------------------------------------
# Container
--------------------------------------------------------------------------------------------------------------------------------------*/

.container-small {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

.container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 768px) {
  .container {
      padding-right: 5%;
      padding-left: 5%;  
    }
    .container-small {
        max-width: 500px!important;
    }
}
@media (min-width: 992px) {
  .container {
      padding-right: 7%;
      padding-left: 7%;  
    }
    .container-small {
        max-width: 600px;
    }
}
@media (min-width: 1200px) {
  .container {
      padding-right: 10%;
      padding-left: 10%;  
    }
    .container-small {
        max-width: 800px;
    }
}

/*-----------------------------------------------------------------------------------------------------------------------------
# DOT Cursor
-----------------------------------------------------------------------------------------------------------------------------*/

.cursor-dot {
    width: 10px;
    height: 10px;
    background: currentColor;
    border: 1.5px solid transparent;
    border-radius: 50%;
    position: fixed;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: background 0.2s ease, border-color 0.2s ease;
    z-index: 999999;
}

.cursor-dot.is-hovering {
    background: transparent;
    border-color: currentColor;
}

.cursor-dot.menu-open {
    background: #fff;
}

.cursor-dot.menu-open.is-hovering {
    background: transparent;
    border-color: #fff;
}

@media (hover: none) {
  .cursor-dot {
    display: none;
  }
}

.cursor-dot.cursor-red {
    border-color: var(--tertiary)!important;
	border: 3px solid
}

/*--------------------------------------------------------------------------------------------------------------------------------------
# Typography
--------------------------------------------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: inherit;
    margin: 0 0 .25em 0;
}

.bold, strong, b {font-weight: 400;}
small {font-weight: 300;}

p, a, .p, .a {
    font-family: 'Josefin Sans',sans-serif;    
    font-weight: 300;
    color: inherit;
    margin: 0 0 .5em 0;
    letter-spacing: 0em;
    display: inherit;
	font-size: 16px;
}

li {font-size: 16px;}

a {
    -webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;
    -webkit-transition-property: color;-o-transition-property: color;transition-property: color;
    cursor: pointer;
    text-decoration: none;
    color: inherit;
    text-decoration: none!important;
    display: inline-block;
}

a:hover {color: var(--hover);}

.heading {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400!important;
    font-size: 4rem;
	margin: 0;
	padding: 1.25rem 0 .25em 0;
    line-height: 1em!important;
    letter-spacing: 0 !important;
	-webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	z-index: 1;
}

.subheading {
	font-family: 'Josefin Sans', sans-serif;
    font-weight: 300;
	margin: 0!important;
	line-height: 1.5em;
    letter-spacing: 0!important;
    text-transform: uppercase;
}

.link{}

.xxlarge {font-size: 10vw!important; line-height: 1em; list-style-type: none;}
.xlarge {font-size: 3rem!important; list-style-type: none;}
.large {font-size: 1.75rem!important; list-style-type: none;}
.medium {font-size: 1.5rem!important; list-style-type: none;}
.normal {font-size: 1rem!important; list-style-type: none;}
.small {font-size: .85rem!important; list-style-type: none;}

.heading small{ font-size: .35em;}

@media (min-width:576px){
.xxlarge {font-size: 4rem!important; line-height: 1em}
}


.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}.text-xl-center{text-align:center!important}}

.list {margin: 0;padding: 0;list-style: none;}

.text-white {color: #fff!important;}

.text {color: var(--text)!important;}

.text-light {color: var(--text-light)!important;}

.text-primary {color: var(--primary)!important;}

.text-secondary {color: var(--secondary)!important;}

.text-tertiary {color: var(--tertiary)!important;}

.underline {
    width: 125px;
    background: currentColor;
    height: 3px;
    display: block;
    margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------------------------------------------
# Buttons
-----------------------------------------------------------------------------------------------------------------------------*/

.btn-pill {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px 7px 13px;
  border-radius: 999px;
  border: none;
  background: var(--text);
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
	    -webkit-transition: background-color 1s ease-in-out, color .8s ease-in-out;
    -o-transition: background-color 1s ease-in-out, color .8s ease-in-out;
    transition: background-color 1s ease-in-out, color .8s ease-in-out;
}

.btn-pill::before {
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #fff;
  flex-shrink: 0;
  transform: scale(0.4);
  transition: transform 0.3s ease, background-color 1s ease-in-out, color 0.8s ease-in-out;
  margin-top:-3px

}

.btn-pill:hover {
	color: #fff;
	opacity: 0.5;
}

.btn-pill:hover::before {
  transform: scale(1);
}

.bg-black .btn-pill, .bg-tertiary .btn-pill {
  background: #fff;
  color: var(--text);
} 

.bg-black .btn-pill::before, .bg-tertiary .btn-pill::before {
  background: var(--text);
}


/*-----------------------------------------------------------------------------------------------------------------------------
# Navigation
--------------------------------------------------------------------------------------------------------------------------------------*/

.admin-bar header {top:46px;}


header {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 75px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
            animation-duration: 1s;
    -webkit-animation-name: fadeDown;
            animation-name: fadeDown;
}

/*---------NAV MENU---------------------------------------------------------------------------------------------------*/

nav {
    position: fixed;
    background-color: var(--text);
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: none;
    overflow: scroll;
    -ms-overflow-style: none;
}

nav::-webkit-scrollbar {display: none}

nav ul {margin: 0;padding: 0;list-style: none;}
nav ul li, nav .nav-footer{opacity: 0}


nav .primary-menu, nav .secondary-menu {
    font-weight: 700;
    text-align: left;
}

nav ul li a {margin:0; font-weight: 700; line-height:1.75em}

nav .primary-menu {margin-top: 120px; margin-bottom:5vh;}
nav .primary-menu a {font-size: 5vh}
nav .secondary-menu {margin-top: 5vh;}
nav .secondary-menu a {font-size: 3vh;}


nav .nav-footer {
    border-top: 1px solid #fff;
    margin-top: 12vh;
    padding-bottom: 75px
}

@-webkit-keyframes fadeDown {
0% {opacity: 0;-webkit-transform: translate3d(0, -60px, 0);transform: translate3d(0, -60px, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}

@keyframes fadeDown {
0% {opacity: 0;-webkit-transform: translate3d(0, -60px, 0);transform: translate3d(0, -60px, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}
}

/*---------LOGO---------------------------------------------------------------------------------------------------------------------*/

.brand {
    font-family: inherit;
    font-size:24px;
    font-weight: 800;
    line-height: .85em;
    color: currentColor;
    text-transform: uppercase;
    margin: auto;
    transition: .3s;
    transition-property: transform, color, opacity;
	transition: transform .3s, color .3s, opacity .3s ease;
    height: fit-content;
	opacity: 1;
}

.brand svg{width: 100px;}

.logofill {
	fill: currentColor;}

.brand.open svg .logofill {fill: white!important;-webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;}

.brand svg:hover { fill:var(--hover)!important}

@media (min-width: 768px) {
  .brand {margin: auto;}

}

.down .brand {opacity: 0;}

/*---------NAV Toggle------------------------------------------------------------------------------------------------------------*/

#nav-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 44px;
    height: 44px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    cursor: pointer;
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 -webkit-tap-highlight-color: transparent;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
  user-select: none;
  top: 50vh;
	transform: translateY(-50%);
	background: currentColor;
	border-radius: 100%;
	right:30px;
  -webkit-transition: background-color .8s linear;
    -o-transition: background-color .8s linear;
    transition: background-color .8s linear;
}


#nav-icon span {
  display: block;
  position: absolute;
  background: currentColor;
  filter: invert(1);
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
	    -webkit-transition-property: transform;
    -o-transition-property: transform;
    transition-property: transform;
	height: 2px;
    width: 26px;
    left: 9px;
}

#nav-icon:hover > span,#nav-icon.open:hover > span  {background: var(--hover)!important;  -webkit-transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  transition: .2s ease-in-out;}

#nav-icon span:nth-child(1){top: 18px;}
#nav-icon span:nth-child(2){top: 24px;}

#nav-icon.open {background: #fff}
#nav-icon.open span {background: var(--text); filter: none; top: 21px; width: 30px; left: 7px;}

#nav-icon.open span:nth-child(1) {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

@media (min-width: 576px) {
    #nav-icon{left:30px;right:auto;}
}

/*---------Sidebar------------------------------------------------------------------------------------------------------------*/

.social-sidebar {
  position: fixed;
  right: 0;
  top: 50vh;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  z-index: 1000;
}

.social-sidebar a {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  padding: 0 20px;
  margin: 40px 0;
  font-weight: 400;
}

@media (max-width: 575px) {
  .social-sidebar {
    left: 0;
    right: auto;
	  display: none !important;
  }
}

/*--------------------------------------------------------------------------------------------------------------------------------------
# Footer
--------------------------------------------------------------------------------------------------------------------------------------*/
.footer-brand {
	width: 160px;
	margin: auto;
}

.footer-menu ul {padding: 0;}
.footer-menu ul li {
    list-style: none;
    margin-left: -0.25em;
}

.footer-menu ul li a:before {
    content: "\eab8";
    font-family: IcoFont;
    padding-right: 0.125em;
    color: var(--primary);
}

.footer-social ul li {display: inline; margin-left: 0;}

.footer-social ul li a {
    margin-right: .15em;
    font-size: 1.75em;
}
.footer-social ul li a:before {content: '';}

.footer-bottom {font-size:.75rem}


/*-----------------------------------------------------------------------------------------------------------------------------------------------
# Backgrounds
-----------------------------------------------------------------------------------------------------------------------------------------------*/

.bg-fixed{background: no-repeat center center fixed;background-size: cover}

.bg{background: no-repeat center center scroll;background-size: cover}

.bg-darken {position: relative}

.bg-darken:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0,0,0,.1);
}  

.bg-primary  {background:var(--primary)!important;    }

.bg-secondary  {color: #fff;background:var(--secondary)!important;    }

.bg-tertiary  {color: #fff;background:var(--tertiary)!important;}

.bg-light  {background:var(--light)!important;}

.bg-black {color: #fff;background: var(--text)!important;}
.bg-black-2 {color: #fff;background: black!important;}
.bg-landing-hero {color: #fff;}

.separator {border-top: 1px solid currentcolor; opacity: .25;}

.vertical-divider {
    height: 100%;
    width: 1px;
    background: currentColor;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
}

/*--------------------------------------------------------------------------------------------------------------------------------------
# Spacing
--------------------------------------------------------------------------------------------------------------------------------------*/

.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-25{margin-top:25px}.mt-30{margin-top:30px}.mt-35{margin-top:35px}.mt-40{margin-top:40px}.mt-45{margin-top:45px}.mt-50{margin-top:50px}.mt-55{margin-top:55px}.mt-60{margin-top:60px}.mt-65{margin-top:65px}.mt-70{margin-top:70px}.mt-75{margin-top:75px}.mt-80{margin-top:80px}.mt-85{margin-top:85px}.mt-90{margin-top:90px}.mt-95{margin-top:95px}.mt-100{margin-top:100px}.mt-105{margin-top:105px}.mt-110{margin-top:110px}.mt-115{margin-top:115px}.mt-120{margin-top:120px}.mt-125{margin-top:125px}.mt-130{margin-top:130px}.mt-135{margin-top:135px}.mt-140{margin-top:140px}.mt-145{margin-top:145px}.mt-150{margin-top:150px}.mt-155{margin-top:155px}.mt-160{margin-top:160px}.mt-165{margin-top:165px}.mt-170{margin-top:170px}.mt-175{margin-top:175px}.mt-180{margin-top:180px}.mt-185{margin-top:185px}.mt-190{margin-top:190px}.mt-195{margin-top:195px}.mt-200{margin-top:200px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-25{margin-bottom:25px}.mb-30{margin-bottom:30px}.mb-35{margin-bottom:35px}.mb-40{margin-bottom:40px}.mb-45{margin-bottom:45px}.mb-50{margin-bottom:50px}.mb-55{margin-bottom:55px}.mb-60{margin-bottom:60px}.mb-65{margin-bottom:65px}.mb-70{margin-bottom:70px}.mb-75{margin-bottom:75px}.mb-80{margin-bottom:80px}.mb-85{margin-bottom:85px}.mb-90{margin-bottom:90px}.mb-95{margin-bottom:95px}.mb-100{margin-bottom:100px}.mb-105{margin-bottom:105px}.mb-110{margin-bottom:110px}.mb-115{margin-bottom:115px}.mb-120{margin-bottom:120px}.mb-125{margin-bottom:125px}.mb-130{margin-bottom:130px}.mb-135{margin-bottom:135px}.mb-140{margin-bottom:140px}.mb-145{margin-bottom:145px}.mb-150{margin-bottom:150px}.mb-155{margin-bottom:155px}.mb-160{margin-bottom:160px}.mb-165{margin-bottom:165px}.mb-170{margin-bottom:170px}.mb-175{margin-bottom:175px}.mb-180{margin-bottom:180px}.mb-185{margin-bottom:185px}.mb-190{margin-bottom:190px}.mb-195{margin-bottom:195px}.mb-200{margin-bottom:200px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-25{margin-left:25px}.ml-30{margin-left:30px}.ml-35{margin-left:35px}.ml-40{margin-left:40px}.ml-45{margin-left:45px}.ml-50{margin-left:50px}.ml-55{margin-left:55px}.ml-60{margin-left:60px}.ml-65{margin-left:65px}.ml-70{margin-left:70px}.ml-75{margin-left:75px}.ml-80{margin-left:80px}.ml-85{margin-left:85px}.ml-90{margin-left:90px}.ml-95{margin-left:95px}.ml-100{margin-left:100px}.ml-105{margin-left:105px}.ml-110{margin-left:110px}.ml-115{margin-left:115px}.ml-120{margin-left:120px}.ml-125{margin-left:125px}.ml-130{margin-left:130px}.ml-135{margin-left:135px}.ml-140{margin-left:140px}.ml-145{margin-left:145px}.ml-150{margin-left:150px}.ml-155{margin-left:155px}.ml-160{margin-left:160px}.ml-165{margin-left:165px}.ml-170{margin-left:170px}.ml-175{margin-left:175px}.ml-180{margin-left:180px}.ml-185{margin-left:185px}.ml-190{margin-left:190px}.ml-195{margin-left:195px}.ml-200{margin-left:200px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-25{margin-right:25px}.mr-30{margin-right:30px}.mr-35{margin-right:35px}.mr-40{margin-right:40px}.mr-45{margin-right:45px}.mr-50{margin-right:50px}.mr-55{margin-right:55px}.mr-60{margin-right:60px}.mr-65{margin-right:65px}.mr-70{margin-right:70px}.mr-75{margin-right:75px}.mr-80{margin-right:80px}.mr-85{margin-right:85px}.mr-90{margin-right:90px}.mr-95{margin-right:95px}.mr-100{margin-right:100px}.mr-105{margin-right:105px}.mr-110{margin-right:110px}.mr-115{margin-right:115px}.mr-120{margin-right:120px}.mr-125{margin-right:125px}.mr-130{margin-right:130px}.mr-135{margin-right:135px}.mr-140{margin-right:140px}.mr-145{margin-right:145px}.mr-150{margin-right:150px}.mr-155{margin-right:155px}.mr-160{margin-right:160px}.mr-165{margin-right:165px}.mr-170{margin-right:170px}.mr-175{margin-right:175px}.mr-180{margin-right:180px}.mr-185{margin-right:185px}.mr-190{margin-right:190px}.mr-195{margin-right:195px}.mr-200{margin-right:200px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pt-30{padding-top:30px}.pt-35{padding-top:35px}.pt-40{padding-top:40px}.pt-45{padding-top:45px}.pt-50{padding-top:50px}.pt-55{padding-top:55px}.pt-60{padding-top:60px}.pt-65{padding-top:65px}.pt-70{padding-top:70px}.pt-75{padding-top:75px}.pt-80{padding-top:80px}.pt-85{padding-top:85px}.pt-90{padding-top:90px}.pt-95{padding-top:95px}.pt-100{padding-top:100px}.pt-105{padding-top:105px}.pt-110{padding-top:110px}.pt-115{padding-top:115px}.pt-120{padding-top:120px}.pt-125{padding-top:125px}.pt-130{padding-top:130px}.pt-135{padding-top:135px}.pt-140{padding-top:140px}.pt-145{padding-top:145px}.pt-150{padding-top:150px}.pt-155{padding-top:155px}.pt-160{padding-top:160px}.pt-165{padding-top:165px}.pt-170{padding-top:170px}.pt-175{padding-top:175px}.pt-180{padding-top:180px}.pt-185{padding-top:185px}.pt-190{padding-top:190px}.pt-195{padding-top:195px}.pt-200{padding-top:200px}.pt-260{padding-top:260px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-25{padding-bottom:25px}.pb-30{padding-bottom:30px}.pb-35{padding-bottom:35px}.pb-40{padding-bottom:40px}.pb-45{padding-bottom:45px}.pb-50{padding-bottom:50px}.pb-55{padding-bottom:55px}.pb-60{padding-bottom:60px}.pb-65{padding-bottom:65px}.pb-70{padding-bottom:70px}.pb-75{padding-bottom:75px}.pb-80{padding-bottom:80px}.pb-85{padding-bottom:85px}.pb-90{padding-bottom:90px}.pb-95{padding-bottom:95px}.pb-100{padding-bottom:100px}.pb-105{padding-bottom:105px}.pb-110{padding-bottom:110px}.pb-115{padding-bottom:115px}.pb-120{padding-bottom:120px}.pb-125{padding-bottom:125px}.pb-130{padding-bottom:130px}.pb-135{padding-bottom:135px}.pb-140{padding-bottom:140px}.pb-145{padding-bottom:145px}.pb-150{padding-bottom:150px}.pb-155{padding-bottom:155px}.pb-160{padding-bottom:160px}.pb-165{padding-bottom:165px}.pb-170{padding-bottom:170px}.pb-175{padding-bottom:175px}.pb-180{padding-bottom:180px}.pb-185{padding-bottom:185px}.pb-190{padding-bottom:190px}.pb-195{padding-bottom:195px}.pb-200{padding-bottom:200px}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-25{padding-left:25px}.pl-30{padding-left:30px}.pl-35{padding-left:35px}.pl-40{padding-left:40px}.pl-45{padding-left:45px}.pl-50{padding-left:50px}.pl-55{padding-left:55px}.pl-60{padding-left:60px}.pl-65{padding-left:65px}.pl-70{padding-left:70px}.pl-75{padding-left:75px}.pl-80{padding-left:80px}.pl-85{padding-left:85px}.pl-90{padding-left:90px}.pl-95{padding-left:95px}.pl-100{padding-left:100px}.pl-105{padding-left:105px}.pl-110{padding-left:110px}.pl-115{padding-left:115px}.pl-120{padding-left:120px}.pl-125{padding-left:125px}.pl-130{padding-left:130px}.pl-135{padding-left:135px}.pl-140{padding-left:140px}.pl-145{padding-left:145px}.pl-150{padding-left:150px}.pl-155{padding-left:155px}.pl-160{padding-left:160px}.pl-165{padding-left:165px}.pl-170{padding-left:170px}.pl-175{padding-left:175px}.pl-180{padding-left:180px}.pl-185{padding-left:185px}.pl-190{padding-left:190px}.pl-195{padding-left:195px}.pl-200{padding-left:200px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-25{padding-right:25px}.pr-30{padding-right:30px}.pr-35{padding-right:35px}.pr-40{padding-right:40px}.pr-45{padding-right:45px}.pr-50{padding-right:50px}.pr-55{padding-right:55px}.pr-60{padding-right:60px}.pr-65{padding-right:65px}.pr-70{padding-right:70px}.pr-75{padding-right:75px}.pr-80{padding-right:80px}.pr-85{padding-right:85px}.pr-90{padding-right:90px}.pr-95{padding-right:95px}.pr-100{padding-right:100px}.pr-105{padding-right:105px}.pr-110{padding-right:110px}.pr-115{padding-right:115px}.pr-120{padding-right:120px}.pr-125{padding-right:125px}.pr-130{padding-right:130px}.pr-135{padding-right:135px}.pr-140{padding-right:140px}.pr-145{padding-right:145px}.pr-150{padding-right:150px}.pr-155{padding-right:155px}.pr-160{padding-right:160px}.pr-165{padding-right:165px}.pr-170{padding-right:170px}.pr-175{padding-right:175px}.pr-180{padding-right:180px}.pr-185{padding-right:185px}.pr-190{padding-right:190px}.pr-195{padding-right:195px}.pr-200{padding-right:200px}


/*---------Section Padding Gerneral---------------------------------------------------------------------------------------------------*/

.section-padding {padding-top: 4.5rem; padding-bottom: 4.5rem;}
.section-padding-top {padding-top: 4.5rem;}
.section-padding-bottom {padding-bottom: 4.5rem;}


@media (min-width: 992px) {
    .section-padding {padding-top: 5rem; padding-bottom: 5rem;}
    .section-padding-top {padding-top: 5rem;}
    .section-padding-bottom {padding-bottom: 5rem;}
}

@media (min-width: 992px) {
    .section-padding {padding-top: 6rem; padding-bottom: 6rem;}
    .section-padding-top {padding-top: 6rem;}
    .section-padding-bottom {padding-bottom: 6rem;}
}


/*--------------------------------------------------------------------------------------------------------------------------------------
# Content
--------------------------------------------------------------------------------------------------------------------------------------*/

/*---Scroll Icon-----------------------------------------------------------------------------------------------------------------------*/
.scroll-indicator {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.scroll-indicator__line {
  width: 1px;
  height: 40px;
  background: currentColor;
  position: relative;
  overflow: visible; /* ← von hidden auf visible */
}

.scroll-indicator__dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: currentColor;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  animation: scrollDot 1.8s ease-in-out infinite;
}

@keyframes scrollDot {
  0%   { top: 0; opacity: 1; }
  80%  { top: 100%; opacity: 1; }
  81%  { top: 100%; opacity: 0; }
  82%  { top: 0; opacity: 0; }
  100% { top: 0; opacity: 1; }
}

/*---Hero Main-----------------------------------------------------------------------------------------------------*/

.landing-hero .page-hero__image {
  position: relative;
  overflow: hidden;
}

.landing-hero .page-hero__image img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;
}

.landing-hero .hero-img-2 {
  opacity: 0;
}

/*---Quote Main-----------------------------------------------------------------------------------------------------*/

.quote-text {
  font-size: clamp(1.2rem, 3vw, 2rem);
  text-transform: uppercase;
  line-height: 1.8;
  margin: 0;
}

.quote-highlight {
  font-size: clamp(2.5rem, 7vw, 5rem);
  font-weight: 700;
  vertical-align: middle;
  line-height: 1;
}

/*---Services--------------------------------------------------------------------------------------------*/

.leistung-circle {
  width: min(220px, 90%);
  height: 0;
  padding-bottom: min(220px, 90%);
  border-radius: 50%;
  border: 1px solid currentColor;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-decoration: none;
  color: inherit;
  position: relative;
}

.leistung-circle-inner {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.leistung-title {
  font-size: clamp(1.5rem, 2.5vw, 1.8rem);
  font-weight: 400;
}

.leistung-link {
  font-size: 0.8rem;
}

/*---Team Hero--------------------------------------------------------------------------------------------*/

.team-hero {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow: hidden;
  background: #000;
}

.team-hero__image {
  width: 100%;
  height: 100vh;
}

.team-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.team-hero__names {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}

.team-hero__names-inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.team-hero__names .heading {
  margin: 0 !important;
}

.team-hero__names .subheading {
  margin: 0;
}

/* Mobile */
@media (max-width: 575px) {
  .team-hero {
    min-height: auto;
  }

  .team-hero__image {
    height: 100vw;
  }

  .team-hero__names {
    position: relative;
    bottom: auto;
    background: #000;
    padding: 30px 0;
  }

  .team-hero__names-inner {
    flex-direction: column;
    gap: 20px;
	align-items: stretch; 
  }
}

/*---Keynotes Hero--------------------------------------------------------------------------------------------------------------*/

.page-hero {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.page-hero__image {
  width: 100%;
  height: 100%;
}

.page-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.page-hero__content {
	position: absolute;
	bottom: 10vh;
  left: 0;
  right: 0;
}

.page-hero__content .heading {margin: 0 !important;}

.page-hero__content .subheading {margin: 0;}

@media (max-width: 575px) {
  .page-hero {height: 100vh;}
}

/*---Coaching Hero--------------------------------------------------------------------------------------------------------------*/

.split-hero {
  min-height: 100vh;
  display: flex;
  align-items: center;
}

.split-hero__image {
  overflow: hidden;
}

.split-hero__image img {
  width: 100%;
  height: 70vh;
  object-fit: cover;
  object-position: center;
  display: block;
	border-radius: none;
}

@media (max-width: 575px) {
  .split-hero__image img {
    height: 60vw;
  }
  .split-hero {
    min-height: 84vh;
  }
}

/*---Book Hero-----------------------------------------------------------------------------------------------------------------------*/

/*---About Accordion-----------------------------------------------------------------------------------------------------------------------*/

.about-accordion .accordion-button {
  margin-left: 2rem;
	cursor: pointer;
}


.about-accordion .accordion-button::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background: currentcolor;
  border-radius: 50%;
  flex-shrink: 0;
  transition: transform 0.22s ease;
	position:absolute;
	top: 4.25rem;
	left:0;
}

.about-accordion .accordion-body {
	padding-left: 2rem;
}

.about-accordion .accordion-button:hover::before {
  transform: scale(1.7);
}

.accordion-button::after {
  margin-left: auto;
}

/*---FAQ-----------------------------------------------------------------------------------------------------------------------*/

.accordion-button {
  margin-left: 2rem;
	cursor: pointer;
}


.accordion-button::before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background: currentcolor;
  border-radius: 50%;
  flex-shrink: 0;
  transition: transform 0.22s ease;
	position:absolute;
	top: .5rem;
	left:0;
}

.accordion-body {
	padding-left: 2rem;
}

.accordion-button:hover::before {
  transform: scale(1.7);
}

/*---Timeline-----------------------------------------------------------------------------------------------------------------------*/

.timeline {
  position: relative;
  padding-left: 80px;
}

.timeline__line {
  position: absolute;
  left: 20px;
  top: 20px;
  bottom: 0;
  width: 2px;
  background: var(--tertiary);
}

.timeline-dot {
  position: absolute;
  left: 10px;
  top: 20px;
  width: 22px;
  height: 22px;
  background: currentcolor;
  border-radius: 50%;
  z-index: 10;
}

.timeline__item {
  display: flex;
  gap: 40px;
  margin-bottom: 80px;
  position: relative;
}

.timeline__content {
  padding-top: 1rem;
}

.timeline__item .heading {
  padding-top: 0.85rem;
  padding-bottom: 0;
  width: 4.5rem;
  flex-shrink: 0;
}

.timeline__title {
  font-size: 1.5rem;
  font-weight: 400;
  margin: 0 0 0.5em 0;
}

.timeline__content p {
  margin: 0;
}

@media (max-width: 575px) {
  .timeline {padding-left: 50px;}

  .timeline__line {left: 15px;}

  .timeline__item {
    flex-direction: column;
    gap: 0;
    margin-bottom: 40px;
  }

	.timeline__content {padding-top: .5rem;}

	.timeline-dot {left: 5px;}
}

/*---Wayfeature-----------------------------------------------------------------------------------------------------------------------*/

.wf-features {padding-left: 35px;}

.col-wf-left, .col-wf-right {
    border-left: 2px solid var(--tertiary);
    padding: 80px 15px 80px 60px;
    position: relative;
}

.col-wf-left {
    border-top: 2px solid var(--tertiary);
    border-bottom: 2px solid var(--tertiary);
    margin-top: -2px;
    margin-bottom: -2px;
}

@media (max-width: 765px) {
    .col-wf-left {
        border-bottom: none;
        border-top: none;
    }
}

.col-wf-left:nth-child(1) {border-top: none;}

.wf-features .row>::after {
    position: absolute;
    top: 54px;
    left: -.3em;
    font-size: 5rem;
    font-weight: 400;
	background:#fff;
		    -webkit-transition: background-color 1s ease-in-out;
    -o-transition: background-color 1s ease-in-out;
    transition: background-color 1s ease-in-out;
}

.bg-black .wf-features .row>:after {
  background: var(--text);
}

.wf-features .row>:nth-child(1):after {content: '1';left: -.15em;}
.wf-features .row>:nth-child(2):after {content: '2'}
.wf-features .row>:nth-child(3):after {content: '3'}
.wf-features .row>:nth-child(4):after {content: '4'}
.wf-features .row>:nth-child(5):after {content: '5'}
.wf-features .row>:nth-child(6):after {content: '6'}

/*Galery Slider Productpage--------------------------------------------------------------------------------------------*/

    #insidethebook .carousel-inner {height: 80vh;}
    #insidethebook .carousel-item {height: 100%;}


@media (max-width: 575px) {
    #insidethebook .carousel-inner {height: 90vw;}
}


/*MODAL--------------------------------------------------------------------------------------------*/

.modal{z-index:9999}
.modal .close {font-size:2rem}

@media (max-width: 575px) {
	.modal-open .modal {
    	padding-right: 0!important;
	}
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width:540px
		margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        max-width:738px
    }
}

@media (min-width: 992px) {
    .modal-dialog-xl {
        max-width:1060px;
    }
}

@media (min-width: 12000px) {
    .modal-dialog {
        max-width:1140px
    }
}
.modal-content {max-height:85%!important; margin-top:60px;border: none; border-radius:0px}
.modal-header {
	border-bottom: none; border-radius:0; margin:0; padding: 24px;
}
@media (min-width: 768px) {
	.modal-body {padding: 40px}

}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  appearance: none;
}

.btn-modal, .btn-modal input {
    color: var(--text);
    width: 100%;
    margin: 0;
	border: none;
	background: none;
	position: relative;
	cursor: pointer;
	padding: 0;
}

/*-----------------------------------------------------------------------------------------------------------------------------
# Terms & Conditions
-----------------------------------------------------------------------------------------------------------------------------*/

.legal {padding-top: 200px;padding-bottom: 100px;}

.legal ul {list-style: disc outside none;}

.legal ul li{margin-bottom:0.825em;}

.legal a {font-weight: 400;}

/*---Testimonials-----------------------------------------------------------------------------------------------------*/

.testimonial {
	position: relative;
	padding: 0 1.5em;
}

.testimonial:before {
    content: '"';
    position: absolute;
    top: -0.75em;
    left: 0;
    font-weight: 400;
    font-size: 3rem;
}

/*-----------------------------------------------------------------------------------------------------------------------------
# Masonry - Grid
-----------------------------------------------------------------------------------------------------------------------------*/

.masonry-gallery-grid {
  column-count: 3;
  column-gap: 1rem;
}
.masonry-gallery-grid a {
  display: inline-block;
  width: 100%;
  break-inside: avoid;
}
.masonry-gallery-grid img {
  width: 100%;
  height: auto;
}
@media (max-width: 992px) {
  .masonry-gallery-grid { column-count: 2; }
}
@media (max-width: 576px) {
  .masonry-gallery-grid { column-count: 1; }
}

@media (min-width: 1200px) and (hover: hover) and (pointer: fine) {
  .masonry-gallery-grid img {
    filter: grayscale(100%);
    transition: filter 0.2s ease;
  }

  .masonry-gallery-grid img:hover {
    filter: grayscale(0%);
  }
}

/*--------------------------------------------------------------------------------------------------------------------
# Contact Form 7
--------------------------------------------------------------------------------------------------------------------*/

.wpcf7 .button {
    font-size: 1.25rem;
    font-weight: 400;
    text-transform: uppercase; border: none;
    color: #fff;
    background:var(--primary);
    border-color: var(--primary);
    line-height: 3.5rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.275)!important;
    width: 100%;
    border-radius: 0;
}

.wpcf7 .button:hover {
    color: #fff;
    background-color: var(--primary-hover);
    border-color: var(--primary-hover);
}

.wpcf7 span {margin: 0;}

.wpcf7 label{
    color: var(--primary);
    font-weight: 400;
    line-height: .5em;
    text-transform: uppercase;
    margin-top: 1em;
}

.wpcf7-list-item-label {
    line-height: 1.5rem;
    text-transform: none;
    font-weight: 300;
    font-size: 1.125rem;
    color: var(--text);
}

.wpcf7 .formular-field{
    background: #f2f2f2;
    border: none;
    line-height: 1.5rem;
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    padding: 5px 10px;
}

.wpcf7-form-control-wrap textarea {line-height: 1.25rem}

.wpcf7-list-item input{cursor:pointer; }


/*---Less-Col-----------------------------------------------------------------------------------*/

.lesscol {margin-left: .1px;}

.mb-xl-80{margin-bottom:0}

@media (min-width: 576px){
.lesscol-sm {margin-left: .1px;}
}

@media (min-width: 768px){
.lesscol-md {margin-left: .1px;}
}

@media (min-width: 992px){
.lesscol-lg {margin-left: .1px;}
.mb-xl-80{margin-bottom:80px}
}


/*-----------------------------------------------------------------------------------------------------------------------------
# Coockie Concent
-----------------------------------------------------------------------------------------------------------------------------*/

.cc-window{opacity:1;-webkit-transition:opacity 1s ease;-o-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;-o-transition:transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);-ms-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);-ms-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;-o-transition:max-height 1s;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:0;max-width:24em;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:1;display:inline-block}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:1;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;letter-spacing:0}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;-webkit-box-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-ms-flex:1;-webkit-box-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:700px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1 1 auto;-webkit-box-flex:1;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;-webkit-box-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}

.cc-floating.cc-theme-classic{padding:0;}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;-webkit-box-flex:0;flex:none}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:block}

.cc-window {;
    font-family: 'Josefin Sans',sans-serif;    
    font-weight: 400;
    font-style: normal;
	-webkit-box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);
            box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22);
    -webkit-transition-delay: 0.5s;
         -o-transition-delay: 0.5s;
            transition-delay: 0.5s;
	border-radius: 12px;
	padding: 0;
}

@media (max-width: 57556px) {
    .cc-window {
        -webkit-box-shadow: 0 -14px 28px rgba(0,0,0,.15);
                box-shadow: 0 -14px 28px rgba(0,0,0,.15);
        margin: 0 15px 80px;
    }
}
.cc-message { 
	font-family: 'Josefin Sans',sans-serif;    
    font-weight: 400;
    font-style: normal;
	padding: 2rem;
}
.cc-window a{ font-family: inherit; font-size:inherit;font-weight: 400; margin-top: .25em}
.cc-window a:before{content:''; margin-right:0}
.cc-compliance {border-top: 2px solid #dbdbdb}

.cc-btn{
	display: block;
	color: var(--text);
	border-radius: 0;
    border: none!important;
    text-decoration: none;
	line-height: 3em;
    width: 100%;
    margin: 0!important;
	background: none;
	position: relative;
	cursor: pointer;
	font-family: 'Josefin Sans', sans-serif;
    font-size: 1.15em;
	font-weight: 400!important;
    text-align: center;
    padding: 0 1em;
}

.cc-btn:hover {
	color: var(--hover)
}