@charset "UTF-8";
@import "css/background.css";

:root{
	--bs-body-color:#525f7f;
}

@media all {
	body > .go-to-top {
		position: absolute;
		height: 40px !important;
		width: 40px !important;
		display: flex;
		justify-content: center;
		align-items: center;
		right: 5em !important;
		border: 0 solid transparent;
		border-radius: 0 0 0.75rem 0.75rem;
		color: #FFF;
		margin: 0;
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
	}

	.table td, .table th {
		white-space: normal;
	}

	main h1 {
		margin-bottom: 0;
	}

	main section.bg-gradient-dark:not(.block-features4) .container h2,
	main section.bg-cover .container h2 {
		color: #fff;
	}

	main section.bg-gradient-dark:not(.block-features4) .container h3,
	main section.bg-cover .container h3 {
		color: #fff;
	}

	main section.bg-gradient-dark:not(.block-features4) .container h4,
	main section.bg-cover .container h4 {
		color: #fff;
	}

	main section.bg-gradient-dark:not(.block-features4) a:not(.btn) {
		color: #fff;
	}

	main section a:not(.btn, .h5, :hover, [role="button"]) {
		text-decoration: underline;
	}

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

	.empty-navItem {
		cursor: default;
		background-color: unset !important;
	}

	.empty-navItem:hover {
		color: #7b809a;
	}

	#navigation .dropdown-header:not(.empty-navItem):hover {
		background-color: #f0f2f5;
	}

	#navigation div.d-lg-none .dropdown-header a:hover,
	#navigation div.d-lg-none .dropdown-header:hover,
	#navigation div.d-lg-none .dropdown-item:hover {
		background-color: transparent;
	}

	#navigation div.d-lg-none .dropdown-header a:hover {
		color: unset;
	}

	.card-header{
		background: none;
	}

	.card-header img {
		width: 100%;
	}

	.card.mt-4 {
		min-height: calc(100% - 1.5rem);
	}

	.card-profile .btn-simple i {
		font-size: 2em;
	}

	.text-white h1,
	.text-white h2,
	.text-white h3,
	.text-white h4,
	.text-white h5,
	.text-white h6,
	.text-white .h1,
	.text-white .h2,
	.text-white .h3,
	.text-white .h4,
	.text-white .h5,
	.text-white .h6,
	.text-white .accordion-button:not(.collapsed) {
		color: #fff;
	}

	.text-white [data-edit-empty-block]::before,
	.text-white [data-mce-placeholder]::before {
		color: #fff !important;
	}

	.bg-style-img {
		min-height: 100%;
		min-width: 100%;
		max-width: unset;
	}

	.form-layout > * {
		margin-top: 1.5rem;
	}

	.input-group input[id="captcha_user"] {
		border-top-right-radius: .375rem !important;
		border-bottom-right-radius: .375rem !important;
	}

	.input-group[data-form-type]:not(.is-focused, .is-filled) > .form-label {
		width: calc(100% - 1px);
		background: linear-gradient(to bottom, transparent 10px, #ffffff 1px);
		z-index: 1;
		overflow: hidden;
		height: calc(100% - 6px);
		border-radius: .375rem !important;
		line-height: 3.8 !important;
	}

	.input-group[data-form-type="select"]:not(.is-focused, .is-filled) > .form-label,
	.input-group[data-form-type="list"]:not(.is-focused, .is-filled) > .form-label,
	.input-group[data-form-type="number"]:not(.is-focused, .is-filled) > .form-label {
		max-width: calc(100% - 48px);
	}

	.input-group[data-form-type="range-output"] > .form-label {
		width: calc(100% - 5.5rem - 1px) !important;
	}

	.input-group[data-form-type="file"] > .form-label {
		height: calc(100% + 4px) !important;
	}

	.input-group[data-form-type="range-output"] output {
		flex: none;
		width: 4rem;
		margin-left: 1.5rem !important;
		text-align: center;
	}

	.input-group[data-form-type] > select:not([multiple]), .input-group > input[list] {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
		background-repeat: no-repeat !important;
		background-position: right .75rem center !important;
		background-size: 16px 12px !important;
	}

	.form-check[data-form-type]:not(.form-switch) .form-check-input[type="radio"]:checked::after {
		left: -1px;
	}

	.form-check[data-form-type]:not(.form-switch) .custom-control-label {
		margin-left: 12px;
		line-height: 1.6rem;
	}

	.form-label, label {
		margin-left: 0;
	}

	.input-group[data-form-type="captcha"] .btn,
	div.captcha.input-group .btn {
		margin-left: 1.15rem !important;
		height: 44px;
	}

	.input-group[data-form-type="captcha"] .btn img,
	div.captcha.input-group .btn img {
		width: 24px;
	}

	/* Chrome, Safari, Edge, Opera */
	input[type=number]:not(.default-number)::-webkit-outer-spin-button,
	input[type=number]:not(.default-number)::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

	/* Firefox */
	input[type=number]:not(.default-number) {
		-moz-appearance: textfield;
	}

	/* Safari */
	select {
		-webkit-appearance: none;
	}

	.input-group.input-group-outline .form-label::after {
		border-radius: 0 1rem;
	}

	textarea.form-control {
		resize: none;
	}

	.text-sm p {
		font-size: inherit;
		line-height: inherit;
	}

	p .btn {
		margin-bottom: 0;
	}

	.highlight-primary,
	.highlight-secondary {
		font-weight: 700;
		color: #e91e63;
		background-image: linear-gradient(195deg,#ec407a,#d81b60);
	}

	.highlight-secondary {
		color: #1a73e8;
		background-image: linear-gradient(195deg,#49a3f1,#1a73e8);
	}

	.underline-primary,
	.underline-secondary {
		text-decoration-line: underline;
		text-decoration-thickness: 3px;
		text-decoration-color: #e91e63;
	}

	.underline-secondary {
		text-decoration-color: #1a73e8;
	}

	.icon-shape {
		line-height: normal;
	}

	.obj-fit-cover {
		object-fit: cover;
	}

	.nav-link:hover {
		opacity: 0.8;
	}

	.grayscale {
		filter: grayscale(100%);
	}

	.alert p:last-of-type {
		margin-bottom: 0 !important;
	}

	.alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 {
		color: #ffffff;
	}

	.alert a {
		color: #ffffff;
		font-weight: 600;
	}

	.dropdown-menu {
		color: var(--bs-body-color);
	}

	.dropdown.nav-item .dropdown-menu-animation.show {
		max-height: 250px;
		height: auto;
	}

	.dropdown-arrow {
		padding: 0 .75rem;
	}

	#language-dropdown-headline,
	#language-dropdown-subline {
		display: inline-block;
	}

	#language-dropdownmenu-headline,
	#language-dropdownmenu-subline {
		min-width: 100%;
		position: absolute;
	}

	#language-dropdown-headline a,
	#language-dropdown-subline a {
		text-align: center;
	}

	#language-dropdown-headline #languageMenu-headline,
	#language-dropdown-subline #languageMenu-subline {
		white-space: nowrap !important;
	}

	.navbar-subline {
		top: 70px; /* Position für Sticky */
		z-index: 1019; /* Kleiner als "z-index-sticky" */
	}

	.navbar .navbar-collapse .navbar-nav .dropdown #language-dropdownmenu-headline::before,
	.navbar .navbar-collapse .navbar-nav .dropdown #language-dropdownmenu-subline::before {
		display: block !important;
	}

	#navigation {
		min-width: 10px;
	}

	#navigation a {
		white-space: normal !important;
	}

	#navigation li.dropdown-hover > a.d-lg-none.nav-link {
		max-width: 80%;
	}

	.navbar-toggler .navbar-toggler-icon .fas {
		transition: all .2s;
	}

	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon .fa-bars {
		display: none;
	}

	.navbar-toggler .navbar-toggler-icon .fa-times {
		display: none;
	}

	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon .fa-times {
		display: inline-block;
	}

	.navbar-toggler {
		border: none;
	}

	.nav-item a.float-end {
		line-height: 38px;
	}

	.navbar-dark .dropdown-header > a,
	.navbar .dropdown a .fa-angle-down {
		color: #ffffffd9;
	}

	#navbar-buttons-headline > li,
	#navbar-buttons-subline > li {
		align-self: center;
	}

	#navbar-buttons-headline,
	#navbar-buttons-subline {
		flex-direction: row;
	}

	tbody tr:hover {
		background-color: #f8f9fa;
	}

	.navbar-brand > img {
		max-height: 38px !important;
		width: auto;
		max-width: 50vw;
	}

	.fixedLayout .table {
		table-layout: fixed;
	}

	.carousel .avatar img {
		height: 48px;
		width: auto;
		overflow: hidden;
	}

	.carousel-inner {
		overflow: unset;
	}

	.carousel-quote p:first-of-type::before,
	.carousel-quote p:last-of-type::after {
		content: "\"";
	}

	.carousel svg {
		max-width: 110px;
	}

	.accordion .accordion-item:first-of-type .accordion-button {
		padding-top: 0;
	}

	.col-wrapper :not(.mb-3) p:last-of-type,
	.simple-col-wrapper p:last-of-type {
		margin-bottom: 0;
	}

	.header2-img {
		object-fit: cover;
	}

	.dropdown .dropdown-menu .dropdown-item + .dropdown-menu {
		right: -261px !important;
	}

	.pricing .badge.w-30 {
		width: auto !important;
		min-width: 30% !important;
	}

	.pricing-check li::before {
		content: '\f00c';
	}

	.pricing-minus li::before {
		content: '\f068';
	}

	.pricing-neutral li::before {
		content: '\f111';
	}

	.pricing-times li::before {
		content: '\f00d';
	}

	.pricing-plus li::before {
		content: '\f067';
	}

	.pricing-plus,
	.pricing-times,
	.pricing-neutral,
	.pricing-minus,
	.pricing-check {
		list-style-type: none;
	}

	.pricing-plus li,
	.pricing-times li,
	.pricing-neutral li,
	.pricing-minus li,
	.pricing-check li {
		position: relative;
	}

	.pricing-plus li::before,
	.pricing-times li::before,
	.pricing-neutral li::before,
	.pricing-minus li::before,
	.pricing-check li::before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		display: inline-block;
		position: absolute;
		left: -1.5rem;
		top: 2px;
	}

	.input-group.input-group-outline.is-filled .form-label,
	.input-group.input-group-outline.is-focused .form-label {
		color: #252f40 !important;
	}

	.list-group-item.active {
		background-color: unset;
	}

	li.page-item.active > button {
		color: #ffffff !important;
	}

	.checkbox-label {
		font-size: .875rem;
		font-weight: 400;
		color: #7b809a;
	}

	.captcha_play_button i,
	.captcha_reload_button i {
		vertical-align: text-bottom;
	}

	.card-image video {
		display: block;
	}

	.block-quote .quote-marks {
		position: absolute;
		width: 2rem;
		top: -0.5rem;
		left: -1.5rem;
		transform: rotate(180deg);
	}

	.block-quote .blockquote-footer {
		margin-top: 0.5rem;
		font-weight: 400;
		margin-bottom: 0;
	}

	.block-quote .blockquote-footer::before {
		float: left;
	}

	.block-quote .blockquote-footer [data-mce-placeholder]::before {
		margin-left: 1rem;
	}

	.h-min {
		height: min-content;
	}

	/* Preise-Block */
	.extra-value .h3 p {
		font-size: 1.875rem;
		line-height: 1.375;
		font-weight: 600;
		font-family: Roboto Slab,sans-serif;
		letter-spacing: -.05rem;
	}

	.pricing-image {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: 50% 50%;
	}

	.pricing ul.pricing-plus li::before,
	.pricing ul.pricing-check li::before,
	.pricing ul.pricing-minus li::before,
	.pricing ul.pricing-neutral li::before,
	.pricing ul.pricing-times li::before {
		padding-right: 0.5rem;
	}

	.pricing .card.bg-gradient-dark .card-body ul li {
		color: #ffffff;
	}

	.pricing .card .card-body ul li {
		padding: 0.5rem;
	}

	.pricing .card .card-body ul {
		padding-left: 0;
	}

	.form-switch .form-check-input:checked {
		border-color: #e91e63;
		background-color: #e91e63;
	}

	.form-switch .form-check-input:checked::after {
		border-color: #af174a;
	}

	.form-tooltip {
		font-size: .875rem;
		font-weight: 400;
		color: #7b809a;
		margin-left: .25rem;
		margin-top: .25rem;
	}

	.form-tooltip i {
		margin-right: .25rem;
	}

	.noUi-horizontal .noUi-handle {
		right: -7px;
	}

	.twocol {
		column-count: 2;
		column-gap: 2em;
		hyphens: auto;
		text-align: justify;
	}

	/* beim Inhaltsverzeichnis korrekt zum Anker scrollen */
	a[id^="toc"] {
		display: block;
		position: relative;
		top: -76px;
		visibility: hidden;
	}

	/* Hyphens */
	.hyphenate {
		hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
	}

	/* PDF-Button */
	.btn-pdf {
		margin-left: 10px;
	}

	/* Aufeinanderfolgende Hintergründe ohne Abstand */
	section.bg-gradient-dark {
		background-image: linear-gradient(270deg, #42424a, #191919);
	}

	section.bg-gradient-dark + section.bg-gradient-dark {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
}

@media (max-width: 575px) {
	.carousel-control-prev {
		transform: translateX(-1.5rem);
	}

	.carousel-control-next {
		transform: translateX(1.5rem);
	}
}


@media (min-width: 576px) and (max-width: 991px) {
	.carousel-control-prev {
		transform: translateX(-2.5rem);
	}

	.carousel-control-next {
		transform: translateX(2.5rem);
	}
}

@media (min-width: 768px) {
	.block-quote .quote-marks {
		width: 5rem;
		top: -2.5rem;
		left: -5rem;
	}
}

@media (max-width: 991px) {
	.dropdown:not(.dropdown-hover) .dropdown-menu {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}

	.dropdown-arrow i {
		transform: rotate(0);
		transition: all .2s;
	}

	.dropdown-arrow.show i {
		transform: rotate(-180deg);
	}

	.d-lg-none .dropdown-item {
		color: #ffffffb3;
	}

	svg.fa-microphone,
	svg.fa-redo {
		color: #FFFFFF;
	}
}

@media (min-width: 992px) {
	.dropdown.dropdown-hover:focus-within > .dropdown-menu {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
		transform: scale(1) !important;
	}

	#language-dropdownmenu-headline,
	#language-dropdownmenu-subline {
		margin-top: 1.08rem !important;
	}

	#navigation ul.navbar-nav-hover {
		align-items: center;
	}

	.card.mt-lg-4 {
		min-height: calc(100% - 1.5rem);
	}
}

@media (max-width: 1199px) {
	.fixedLayout .table {
		table-layout: auto;
	}
}

/* Navbar Subline nur in einem bestimmten Viewport anzeigen, ansonsten Navbar Headline anzeigen  */
@media (min-width: 992px) and (max-width: 1399px) {
	#navbar-buttons-headline {
		display: none;
	}

	.navbar-headline {
		box-shadow: none !important;
	}

	.navbar-subline {
		display: block;
	}

	#navigation {
		justify-content: end;
	}

	#navigation .navbar-nav {
		margin: 0 !important;
	}

	#navigation .navbar-nav > .nav-item:last-of-type {
		margin-right: 0 !important;
	}

	#navigation .navbar-nav > .nav-item:last-of-type > .nav-link {
		padding-right: 0 !important;
	}
}

@media (max-width: 991px), (min-width: 1400px) {
	#navbar-buttons-headline {
		display: flex;
	}

	.navbar-subline {
		display: none;
	}
}