/*!
Theme Name: CoTax Theme
Author: J. Link
Author URI: t.b.a.
Description: WP Theme für CoTax e.U. Buchhaltung
Text Domain: cotax
Version: 2.1
Tested upto: 6.0
*/

/*
primäre background farbe: #41CCD6; //TÜRKIS 
sekundäre background farbe: #F7EFF6; // WARMES GRAU
BUCHHALTUNG: #2E294E; // DUNKELBLAU
LOHNVERRECHNUNG: #F46036; // ROT
steuerberatung: #E7B61F // GOLD
main color: #41CCD6; => H1; Highlight Color, Buttons, 

font-size: 1rem = 15pt = 21px // letter-spacing = 0
site-title = 65pt = 85px = 4.05rem // letter-spacing: 20% = 0.2rem
site-description = 22pt = 29px = 1.38rem // letter-spacing: 0
masthead-nav = 22pt = 29px = 1.38rem // letter-spacing = 0 // text-transform = uppercase
h2 sub-headline = 17pt = 23px = 1.10rem // letter-spacing= 0 // text-transform = uppercase
*/


::selection {
  background: #41CCD6;
  color: #ffffff;
}
::-moz-selection {
  background: #41CCD6;
  color: #ffffff;
}

.bg-tuerkis ::selection {
  background: #ffffff;
  color: #41CCD6;
}
.bg-tuerkis ::-moz-selection {
  background: #ffffff;
  color: #41CCD6;
}


/* Scrollbar Width */
::-webkit-scrollbar {
	width: 8px;
}
/* Track */
::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.2);
}


.min-height-vh { min-height: 100vh; }

.max-width-content-1200 {
	max-width: 1200px;
	margin: 0 auto;
}
.cotax-max-width-content {
	max-width: 1200px;
	margin: 0 auto;
}
.full-width-content .row .col-outer.single-col.callout-content {
	padding: 0px;
	max-width: 900px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.max-width-content-960 {
	max-width: 960px;
	margin: 0 auto;
}
.max-width-800 {
	max-width: 800px;
}

.calendly-inline-widget { height: 100vh !important; }

.masthead {
    padding: 0;
    width: 100%;
}

.vh-100 {
	height: 100vh;
}
.min-vh-100 {
	min-height: 100vh;
}

.row { margin: 0 auto; }

.no-break { white-space: nowrap; }

html, body {
	max-width: 100%;
	overflow-x: hidden;
}


html {
	font-size: 15px;
	letter-spacing: 3px;
	line-height: 22px;
}

body {
	color: #ffffff;
	background-color: #F7EFF6;
	letter-spacing: 0;
}
body.noscroll { overflow: hidden; }


body, p, h1, h2, a, span, img {
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;	
}
body, p, a, span {
    font-family: 'brandon-grotesque-regular';
	color: #ffffff;	
}
a:hover, a:visited { color: #ffffff; text-decoration: none; }
a.txt-tuerkis:visited { color: #41CCD6; }
.bg-grau a, .bg-grau a:hover, .bg-grau a:visited { color: #41CCD6; font-weight: 300;}
.bg-grau p {
	color: #000000;
}

.hover-underline {
  display: inline-block;
  position: relative;
}
.hover-underline:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.hover-underline:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}


p {
	margin: 0;
	font-size: 1.2rem;
    line-height: 26px;
    letter-spacing: 0;
	}

h1, h1.entry-title {
	text-align: left;
    font-family: 'brandon-grotesque-black';
    text-transform: uppercase;
    font-style: normal;
    font-weight: 900;
    font-size: 4rem;
    line-height: 55px;
    letter-spacing: 0;
}
h1.entry-title {
	padding-top: 100px;
    padding-bottom: 35px;
	color: #41CCD6;
}


h2 {
    font-family: 'brandon-grotesque-black';
	color: #000000;
	text-transform: uppercase;
	font-size: 2.66rem;
	font-weight: 900;
	line-height: 55px;
	letter-spacing: 0;
	text-align: center;
}

h3 {
	font-family: 'brandon-grotesque-black';
	text-transform: uppercase;
	font-weight: 900;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0;
	padding: 20px 0px;
}
h4 {
	font-family: 'brandon-grotesque-black';
	text-transform: uppercase;
	font-weight: 300;
	font-size: 1.5rem;
	line-height: 1;
	letter-spacing: 0;
	padding: 10px 0px;
}

.buchhaltung h1.entry-title { color: #2E294E; }
.lohnverrechnung h1.entry-title { color: #F46036; }
.steuerberatung h1.entry-title { color: #E7B61F; }

img { max-width: 100%; height: auto; }

ul { list-style: none; margin: 0; }

input, textarea {
    border-radius: 26px;
    border: 0px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 25px;
    color: rgba(0,0,0,0.6);
    letter-spacing: 0.1rem;
}
input:focus, textarea:focus {outline: none;}

button,
.tnp-field-button input,
div#n2-ss-4 .n2-style-1e66b9c520878f3e6dbb9b991cd29967-heading {
	font-family: 'brandon-grotesque-bold';
	border: 0px;
	border-radius: 26px;
	padding: 10px 20px 10px 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.1rem;
}
.wp-block-button,
button.am-button,
header .n2-ss-button-container a {
	font-family: 'brandon-grotesque-bold' !important;
	border: 0px !important;
	border-radius: 26px !important;
	padding: 10px 20px 10px 20px !important;
	text-transform: uppercase !important;
	font-weight: 700 !important;
	color: #ffffff !important;
	letter-spacing: 0.1rem !important;	
}
.wp-block-button__link { padding: 0 !important; background-color: transparent !important; border-radius: 26px !important; color: #ffffff !important; font-weight: bold !important; }


button:focus {outline: none;}
header .n2-ss-button-container a {margin-top: 10px;}
.is-layout-flex.wp-block-buttons { display: flex; }
p + a button,
p + .wp-block-buttons { margin-top: 35px; }
.row.leistungen p + a button { margin-top: 0px; }

/* Ext. Buttons */
.el-button,
.amelia-app-booking #amelia-booking-wrap .el-button--primary.el-button, #am-modal.am-modal.am-in-body .el-button--primary.el-button {
	border: 0px !important;
	border-radius: 20px !important;
	padding: 10px 20px 10px 20px !important;
	text-transform: uppercase !important;
	font-family: 'brandon-grotesque-bold';
	background-color: #41CCD6 !important;
	color: #ffffff !important;	
}
.alm-load-more-btn { 	font-family: 'brandon-grotesque-bold'; background-color: #F46036; }


/* Button SHINE-EFFECT on Hover */
.button-shine {
  background-repeat: no-repeat;
  background-position: -275px -275px, 0 0;
  
  background-image: -webkit-linear-gradient(
    top left,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: -moz-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );    
  background-image: -o-linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  background-image: linear-gradient(
    0 0,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.2) 37%,
    rgba(255, 255, 255, 0.8) 45%,
    rgba(255, 255, 255, 0.0) 50%
  );
  
  -moz-background-size: 250% 250%, 100% 100%;
       background-size: 250% 250%, 100% 100%;
  
  -webkit-transition: background-position 0s ease;
     -moz-transition: background-position 0s ease;       
       -o-transition: background-position 0s ease;
          transition: background-position 0s ease;
}

.button-shine:hover {
  background-position: 0 0, 0 0;
  
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
          transition-duration: 0.5s;
}








.login-icon-main, .login-icon-nav, ul.klienten-login {
	font-family: 'brandon-grotesque-bold';
	cursor: pointer;
	font-size: 1rem;
	font-weight: 300;
}
.login-icon-main {
	line-height: 25px;
	position: absolute;
	top:35px;
	right:65px;
	z-index: 99;
	color: #ffffff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
	cursor: pointer;
}
.login-icon-nav {
}
ul.klienten-login {
	text-align: center;
	background-color: #ffffff;
	padding: 15px !important;
	border-radius: 26px;
	width: auto;
	box-shadow: 0px 0px 12px 4px rgb(0 0 0 / 10%);
	display: none;
	opacity: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
ul.klienten-login.login-header {
	position: fixed;	
	top: 76px;
	right: 43px;
	z-index: 999;	
}
ul.klienten-login.login-nav {
	position: absolute;
	z-index: 99999;	
	width: 286px;
	text-align: center;
	transform: translate(-15px, -135px);
}
.login-icon-footer ul.sub-menu {
	text-align: center;
	position: absolute;
	z-index: 999;
	right: 0px;
	bottom: 45px;
	background-color: #ffffff;
	padding: 15px !important;
	border-radius: 26px;
	width: 286px;
	box-shadow: 0px 0px 12px 4px rgb(0 0 0 / 10%);
	display: none;
	opacity: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.login-icon-footer ul.sub-menu li:first-child,
.login-icon-footer ul.sub-menu li:nth-child(2) {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 2px;
	margin-bottom: 4px
}

ul.klienten-login.login-header:before {
	position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid white;
    border-left: 15px solid transparent;
    top: -30px;
    right: 55px;
    margin-right: -15px;
}
ul.klienten-login.login-nav:before {
	position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid white;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    bottom: -29px;
    left: 55px;
}

.login-icon-footer ul.sub-menu:before {
	position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    border-top: 15px solid white;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    bottom: -29px;
    right: 26px;
}

ul.klienten-login.login-header.show,
ul.klienten-login.login-nav.show,
.login-icon-footer ul.sub-menu.show {display: block; opacity: 1; }


ul.klienten-login a,
.login-icon-footer ul.sub-menu a {
	font-weight: 700;
	font-size: 1rem;
	line-height: 25px;
	color: #41CCD6;
	text-transform: uppercase;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}
ul.klienten-login hr { margin: 2px 0px 4px 0px; }

.login-icon-main.txt-tuerkis:hover {
	color: #41CCD6;
}
.login-icon-main.txt-tuerkis.hover-underline:after {
	background-color: #41CCD6;
}



/* Error 404 Seite */
#page-not-found .content-outer {
	flex-direction: row;
	justify-content: space-evenly;
}

#page-not-found .content-inner {
	flex-direction: column;
	justify-content: center;
}
#page-not-found .content-inner h1 { padding-bottom: 40px; }
#page-not-found .content-inner p { font-size: 2rem; max-width: 400px; }

#page-not-found .error-image {
	width: 70%;
	max-width: 252px;
	align-self: flex-end;
}


/* Cookie Banner */
#cookie-law-info-bar {
	width: 100%;
	min-height: 220px;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	background-color: #F7EFF6 !important;
	padding: 30px;
}
h5.cli_messagebar_head {
	font-family: 'brandon-grotesque-black';
	color: #41CCD6;
	font-size: 2rem;
    font-weight: 900;
	}
#cookie-law-info-bar .cookie-consent-container {
	flex-direction: column;
	max-width: 730px;
}
#cookie-law-info-bar .cookie-consent-container .cookie-message p {
	color: #000000;
	width: 100%;
	text-align: left;
	padding: 15px 0px;
}
#cookie-law-info-bar .cookie-consent-container .cookie-buttons {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
#cookie-law-info-bar .cookie-consent-container .cookie-buttons a.cli-plugin-button,
.cli-modal-content a.cli-button,
.cli-tab-footer .wt-cli-privacy-accept-btn {
	border: 0px;
	border-radius: 26px;
	padding: 10px 20px 10px 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.1rem;
	font-size: 1rem;	
}
#cookie-law-info-bar .cookie-consent-container .cookie-buttons .wt-cli-accept-all-btn,
.cli-modal-content a#wt-cli-privacy-save-btn,
.cli-switch input:checked + .cli-slider {
	background-color: #41CCD6 !important;
}
#cookie-law-info-bar .cookie-consent-container .cookie-buttons .cli_settings_button {
	background-color: #2E294E !important;
	color: #ffffff !important;
}
#cookie-law-info-bar .cookie-consent-container .cookie-buttons .cli-plugin-main-link {
	text-transform: uppercase;
	font-size: 1rem;
}
.cli-modal-content {
	background-color: #F7EFF6;
	border-radius: 26px;
}
.cli-modal .cli-modal-close {
	top: 5px;
	right: 10px;
}
.cli-modal-content .cli-tab-header {
	background-color: #ffffff;
	border-radius: 26px;
}
.cli-modal-content .cli-tab-content { background-color: #F7EFF6 !important; }
.cli-modal-content thead th { background-color: #2E294E !important; }

table.cookielawinfo-winter,
table.cookielawinfo-winter tbody tr,
.cli-modal-content tbody tr,
.cli-modal-content tbody tr:hover  { background: transparent !important; }
table.cookielawinfo-winter tbody td, table.cookielawinfo-winter tbody th { background: none !important; }
table.cookielawinfo-winter tbody { border: 0px !important; }

.cli-tab-container p,
.cli-privacy-content-text,
a.cli-privacy-readmore,
.wt-cli-cookie-description,
.cli-tab-header a.cli-nav-link {
	letter-spacing: 0;
	font-size: 1rem;
}



/*NAVIGATION*/
nav{
    font-family: 'brandon-grotesque-bold';
    font-style: normal;
    font-weight: 900;
    font-size: 1.35rem;
	line-height: 1.6rem;
	letter-spacing: 0.15rem;
	transition: 0.5s ease;
}
nav a {
    font-family: 'brandon-grotesque-bold';
    font-style: normal;
    font-weight: 900;	
}
.navbar-collapse, .navbar-nav {
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;	
}
.navbar.fixed-top {
	position: absolute;
	margin-top: 0px;
	height: 95px;
	padding: 0px;
	transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;		
}
#nav-move-out { position: relative;}
.navbar.fixed-top.away { margin-top: -100px; background-color: #41CCD6; -webkit-box-shadow: 0 1px 10px -6px rgb(50 50 50 / 42%), 0 1px 10px 0 rgb(50 50 49 / 12%), 0 4px 5px -2px rgb(50 50 50 / 10%); box-shadow: 0 1px 10px -6px rgb(50 50 50 / 42%), 0 1px 10px 0 rgb(50 50 49 / 12%), 0 4px 5px -2px rgb(50 50 50 / 10%);}
.navbar.fixed-top.alwayson { position: fixed;background-color: #41CCD6; -webkit-box-shadow: 0 1px 10px -6px rgb(50 50 50 / 42%), 0 1px 10px 0 rgb(50 50 49 / 12%), 0 4px 5px -2px rgb(50 50 50 / 10%); box-shadow: 0 1px 10px -6px rgb(50 50 50 / 42%), 0 1px 10px 0 rgb(50 50 49 / 12%), 0 4px 5px -2px rgb(50 50 50 / 10%);}
.navbar.fixed-top.stickynav {
	margin-top: 0px;
	position: fixed;
}
.pos-fixed { margin-top: 0px !important; position: fixed !important; }

.main-logo {
	position: absolute;
	top: 23px;
	left: 20px;
	z-index: 99;
	width: 79px;
	height: 49px;
}
.logo-mobile { display: none; }
.main-logo .logo-container,
.logo-mobile .logo-container {
	display: block;
	width: 79px;
	height: 49px;
	background-image: url(assets/img/logo/cotax-logo-weiss.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.main-logo .logo-container.alt-logo {
	background-image: url(assets/img/logo/cotax-logo-tuerkis.svg);	
}

#mainNav.navbar { display:flex;}
#mainNav .navigation-menu {
	display: block;
	position: fixed;
	padding-top: 116px;
	top: 0px;
	left: -100vw;
	left: -100%;
	width: 100vw;
	width: 100%;
	height: 100vh;
	height: 100%;
	z-index: -1;
	transition: padding-top 0.6s ease, top 0.6s ease, background-color 0.8 ease;
	-webkit-transition: padding-top 0.6s ease, top 0.6s ease background-color 0.8 ease;
	-moz-transition: padding-top 0.6s ease, top 0.6s ease background-color 0.8 ease;
	-ms-transition: padding-top 0.6s ease, top 0.6s ease background-color 0.8 ease;
	-o-transition: padding-top 0.6s ease, top 0.6s ease background-color 0.8 ease;	
	}

#mainNav .navigation-menu.show { left: 0px; }
#mainNav .navigation-menu ul#primary-menu {
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.3rem;
	line-height: 5rem;
	height: 100%;
	margin-left: -200vw;
	padding-left: 7%;
	opacity: 0;
	transition: margin-left 0.6s ease, opacity 0.1s linear;
	-webkit-transition: margin-left 0.6s ease, opacity 0.1s linear;
	-moz-transition: margin-left 0.6s ease, opacity 0.1s linear;
	-ms-transition: margin-left 0.6s ease, opacity 0.1s linear;
	-o-transition: margin-left 0.6s ease, opacity 0.1s linear;	
	}
#mainNav .navigation-menu.show ul#primary-menu.fromleft { margin-left: 0px; opacity: 1; }
}
#mainNav .navigation-menu .navbar-nav li a:hover,
#mainNav .navigation-menu .navbar-nav li a.nav-active {
	color: #ffffff;
}

.navbar-toggler { border: none; border-color: transparent; }

.max-width-content.navbar-inner {
	display: flex;
	flex: 1 1 auto;
}

/* SUB NAVIGATION */
#mainNav #primary-menu .menu-item .sub-menu {
	display: none;
    position: absolute;
    margin-top: -5rem;
    left: 25%;	
}

#navigation-logo {
	position: absolute;
    right: 378px;
    bottom: 139px;
    width: 266px;
}

#navigation-icons {
	background-image: url("assets/img/icons/leistung-icons-navigation-menu.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
    width: 310px;
    height: 600px;
    bottom: 0px;
    right: 74px;
	transition: background-image 0.8 ease;
	-webkit-transition: background-image 0.8 ease;
	-moz-transition: background-image 0.8 ease;
	-ms-transition: background-image 0.8 ease;
	-o-transition: background-image 0.8 ease;	
}
.icon-leistung-buchhaltung {background-image: url(assets/img/icons/leistung-icons-navigation-menu-buchhaltung.svg) !important;}
.icon-leistung-lohnverrechnung {background-image: url(assets/img/icons/leistung-icons-navigation-menu-lohnverrechnung.svg) !important;}
.icon-leistung-steuerberatung {background-image: url(assets/img/icons/leistung-icons-navigation-menu-steuerberatung.svg) !important;}

/******************** NAVBAR ICON ANIMATION ********************/

.navigation-social i span {
    font-family: 'brandon-grotesque-bold';
    font-size: 1.0rem;
    float: left;
    clear: right;
    text-align: right;
    line-height: 28px;
    margin-right: 1rem;
    font-weight: normal;
}
.navigation-social i { 
    display: inline;
    margin-right: 1rem;
    font-size: 2rem;
    font-weight: normal;
}

.navigation-social, .navigation-login {
	display: inline;
	color: #ffffff;
	font-size: 1.6rem;
	position: absolute;
	left: 7%;
}
.navigation-social {
	font-family: 'Fontawesome';
	bottom: 92px;
}
.navigation-login {
	bottom: 140px;
}
.navigation-login img { max-height: 27px; }
.navigation-social ul, .navigation-login ul { padding-left: 0rem; list-style: none; }
.navigation-social ul li, .navigation-login ul li { display: inline; }

 #nav-icon-animation-1,  #nav-icon-animation-2,  #nav-icon-animation-3,  #nav-icon-animation-4,  #nav-icon-animation-5 {
	width: 30px;
    height: 25px;
    position: absolute;
    right: 20px;
    top: 35px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#nav-icon-animation-1 span, #nav-icon-animation-2 span, #nav-icon-animation-3 span, #nav-icon-animation-4 span, #nav-icon-animation-5 span {
	display: block;
	position: absolute;
	background: #ffffff;
	height: 3px;
	width: 50%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon-animation-1.nav-tuerkis span { background: #41CCD6; }
#nav-icon-animation-1.nav-tuerkis.open span { background: #ffffff; }

/* Icon 1 */
#nav-icon-animation-1 {
}

#nav-icon-animation-1 span:nth-child(even) {
	left: 50%;
	border-radius: 0 9px 9px 0;
}

#nav-icon-animation-1 span:nth-child(odd) {
	left:0px;
	border-radius: 9px 0 0 9px;
}

#nav-icon-animation-1 span:nth-child(1), #nav-icon-animation-1 span:nth-child(2) {
	top: 0px;
}

#nav-icon-animation-1 span:nth-child(3), #nav-icon-animation-1 span:nth-child(4) {
	top: 10px;
}

#nav-icon-animation-1 span:nth-child(5), #nav-icon-animation-1 span:nth-child(6) {
	top: 20px;
}

#nav-icon-animation-1.open span:nth-child(1),#nav-icon-animation-1.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#nav-icon-animation-1.open span:nth-child(2),#nav-icon-animation-1.open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#nav-icon-animation-1.open span:nth-child(1) {
	left: 0px;
	top: 5px;
}

#nav-icon-animation-1.open span:nth-child(2) {
	left: calc(50% - 5px);
	top: 5px;
}

#nav-icon-animation-1.open span:nth-child(3) {
	left: -50%;
	opacity: 0;
}

#nav-icon-animation-1.open span:nth-child(4) {
	left: 100%;
	opacity: 0;
}

#nav-icon-animation-1.open span:nth-child(5) {
	left: 0px;
	top: 15px;
}

#nav-icon-animation-1.open span:nth-child(6) {
	left: calc(50% - 5px);
	top: 15px;
}




/* MASTHEAD */
.masthead {
    padding: 0;
    width: 100%;
}

.masthead.start .cotax-max-width-content {
	position: relative;
}

.masthead.start .masthead-img {
    position: absolute;
    bottom: 0;
	left: 8%;
    width: 530px;
}
.masthead-img img { width: 100%; }

.masthead span {
    font-family: 'brandon-grotesque-black';
    text-transform: uppercase;
    font-style: normal;
    font-weight: 900;
    font-size: 3.5rem;
    line-height: 55px;
    letter-spacing: 0;
}

.masthead.start .headline-big {
	position: absolute;
	text-align: left;
	top: 116px;
	left: 7%;
}

.masthead-leistungen {
	position: absolute;
	bottom: 0px;
	right: 5%;
	width: 43%;
	max-width: 627px;
	height: 384px;
	background-color: #ffffff;
	border-radius: 26px 26px 0px 0px;
	padding: 40px 0px 0px 57px;
	text-align: left;
}
.masthead-leistungen span { 
	color: #000000;
	display: block;
}
.masthead-leistungen button {
	margin-top: 10px;
	display: block;
}
.masthead-leistungen button.bg-blau { margin-top: 20px; }


/* HEADER SLIDER */
header .n2-ss-layer.n2-ow.rounded-top-section .n2-ss-layer-col.n2-ss-layer-with-background.n2-ss-layer-content {
	border-radius: 26px 26px 0px 0px !important;
}
.n2-ss-slider .n2-ss-layer[data-sstype=row].n2-ss-stretch-layer {
	align-items: flex-end;
}
	header .n2-ss-layer.n2-ow.cotax-slider-img-container, {
		margin: 0px !important;
	}	
header .n2-ss-layer.n2-ow.cotax-slider-text-container {
		margin: 0px 0px 10px 0px !important;		
}


/* CONTENT SECTIONS */
.page-default .entry-content { max-width: 700px; }
#terminvereinbarung.page-default .entry-content { max-width: 100%; }
#termine.page-default .entry-content { max-width: 100% !important; width: 100%; }
.page-default .entry-content h2 {
	text-align: left;
	color: #41CCD6;
	margin-top: -35px;
    margin-bottom: 35px;
}

.img-full {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;	
}


section .content-outer { padding: 70px 0px; position: relative; }
.row .col-outer {  padding-top: 57px; padding-bottom: 57px;  }
.row .col-outer h1, .row .col-outer h2, .row .col-outer h3, .row .col-outer p { padding-left: 10px; }



/* HOME PAGE */
.row.leistungen { display: flex; flex-wrap: wrap !important; justify-content: center; gap: 0; }
.row.leistungen .col-outer { max-width: 570px; display: flex; flex-direction: row;}
.row.leistungen .col-outer { gap: 0;}
.row.leistungen p { /*min-height: 178.5px;*/ padding-bottom: 25px; font-family: 'brandon-grotesque-regular'; }
.row.leistungen p.txt-blau {color: #2E294E;}
.row.leistungen p.txt-rot {color: #F46036;}
.row.leistungen p.txt-gold {color: #E7B61F;}


/* altes schema 
.row.leistungen .row .col.icon 
neues schema
.row.leistungen .col-outer .col.icon
*/

.row.leistungen {
	min-height: 540px; align-items: stretch;
}
.row.leistungen .col-outer { height: 100%; }
.row.leistungen .col-outer.text-content {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.row.leistungen .col-outer .text-content a { padding-top: 20px; }


.row.leistungen .col-outer .col.icon { max-width: 135px; }
.row.leistungen .col-outer.buchhaltung .col.icon img { 
    position: absolute;
    width: 135px;
    max-width: 135px;
    top: 45px;
    left: -20px;
}
.row.leistungen .col-outer.lohnverrechnung .col.text-content { padding-left: 0px; }
.row.leistungen .col-outer.lohnverrechnung .col.icon img {
	position: absolute;
    width: 209px;
    max-width: 209px;
    top: 50px;
    right: -50px;
}
.row.leistungen .col-outer.steuerberatung .col.icon img {
    position: absolute;
    width: 104px;
    max-width: 104px;
    top: 15px;
	left: 0px;
}



.rounded-top-section { border-radius: 26px 26px 0px 0px; }
.rounded-corners { border-radius: 26px; }

/* Full Width Content MULTI Column Layout */
.full-width-content .row .col-outer { padding: 0% 11%; }
.full-width-content .row .col-outer, .full-width-content .row .col-outer h2, .row.kontakt .col-outer h2, .row.services .col-outer h2 { text-align: left; }

/* Full Width Content SINGLE Column Layout */
.full-width-content .row .col-outer.single-col, .full-width-content .row .col-outer.single-col h2 { text-align: center; }
.full-width-content .row .col-outer.single-col { padding: 0% 25%; }
.full-width-content .row .col-outer p { padding-top: 20px; }

#kanzlei .row.kanzlei .quote p span,
#kanzlei .row.kanzlei .quote p.name,
#kanzlei .row.kanzlei .quote p.funktion { display: block; text-align: right; }
#kanzlei .row.kanzlei .quote p span.name,
#kanzlei .row.kanzlei .quote p.name {
	font-family: 'brandon-grotesque-bold';
	margin-top: 15px;
	text-transform: uppercase;
	font-size: 1.2rem;
	line-height: 28px;
	letter-spacing: 1.8px;
}
#kanzlei .row.kanzlei .quote p span.funktion,
#kanzlei .row.kanzlei .quote p.funktion {
	font-family: 'brandon-grotesque-bold';
	font-size: 1rem;
	line-height: 28px;
}

#kanzlei .row.kanzlei .quote p span.name,
#kanzlei .row.kanzlei .quote p span.funktion,
#kanzlei .row.kanzlei .quote p.name,
#kanzlei .row.kanzlei .quote p.funktion  {
	color: #ffffff;
}

#kanzlei .row.kanzlei .img-full {
    background-image: url(assets/img/cotax-home-kanzlei-desktop.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0px 26px 0px 0px;
}

#warum-digital ul {
	padding: 0px;
}
#warum-digital ul li {
		font-size: 1.2rem;
}
#warum-digital ul li h3 {
    padding: 20px 0 0 0;
    font-size: 1.5rem;	
	text-transform: none;
}
#warum-digital h3 { color: #41CCD6; }

#warum-cotax .row .img-full {
    background-image: url(assets/img/cotax-home-warum-cotax.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    border-radius: 0px 26px 0px 0px;
}
#warum-cotax .content-outer .row .col-outer:nth-child(2) {
	text-align: center;
	padding: 5%;
}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
	background: none;
}

.row.services .carousel {
	height: 400px;
	margin: 0% 95px 0% 7%;
}


#primary .rsDefaultInv .rsBullets { display: none; }
#new-royalslider-1, #new-royalslider-1 .rsVisibleNearbyWrap { height: 400px !important; }
.row.services .carousel .service-slide .rsContainer { max-width: 300px; }
.row.services .carousel .service-slide .rsContainer .rsSlide, .rsSlide {
	text-align: center;
    opacity: 0.3;
    transform: scale(0.8);
    border-radius: 26px 26px 0px 0px;
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
	-ms-transition: all 1.5s ease;
	-o-transition: all 1.5s ease;	
}	
.row.services .carousel .service-slide .rsContainer .rsSlide.rsActiveSlide, .rsSlide.rsActiveSlide {
	opacity: 1;
    transform: scale(1);
	z-index: 999;
}
.row.services .carousel .rsDefaultInv.rsHor .rsArrowRight { right: 6px !important; }


.row.services .service-slide .bg-tuerkis {
	height: 300px;
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 26px 26px 0px 0px;	
}
.row.services .service-slide .bg-tuerkis h3 {
	line-height: 3rem;
	font-family: 'brandon-grotesque-bold';
    text-align: center;
    max-width: 150px;
}
.row.services .service-slide .bg-rot {
	height: 100px;
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;	
}

.row.services .service-slide .bg-rot p {
	 font-weight: 700;
	 padding: 0;
}

.rsDefaultInv .rsArrowIcn {
    width: 38px;
    height: 38px;
    background-color: transparent;
}.rsDefaultInv .rsArrowIcn:hover {
	background-color: transparent;
}
.rsDefaultInv.rsHor .rsArrowLeft .rsArrowIcn { 
	background-image: url(assets/img/icons/icon-arrow-right.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
    transform: scaleX(-1);
}
.rsDefaultInv.rsHor .rsArrowRight .rsArrowIcn {
	background-image: url(assets/img/icons/icon-arrow-right.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

#callout-message .icon-leistung {
	position: absolute;
    width: 258px;
    height: 273px;
    bottom: 0px;
    right: 0px;	
	overflow: hidden;
}
	
#callout-message .icon-leistung:after {	
	content: url(assets/img/icons/leistung-icons-callout.svg);
    margin-left: 40px;
}

#callout-message .callout-message .wp-block-buttons + p { font-weight: 900; }

.row.kontakt .adresse { position: relative; }
.row.kontakt .kontakt-termin { position: relative; text-align: right; align-self: center; }
.kontakt-termin a {
	display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.row.kontakt .kontakt-termin img,
.row.services .carousel img {height: 350px;} 
.row.services .carousel img { position: absolute; bottom: 0;left: -55px; } /* FÜR PLATZHALTER! */
.row.kontakt .kontakt-termin button {
	margin-top: 30px;
}
.row.kontakt span.firma {
	display: block;
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 10px;
}
.row.kontakt span.kontakt-info { color: #000000; display: block; margin-left: 30px; }
.row.kontakt i {
    position: absolute;
    display: block;
    margin: 3px 0px 0px -30px;
}


/* Newsfeed */
#newsfeed .n2_clear { margin-top: 50px; }
/*div#n2-ss-4 .n2-ss-showcase-slides {
	place-self: normal !important;
	align-items: center !important;
}*/

#newsfeed div#n2-ss-4 .n2-style-1e66b9c520878f3e6dbb9b991cd29967-heading {
	background: #41CCD6 !important; 
}
#newsfeed div#n2-ss-4 .n2-font-ec178b9f4c2ae9cec2befc1fa3cdf0b8-link a {
	text-transform: uppercase;
	font-weight: 700;
	color: #ffffff;
	letter-spacing: 0.1rem;	
}
#newsfeed div#n2-ss-4 .n2-ss-slider-2 {background-color: transparent;}
#newsfeed div#n2-ss-4 .n2-ss-control-bullet { display: none; }

#newsfeed div#n2-ss-4 .n2-ss-slide {
	border-radius: 26px;
	background-color: #ffffff;
}

#newsfeed .n2-ss-item-content.n2-ss-text p {
	font-family: 'brandon-grotesque-regular' !important;
	font-size: 1.2rem !important;	
	color: #000000 !important;
}
.news-date .n2-ss-item-content.n2-ss-text p {
	font-size: 1rem !important;
	text-transform: uppercase !important;
	color: #8F8F8F !important;
}
.news-content { padding-top: 5px; }
.news-content .n2-ss-item-content.n2-ss-text p {
	color: #000000 !important;
}
div#n2-ss-4 .news-content .n2-style-de9282db16e431b63ca75e18eadcf1d6-heading {
	padding: 0px 5px 0px 5px;	
}
#newsfeed div#n2-ss-4-align { margin: 0 auto !important; }
#n2-ss-4 { margin-top: 100px; }
/*#n2-ss-4:before {
	content: '';
	display: block;
	position: absolute;
	top:0px;
	left:0;
	height: 400px;
	width: 80px;
	background-image: linear-gradient(to right, rgba(74,204,214,0.6) 0%, rgba(74,204,214,0) 100%);
	z-index: 9;
}
#n2-ss-4:after {
	content: '';
	display: block;
	position: absolute;
	top:0px;
	right:0;
	height: 400px;
	width: 80px;
	background-image: linear-gradient(to left, rgba(74,204,214,0.6) 0%, rgba(74,204,214,0) 100%);
	z-index: 9;
}*/
div#n2-ss-4 .n2-ss-slider-1 {
	--scrollbar-width: 0px;
    --mask-width: 200px;
    overflow-y: hidden;
    --mask-image-content: linear-gradient( to right, transparent, black var(--mask-width), black calc(100% - var(--mask-width)), transparent );
    --mask-size-content: calc(100% - var(--scrollbar-width)) 100%;
    --mask-image-scrollbar: linear-gradient(black, black);
    --mask-size-scrollbar: var(--scrollbar-width) 100%;
    -webkit-mask-image: var(--mask-image-content), var(--mask-image-scrollbar);
    -webkit-mask-size: var(--mask-size-content), var(--mask-size-scrollbar);
    -webkit-mask-position: 0 0, 100% 0;
    -webkit-mask-repeat: no-repeat, no-repeat;	
}
#newsfeed .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls { width: auto !important; }
#newsfeed .n2-ss-slider .n2-ss-slider-controls-absolute-left-center { justify-self: flex-start !important; }
#newsfeed .n2-ss-slider .n2-ss-slider-controls-absolute-right-center { justify-self: flex-end !important; }


/* Newsletter */
#newsletter .newsletter-icon {
	font-size: 5rem;
    padding-top: 35px;
}
#newsletter p {
	max-width: 500px;
	margin: 0 auto;
}
#newsletter .tnp-subscription {
	padding: 25px 0px;
	max-width: 500px;
	margin: 0 auto;
}
#newsletter .tnp-subscription input.tnp-email { width: 100% !important; padding: 10px 20px 10px 20px; height: 42.5px; }
#newsletter .tnp-subscription input.tnp-email::-webkit-input-placeholder,
#newsletter .tnp-subscription input.tnp-email::-ms-input-placeholder,
#newsletter .tnp-subscription input.tnp-email::placeholder {
	color: rgb(127,127,127) !important;
}

/* Footer */
.site-footer {
	text-align: center;
	padding-top: 70px;
}
.site-footer .footer-social ul,
.site-footer #footer-menu {
    display: inline-flex;
    justify-content: space-evenly;
    width: 100%;	
}
.site-footer .footer-social { margin: 65px 0px 15px 0px; }
.site-footer .footer-social ul {
	font-family: 'Fontawesome';
    color: #ffffff;
    font-size: 1.6rem;
    max-width: 330px;
    padding-left: 0px;
}
.site-footer .footer-social ul li, .footer-menu li { display: inline-flex; }
.site-footer #footer-menu {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 700;
	padding: 0px;
}
.site-footer p { font-size: 1rem; padding: 30px 20px; margin: 0 !important; }

.footer-navigation { position: relative; margin-bottom: 25px; }

/* LEISTUNGEN */

.leistung-main-txt { text-align: left; max-width: 50%; margin-bottom: 90px; }
.leistung-secondary-txt { max-width: 66%; margin: 0 auto; margin-bottom: 45px; }
.leistung-subheader { margin: 0 auto !important; padding-bottom: 15px; }

.content-centered {
	display: flex;
    gap: 2em;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
    text-align: center;
}

/*.leistung-wrap {
	display: flex;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4rem 0rem;
	min-height: 400px;
}*/
.wp-block-group.leistung-wrap .wp-block-group__inner-container {
    gap: 4rem 0rem !important;	
}
.wp-block-group.leistung-wrap .leistung-block-inner .wp-block-group__inner-container {
	gap: 0rem !important
}
.leistung-block {
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;		
}

.leistung-wrap .wp-block-group__inner-container {
	display: flex;
    position: relative;
	justify-content: space-around;
    flex-wrap: wrap;
	min-height: 400px;
	transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}

.leistung-img {
	position: absolute;
	width: 427px;
	max-width: 427px;
	top: 225px;
	right: 104px;
	}

#buchhaltung h1,
#steuerberatung h1,
#lohnverrechnung h1 { max-width: 630px; }

#buchhaltung .leistung-wrap,
#buchhaltung span,
#buchhaltung h1,
#buchhaltung h2,
#buchhaltung h3,
#buchhaltung h4 {
	color: #2E294E;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}

#steuerberatung .leistung-wrap,
#steuerberatung span,
#steuerberatung h1,
#steuerberatung h2,
#steuerberatung h3,
#steuerberatung h4 {
	color: #E7B61F;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}

#lohnverrechnung .leistung-wrap,
#lohnverrechnung span,
#lohnverrechnung h1,
#lohnverrechnung h2,
#lohnverrechnung h3,
#lohnverrechnung h4 {
	color: #F46036;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}

#buchhaltung ul,
#steuerberatung ul,
#lohnverrechnung ul {
	color: #000000;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}

#buchhaltung .content-modal span,
#steuerberatung .content-modal span,
#lohnverrechnung .content-modal span { color: #ffffff; }


.leistung-wrap p {
	font-family: 'brandon-grotesque-bold';
	padding-bottom: 15px;
}
.leistung-wrap p span {
	font-family: 'brandon-grotesque-bold';
	color: #000000 !important;
}

.leistung-wrap ul { padding: 0 5%; }
.leistung-wrap ul li {
	font-size: 1.25rem;
    line-height: 1.5rem;
	margin-bottom: 15px;
	word-break: break-word;
	letter-spacing: 0;
	list-style: disc;
	text-align: left;
}

.leistung-block {
	display: flex;
	cursor: pointer;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
}
.leistung-block-inner {
	display: grid !important;
	margin: 0 auto;
	padding: 25px;
	border-radius: 26px;
	min-width: 332px;
	max-width: 332px;
	/*min-height: 450px;*/
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;	
}
.leistung-block-inner a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
	height: 100%;
	/*
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: flex-start;
    flex-flow: wrap;
	min-height: 485px;
	*/
}

.leistung-block-inner h4 {
	font-family: 'brandon-grotesque-black';
	font-size: 1.5rem;
    line-height: 1.7rem;
    letter-spacing: 0.1rem;
}
/*
.leistungen .leistung-block {
	min-height: 450px;
}*/

.leistung-block .leistung-action {
	align-self: flex-end;
	display: flex;
	gap: 0.5em;
    flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.leistung-block .wp-block-group.leistung-action {
	width: 100% !important;
}.leistung-block .wp-block-group.leistung-action .wp-block-columns {
	display: flex;
	width: 100% !important;
	gap: 0rem; 
	justify-content: center;
}

.leistung-action .leistung-preis {
	font-size: 1.5rem;
	white-space: nowrap;
	text-align: right;
}
.leistung-action .leistung-zeitraum {
	font-family: 'brandon-grotesque-light';
	text-transform: uppercase;
	font-size: 1.5rem;
	text-align: left;
}

.leistung-action span.leistung-zeitraum {
	font-family: 'brandon-grotesque-light';
}

.leistung-block .leistung-action button { margin: 0px 5%; }
.leistung-block .leistung-action .wp-block-button__link,
.bod-block-popup .wp-block-button__link { background: transparent; color: #ffffff; }
.leistung-block .leistung-action .wp-block-button,
.bod-block-popup .wp-block-button { border-radius: 26px; }

#buchhaltung .leistung-block-inner { background-color: #E4E7F5; }
#steuerberatung .leistung-block-inner { background-color: #F7E8C6 }
#lohnverrechnung .leistung-block-inner { background-color: #F5E4E4; }
#buchhaltung .leistung-block-inner:hover { background-color: #2E294E; }
#steuerberatung .leistung-block-inner:hover { background-color: #E7B61F; }
#lohnverrechnung .leistung-block-inner:hover { background-color: #F46036; }

.leistungen .leistung-block { text-align: center; }

.leistungen .leistung-block-inner:hover,
.leistungen .leistung-block-inner:hover p,
.leistungen .leistung-block-inner:hover h4,
.leistungen .leistung-block-inner:hover span,
.leistungen .leistung-block-inner:hover ul { color: #ffffff !important; }


.leistung-block span.leistung-preis {
	text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 700;
}
.leistung-block span.leistung-zeitraum {
	text-transform: uppercase;
    font-size: 1.2rem;
}

.leistung-icon-big {
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;	
}

#buchhaltung .leistung-icon-big.desktop,
#steuerberatung .leistung-icon-big.desktop,
#lohnverrechnung .leistung-icon-big.desktop {
	position: absolute;
	top: 150px;
	right: 7%;
	display: block;
	width: 300px;
	height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
#buchhaltung .leistung-icon-big.mobile,
#steuerberatung .leistung-icon-big.mobile,
#lohnverrechnung .leistung-icon-big.mobile {
	display: none;
	width: 380px;
	height: 380px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#buchhaltung .leistung-icon-big { background-image: url(assets/img/icons/icon-buchhaltung.svg); }
#steuerberatung .leistung-icon-big { background-image: url(assets/img/icons/icon-steuerberatung.svg); }
#lohnverrechnung .leistung-icon-big { background-image: url(assets/img/icons/icon-lohnverrechnung.svg); }

#buchhaltung #callout-message .icon-leistung,
#steuerberatung #callout-message .icon-leistung,
#lohnverrechnung #callout-message .icon-leistung {	
	bottom: -2px;
}

#buchhaltung #callout-message .icon-leistung:after {	
	content: url(assets/img/icons/leistung-icon-callout-buchhaltung.svg);
    margin-left: 40px;
}
#steuerberatung #callout-message .icon-leistung:after {	
	content: url(assets/img/icons/leistung-icon-callout-steuerberatung.svg);
    margin-left: 40px;
}
#lohnverrechnung #callout-message .icon-leistung:after {	
	content: url(assets/img/icons/leistung-icon-callout-lohnverrechnung.svg);
    margin-left: 40px;
}


.rsOverflow,
.rsVisibleNearbyWrap { height: 100% !important; }

/* MODAL */

.bod-block-title-closer span {
	font-family: 'brandon-grotesque-light' !important;
    color: #ffffff;
    font-weight: 100 !important;
}

.bod-block-popup {
	display: flex;
    background-color: rgba(46, 41, 78, 1);
    border-radius: 10px;
    flex-direction: column;
    align-items: stretch;
    align-content: stretch;
}

.bod-modal-content {
	overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;
}
.bod-modal-title {
	background-color: transparent !important;
}
.bod-modal-title h2 {
	display: none !important;
}


.modal {
}
.modal-dialog,
.bod-block-popup-wrap .bod-block-popup.size-m {
	max-width: 100%;
	width: 100%;
	height: 100vh;
	padding: 15px;
	margin: 0 auto;
	border-radius: 0px !important;
}
.modal-bh .bod-block-popup {
    background-color: #2e294e !important;
}
.modal-bbh .bod-block-popup.size-m {
	background-color: #E7B61F !important;
}
.modal-lv .bod-block-popup.size-m {
	background-color: #F46036 !important;
}

.modal-content {
	width: 100%;
	height: 100%;
	padding: 10px;
	overflow: hidden;
    border: 0px;
    border-radius: 0px;
    align-content: center;
    justify-content: center;	
}
.modal-content a.cta-button,
.bod-modal-content .cta-button {
    text-align: center;
    width: 100%;
}
.modal-content a.cta-button button,
.bod-modal-content .cta-button {
	margin: 20px 0px 5px 0px;
}
#buchhaltung .modal-content {
	background-color: #2E294E;
}
#steuerberatung .modal-content {
	background-color: #E7B61F;
}
#lohnverrechnung .modal-content {
	background-color: #F46036;
}
.content-modal {
	overflow: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-evenly;	
}
.content-modal h3, .bod-modal-content h3 { text-align: center; font-size: 2.66rem; }
.content-modal .rsDefaultInv.rsHor .rsArrowRight,
.bod-modal-content .rsDefaultInv.rsHor .rsArrowRight { right: 150px; }
.content-modal .rsDefaultInv.rsHor .rsArrowLeft,
.bod-modal-content .rsDefaultInv.rsHor .rsArrowLeft { left: 150px; }

.content-modal h3.txt-grau,
.bod-modal-content h3.txt-grau { color: #F7EFF6 !important; padding: 0px !important; }
.content-modal p,
.bod-modal-content p {
	text-align: center;
	font-size: 1rem;
    font-weight: 500;
}
.content-modal p.txt-grau,
.content-modal p.txt-grau span,
.bod-modal-content p.txt-grau,
.bod-modal-content p.txt-grau span {
	font-family: 'brandon-grotesque-bold';
	font-size: 1.2rem;
}
.content-modal p.txt-grau span.no-break,
.bod-modal-content p.txt-grau span.no-break { color: #F7EFF6 !important; }
.content-modal .rsContent .slide-nummer,
.bod-modal-content .rsContent .slide-nummer {
	color: #F7EFF6;
    font-size: 2rem;
    border: 2px solid #F7EFF6;
    border-radius: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 3px;
}
.leistung-slide {
	text-align: left;
    max-width: 420px;
    margin: 0 auto;
}
.leistung-slide .bg-grau { padding: 20px; }
.leistung-slide h4 { text-transform: none; line-height: 1.7rem; }
.leistung-slide ul {
	padding: 0px 0px 0px 20px;
	font-size: 1.2rem;
}
.modal-bh .leistung-slide ul,
.modal-lv .leistung-slide ul,
.modal-bbh .leistung-slide ul { color: #000000;  }
.modal-bh .leistung-slide h4 { color: #2E294E; }
.modal-lv .leistung-slide h4 { color: #F46036; }
.modal-bbh .leistung-slide h4 { color: #E7B61F; }

.leistung-slide ul li {
	letter-spacing: 0;
	line-height: 1.75rem;
	list-style: disc;
}

.close-modal {
    position: absolute;
    top: 19px;
    right: 24px;
	width: 26px;
	height: 26px;
	background-image: url("assets/img/icons/icon-modal-close.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
#karriere-content .close-modal {
	background-image: url("assets/img/icons/icon-modal-close-tuerkis.svg");	
}

/*#new-royalslider-4 { height: 500px !important; }*/

.rsDefaultInv .rsBullets {
	position: absolute;
	bottom: 0px;
}
.rsDefaultInv .rsBullet {
	width: 20px;
    height: 20px;
    padding: 0px 6px 0px 6px;	
}
.rsBullet span,
.rsDefaultInv .rsBullet span { border: 2px solid #F7EFF6; cursor: pointer; width: 15px; height: 15px; }
.modal-bh .rsBullet span {background-color: #2E294E;}
.modal-bbh .rsBullet span {background-color: #E7B61F;}
.modal-lv .rsBullet span {background-color: #F46036;}
.rsBullet.rsNavSelected span {background-color: #F7EFF6 !important;}



/* KANZLEI */
.masthead.kanzlei-header {
	height: 100vh;
	z-index:-1;
	position: relative;
}
.page-kanzlei.img-full {
    background-image: url(assets/img/cotax-kanzlei-desktop.jpg);
}
section#kanzlei-content { z-index: 99; position: absolute; bottom: 0; left: 0; width: 100%; }
section#kanzlei-content .content-outer { padding: 35px 0px 0px 0px;}
.not-start .row .col-outer h1 { padding-bottom: 40px; }
.not-start .row .col-outer h3 { padding-top: 0px; padding-bottom: 0px; font-weight: 900; }
.not-start .row .col-outer p { padding-top: 0px; padding-bottom: 35px; }


.kanzlei-content { position: relative; }
.kanzlei-content .row.kanzlei { display: flex; flex-direction: row; }
.kanzlei-content .row.kanzlei .kanzlei-content-txt	{
	display: flex;
    flex-direction: column;
    justify-content: center;
}
#kanzlei-text-content .wp-block-columns {
	display: flex;
	flex-direction: row;
}
.kanzlei-content .row.kanzlei .kanzlei-content-txt h3 { padding-bottom: 30px; } 
/*#ceo::after {
	position: absolute;
	content: '';
	display: block;
	height: 26px;
	width: 100%;
	left: 0;
	bottom: 0;
	border-radius: 26px 26px 0px 0px;
	background-color: #41CCD6;
}*/

#team div#n2-ss-5 .n2-ss-slider-2 {
	background-color: transparent;
	margin-top: 35px;
}
#team .n2-ss-slider .n2-ss-slider-wrapper-inside .n2-ss-slider-controls {
	bottom: -50px;
}
#team div#n2-ss-5 .n2-ss-slide {
	border-radius: 26px 26px 0px 0px !important;
}
#team div#n2-ss-5 .nextend-arrow {
    margin-top: -80px;
    --widget-offset: 8px !important;
}

#team .team-name p {
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 10px;
}
#team .team-taetigkeit p {
	font-size: 0.9rem !important;
    color: #4ACCD6 !important;	
}
#team .team-tel p { padding-top: 12px; font-size: 1rem !important; }
#team .team-email p { font-size: 0.8rem !important; line-height: 0; }
#team .team-tel a,
#team .team-email a,
#team .team-tel a:focus,
#team .team-email a:focus,
#team .team-tel a:hover,
#team .team-email a:hover
#team .team-tel a:active,
#team .team-email a:active {
	color: #000000 !important;
}

.nextend-bullet-bar div { padding: 0px 6px 0px 6px; }
.nextend-bullet-bar .n2-bullet {
	padding: 0px !important;
	border-radius: 20px !important;
	background: #41CCD6 !important;
	border: 2px solid #F7EFF6 !important;
	cursor: pointer !important;
	width: 15px !important;
	height: 15px !important; 
}
.nextend-bullet-bar .n2-bullet:hover,
.nextend-bullet-bar .n2-bullet.n2-active {
	cursor: pointer !important;
	background: #F7EFF6 !important;
}


/* Services */
#service-content .row.services { gap: 80px 80px; margin-top: 35px; margin-bottom: 70px; justify-content: center; } 
#service-content .row.services .service-slide {
	width: 300px;
	margin: 0 auto;
}

/* FAQ */

/* TEST FAQ SEKTION */
.tab-menu {
    padding: 0;
}
.tab-menu li {
    display: flex;
	flex-direction: column;
	min-width: 550px;
}
.tab-menu li a {
	font-family: 'brandon-grotesque-black';
	text-transform: uppercase;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.3rem;
    line-height: 5rem;
	padding: 0px 35px 0px 35px;
	color: #ffffff !important;
}

.tab-menu .active { padding-left: 55px; }
.tab-menu .tab-link-allgemein .active {background: #F7EFF6; color: #41CCD6 !important;}
.tab-menu .tab-link-buchhaltung .active {background: #2E294E;}
.tab-menu .tab-link-lohnverrechnung .active {background: #F46036;}
.tab-menu .tab-link-steuerberatung .active {background: #E7B61F;}

.tabs{
    width:50%;
}
.tabs > .tab-content{
    display:none;
}
.tabs .active{
    display:block;
}
.tab-content {
	max-width: 600px;
}

#faq-content .faq-head, #faq-content .faq-eintraege {
	height: 100vh;
}

#faq-content .faq-head {
	display: flex;
	flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;;
    justify-content: center;
    text-align: left;
    padding: 0 0 0 10%;
}
#faq-content .faq-eintraege {
	display: flex;
	flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    text-align: left;
    padding: 135px 5% 0px 5%;
}
#faq-content .faq-head h1.entry-title {
	padding: 0px 0px 35px 35px;
	text-align: left;
    line-height: 1;
}
#faq-content .faq-head h2 {
	padding: 0px 0px 15px 0px;
	text-align: left;
}
#faq-content .faq-eintraege h2 {
	font-size: 2.66rem;
	padding: 0px;
	margin-bottom: 35px;
}
#faq-content .faq-head p,
#faq-content .faq-eintraege span {
	padding: 0px;
	text-align: left;
    line-height: 1.4;
    letter-spacing: 1px;
	font-size: 1.5rem;
}

#faq-content .faq-head button {
	text-align: left;
	font-size: 1.3rem;
}




/* OLD FAQ */
#faq.page-default .entry-content { 
	max-width: 100%;
}
#faq h1.entry-title {
	text-align: center;
	padding-top: 70px;
	padding-bottom: 70px;
}
#faq .c-accordion__item { padding: 0px 60px 40px 60px; }
#faq .c-accordion__title {
	color: #41CCD6 !important;
	text-transform: unset !important;
	font-size: 1.5rem !important;
	font-weight: 900;
	padding: 0px !important;
	line-height: 1 !important;
	margin: 0 0 10px 0 !important;
	text-align: left !important;
}
#faq .c-accordion__title:after {
	display: none;
	content: "";
}
#faq .c-accordion__title:before {
    display: block;
    content: "+";
    font-size: 2rem;
    color: #ffffff;
    position: absolute;
    top: 0px;
    left: -65px;
    background: #41CCD6;
    border-radius: 100%;
    padding: 10px;
    width: 50px;
	height: 50px;
	padding: 25px 0px;
    text-align: center;
	line-height: 0 !important;

}
#faq-tabs-buchhaltung .c-accordion__item .c-accordion__title { color: #2E294E !important; }
#faq-tabs-steuerberatung .c-accordion__item.txt-gold .c-accordion__title { color: #E7B61F !important; }
#faq-tabs-lohnverrechnung .c-accordion__item .c-accordion__title { color: #F46036 !important; }
#faq-tabs-buchhaltung .c-accordion__item .c-accordion__title:before { background-color: #2E294E !important; }
#faq-tabs-steuerberatung .c-accordion__item .c-accordion__title:before { background-color: #E7B61F !important; }
#faq-tabs-lohnverrechnung .c-accordion__item .c-accordion__title:before { background-color: #F46036 !important; }






/* BLOG */
.masthead.not-start .site-branding.d-flex { flex-direction: column; }
.masthead.not-start .content-outer {
	padding-top: 70px;
}
.masthead.not-start .content-outer h1.entry-title {
	padding-top: 45px;
    padding-bottom: 35px;
	align-self: center;
}
.masthead.not-start .main-blog {
	position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 7%;
    width: 100%;
	display: flex;
    flex-direction: row;
    justify-content: center;
	gap: 3rem;
/*	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
    gap: 1.5rem;
    align-items: center; */
}
.masthead.not-start .main-blog-img {
	width: 50%;
	max-width: 800px;
    /*height: auto;*/
    align-self: flex-end;
	height: 70vh;
	overflow: hidden;
	border-radius: 26px 26px 0px 0px;
}
.masthead.not-start .main-blog-txt {
	width: 30%;
	text-align: left !important;
}
.masthead.not-start .main-blog-txt h2 { text-align: left; }

.masthead.not-start .main-blog-img img,
.kachel-blog .kachel-blog-img img{
	/*height: auto !important;*/
	border-radius: 26px 26px 0px 0px;
	height: 100% !important;
	width: auto;
	max-width: fit-content;
}
.masthead.not-start .main-blog-img img {
	transform: translate(-20%, 0);
}
.kachel-blog .kachel-blog-img img {
	transform: scale(1.2);	
}
.masthead.not-start .main-blog .main-blog-read-more {
	display: block;
	padding-top: 30px;
}
#blogpage-content .alm-reveal,
#blogpage-content .content-outer .row,
#karriere-content .content-outer .row.karriere {
    display: flex;
    gap: 2rem;
    max-width: 100%;
    margin: 0 auto;
    flex-wrap: wrap;
    justify-content: center;
	margin-bottom: 2rem;
}
.kachel-blog, .kachel-karriere {
	position: relative;
	width: 323px;
	height: 475px;
	background-color: #ffffff;
	border-radius: 26px;
	padding: 0px;
	padding-bottom: 20px;
	text-align: center;
}
.kachel-blog .kachel-blog-img { width: 323px; height: 275px; overflow: hidden; border-radius: 26px 26px 0px 0px; }
/*.kachel-blog .kachel-blog-img img { width: 100%; height: auto; border-radius: 26px 26px 0px 0px; }*/
.kachel-blog .kachel-blog-excerpt	{ text-align: left; padding: 0px 30px 10px 30px; }
.kachel-blog .kachel-blog-datum {
	text-align: left;
	color: #adadad;
    letter-spacing: 0;
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0px 0px 30px;
	}
.kachel-blog .kachel-blog-title { text-align: left; color: #41CCD6; }
.kachel-blog .kachel-blog-title h4	{
	font-size: 1.25rem;
    padding: 5px 30px;
	margin: 0;
}
.kachel-blog .kachel-read-more {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
}

#ajax-load-more.ajax-load-more-wrap { width: 100%; }
#blogpage-content h2 { margin-bottom: 50px; }
#blogpage-content #ajax-load-more .alm-btn-wrap { text-align: center; }
#blogpage-content #ajax-load-more .alm-btn-wrap .alm-load-more-btn.done { opacity: 0.5; }

.site-branding .main-blog-excerpt {
	font-size: 1.2rem;
	letter-spacing: 0;
}



/* SINGLE BLOG */
.single-default h1,
.single-default h2,
.single-default h3,
.single-default h4,
.single-default h5 {
	text-transform: uppercase !important;
	color: #41CCD6 !important;
	margin: 0;
	padding: 0;
}
.single-default p + h1,
.single-default p + h2,
.single-default p + h3,
.single-default p + h4,
.single-default p + h5 { padding-top: 30px; }

.single-default p + img { padding: 20px 0px; }

.single-default.masthead p {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1rem;
	padding-top: 10px;
}
.single-default.masthead h1 {
	padding-top: 70px;
}

.single-blog-img {
	width: 100%;
    overflow: hidden;
	padding-top: 40px;
}
.single-blog-img img {
	width: 100%;
	height: auto;
}
.single-blog-content { max-width: 700px; margin: 0 auto; }
.single-blog-content h1,
.single-blog-content h2,
.single-blog-content h3,
.single-blog-content h4,
.single-blog-content h5 { text-align: left; }
.single-default .nav-links {
	margin-top: 40px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.single-default .single-blog-content .wp-block-post-featured-image {
	display: none !important;
}




/* Kontakt */
#kontakt-content .d-flex {
	flex-direction: column;
	align-items: center;
}
#kontakt-content .d-flex h1.entry-title {
	align-self: flex-start;
}



/* BOOKING */

/* Loader */
.amelia-app-booking #amelia-booking-wrap .am-spinner .am-spin path,
#am-modal.am-modal.am-in-body .am-spinner .am-spin path,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-waiting-confirmation .am-svg-wrapper .am-spin path,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-waiting-confirmation .am-svg-wrapper .am-spin path,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-success-payment .am-svg-wrapper .am-spin path,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment .am-svg-wrapper .am-spin path,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-booking-fetched .am-svg-wrapper .am-spin path,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-booking-fetched .am-svg-wrapper .am-spin path {
    stroke: #41CCD6 !important;
}
.amelia-app-booking #amelia-booking-wrap .am-spinner .am-hourglass path,
#am-modal.am-modal.am-in-body .am-spinner .am-hourglass path,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-waiting-confirmation .am-svg-wrapper .am-hourglass path,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-waiting-confirmation .am-svg-wrapper .am-hourglass path,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-success-payment .am-svg-wrapper .am-hourglass path,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment .am-svg-wrapper .am-hourglass path,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-booking-fetched .am-svg-wrapper .am-hourglass path,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-booking-fetched .am-svg-wrapper .am-hourglass path {
    fill: #41CCD6 !important;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-waiting-confirmation .am-svg-wrapper .am-spin,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-waiting-confirmation .am-svg-wrapper .am-spin,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-success-payment .am-svg-wrapper .am-spin,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment .am-svg-wrapper .am-spin,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-booking-fetched .am-svg-wrapper .am-spin,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-booking-fetched .am-svg-wrapper .am-spin {
	width: 80px !important;
}

/* Formular Standard Style überschreiben */
.amelia-app-booking #amelia-booking-wrap #am-step-booking, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog {
	border: 0px !important;
	box-shadow: none !important;
	border-radius: 0px !important;
}
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-stepByStepForm-selectServiceForm {
	background-color: #F7EFF6 !important;
}

/* Formularbreite */
.amelia-app-booking #amelia-booking-wrap #am-step-booking, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog {
	max-width: 100% !important;
}

/* MOBILE Anpassung Kalender */
.amelia-app-booking #amelia-booking-wrap #am-step-booking.am-mobile-collapsed {}

.amelia-app-booking #amelia-booking-wrap .el-button span, #am-modal.am-modal.am-in-body .el-button span,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-button-wrapper .el-button span,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-button-wrapper .el-button span {
	color: #ffffff !important;
}
.amelia-app-booking #amelia-booking-wrap .el-button:hover span, #am-modal.am-modal.am-in-body .el-button:hover span, .amelia-app-booking #amelia-booking-wrap .el-button:focus span, #am-modal.am-modal.am-in-body .el-button:focus span {
	color: #ffffff !important;
}

/* Border Radius Inputs */
.amelia-app-booking #amelia-booking-wrap input[type="text"],
#am-modal.am-modal.am-in-body input[type="text"],
.amelia-app-booking #amelia-booking-wrap input[type="password"],
#am-modal.am-modal.am-in-body input[type="password"],
.amelia-app-booking #amelia-booking-wrap input[type="email"],
#am-modal.am-modal.am-in-body input[type="email"],
.amelia-app-booking #amelia-booking-wrap input[type="tel"],
#am-modal.am-modal.am-in-body input[type="tel"],
.amelia-app-booking #amelia-booking-wrap input[type="url"],
#am-modal.am-modal.am-in-body input[type="url"],
.amelia-app-booking #amelia-booking-wrap textarea,
#am-modal.am-modal.am-in-body textarea,
.amelia-app-booking #amelia-booking-wrap select,
#am-modal.am-modal.am-in-body select,
.amelia-app-booking #amelia-booking-wrap .form-control,
#am-modal.am-modal.am-in-body .form-control,
.amelia-app-booking #amelia-booking-wrap .am-stripe-card,#am-modal.am-modal.am-in-body .am-stripe-card {
	border-radius: 20px !important;
}

.amelia-app-booking #amelia-booking-wrap .el-textarea__inner:focus,
#am-modal.am-modal.am-in-body .el-textarea__inner:focus,
.amelia-app-booking #amelia-booking-wrap :focus,
#am-modal.am-modal.am-in-body :focus { border-color: #41CCD6 !important; }

/* Select Inputs */
.el-select-dropdown__wrap.el-scrollbar__wrap {
	margin-bottom: -17px !important; 
}

.el-select-dropdown.am-dropdown-stepByStepForm-selectServiceForm .el-select-dropdown__item,
.el-select-dropdown.am-dropdown-stepByStepForm-selectServiceForm .el-select-dropdown__item span,
.el-select-dropdown__list, .el-select-dropdown__list span {
	font-family: 'brandon-grotesque-regular' !important;
	color: #000000 !important;
	font-size: 1rem !important;
}
.el-select-dropdown,
.amelia-app-booking #amelia-booking-wrap .el-input-group--append .el-input__inner,
#am-modal.am-modal.am-in-body .el-input-group--append .el-input__inner,
.amelia-app-booking #amelia-booking-wrap .el-input-group__prepend,
#am-modal.am-modal.am-in-body .el-input-group__prepend {
	border-radius: 20px !important;
}

/* Labels */
.amelia-app-booking #amelia-booking-wrap label.el-form-item__label, #am-modal.am-modal.am-in-body label.el-form-item__label {
	text-transform: uppercase !important;
	color: #41CCD6 !important;
	font-size: 1.2rem !important;
	line-height: 28px !important;
	font-weight: 900 !important;
}

/* Service Select zentriert, dann links wenn Kalender eingeblendet */
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-full-wrapper {
	justify-content: center !important;;
	transition: justify-content 1s ease;
	-webkit-transition: justify-content 1s ease;
	-moz-transition: justify-content 1s ease;
	-ms-transition: justify-content 1s ease;
	-o-transition: justify-content 1s ease;	
}
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-active-picker .am-form-full-wrapper {
	justify-content: left !important;
}

/* Formular Text links ausgerichtet */
.amelia-app-booking #amelia-booking-wrap #am-step-booking p, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog p {
	text-align: left !important;
}

/* Fehlermeldung Steps */
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before {
	display: none !important;
}	
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after {
    content: "*";
    margin-left: 4px;
}	
.amelia-app-booking #amelia-booking-wrap .is-error .el-form-item__error, #am-modal.am-modal.am-in-body .is-error .el-form-item__error { display: none ; }
.el-form-item__error {
    color: red !important;
    text-transform: none !important;
    font-size: 18px !important;
    font-weight: normal;
    display: block;
	margin-bottom: 10px;
}

/* Steps Allgemein */
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-service, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-service, .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date {
    background: none !important;
	padding: 20px !important;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking {
    background: none !important;	
}

/* Kalender Step */
.scroll-section .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date {
    right: -50%;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog.am-active-picker .am-select-date {
	right: 0 !important;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-calendar-stepByStepForm-calendarDateTimeForm div, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-calendar-stepByStepForm-calendarDateTimeForm div {
    color: rgb(0, 0, 0) !important;
}

/* Kalender Header */
.c-header {
    background-color: #41CCD6 !important;
    border-radius: 20px 20px 0px 0px;
}
.c-title,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-calendar-stepByStepForm-calendarDateTimeForm div .c-title,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-calendar-stepByStepForm-calendarDateTimeForm div .c-title {
	color: #ffffff !important;
	font-weight: 900 !important;
}

.amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title, #am-modal.am-modal.am-in-body .am-calendar-picker .c-header .c-title-layout .c-title-popover .c-title-anchor .c-title {
	text-transform: uppercase;
}

.c-header .svg-icon path {
	fill: #41CCD6 !important;
}
.amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-header .c-arrow-layout .c-arrow, #am-modal.am-modal.am-in-body .am-calendar-picker .c-header .c-arrow-layout .c-arrow {
    background-color: #ffffff;
    border-radius: 26px;
    padding: 2px;
}



 
/* Kalender Tage */
.amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-day-content, #am-modal.am-modal.am-in-body .am-calendar-picker .c-day-content {
	font-size: 1.5rem !important;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-calendar-picker .c-weekdays {
	padding-top: 20px;
}
#am-calendar-picker {
	background-color: #ffffff !important;
    border-radius: 20px 20px 0px 0px;
	
}
.c-weekdays { padding-top: 20px !important; }
.c-day { min-height: 45px !important; }
.scroll-section .amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-day-background, #am-modal.am-modal.am-in-body .am-calendar-picker .c-day-background {
	width: 40px !important;
    height: 40px !important;
	line-height: 40px;
    background-color: #41CCD6 !important;
	margin-top: -3px;
}
.scroll-section .amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-day-content, #am-modal.am-modal.am-in-body .am-calendar-picker .c-day-content {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.scroll-section .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-calendar-picker .c-day-content:hover,
.scroll-section .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-calendar-picker .c-day-content:hover {
	background-color: #F7EFF6 !important;
	margin-top: 1px !important;
}
.scroll-section .amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-calendar-picker .c-day-content:hover div,
.scroll-section .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-calendar-picker .c-day-content:hover div {
	color: #000000 !important;
}
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-stepByStepForm-calendarDateTimeForm.am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner {
    color: #000000 !important;
    border-radius: 26px;
}
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-stepByStepForm-calendarDateTimeForm.am-select-date .am-appointment-times .el-radio-button .el-radio-button__inner {
    color: #000000 !important;
    border-radius: 26px;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-select-date .am-appointment-times .el-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-select-date .am-appointment-times .el-radio-button .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    color: #ffffff !important;	
    background-color: #41CCD6 !important;	
}
.amelia-app-booking #amelia-booking-wrap .am-custom-fields .el-radio__input.is-checked + .el-radio__label, #am-modal.am-modal.am-in-body .am-custom-fields .el-radio__input.is-checked + .el-radio__label {
	color: #000000 !important;
}
.el-radio .el-radio__inner {
	background: #ffffff !important;
	border-color: #ffffff !important;
}
.el-radio .el-radio__inner:after {
	background-color: #ffffff !important;
	width: 10px;
	height: 10px;
}
.el-radio.is-checked .el-radio__inner:after {
	background-color: #41CCD6 !important
}

.amelia-v2-booking #amelia-container .am-button.am-button--plain,
.amelia-v2-booking #amelia-container .am-fs-sb__support { display: none !important; }
.amelia-v2-booking #amelia-container .am-fs__main-footer-cp { justify-content: flex-end !important; }


.amelia-v2-booking #amelia-container .am-fs__payments-sentence,
.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__payments .am-fs__payments-services-sub p span,
#amelia-container .am-fs__main .am-fs__main-content .am-fs__payments .am-fs__payments-price .am-fs__payments-app-info .am-fs__payments-app-info-subtotal,
#amelia-container .am-fs__main .am-fs__main-footer.am-fs__main-footer-cp button.am-button.am-button--text.am-button--default.am-button--secondary { display: none !important; }

.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs__payments span,
.amelia-v2-booking #amelia-container .am-fs__payments-services-sub p,
.amelia-v2-booking #amelia-container .am-fs__payments-services-info span
{
	font-size: 1rem !important;
	color: #000000 !important;
}
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after {
	color: red !important;
}

#amelia-container .am-fs__main .am-fs-dt__calendar.am-fs__main-content .am-fs-dt__calendar { color: #000000; }
.amelia-v2-booking #amelia-container.am-fs__wrapper span.am-fs__payments-heading-main,
.amelia-v2-booking #amelia-container .am-fs__payments-app-info-total,
.amelia-v2-booking #amelia-container .am-fs__payments-app-info-total span{
	font-family: 'brandon-grotesque-bold' !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    color: #41CCD6 !important;
    font-size: 1.2rem !important;
    line-height: 28px !important;
    font-weight: 300 !important;	
}

.amelia-v2-booking #amelia-container .am-fs__payments-service {
    border: 0px !important;
    border-radius: 0px !important;
    padding: 0px 0px 12px 0px !important;
}


/* Buchungsformular */
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirmation-booking-header,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirmation-booking-header {
	font-size: 2rem !important;
    font-weight: 900 !important;
    color: #000000;;
}

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirm-booking-form .am-confirm-booking-data,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirm-booking-form .am-confirm-booking-data {
	max-width: 768px;
	margin: 0 auto !important;
}

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-details,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-details,
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-cost,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-cost {
	border: 0px !important;
}
.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-details div p:first-child,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirm-booking-form .am-confirmation-booking-details div p:first-child {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 700;
	color: #000000;
}

.amelia-app-booking #amelia-booking-wrap #am-step-booking .am-confirm-booking .am-confirmation-booking-header img,
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-confirm-booking .am-confirmation-booking-header img { display: none !important; }


/* Booking Success */
.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-form-stepByStepForm-congratulationsForm-appointment.am-success-payment {
	/*background-color: transparent !important;*/
	position: fixed;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-color: #41CCD6 !important;
}

.amelia-app-booking #amelia-booking-wrap #am-step-booking p, .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment p {
	text-align: center !important;
	font-size: 2rem !important;
}

.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment h4 {
	font-size: 4rem !important;
    font-weight: 900 !important;
}

#terminvereinbarung-content.booking-success {
	background-color: #41CCD6 !important;
}
#terminvereinbarung-content.booking-success h1.entry-header { display: none !important; }

#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment h4 {
    color: #ffffff;
}
#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment h4:before {
	display: block;
	content:'';
	width: 700px;
	height: 300px;
	background-image: url(assets/img/icons/leistung-icons-success.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0 auto;
}
#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment:after {
	content:'';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	height: 100vh;
	background-color: #41CCD6;
}
#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment p {
	color: #ffffff !important;
}

#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment .el-button.el-button--primary.calendar-link {
		background-color: #F7EFF6 !important;
}
#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment .el-button.el-button--primary.calendar-link span,
#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment .el-button.el-button--primary.calendar-link a {
		color: #000000 !important;
}

#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment .el-button.el-button--primary.redirect-link {
		background-color: #F46036 !important;
}

/*input[name="given-name"].el-input__inner,
.amelia-app-booking #amelia-booking-wrap .el-form-item.am-input-stepByStepForm-confirmBookingForm-appointment input[name="given-name"].el-input__inner {width: 45% !important;}
*/


/* Booking NEW */
/* Booking New Steps 1 */

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-frame {}

#terminvereinbarung-content h1.entry-title {
	text-align: center;
}

.amelia-v2-booking #amelia-container .am-fs-sb {
	width: 300px !important;
	max-width: 300px !important;
}

.amelia-v2-booking #amelia-container .am-fs-sb {
	align-items: flex-end !important;	
}

.amelia-v2-booking #amelia-container .am-collapsed {
	max-width: 40px !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__menu { display: none !important; border: none !important; }
.amelia-v2-booking #amelia-container .am-fs-sb__menu.am-collapsed {
	justify-content: flex-end !important;
	max-width: 40px !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__footer {
	display: flex !important;
	justify-content: flex-end !important;	
}


.amelia-v2-booking #amelia-container .am-fs__main {
	width: 100% !important;
	max-width: calc(100% - 300px) !important;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper {
	width: 100% !important;
	max-width: 1000px !important;
}

.am-fs__main.am-fs__main-mobile {
    --am-c-scroll-op30: rgba(0,0,0,0.2) !important;
    --am-c-scroll-op10: rgba(0,0,0,0.2) !important;	
}

.amelia-v2-booking #amelia-container.am-fs__wrapper *,
.am-adv-select__popper * {
	font-family: 'brandon-grotesque-regular' !important;
	letter-spacing: 0 !important;
}
.am-fs__main-content.am-fs__congrats {
	font-size: 1rem;
}

.am-fs__main-heading { box-shadow: none !important; }

.amelia-v2-booking #amelia-container .am-fs__main-heading-inner { padding-left: 32px; }
.amelia-v2-booking #amelia-container .am-fs__main-heading-inner-title {
	font-family: 'brandon-grotesque-bold' !important;
	font-weight: 700 !important;
	font-size: 1.5rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0 !important;
}
.amelia-v2-booking #amelia-container .am-fs__init-form__label {
	font-family: 'brandon-grotesque-bold' !important;
	letter-spacing: 0 !important;
}

.am-adv-select__popper .am-adv-select__item-label {
	font-family: 'brandon-grotesque-regular' !important;
	color: #000000 !important;
	font-size: 1rem !important;
	letter-spacing: 0 !important;
}

.amelia-v2-booking #amelia-container.am-fs__wrapper { margin: 0 auto !important; }
.amelia-v2-booking #amelia-container .am-fs__main {background-color: transparent !important;}
.amelia-v2-booking #amelia-container.am-fs__wrapper,
.amelia-v2-booking #amelia-container .am-fs__main-footer {
	position: relative !important;
	box-shadow: none !important;
	padding: 8px 16px !important;
}

.amelia-v2-booking #amelia-container .am-fs__main-heading {
	padding: 8px 0px !important;
}

.am-adv-select__popper-heading {
	font-family: 'brandon-grotesque-bold' !important;
	padding-top: 10px;	
	text-transform: uppercase;
	color: #41CCD6 !important;
	letter-spacing: 0 !important;
}

.amelia-v2-booking #amelia-container .am-fs__main-inner,
.amelia-v2-booking #amelia-container .am-fs__main-content,
.amelia-v2-booking #amelia-container.am-fs__wrapper { height: auto !important; }

#amelia-container .am-adv-select input.el-input__inner,
#amelia-container .am-select input.el-input__inner,
.el-popper,
#amelia-container .am-button,
.amelia-v2-booking #amelia-container .am-input-wrapper .am-input .el-input__inner:not([type=text-area]),
.amelia-v2-booking #amelia-container .am-input-wrapper .am-textarea .el-input__inner:not([type=text-area]) {border-radius: 26px !important;}

#amelia-container .am-button span { font-family: 'brandon-grotesque-bold' !important; }
.el-select-dropdown__wrap.el-scrollbar__wrap {margin-bottom: 0px !important;}
.am-adv-select__popper .am-adv-select__item-quantity { display: none; }
.el-form-item__label span {
	font-family: 'brandon-grotesque-regular' !important;
	text-transform: uppercase !important;
	color: #41CCD6 !important;
	font-size: 1.2rem !important;
	line-height: 28px !important;
	font-weight: 300 !important;	letter-spacing: 0 !important;	
}

.amelia-v2-booking #amelia-container .am-fs-sb-cs p,
.amelia-v2-booking #amelia-container .am-fs-sb-cs a {
	font-family: 'brandon-grotesque-regular' !important;
	text-transform: uppercase !important;
	color: #000000 !important;	
	letter-spacing: 0 !important;
}

.amelia-v2-booking #amelia-container .am-fs-sb__menu .am-fs-sb__menu-text {
	font-family: 'brandon-grotesque-regular' !important;
	letter-spacing: 0 !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step {
	font-family: 'brandon-grotesque-regular' !important;
	border-radius: 26px !important;
	background-color: #ffffff !important;
	color: #000000 !important;
	letter-spacing: 0 !important;
}
.amelia-v2-booking #amelia-container.am-fs__wrapper .am-fs-sb__step-selection__wrapper .am-fs-sb__step-selection span {
	font-family: 'brandon-grotesque-regular' !important;
	color: #000000 !important;	
	padding-left: 10px !important;
	letter-spacing: 0 !important;
}

.amelia-v2-booking #amelia-container .am-adv-select .el-input .el-icon,
.amelia-v2-booking #amelia-container .am-button span.am-icon-arrow-left,
.amelia-v2-booking #amelia-container .am-button span.am-icon-arrow-right,
.amelia-v2-booking #amelia-container .am-fs-sb__step-icon span,
.amelia-v2-booking #amelia-container .am-fs-sb__menu span.am-icon-arrow-circle-right,
.amelia-v2-booking #amelia-container .am-fs-sb__menu span.am-icon-arrow-circle-left,
.amelia-v2-booking #amelia-container .am-fs-sb-cs-cals-card div span {
	font-family: amelia-icons !important;
}
.amelia-v2-booking #amelia-container .am-fs-sb__step-icon span { color: #000000; padding-left: 10px; }
.amelia-v2-booking #amelia-container .am-collapsed .am-fs-sb__step-icon span { padding-left: 0px; }
.amelia-v2-booking #amelia-container .am-button span.am-icon-arrow-left,
.amelia-v2-booking #amelia-container .am-button span.am-icon-arrow-right {
	font-size: 2rem !important;
	font-weight: bold !important;
	color: #41CCD6 !important;
}
.amelia-v2-booking #amelia-container .am-button.am-button--micro.is-icon-only,
.amelia-v2-booking #amelia-container .am-button.am-button--micro.is-icon-only:focus,
.amelia-v2-booking #amelia-container .am-button-group>.am-button:first-child,
.amelia-v2-booking #amelia-container .am-button-group>.am-button:last-child {
	border: 0px !important;
	background: 0px !important;
}

/* Step 2 - Kalenderfelder*/
.amelia-v2-booking #amelia-container .am-advsc__time-zone,
.amelia-v2-booking #amelia-container .am-advsc__slots-heading {
	display: none !important;
}

.fc-daygrid.fc-dayGridMonth-view.fc-view {
	font-family: 'brandon-grotesque-black' !important;
	font-weight: 900 !important;
	letter-spacing: 0 !important;
}
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-frame {
    border-radius: 100% !important;
	border: 0px !important;
	width: calc(100% - 20px) !important;
    height: calc(100% - 8px) !important;
    left: 10px !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell.fc-day-today .fc-daygrid-day-frame:after {
	top: 50% !important;
    right: 50% !important;
    margin-right: -10px;
    margin-top: -10px;
    background-color: red !important;
}

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-top .fc-daygrid-day-number { padding-left: 3px !important; }

.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-selected .fc-daygrid-day-top .fc-daygrid-day-number,
.amelia-v2-booking #amelia-container .am-advsc__slots-item__selected .am-advsc__slots-item__inner,
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-selected.fc-day-other .fc-daygrid-day-top .fc-daygrid-day-number {
	color: #ffffff !important;
}
.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell.am-advsc__dayGridMonth-selected.fc-day-other .fc-daygrid-day-top {
	opacity: 1 !important;
}
.amelia-v2-booking #amelia-container .am-advsc__slots-item__inner {
	border-radius: 26px !important;
}

.amelia-v2-booking #amelia-container .am-fs__main-content.am-fs__congrats {
	letter-spacing: 0 !important;
}

.amelia-v2-booking #amelia-container .am-fs-sb-cs-cals-card {
    box-shadow: 0 1px 1px rgba(0,0,0,0.6) !important;
    background-color: #ffffff !important;
    border-radius: 26px !important;
}

/* CHECKOUT BOOKING */

#checkout-content p,
#checkout-content table,
#checkout-content table span,
#checkout-content dt { color: #000000; }

#buchhaltung-checkout h1,
#buchhaltung-checkout h2,
#buchhaltung-checkout h3,
#buchhaltung-checkout h4,
#buchhaltung-checkout p,
#buchhaltung-checkout label,
#buchhaltung-checkout table,
#buchhaltung-checkout table span,
#buchhaltung-checkout dt { color: #2E294E; }

#lohnverrechnung-checkout h1,
#lohnverrechnung-checkout h2,
#lohnverrechnung-checkout h3,
#lohnverrechnung-checkout h4,
#lohnverrechnung-checkout p,
#lohnverrechnung-checkout label,
#lohnverrechnung-checkout table,
#lohnverrechnung-checkout table span,
#lohnverrechnung-checkout dt { color: #F46036; }

#steuerberatung-checkout h1,
#steuerberatung-checkout h2,
#steuerberatung-checkout h3,
#steuerberatung-checkout h4,
#steuerberatung-checkout p,
#steuerberatung-checkout label,
#steuerberatung-checkout table,
#steuerberatung-checkout table span,
#steuerberatung-checkout dt { color: #E7B61F; }

#erstgespraech-checkout h1,
#erstgespraech-checkout h2,
#erstgespraech-checkout h3,
#erstgespraech-checkout h4,
#erstgespraech-checkout label { color: #41CCD6; }

#checkout-content h1 {
	padding-top: 70px;
    padding-bottom: 20px;
    line-height: 4.5rem;
}

#checkout-content .checkout-img-container.desktop {
	position: absolute;
	top: 140px;
	right: 0px;
	overflow: hidden;
	width: 30%;
	height: 50%;
}
#checkout-content .checkout-img-container.mobile {
	display: none;
	position: relative;
    width: 200px;
    height: 200px;
    margin: 20px auto 30px auto;
} 
#checkout-content .checkout-img-leistung {
    width: 100%;
    position: absolute;
    height: 100%;
    display: block;
    right: -15%;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;	
}

#buchhaltung-checkout .checkout-img-leistung { background-image: url(assets/img/icons/icon-buchhaltung.svg); }
#steuerberatung-checkout .checkout-img-leistung { background-image: url(assets/img/icons/icon-steuerberatung.svg); }
#lohnverrechnung-checkout .checkout-img-leistung { background-image: url(assets/img/icons/icon-lohnverrechnung.svg); }
#erstgespraech-checkout .checkout-img-leistung { background-image: url(assets/img/icons/leistung-icons-callout.svg); }

#checkout-content label {
	text-transform: uppercase;
	font-weight: 900;
}
#checkout-content label abbr.required { color: red; }
#checkout-content label span.optional { display: none; }

#checkout-content .woocommerce-billing-fields h3,
#checkout-content h3#order_review_heading{
	display: none;
}

#checkout-content .woocommerce form .form-row .required {
	text-decoration: none;
	font-weight: 900;
	font-size: 1.2rem;
}

#checkout-content .woocommerce-billing-fields__field-wrapper {
	max-width: 768px;
}

.woocommerce-invalid-required-field::after {
	display: block;
	content: 'Dieses Feld muss ausgefüllt werden.';
	font-family: 'brandon-grotesque-regular';
	color: red;
}
.validate-phone.woocommerce-invalid-required-field::after {
	content: 'Bitte gib eine gültige Telefonnummer an.';	
}
.validate-email.woocommerce-invalid-required-field::after {
	content: 'Bitte gib eine gültige E-Mail Adresse an.';	
}
.woocommerce-terms-and-conditions + .woocommerce-invalid-required-field::after {
	content: 'Für den Abschluss deiner Buchung akzeptiere bitte unsere AGB.';	
}

#checkout-content .form-row {
	margin: 0;
    flex-direction: column;
    align-items: flex-start;
	margin-top: 50px;
	float: left;
}
#checkout-content fieldset {
	width: 100%;
    top: 50px;
    position: relative;
    overflow: hidden;
    height: auto;
}
#checkout-content fieldset.expandable {
	max-height: 145px;
	margin-bottom: 50px;
}
#checkout-content fieldset.expandable.expanded { max-height: 100%; 	margin-bottom: 90px; }
#checkout-content fieldset.expandable .form-row {
	opacity: 0;
	transform: skew(90deg);
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
#checkout-content fieldset.expandable.expanded .form-row {
	opacity: 1;
	transform: skew(0deg);
}
#checkout-content fieldset.expandable.expanded .form-row {}
#checkout-content fieldset .expand-fieldset p { 
	max-width: 320px;
    padding: 25px 0px;
}
#checkout-content fieldset .expand-fieldset img {
    transform: rotate(0deg);
    position: absolute;
    top: 45px;
    left: 335px;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
}
#checkout-content fieldset.expanded .expand-fieldset img {
	transform: rotate(90deg);
}
#checkout-content fieldset .expand-fieldset + p.form-row { margin-top: 0px; }



#checkout-content .woocommerce-input-wrapper,
#checkout-content .woocommerce-input-wrapper input,
#checkout-content .woocommerce-input-wrapper textarea {
	width: 100%;
}
#checkout-content .woocommerce-input-wrapper textarea {
	height: 130px;
}

#checkout-content .woocommerce-input-wrapper {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
	align-items: center;
}
#checkout-content .radio-select-column .woocommerce-input-wrapper { justify-content: space-between; }
#checkout-content .radio-select-row .woocommerce-input-wrapper { justify-content: flex-start; }

#checkout-content .woocommerce-input-wrapper label {
	text-transform: none;
	font-weight: 500;
	color: #000000;
	line-height: 20px;
}
#checkout-content .woocommerce-input-wrapper input[type="radio"],
#checkout-content .woocommerce-input-wrapper input[type="radio"] + label {
	margin-bottom: 10px;
}
#checkout-content .woocommerce-input-wrapper input[type="radio"],
form.wpcf7-form input[type="radio"],
form.wpcf7-form input[type="checkbox"],
input[type="checkbox"].woocommerce-form__input-checkbox,
#checkout-content ul.wc_payment_methods input[type="radio"] {
	width: 20px;
    height: 20px;
    appearance: none;
    background-color: #fff;
    color: #ffffff;
    border-radius: 50%;
}
#checkout-content .woocommerce-input-wrapper input[type="radio"]::before,
form.wpcf7-form input[type="radio"]::before,
form.wpcf7-form input[type="checkbox"]::before,
input[type="checkbox"].woocommerce-form__input-checkbox::before {
	content: "";
    display: block;
    width: 20px;
    border: 4px solid #ffffff;
    height: 20px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
}
#checkout-content ul.wc_payment_methods input.input-radio::before {
	content: "";
    display: block;
    width: 20px;
    border: 4px solid #ffffff;
    height: 20px;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
}
#checkout-content ul.wc_payment_methods li {
	display: flex;
    align-items: center;
	flex-direction: row;
	flex-wrap: wrap;
}
#checkout-content ul.wc_payment_methods label {
	margin-top: 8px;
    margin-left: 10px;
}
#checkout-content ul.wc_payment_methods .payment_box {
	width: 100%;
	margin-left: 30px;
	margin-bottom: 25px;
}

#checkout-content #order_review .form-row.place-order { margin-top: 25px; }

#buchhaltung-checkout .woocommerce-input-wrapper input[type="radio"]::before,
#buchhaltung-checkout input[type="checkbox"].woocommerce-form__input-checkbox::before,
#buchhaltung-checkout #checkout-content ul.wc_payment_methods input.input-radio::before {
	box-shadow: inset 1em 1em #2E294E;
}
#steuerberatung-checkout .woocommerce-input-wrapper input[type="radio"]::before,
#steuerberatung-checkout input[type="checkbox"].woocommerce-form__input-checkbox::before,
#steuerberatung-checkout #checkout-content ul.wc_payment_methods input.input-radio::before {
	box-shadow: inset 1em 1em #E7B61F;
}
#lohnverrechnung-checkout .woocommerce-input-wrapper input[type="radio"]::before,
#lohnverrechnung-checkout input[type="checkbox"].woocommerce-form__input-checkbox::before,
#lohnverrechnung-checkout #checkout-content ul.wc_payment_methods input.input-radio::before {
	box-shadow: inset 1em 1em #F46036;
}
#erstgespraech-checkout .woocommerce-input-wrapper input[type="radio"]::before,
form.wpcf7-form input[type="radio"]::before,
form.wpcf7-form input[type="checkbox"]::before,
#erstgespraech-checkout input[type="checkbox"].woocommerce-form__input-checkbox::before,
#erstgespraech-checkout #checkout-content ul.wc_payment_methods input.input-radio::before {
	box-shadow: inset 1em 1em #41CCD6;
}

#checkout-content .woocommerce-input-wrapper input[type="radio"]:checked::before,
form.wpcf7-form input[type="radio"]:checked::before,
form.wpcf7-form input[type="checkbox"]:checked::before,
input[type="checkbox"].woocommerce-form__input-checkbox:checked::before,
#checkout-content ul.wc_payment_methods input.input-radio:checked::before {
  transform: scale(1);
}

#unternehmensform_sonstiges_input {display: none;}
#unternehmensform_sonstiges_input_field { margin-top: 0px !important; }

input[type="checkbox"].woocommerce-form__input-checkbox { margin-right: 6px; }

#checkout-content .radio-select-column .woocommerce-input-wrapper input[type="radio"] + label,
#checkout-content .radio-select-column .woocommerce-input-wrapper input[type="checkbox"] + label{
	width: calc(100% - 30px);
}
#checkout-content .radio-select-row .woocommerce-input-wrapper input[type="radio"] + label,
#checkout-content .radio-select-row .woocommerce-input-wrapper input[type="checkbox"] + label {
	width: auto;
	padding: 0px 65px 0px 10px;
}

#checkout-content .form-row-first,
form.wpcf7-form .form-row-first {
	width: 49%;
	float: left;
	margin-right: 2%;
	clear: both;
}
#checkout-content .form-row-third,
form.wpcf7-form .form-row-third {
	width: 32%;
	float: left;
	margin-right: 2%;
	margin-top: 2%;
	clear: none;
}

form.wpcf7-form .form-row-third + br:first-child {
	display: none !important;
}

#checkout-content .form-row-last,
form.wpcf7-form .form-row-last {
	width: 49%;
	float: right;
	clear: none;
}
#checkout-content .form-row-wide,
form.wpcf7-form .form-row-wide {
	width: 100%;
}

#checkout-content #order_review {
	clear: both;
}
#checkout-content #order_review .form-row {
	float: none !important;
} 

#checkout-content input[type="date"],
form.wpcf7-form input[type="date"] {
	-webkit-appearance: none !important;
	width: auto !important;
	text-align: center;
}

#checkout-content .woocommerce-checkout-review-order dt.variation-Termin-Info {
	display: none !important;
}

#checkout-content button#place_order {
	background-color: #41CCD6;
	margin-top: 35px;
}

#checkout-content .woocommerce-checkout-review-order p.cart_item {	
	text-transform: uppercase;
    font-weight: 700;
    font-size: 1.25rem;
}
#checkout-content .woocommerce-checkout-review-order table {
	font-weight: 900;
	font-size: 1.25rem;	
}

#checkout-content .woocommerce-checkout-review-order table tr.cart-subtotal td,
#checkout-content .woocommerce-checkout-review-order table tr.tax-rate td,
#checkout-content .woocommerce-checkout-review-order table tr.order-total td {
	text-align: right;
}


.woocommerce-privacy-policy-text {
    font-weight: 900;	
}
#checkout-content #order_review .form-row.validate-required { margin-top: 25px; }
#checkout-content #order_review .form-row.validate-required label { text-transform: none; }
#checkout-content #order_review .form-row.validate-required input[type="checkbox"].woocommerce-form__input-checkbox {
    margin-right: 10px;
}
span.woocommerce-terms-and-conditions-checkbox-text,
.woocommerce-privacy-policy-text p { color: #000000 !important; }

.woocommerce-terms-and-conditions + .form-row label.woocommerce-form__label-for-checkbox {
	display: flex;
	align-items: center;
}

#checkout-content ul.wc_payment_methods {
	font-size: 1.2rem;
    color: #000000;
    padding: 0px;
    margin: 40px 0px;	
}
#checkout-content ul.wc_payment_methods:before {
	content: 'Zahlung:';
	display: block;
    font-family: 'brandon-grotesque-black';
    text-transform: uppercase;
    font-size: 1.5rem;
    line-height: 1;
    letter-spacing: 0;
    padding: 10px 0px;	
}
#erstgespraech-checkout #checkout-content ul.wc_payment_methods:before,
#erstgespraech-checkout #checkout-content .woocommerce-checkout-review-order p { color: #41CCD6; }
#buchhaltung-checkout #checkout-content ul.wc_payment_methods:before,
#buchhaltung-checkout #checkout-content .woocommerce-checkout-review-order p { color: #2E294E; }
#lohnverrechnung-checkout #checkout-content ul.wc_payment_methods:before,
#lohnverrechnung-checkout #checkout-content .woocommerce-checkout-review-order p { color: #F46036; }
#steuerberatung-checkout #checkout-content ul.wc_payment_methods:before,
#steuerberatung-checkout #checkout-content .woocommerce-checkout-review-order p { color: #E7B61F; }

#checkout-content .woocommerce-checkout-review-order .woocommerce-privacy-policy-text p { color: #000000 !important; }

#checkout-content ul.woocommerce-error {
	margin: 35px 0px 0px 0px;
	padding: 15px;
	background-color: red;
	color: #ffffff;
	font-size: 1.25rem;
	font-weight: 700;
}

#checkout-content ul.woocommerce-error + .required { color: red !important; }

.variation-Termin-Info p:nth-child(5) { display: none; }

/* ANMELDUNG */

#anmeldung .screen-reader-response,
#abmeldung .screen-reader-response { display: none; }

#anmeldung fieldset,
#abmeldung fieldset {
	border: 2px solid rgb(176,176,176);
    padding: 26px 26px 0 26px;
    border-radius: 26px;
    margin-bottom: 35px;
}

.wpcf7-form-control { margin-bottom: 40px; }
.wpcf7-form-control.input-no-space { margin-bottom: 0px; }

form.wpcf7-form label,
form.wpcf7-form label input,
form.wpcf7-form label textarea { width: 100%; }

form.wpcf7-form label input { margin-top: 10px; }

form.wpcf7-form label {
	text-transform: uppercase;
	font-weight: 900;
	color: #41CCD6;
}

form.wpcf7-form .wpcf7-list-item {
	display: flex;
	gap: 1rem;
	margin: 0;
}
form.wpcf7-form .radio-select-row .wpcf7-list-item {
	margin-right: 35px;
}
form.wpcf7-form .radio-select-column .wpcf7-list-item {
	margin-bottom: 10px;
}


form.wpcf7-form span {
	color: #000000;
}
form.wpcf7-form .wpcf7-radio, 
form.wpcf7-form .wpcf7-checkbox {
	display: flex;
    flex-wrap: wrap;
    line-height: 20px;	
}
form.wpcf7-form .wpcf7-radio.radio-select-row,
form.wpcf7-form .wpcf7-checkbox.radio-select-row {
	flex-direction: row;
    align-items: center;	
}
form.wpcf7-form .wpcf7-radio.radio-select-column,
form.wpcf7-form .wpcf7-checkbox.radio-select-column {
	flex-direction: column;
    justify-content: center;	
}

form.wpcf7-form label + span:first-child input { margin-bottom: 40px; }

form.wpcf7-form .form-input-erstgespraech { transform: translatey(-25px); }


/* CF7 Fehlermeldungen */
.wpcf7 form .wpcf7-response-output {
	color: #000000;
	font-size: 1.5rem;
	border: none !important;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    margin: 35px 0px 0px 0px;
    padding: 15px;
    background-color: red;
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 700;
}

input + .wpcf7-not-valid-tip,
.wpcf7-checkbox + .wpcf7-not-valid-tip,
.wpcf7-radio + .wpcf7-not-valid-tip {
    color: red !important;
	text-transform: none !important;
    font-size: 1em;
    font-weight: normal;
    display: block;
}
input + .wpcf7-not-valid-tip,
.wpcf7-radio + .wpcf7-not-valid-tip {
    margin-top: -30px;
    margin-bottom: 50px;
}
.radio-select-column.radio-sonstiges + .wpcf7-not-valid-tip {
	margin: 0 !important;
}
input.form-input-erstgespraech + .wpcf7-not-valid-tip {
    margin-top: -60px;	
}

.wpcf7-form-control-wrap { position: relative; display: block; }
.wpcf7-form-control-wrap[data-name="strasse"] span {
	position: absolute;
    top: 20px;
    right: 20px;
}	

.wpcf7-form-control-wrap[data-name="plz"] span,
.wpcf7-form-control-wrap[data-name="ort"] span {
	position: absolute;
    top: 60px;
    left: 0px;
}	

.wpcf7-form-control-wrap[data-name="strasse"] input + .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap[data-name="plz"] input + .wpcf7-not-valid-tip,
.wpcf7-form-control-wrap[data-name="ort"] input + .wpcf7-not-valid-tip {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Karriere */
#karriere-content .karriere-head {
	display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-content: flex-end;
    justify-content: center;
    text-align: left;
    padding: 0 0 0 10%;
}
#karriere-content .karriere-eintraege {
	display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: flex-end;
    text-align: left;
    padding: 0 10% 5% 5%;
}
#karriere-content .karriere-head h1.entry-title {
	padding: 0px 0px 35px 0px;
	text-align: left;
    line-height: 1;
}
#karriere-content .karriere-head h2 {
	padding: 0px 0px 15px 0px;
	text-align: left;
}
#karriere-content .karriere-eintraege h3 {
	text-align: left;
	font-size: 2.66rem;
	padding: 0px;
}
#karriere-content .karriere-head p,
#karriere-content .karriere-eintraege span {
	padding: 0 10% 0 0;
	text-align: left;
    line-height: 1.4;
    letter-spacing: 1px;
	font-size: 1.5rem;
}
#karriere-content .karriere-head h1.entry-title,
#karriere-content .karriere-head h2,
#karriere-content .karriere-head h3,
#karriere-content .karriere-head p,
#karriere-content .karriere-head span,
#karriere-content .karriere-head a { max-width: 550px; }


#karriere-content .karriere-eintraege .eintrag-karriere {
	padding-bottom: 50px;
	transition: padding 0.6s ease;
	-webkit-transition: padding 0.6s ease;
	-moz-transition: padding 0.6s ease;
	-o-transition: padding 0.6s ease;
	-ms-transition: padding 0.6s ease;
}
#karriere-content .karriere-eintraege .eintrag-karriere:hover { padding-left: 20px;  }
#karriere-content .karriere-head button {
	text-align: left;
	font-size: 1.3rem;
}
 .job-details {
	 width: 100%;
	 max-width: 1200px;
	 flex-direction: row;
	 justify-content: space-between;
	 gap: 1rem;
}
.kachel-karriere {
    display: flex;
    flex-direction: column;
    padding: 30px;
    word-break: break-word;
    justify-content: space-evenly;
}
.kachel-karriere h3 { padding: 0; }
.kachel-karriere span {
	color: #000000;
}
.kachel-karriere p, .job-details {
	color: #000000;
	text-align: left;
}
.kachel-karriere .kachel-karriere-content {
	padding-top: 40px;
	padding-bottom: 40px;
}
.kachel-karriere .kachel-karriere-content span,
.job-details span {
	color: #41CCD6;
	font-weight: 700;
}
.job-details span {
	display: block;
}

#karriere .modal-content { padding: 0; }
#karriere .modal-content .content-modal {
	overflow: scroll;
	justify-content: flex-start;
	padding: 20px 40px;
}
#karriere .modal-content .content-modal p {
	max-width: 960px;
	padding: 10px 30px;
}


#my-account-content form.lost_reset_password .form-row {
	flex-direction: column;	
	margin-top: 30px;
}
#my-account-content form.lost_reset_password .form-row button {
	background-color: #41CCD6;
}



/* IMPORTANT */
.bg-tuerkis { background-color: #41CCD6 }
.bg-grau { background-color: #F7EFF6; }
.bg-weiss { background-color: #ffffff; }
.bg-rot { background-color: #F46036 !important; }
.bg-blau { background-color: #2E294E !important; }
.bg-gold { background-color: #E7B61F !important; }

.txt-tuerkis { color: #41CCD6 !important; }
.txt-grau { color: #F7EFF6 !important; }
.txt-rot { color: #F46036 !important; }
.txt-blau { color: #2E294E !important; }
.txt-gold { color: #E7B61F !important; }
.txt-weiss { color: #ffffff !important; }
.txt-schwarz { color: #000000 !important; }
#terminbuchung.page-default .entry-content {
    max-width: 100% !important;
    min-height: 100vh;
}

input::placeholder {
	color: rgba(0,0,0,0.1);
}

@media only screen and (min-width: 2446px) {
	.full-width-content .row .col-outer.txt-on-large.left {padding: 0 7% 0 25%;}
	.full-width-content .row .col-outer.txt-on-large.right {padding: 0 25% 0 7%;}
}




@media only screen and (max-width: 1550px) {
	.content-outer.cotax-max-width-content,
	.content-outer .cotax-max-width-content { padding-left: 4%; padding-right: 4%; }	
	.masthead.not-start .content-outer.cotax-max-width-content {
		padding: 0px;
		width: 100%;
	}

}

@media only screen and (max-width: 1440px) {
	article.post, article.page { padding: 0 4%; }
	#mainNav #primary-menu .menu-item .sub-menu { left: 30%; }
}

@media only screen and (max-width: 1150px) {
	.row.leistungen .col-outer {
		max-width: 500px;
	}	
}

@media only screen and (min-width: 700px) and (max-width: 1270px) {
	header .n2-ss-section-main-content.n2-ss-layer-with-background { padding: 0 7% !important; }
}
@media (orientation: landscape) and (max-width: 1050px), (orientation: portrait) and (max-width: 1050px) {
	div#n2-ss-15 .cotax-slider-headline-container .n2-ss-layer-col.n2-ss-layer-content {
		padding-top: 100px !important;
	}
}
	
@media only screen and (max-width: 1270px) {
	.masthead.not-start .content-outer h1.entry-title {
		padding-top: 150px;
	}
	.masthead.not-start .main-blog {
		position: relative;
		width: 100%;
		padding: 0;
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 2rem;
		align-items: center;
	}
	.masthead.not-start .main-blog .main-blog-img {
		width: 100%;
		max-width: 100%;
		max-height: 100vw;
		border-radius: 60px 60px 0px 0px;
	}
	.masthead.not-start .main-blog .main-blog-img img {
		transform: translate(0);
	}
	.masthead.not-start .main-blog-txt {
		width: 100%;
		text-align: center;
		padding: 0 7%;
	}
	.masthead.not-start .main-blog-txt h2 {
		text-align: center;
	}
	
	.masthead.not-start .main-blog .main-blog-read-more {
		text-align: center;
		padding-bottom: 50px;
	}
	
	/* Checkout */
	#checkout-content .checkout-img-container.desktop { display: none; }
	#checkout-content .checkout-img-container.mobile { display: block; }
	
	/* Booking */
	.amelia-v2-booking #amelia-container .am-fs-sb {
	width: 240px !important;
	max-width: 240px !important;
	}
	.amelia-v2-booking #amelia-container .am-fs__main {
		width: 100% !important;
		max-width: calc(100% - 240px) !important;
	}

	.amelia-v2-booking #amelia-container.am-fs__wrapper {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* FAQ */
	#faq-content .faq-head { align-content: center; }
	.tab-menu li a { font-size: 1.8rem; }
}

@media only screen and (max-width: 1250px) {
	div#n2-ss-15 .n2-font-df0b5885e6e724eb182e306c2bca4dd4-paragraph {
		font-size: 280% !important;
	}
}






@media only screen and (max-width: 992px) {
	
	
	/*Temporary*/
	.row.services .carousel { text-align: center; }
	.row.services .carousel img {
		position: relative;
		text-align: center;
		left: 0;
	}  
	/*Temporary END*/
	
	.vh-100 { height: auto !important; }
	.min-vh-100 { min-height: auto !important; }
	
	/* Elemente ausblenden */
	#navigation-logo,
	#navigation-icons { display: none; }

	#cookie-law-info-bar .cookie-consent-container .cookie-buttons {
		flex-direction: column;
		align-items: center;
		gap: 1rem;
	}
	
	/* Navigation */	
	.logo-mobile {
		display: block;
		position: absolute;
		top: 20px;
		left: 7%;
		z-index: 9999;
		width: 78px;
		height: 48px;
	}
	.navigation-login, .navigation-social {
		position: relative;
		display: block;
		bottom: 0;
	}
	.navigation-login { margin-top: 80px; }
	.navigation-social { margin-top: 20px; }
	#mainNav .navigation-menu ul#primary-menu {
		font-size: 1.8rem;
		line-height: 4rem;
	}
	#mainNav #primary-menu .menu-item .sub-menu {
		display: none;
		position: relative;
		margin: 0;
		left: 0;
		font-size: 1.2rem;
		line-height: 3.5rem;
	}
	.navigation-login, .navigation-social { z-index: 1; }

	
	/* GENERELLES */
	section .content-outer, .row .col-outer { padding-top: 35px; padding-bottom: 40px; }
	
	/* Start */	
	#primary .row { flex-direction: column; }
	#warum-cotax .row { flex-direction: row; }
	.row.kontakt .kontakt-termin { text-align: center; }
	#primary .row h2 { text-align: center; }
	.masthead.start { position: relative; }
	.masthead.start .cotax-max-width-content { margin: 0; height: auto !important; }
	.masthead.start.vh-100 { height: auto !important; }
	.masthead.start span { font-size: 3rem; }
	
	.masthead.start .headline-big,
	.masthead.start .masthead-img,
	.masthead.start .masthead-leistungen { position: relative; }

	.masthead.start .masthead-img {		
		left: 0;
		margin: 0 auto;
		max-width: 80%;
		width: 80%;
		height: auto;
	}
	.masthead.start .masthead-leistungen {
		max-width: 100%;
		width: 100%;
		right: 0;
		height: auto;	
		padding: 20px 30px 30px 30px;	
		text-align: center;
	}
	.masthead.start .masthead-leistungen span { display: inline; }
	.masthead.start .masthead-leistungen button { margin-left: auto; margin-right: auto; }
	
	.row.leistungen .col-outer { margin: 0 auto; }
	.row.leistungen p { min-height: auto; }
	.row.leistungen p + a button { margin-top: 20px; }
	.row.leistungen .col-outer { flex-direction: row !important; }
	.row.leistungen .col-outer {
		max-width: 570px;
	}
	.row.services .carousel {
		margin: 7% 0% 0% 0%;
		padding: 0px;
	}
	
	.row.kontakt .kontakt-termin img {min-width: 100%; max-width: 100%;}	
	.row.kontakt .kontakt-termin button { align-self: center; }	
	
	
	#new-royalslider-1 { margin: 0 auto; }
	#newsfeed .n2_clear { margin-top: 0px; }
	#n2-ss-4 { margin-top: 40px; }

	.site-footer #footer-menu {
		display: flex;
		flex-flow: column;
		line-height: 3.5rem;
		text-align: left;
		padding-left: 50%;
		transform: translatex(-140px);
	}
	.site-footer #footer-menu .login-icon-footer ul.sub-menu { line-height: 1rem !important; }
	.hover-underline:after { display: none; }
	
	.row.callout-message { padding-bottom: 240px; }
	.full-width-content .row.callout-message .col-outer.single-col	{
		padding: 0% 10%;
	}
	
	.login-icon-footer ul.sub-menu {
		left: 0px;
		bottom: 55px;
	}
	.login-icon-footer ul.sub-menu:before {
		left: 26px;
	}
	
	/* Seiten Leistungen */
	#buchhaltung .leistung-icon-big.desktop,
	#steuerberatung .leistung-icon-big.desktop,
	#lohnverrechnung .leistung-icon-big.desktop { width: 280px; height: 280px; top: 160px; right: 2%; }	

	/* NEWSFEED */	
	.single-default.masthead h1 {
		font-size: 2rem;
		line-height: 3rem;
		text-align: center;		
	}
	.masthead.not-start .main-blog-txt h2,
	.single-blog-content h2{ font-size: 1.8rem; }	
	.single-blog-content h3{ font-size: 1.5rem; }
	.single-blog-content h4{ font-size: 1.3rem; }
	.single-blog-content h5{ font-size: 1.2rem; }
	
	/* Error */
	#page-not-found .content-outer { flex-direction: column-reverse; }
	#page-not-found .error-image {
		align-self: center;
		margin-bottom: 40px;
		padding-top: 45px;
	}
	#page-not-found .content-inner,
	#page-not-found .content-inner h1	{
		text-align: center;
		font-size: 3rem;
		text-align: center;
	}
	#page-not-found .content-inner h1 { padding-bottom: 10px; }
	#page-not-found .content-inner p, #page-not-found .content-inner button { font-size: 1.2rem; }

	/* FAQ */
	#faq-content .faq-head {
		padding: 140px 0 0 0;
		align-content: flex-start;
		width: 100%;
	}
	#faq-content .faq-eintraege { padding-top: 70px; align-content: center; }
	#faq-content .faq-head, #faq-content .faq-eintraege { min-height: auto; height: auto; }
	.tab-menu {
		width: 100%;
		padding: 0;
	}
	.tab-menu li a { font-size: 1.5rem; line-height: 4rem; }


	/* Kanzlei */
	.masthead.kanzlei-header {
		height: auto;
		max-height: 100%;
	}	
	.page-kanzlei.img-full {
		position: relative;
		min-height: 60vw;
	}
	section#kanzlei-content {
		position: relative;
		margin-top: -26px;
	}
	
	
	/* Karriere  */
	#karriere-content .karriere-eintraege {
		justify-content: center;
		padding-top: 10%;
		min-height: auto;
	}
	#karriere .modal-content .content-modal { padding-top: 65px; }

	/* Booking */
	.amelia-v2-booking #amelia-container .am-advsc__slots-item__inner { padding: 2px !important; }

}

@media only screen and (max-width: 1200px) and (max-height: 800px) {
	/* Kanzlei */
	.masthead.kanzlei-header {
		height: auto;
		max-height: 100%;
	}	
	.page-kanzlei.img-full {
		position: relative;
		min-height: 60vw;
	}
	section#kanzlei-content {
		position: relative;
		margin-top: -26px;
	}
}

@media only screen and (min-width: 992px) and (max-height: 730px) {
	.navigation-menu .navigation-login,
	.navigation-menu .navigation-social {
		display: none;
	}
}
@media (min-width: 781px) {
    .leistung-block .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto;
        flex-grow: 1;
    }
}


@media (max-width: 781px) {
    #primary #leistungen .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: min-content !important;
    }
	.leistung-block .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: auto !important;
    }
}

@media (max-width: 786px) {
}

@media only screen and (max-width: 768px) {

	#kanzlei-text-content .wp-block-columns { flex-direction: column !important; height: 100%; }
		
	div#n2-ss-4 .n2-ss-slider-1 {--mask-width: 20%;}
	#kanzlei .content-outer { padding-bottom: 0px; }
	#kanzlei .row.kanzlei .img-full	{
		background-image: url(assets/img/cotax-home-kanzlei-mobile.jpg);
		position: relative;
		flex: unset;
		margin-top: 45px;
		height: 124vw;
		border-radius: 0px;
	}
	.masthead.kanzlei-header {
		width: 100%;
		max-width: 100%;
		height: auto;
		max-height: 100%;
	}
	.page-kanzlei.img-full {
		background-image: url(assets/img/cotax-kanzlei-mobile.jpg);
		min-height: 124vw;
	}
	.kanzlei-content .content-outer { padding: 0px; }
	.kanzlei-content .row.kanzlei.img-first { flex-direction: column-reverse; }
	.kanzlei-content .row.kanzlei .kanzlei-content-img { padding: 35px 25px 65px 25px; }
	.kanzlei-content .row.kanzlei .kanzlei-content-txt { padding-bottom: 0px; }
	.kanzlei-content .row.kanzlei .kanzlei-content-txt h3 { padding-bottom: 20px; }
	.kanzlei-content .row.kanzlei .kanzlei-content-txt p { padding-bottom: 0px;  }
	
	/* Seiten Leistungen */
	#buchhaltung .leistung-icon-big.desktop,
	#steuerberatung .leistung-icon-big.desktop,
	#lohnverrechnung .leistung-icon-big.desktop { top: 280px; }	
	
	#checkout-content .radio-select-row .woocommerce-input-wrapper { justify-content: space-between; }
	#checkout-content .radio-select-row .woocommerce-input-wrapper input[type="radio"] + label,
	#checkout-content .radio-select-row .woocommerce-input-wrapper input[type="checkbox"] + label{
		width: calc(100% - 30px);
		padding: 0;
	}
	
	/* Anmeldung */
	form.wpcf7-form .radio-select-row .wpcf7-list-item {
	margin-right: 0;
	margin-bottom: 10px;
	}
	form.wpcf7-form .wpcf7-radio.radio-select-row,
	form.wpcf7-form .wpcf7-checkbox.radio-select-row {
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
	
	/* Booking */
	.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-frame {
		width: calc(100% - 12px) !important;
		height: calc(100% - 2px) !important;
		left: 7px !important;
	}
	.el-cascader-menu { min-width: 150px !important }
	.amelia-v2-booking #amelia-container .am-advsc { min-height: 250px !important; }
	.fc-scroller.fc-scroller-liquid-absolute { overflow: hidden !important; }
	
	/* Terminvereinbarung Abschluss */
	#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment h4:before {
		width: 85%; height: 380px;
	}
	
	/* FAQ */
	#faq .c-accordion__title:before {
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0 auto;
    margin-bottom: 5px;
	}
	
}

@media only screen and (max-width: 662px) {
	.amelia-v2-booking #amelia-container .am-fs__main { max-width: 100% !important; }
	.amelia-v2-booking #amelia-container .am-fs__main-content { padding: 16px !important; }
	.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-frame {
		width: calc(100% - 20px) !important;
		height: calc(100% - 15px) !important;
		left: 10px !important;
	}


@media only screen and (max-width: 660px) {
	.single-default .nav-links { flex-direction: column-reverse; gap: 2rem; }
}


@media only screen and (max-width: 576px) {

	h3 { font-size: 1.8rem; }
	.row.leistungen .col-outer .col.icon { max-width: 70px !important; }
	.row.leistungen .col-outer.buchhaltung .col.icon img {left: -70px;}
	.row.leistungen .col-outer.lohnverrechnung .col.icon img {right: -120px;}
	.row.leistungen .col-outer.steuerberatung .col.icon img {left: -50px;}
	
	#new-royalslider-1, .rsVisibleNearbyWrap { width: 350px !important; }
	.callout-message h2 {
		font-size: 2rem;
		line-height: 35px;
		padding-top: 25px;
	}
	.full-width-content .row.callout-message .col-outer p { padding-top: 20px; }
	#callout-message .icon-leistung {
    width: 228px;
    height: 240px;
	}

	
	/* Seiten Leistungen */	
	.leistung-main-txt { max-width: 100%; margin-bottom: 0px; }
	#buchhaltung .leistung-icon-big.desktop,
	#steuerberatung .leistung-icon-big.desktop,
	#lohnverrechnung .leistung-icon-big.desktop {
		display: none;
	}
	#buchhaltung .leistung-icon-big.mobile,
	#steuerberatung .leistung-icon-big.mobile,
	#lohnverrechnung .leistung-icon-big.mobile {
		display: block;
		width: 200px;
		height: 200px;
		margin: 20px auto 30px auto;
		transform: translatex(100%);
	}
	/*.leistung-wrap {
		padding-left: 5%;
		padding-right: 5%;		
	}*/

	.leistung-wrap .wp-block-group__inner-container {
		padding-left: 5%;
		padding-right: 5%;		
	}
	.leistungen .leistung-block { max-width: 100%; }
	#new-royalslider-4 { height: 70vh !important; }
	.leistung-slide { max-width: 48%; }
	.leistung-slide .bg-grau { background-color: transparent; }
	.modal-bh .leistung-slide ul,
	.modal-bh .leistung-slide h4,
	.modal-lv .leistung-slide ul,
	.modal-lv .leistung-slide h4,
	.modal-bbh .leistung-slide ul,
	.modal-bbh .leistung-slide h4	{ color: #F7EFF6  }
	.content-modal h3 { font-size: 1.5rem; }
	.content-modal p.txt-grau, .content-modal p.txt-grau span { font-size: 1rem; }
	.leistung-slide h4 { padding-top: 0px; }

	.content-modal { height: 100%; padding-top: 65px; padding-bottom: 10px; }
	.content-modal #new-royalslider-2,
	.content-modal #new-royalslider-3,
	.content-modal #new-royalslider-4,
	.content-modal #new-royalslider-5,
	.content-modal #new-royalslider-6,
	.content-modal #new-royalslider-7,
	.content-modal #new-royalslider-9,
	.content-modal #new-royalslider-10,
	.content-modal #new-royalslider-11 { height: 100% !important; }

	.content-modal .rsDefaultInv .rsArrow	{ height: 82px; }
	.content-modal .rsDefaultInv.rsHor .rsArrowLeft	{ left: 390px; }
	.content-modal .rsDefaultInv.rsHor .rsArrowRight { right: -215px; }
	
	 .job-details { flex-direction: column; }
		
}

@media only screen and (max-width: 480px) {

	h1, h1.entry-title  { font-size: 3.2rem; }
	h2 { font-size: 2rem; line-height: 1; }
	h3 { font-size: 1.5rem; }
	h4 { font-size: 1.2rem; }
	.masthead.start .headline-big { padding-bottom: 50px; }
	#buchhaltung .leistung-icon-big.mobile,
	#steuerberatung .leistung-icon-big.mobile,
	#lohnverrechnung .leistung-icon-big.mobile {
		transform: translatex(75%);
	}
	.leistung-wrap ul li {
		font-size: 1.1rem;
	}
	.leistung-block-inner { max-width: 100%; min-width: auto; }
	#n2-ss-4:before, #n2-ss-4:after { display: none; }
	
	/* Terminkalender */
	.scroll-section .amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-day-content, #am-modal.am-modal.am-in-body .am-calendar-picker .c-day-content {
		width: 30px;
		height: 30px;
	}
	.amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-day-content, #am-modal.am-modal.am-in-body .am-calendar-picker .c-day-content {
		font-size: 1.2rem !important;
	}
	.scroll-section .amelia-app-booking #amelia-booking-wrap .am-calendar-picker .c-day-background, #am-modal.am-modal.am-in-body .am-calendar-picker .c-day-background {
		width: 30px !important;
		height: 30px !important;
		margin-top: -13px;
	}

	#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment h4:before {
		height: 265px;
	}
	.amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment h4 { font-size: 3rem !important; }
	.leistung-slide .bg-grau { padding-top: 0px; }

	/* Buchung */
	.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-frame {
		width: calc(100% - 12px) !important;
		height: calc(100% - 5px) !important;
		left: 6px !important;
	}

	/* TERMINBUCHUNG Abschluss */
	#checkout-content fieldset .expand-fieldset p {
		max-width: 350px;
		width: 100%;
		margin: 0 auto;
	}
	#checkout-content fieldset .expand-fieldset img {
		position: relative;
		top: 0px;
		margin-top: -32px;
		left: 50%;
		margin-left: -16px;
	}
	
	/* FAQ */
	#faq .c-accordion__item { padding: 0px 15px 40px 15px }
	.content-modal h3, .bod-modal-content h3 {
    font-size: 1.8rem;
	}
	.content-modal p + a button,
	.content-modal p + .wp-block-buttons,
	.bod-modal-content p + a button,
	.bod-modal-content p + .wp-block-buttons {
		margin-top: 0px;
	}
	#lohnverrechnung-content .leistung-block .wp-block-group.leistung-action .wp-block-columns {
		flex-direction: column;
	}
	#lohnverrechnung-content .leistung-block .wp-block-group.leistung-action .wp-block-columns .leistung-preis,
	#lohnverrechnung-content .leistung-block .wp-block-group.leistung-action .wp-block-columns .leistung-zeitraum { text-align: center; }
	
}

@media only screen and (min-width: 480px) {
	.content-modal p { padding: 0 10%; }
}

@media only screen and (max-width: 375px) {
	.masthead.start .headline-big { padding-bottom: 60px; }
	.masthead.start .masthead-img { width: 85%; max-width: 85%; }
	#buchhaltung .leistung-icon-big.mobile,
	#steuerberatung .leistung-icon-big.mobile,
	#lohnverrechnung .leistung-icon-big.mobile {
		transform: translatex(60%);
	}

	#terminvereinbarung-content .amelia-app-booking #amelia-booking-wrap .am-step-booking-catalog .am-success-payment h4:before {
		height: 195px;
	}
	.leistung-slide ul { font-size: 1rem; }	
	#buchhaltung .rsDefaultInv .rsBullets,
	#steuerberatung .rsDefaultInv .rsBullets,
	#lohnverrechnung .rsDefaultInv .rsBullets { display: none; }
	#checkout-content fieldset.expandable {
		max-height: 200px;
	}
	
	/* Booking */
	.amelia-v2-booking #amelia-container .am-advsc.fc-theme-standard td.am-advsc__dayGridMonth-cell .fc-daygrid-day-frame {
		width: calc(100% - 7px) !important;
		height: calc(100% - 5px) !important;
		left: 4px !important;
	}
}