:root {
	--firma25-blue:#19235a;
	--firma25-red:#dc1e14;

	--firma25-blue-light:#f3f5fc;
	--firma25-red-light:#f8d6d4;

	/* siehe Puzzle-CSS weiter unten */
	--puzzle_blue: #19235a;
	--puzzle_red: #dc1e14;
	--puzzle_blue_light: #F3F5FC;
	--puzzle_red_light: #FFE7E6;
	--puzzle_white: #FFFFFF;
	--puzzlenav_light: #CCCCCC;
	--puzzlenav_active: #000000;

}

.mirror {
	transform: scaleX(-1);
	display: inline-block;
}


/* Hellblau: #f3f5fc */

.leistungscards {
	box-shadow: 0 5px 20px rgba(0,0,0,0.05);
	border-radius: 8px;
}

.lhover:hover {
	transform: translateY(-5px);
	transition: 0.2s ease;
}

.lhover2:hover {
	transform: translateY(5px);
	transition: 0.2s ease;
}

.tm-logo {
	position:relative;
	/*top:10px;*/
	z-index:500;
}

.tm-header .uk-navbar-container:not(.uk-navbar-transparent) {
	background:transparent !important;
}

#herohead {
	background-image: linear-gradient(0deg, rgb(243, 245, 252) 0%, rgb(255, 255, 255) 100%);
}
/* Puzzle-CSS Start */

@font-face {
	font-family: 'bauhausheavy';
	src: url('../fonts/bauhaush-webfont.woff2') format('woff2'),
		 url('../fonts/bauhaush-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.powerpuzzle {
	overflow: visible;
}

.svgcontainer_outer {
	width:100%;
	/*min-height:1000px;*/
	/*height:100%;*/
	background:#fff;
	text-align:center;
}

.svgcontainer_inner {
	width:550px;
	max-width:100%;
	margin:auto;
}



.jigpiece {
	cursor: pointer;
	/*pointer-events: all;*/
	opacity: 0;
	transform: translateY(20px);
}

.jigpiece * {
	/*pointer-events: all;*/
}

.jigpiece.animate {
	animation: puzzleIn .6s ease forwards;
	animation-delay: var(--delay, 0s);
}

.jigpiece.done {
	opacity: 1;
	/*pointer-events: all;*/
	transform: none;
}

@keyframes puzzleIn {
	to {
		opacity: 1;
		transform: none;
	}
}

.jigpiece path.icon_odd,
.powerjigicon path.icon_odd,
.powercta path.icon_odd
{
	fill: var(--puzzle_red);
}

.jigpiece path.icon_even,
.powerjigicon path.icon_even,
.powercta path.icon_even
{
	fill: var(--puzzle_blue);
}

.jigpiece:hover path.hintergrund_odd,
.powerjigicon:hover path.hintergrund_odd
{
	fill: var(--puzzle_red);
}

.jigpiece:hover path.icon_odd,
.powerjigicon:hover path.icon_odd
{
	fill: var(--puzzle_white);
}

.jigpiece:hover path.hintergrund_even,
.powerjigicon:hover path.hintergrund_even
{
	fill: var(--puzzle_blue);
}

.jigpiece:hover path.icon_even,
.powerjigicon:hover path.icon_even
{
	fill: var(--puzzle_white);
}

.jigpiece-inner {
	transform-box: fill-box;
	transform-origin: center;
	transition: transform 0.2s ease, filter 0.2s ease;
}

.jigpiece:hover .jigpiece-inner {
	transform: scale(1.025);
	filter: 
	drop-shadow(0 8px 15px rgba(0,0,0,0.15))
	drop-shadow(0 20px 40px rgba(0,0,0,0.12));
}

/*
.puzzle-nav span.active {
	color: var(--firma25-blue);
	transition: none;
}

.puzzle-nav span {
	transition: color .7s ease, opacity .7s ease;
}
*/

.puzzle-nav {
	font-family:bauhausheavy;
	font-size:1.9rem;
	color: var(--puzzlenav_light);
}

.puzzle-nav span {
}

/* Aktiv = sofort blau */
.puzzle-nav span.active {
	color: var(--firma25-blue);
	transition: none;
}

/* Beim Entfernen von active */
.puzzle-nav span.fade-out {
	animation: navFade 0.7s ease forwards;
}

@keyframes navFade {
	0%   { color: var(--firma25-blue); }
	5%   { color: var(--firma25-red); }
	100% { color: var(--puzzlenav_light); }
}
/* Puzzle-CSS Ende */

h3.powersubtitle, .powersubtitle h3 {
	color:var(--firma25-blue);
	font-weight:bold;
}

.powerpuzzleicon svg {
	filter: 
	drop-shadow(0 4px 7px rgba(0,0,0,0.15))
	drop-shadow(0 10px 20px rgba(0,0,0,0.12));

}

/* CTA-Button Start */

.ctacontainer_inner {
    width: 33%;
    margin: 0 auto;
}

@media (max-width: 1200px) {
    .ctacontainer_inner {
        width: 45%;
    }
}

@media (max-width: 992px) {
    .ctacontainer_inner {
        width: 60%;
    }
}

@media (max-width: 768px) {
    .ctacontainer_inner {
        width: 75%;
    }
}

@media (max-width: 480px) {
    .ctacontainer_inner {
        width: 90%;
    }
}

#hoversegmente .segment_text {
	fill: var(--puzzle_blue);
}

#hoversegmente > g:hover .segment_text {
	fill: var(--puzzle_red);
}

.hoversegment {
	cursor:pointer;
}

.powercta {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.powercta.active {
    opacity: 1;
}

/*
.ctabutton {
    display: none;
}

.ctabutton.active {
    display: inline;
}
*/


/* CTA-Button Ende */

.powerformbutton {
	background-color:var(--puzzle_blue) !important;
	color:var(--puzzle_white);
}

.powerformbutton:hover {
	background-color:var(--puzzle_red) !important;
}


.eb-dialog.engagebox__fadeIn {
    animation-duration: .5s !important;
}

.eb-closing {
  /*--animate-duration: 2.5s;*/
}

.impressum, .datenschutz {
	cursor:pointer;
}

.st2 {
    pointer-events: none;
}

path {
    pointer-events: all;
}

section {
    scroll-margin-top: 80px;
}