@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);

.blur-map .info,
.cookie-banner__s3,
.text-align__center {
	text-align: center
}

.hero-section-1 .info .text-description,
.hero-section-1 .info .title-1 {
	text-shadow: 0 7px 7px rgba(52, 58, 64, .1)
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

body {
	color: #303035;
	box-sizing: border-box;
	font-family: poppins;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden
}

::-moz-selection {
	background: #5a9cfe
}

::selection {
	background: #5a9cfe
}

a {
	color: initial
}

q {
	font-style: italic;
	font-weight: 500
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	text-rendering: optimizeLegibility
}

.container.reset-margin {
	width: 96%
}

.cards .card__testimonial,
.container.reset-margin-full,
.width__per-100 {
	width: 100%
}

.color__grey-800,
.color__grey-hover-800:hover,
input {
	color: #343a40
}

.form-control {
	box-shadow: none
}

.form-control:focus {
	outline-color: #000;
	border-color: #000;
	box-shadow: none
}

p {
	line-height: 1.8
}

.font-size__px-15 {
	font-size: 15px
}

.font-size__px-16 {
	font-size: 16px
}

.font-size__px-20 {
	font-size: 20px
}

.font-size__px-25 {
	font-size: 25px
}

.font-size__px-30 {
	font-size: 30px
}

.font-size__px-40 {
	font-size: 40px
}

.font-size__px-50 {
	font-size: 50px
}

.font-size__px-60 {
	font-size: 60px
}

.font-weight__400 {
	font-weight: 400
}

.font-weight__600 {
	font-weight: 600
}

.font-weight__700,
.title-1 {
	font-weight: 700
}

.text__description {
	font-size: 17px;
	font-weight: 300;
	line-height: 1.7;
	max-width: 500px
}

.title-1 span {
	font-weight: 500
}

.display__block {
	display: block !important;
}

.display__inline-block {
	display: inline-block
}

.display__inline {
	display: inline
}

.display__flex {
	display: flex
}

.flex__direction-column {
	flex-direction: column
}

.flex__direction-row {
	flex-direction: row
}

.justify-content__center {
	justify-content: center
}

.justify-content__flex-start {
	justify-content: flex-start
}

.justify-content__flex-end {
	justify-content: flex-end
}

.justify-content__space-between {
	justify-content: space-between
}

.info-section-1-contact .flex-1,
.justify-content__space-around {
	justify-content: space-around
}

.align-items__center {
	align-items: center
}

.align-items__flex-start {
	align-items: flex-start
}

.align-items__flex-end {
	align-items: flex-end
}

.margin__0 {
	margin: 0
}

._container,
._container-2 {
	margin-left: auto;
	margin-right: auto
}

.margin__top-10 {
	margin-top: 10px
}

.margin__top-15 {
	margin-top: 15px
}

.info-section-1__left .list__2-heading:not(:first-of-type),
.margin__top-20 {
	margin-top: 20px
}

.cards.cards-2 .card:nth-of-type(n+4),
.cards.cards-3 .card:nth-of-type(n+4),
.margin__top-30 {
	margin-top: 30px
}

.margin__bottom-20 {
	margin-bottom: 20px
}

.margin__bottom-30 {
	margin-bottom: 30px
}

.margin__bottom-50 {
	margin-bottom: 50px
}

.padding__bottom-30 {
	padding-bottom: 30px
}

.width__px-80 {
	width: 80px
}

.width__px-100 {
	width: 100px
}

.primary-navigation-1 .logo-container .logo,
.width__px-120 {
	width: 120px
}

.width__px-150 {
	width: 150px
}

.bg__primary {
	background-color: rgba(9, 75, 172, .98)
}

.bg__blue-100 {
	background-color: #a8cbfe
}

.bg__blue-200 {
	background-color: #81b4fe
}

.bg__blue-300 {
	background-color: #5a9cfe
}

.bg__blue-400 {
	background-color: #3485fd
}

.bg__blue-500 {
	background-color: #0d6efd
}

.bg__blue-600 {
	background-color: #0b5cd5
}

.bg__blue-700 {
	background-color: #094bac
}

.bg__blue-800 {
	background-color: #073984
}

.bg__blue-900 {
	background-color: #05285b
}

.bg__blue-hover-100:hover {
	background-color: #a8cbfe;
	color: #fff
}

.bg__blue-hover-200:hover {
	background-color: #81b4fe;
	color: #fff
}

.bg__blue-hover-300:hover {
	background-color: #5a9cfe;
	color: #fff
}

.bg__blue-hover-400:hover {
	background-color: #3485fd;
	color: #fff
}

.bg__blue-hover-500:hover {
	background-color: #0d6efd;
	color: #fff
}

.bg__blue-hover-600:hover {
	background-color: #0b5cd5;
	color: #fff
}

.bg__blue-hover-700:hover {
	background-color: #094bac;
	color: #fff
}

.bg__blue-hover-800:hover {
	background-color: #073984;
	color: #fff
}

.bg__blue-hover-900:hover {
	background-color: #05285b;
	color: #fff
}

.bg__pink-50 {
	background-color: #fdf9fb
}

.bg__pink-100 {
	background-color: #f0b6d3
}

.bg__pink-200 {
	background-color: #ea95bf
}

.bg__pink-300 {
	background-color: #e374ab
}

.bg__pink-400 {
	background-color: #dd5498
}

.bg__pink-500 {
	background-color: #d63384
}

.bg__pink-600 {
	background-color: #b42b6f
}

.bg__pink-700 {
	background-color: #92235a
}

.bg__pink-800 {
	background-color: #6f1b45
}

.bg__pink-900 {
	background-color: #4d1230
}

.bg__pink-hover-100:hover {
	background-color: #f0b6d3;
	color: #fff
}

.bg__pink-hover-200:hover {
	background-color: #ea95bf;
	color: #fff
}

.bg__pink-hover-300:hover {
	background-color: #e374ab;
	color: #fff
}

.bg__pink-hover-400:hover {
	background-color: #dd5498;
	color: #fff
}

.bg__pink-hover-500:hover {
	background-color: #d63384;
	color: #fff
}

.bg__pink-hover-600:hover {
	background-color: #b42b6f;
	color: #fff
}

.bg__pink-hover-700:hover {
	background-color: #92235a;
	color: #fff
}

.bg__pink-hover-800:hover {
	background-color: #6f1b45;
	color: #fff
}

.bg__pink-hover-900:hover {
	background-color: #4d1230;
	color: #fff
}

.bg__red-100,
.bg__red-hover-100:hover {
	background-color: #f2b6bc
}

.bg__red-200,
.bg__red-hover-200:hover {
	background-color: #ed969e
}

.bg__red-300,
.bg__red-hover-300:hover {
	background-color: #e77681
}

.bg__red-400,
.bg__red-hover-400:hover {
	background-color: #e25563
}

.bg__red-500 {
	background-color: #dc3545
}

.bg__red-600 {
	background-color: #b92d3a
}

.bg__red-700 {
	background-color: #96242f
}

.bg__red-800 {
	background-color: #721c24
}

.bg__red-900 {
	background-color: #4f1319
}

.bg__red-hover-100:hover,
.bg__red-hover-200:hover,
.bg__red-hover-300:hover,
.bg__red-hover-400:hover,
.color__hover-white,
.color__white,
.msg-modal__button,
.msg-modal__description,
.msg-modal__title,
.white:hover {
	color: #fff
}

.bg__red-hover-500:hover {
	background-color: #dc3545;
	color: #fff
}

.bg__red-hover-600:hover {
	background-color: #b92d3a;
	color: #fff
}

.bg__red-hover-700:hover {
	background-color: #96242f;
	color: #fff
}

.bg__red-hover-800:hover {
	background-color: #721c24;
	color: #fff
}

.bg__red-hover-900:hover {
	background-color: #4f1319;
	color: #fff
}

.bg__grey-100,
.bg__grey-hover-100:hover {
	background-color: #f9fafb
}

.bg__grey-200,
.bg__grey-hover-200:hover {
	background-color: #e9edef
}

.bg__grey-300,
.bg__grey-hover-300:hover {
	background-color: #dee2e6
}

.bg__grey-400,
.bg__grey-hover-400:hover {
	background-color: #ced4da
}

.bg__grey-500,
.bg__grey-hover-500:hover {
	background-color: #adb5bd
}

.bg__grey-600,
.bg__grey-hover-600:hover {
	background-color: #6c757d
}

.bg__grey-700,
.bg__grey-hover-700:hover {
	background-color: #495057
}

.bg__grey-800,
.bg__grey-hover-800:hover {
	background-color: #343a40
}

.bg__grey-900,
.bg__grey-hover-900:hover {
	background-color: #212529
}

.bg__green {
	background-color: #228c3a
}

.color__blue-100 {
	color: #a8cbfe
}

.color__blue-200 {
	color: #81b4fe
}

.color__blue-300 {
	color: #5a9cfe
}

.color__blue-400 {
	color: #3485fd
}

.color__blue-500 {
	color: #0d6efd
}

.color__blue-600 {
	color: #0b5cd5
}

.color__blue-700 {
	color: #094bac
}

.color__blue-800 {
	color: #073984
}

.color__blue-900 {
	color: #05285b
}

.color__pink-100 {
	color: #f0b6d3
}

.color__pink-200 {
	color: #ea95bf
}

.color__pink-300 {
	color: #e374ab
}

.color__pink-400 {
	color: #dd5498
}

.color__pink-500 {
	color: #d63384
}

.color__pink-600 {
	color: #b42b6f
}

.color__pink-700 {
	color: #92235a
}

.color__pink-800 {
	color: #6f1b45
}

.color__pink-900 {
	color: #4d1230
}

.color__red-100,
.color__red-hover-100:hover {
	color: #f2b6bc
}

.color__red-200,
.color__red-hover-200:hover {
	color: #ed969e
}

.color__red-300,
.color__red-hover-300:hover {
	color: #e77681
}

.color__red-400,
.color__red-hover-400:hover {
	color: #e25563
}

.color__red-500,
.color__red-hover-500:hover {
	color: #dc3545
}

.color__red-600,
.color__red-hover-600:hover {
	color: #b92d3a
}

.color__red-700,
.color__red-hover-700:hover {
	color: #96242f
}

.color__red-800,
.color__red-hover-800:hover {
	color: #721c24
}

.color__red-900,
.color__red-hover-900:hover {
	color: #4f1319
}

.color__grey-100,
.color__grey-hover-100:hover {
	color: #f9fafb
}

.color__grey-200,
.color__grey-hover-200:hover {
	color: #e9edef
}

.color__grey-300,
.color__grey-hover-300:hover {
	color: #dee2e6
}

.color__grey-400,
.color__grey-hover-400:hover {
	color: #ced4da
}

.color__grey-500,
.color__grey-hover-500:hover {
	color: #adb5bd
}

.color__grey-600,
.color__grey-hover-600:hover {
	color: #6c757d
}

.color__grey-700,
.color__grey-hover-700:hover {
	color: #495057
}

.color__grey-900,
.color__grey-hover-900:hover {
	color: #212529
}

.border-color__blue-100 {
	border-color: #a8cbfe
}

.border-color__blue-200 {
	border-color: #81b4fe
}

.border-color__blue-300 {
	border-color: #5a9cfe
}

.border-color__blue-400 {
	border-color: #3485fd
}

.border-color__blue-500 {
	border-color: #0d6efd
}

.border-color__blue-600 {
	border-color: #0b5cd5
}

.border-color__blue-700 {
	border-color: #094bac
}

.border-color__blue-800 {
	border-color: #073984
}

.border-color__blue-900 {
	border-color: #05285b
}

.border-color__pink-100 {
	border-color: #f0b6d3
}

.border-color__pink-200 {
	border-color: #ea95bf
}

.border-color__pink-300 {
	border-color: #e374ab
}

.border-color__pink-400 {
	border-color: #dd5498
}

.border-color__pink-500 {
	border-color: #d63384
}

.border-color__pink-600 {
	border-color: #b42b6f
}

.border-color__pink-700 {
	border-color: #92235a
}

.border-color__pink-800 {
	border-color: #6f1b45
}

.border-color__pink-900 {
	border-color: #4d1230
}

.border-color__red-100 {
	border-color: #f2b6bc
}

.border-color__red-200 {
	border-color: #ed969e
}

.border-color__red-300 {
	border-color: #e77681
}

.border-color__red-400 {
	border-color: #e25563
}

.border-color__red-500 {
	border-color: #dc3545
}

.border-color__red-600 {
	border-color: #b92d3a
}

.border-color__red-700 {
	border-color: #96242f
}

.border-color__red-800 {
	border-color: #721c24
}

.border-color__red-900 {
	border-color: #4f1319
}

.border-color__grey-100 {
	border-color: #f9fafb
}

.border-color__grey-200 {
	border-color: #e9edef
}

.border-color__grey-300 {
	border-color: #dee2e6
}

.border-color__grey-400 {
	border-color: #ced4da
}

.border-color__grey-500 {
	border-color: #adb5bd
}

.border-color__grey-600 {
	border-color: #6c757d
}

.border-color__grey-700 {
	border-color: #495057
}

.border-color__grey-800 {
	border-color: #343a40
}

.border-color__grey-900 {
	border-color: #212529
}

.yellow-star {
	color: #ff4500
}

._btn {
	border-radius: 2px;
	padding: 7px;
	cursor: pointer;
	display: inline-flex;
}

.btn__1 {
	border-radius: 100px;
	padding: 8px 10px
}

.btn__2 {
	padding-top: 5px;
	padding-bottom: 5px
}

.btn__3,
.btn__3:active,
.btn__3:visited {
	border-radius: 100px;
	border-width: 2px;
	border-style: solid;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 30px;
	transition: .3s
}

.btn__3:hover,
.btn__4:hover {
	text-decoration: none
}

.btn__4,
.btn__4:active,
.btn__4:visited {
	font-weight: 600;
	padding-left: 15px;
	padding-right: 15px;
	transition: .3s
}

.btn__cookie {
	border-radius: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer
}

.primary-navigation-1 {
	min-height: 50px;
	width: 100%;
	position: absolute;
	top: 20px;
	z-index: 2
}

.primary-navigation-1 .flex-1 {
	display: flex;
	justify-content: space-between;
	align-items: center
}

.primary-navigation-1 .logo-container .brand {
	color: #fff;
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 0;
	text-decoration: none;
	cursor: pointer
}

.primary-navigation-1 .nav-container ul {
	display: flex;
	align-items: center;
	list-style: none;
	margin-bottom: 0;
	gap: 10px
}

.primary-navigation-1 .nav-container ul li a {
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #fff;
	padding: 5px 15px
}

.hero-section-1 {
	position: relative;
	background: linear-gradient(to right, rgba(9, 75, 172, .98), rgba(9, 75, 172, .95)) center center/cover fixed, url('../assets/bg/seo-optimierungsteam.webp') center center/cover fixed;
	min-height: 106vh;
	z-index: 1
}

.hero-section-1 .flex-1 {
	padding-top: 100px;
	min-height: 90vh;
	display: flex;
	justify-content: space-between;
	align-items: center
}

.list__1 li:before,
.list__2-heading::before {
	font-family: FontAwesome;
	display: inline-block;
	font-size: 15px
}

.hero-section-1 .info {
	flex-basis: 45%;
	color: #f9fafb
}

.hero-section-1 .info .title-1 {
	font-size: 58px;
	margin-bottom: 20px
}

.grids-2 .grid,
.hero-section-1 .animated-mobile,
.info-section-1-testimonial .info-section-1__left,
.info-section-1-testimonial .info-section-1__right {
	flex-basis: 50%
}

.hero-section-1__shape {
	position: absolute;
	bottom: 0;
	width: 100%
}

.animated-mobile {
	position: relative;
	width: 100%;
	min-height: 350px
}

.animated-mobile__layer {
	position: absolute
}

.animated-mobile__layer-0 {
	z-index: 0;
	animation: 5s infinite mobile-float-animation-layer-0
}

.animated-mobile__layer-1 {
	z-index: 1;
	bottom: 60px;
	left: 20px;
	animation: 3.7s infinite mobile-float-animation-layer-0
}

.animated-mobile__layer-2 {
	z-index: 2;
	bottom: 100px;
	left: 80px;
	animation: 4.5s infinite mobile-float-animation-layer-0
}

.animated-mobile__layer-3 {
	z-index: 3;
	bottom: 220px;
	left: 0
}

@keyframes mobile-float-animation-layer-0 {

	0%,
	100% {
		transform: translateY(0)
	}

	50% {
		transform: translateY(-20px)
	}
}

.list__1 {
	padding-left: 15px;
	list-style: none
}

.list__1 li:before {
	content: '\f058';
	margin-left: -1.3em;
	width: 1.3em
}

.list__2 {
	list-style: none
}

.list__2-heading,
.list__2-heading a {
	color: inherit;
	font-weight: 600
}

.list__2-heading::before {
	content: '\f101';
	margin-left: 0;
	width: 1em
}

.list__3 {
	list-style-type: circle
}

.list__3>li {
	display: flex;
	line-height: 25px;
	word-break: break-all
}

.list__3>li>span {
	flex-basis: 150px
}

.list__4 {
	padding-left: 20px
}

.list__4>li {
	font-size: 16px;
	margin-bottom: 13px
}

.chat-widget {
	width: 330px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid #ddd;
	z-index: 900
}

.chat-widget__header {
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	cursor: pointer
}

.chat-widget__title {
	font-size: 16px;
	font-weight: 500
}

.chat-widget__close {
	font-size: 22px;
	display: none;
	opacity: .7
}

.chat-widget__body {
	height: 300px;
	background-color: #f9fafb;
	display: none;
	overflow-y: auto
}

.chat-widget__footer {
	background-color: #f9fafb;
	min-height: 50px;
	border-top: 1px solid #dee2e6;
	display: none
}

.chat-widget__footer input {
	border: none;
	outline: 0;
	padding: 10px;
	color: #212529;
	width: 75%
}

.chat-widget__footer .send-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 400;
	cursor: pointer
}

.chat-widget__bottom-right {
	position: fixed;
	right: 10px;
	bottom: 0
}

.chat-widget__bottom-left {
	position: fixed;
	left: 10px;
	bottom: 0
}

.chat-widget__questions {
	list-style: none;
	padding: 10px
}

.chat-widget__questions li {
	color: #094bac;
	background-color: #e9edef;
	font-size: 15px;
	font-weight: 500;
	padding: 10px;
	margin: 5px;
	border-radius: 8px;
	display: none;
	word-break: break-word
}

.chat-widget.active .chat-widget__body,
.chat-widget.active .chat-widget__close,
.chat-widget__questions li.active,
.msg-modal.active {
	display: block
}

.chat-widget__questions li.right {
	color: #228c3a;
	text-align: right
}

.chat-widget.active .chat-widget__footer {
	display: flex
}

.msg-modal {
	display: none;
	background: linear-gradient(to bottom right, #094bac 0, #11006e 100%) 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 50%;
	border-radius: 5px;
	border: 3px solid #e9edef;
	transform: translate(-50%, -50%);
	z-index: 900
}

.cards .card.corner,
.fancy-card-1 {
	border-radius: 3px
}

.msg-modal .flex-1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	min-height: 300px
}

.msg-modal__close {
	color: #fff;
	font-size: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	cursor: pointer
}

.bg__section,
.bg__section-2 {
	position: relative;
	z-index: 1
}

.msg-modal__title {
	font-size: 30px
}

.info-section-1__left .list__2>li:not(.list__2-heading),
.msg-modal__description {
	font-size: 15px
}

.msg-modal__button {
	font-size: 16px;
	font-weight: 600
}

.info-section-1 .flex-1 {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.info-section-1__left,
.info-section-1__right {
	flex-basis: 48%
}

.info-section-1__left .list__2-heading {
	font-size: 18px;
	font-weight: 700
}

.info-section-1__left .list__2-heading::before {
	color: #094bac;
	font-size: 18px
}

.cards,
.grids-2 {
	display: flex;
	flex-wrap: wrap
}

.cards .card.shadow,
.fancy-card-1.shadow {
	box-shadow: 0 1px 10px 10px rgba(233, 237, 239, .2)
}

.cards .card__testimonial .img {
	width: 60px
}

.cards .card__testimonial .testimonial-name {
	font-size: 18px;
	font-weight: 600
}

.cards .card__testimonial .testimonial-designation {
	font-size: 14px;
	font-weight: 600
}

.cards.cards-3 .card {
	min-height: 50px;
	flex-basis: 30%
}

.cards.cards-2 .card {
	min-height: 50px;
	flex-basis: 45%
}

.fancy-card-1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-width: 7px;
	border-style: solid;
	border-top: none;
	border-right: none;
	border-left: none;
	padding: 25px
}

.border-btm-primary,
.border-y-primary {
	border-bottom: 10px solid rgba(9, 75, 172, .1)
}

.fancy-card-1__icon {
	font-size: 38px
}

.fancy-card-1__contact,
.fancy-card-1__contact:hover {
	font-size: 22px;
	font-weight: 600;
	color: #212121;
	text-decoration: none
}

.newsletter-1 input {
	color: #495057;
	font-size: 15px;
	border-radius: 100px;
	outline: 0;
	border: none;
	padding: 10px 40px 10px 15px;
	width: 50%;
	transition: .2s
}

.mapouter,
.mapouter iframe {
	width: 100% !important
}

.newsletter-1 input:focus {
	width: 55%
}

.newsletter-1 .submit {
	border: none;
	outline: 0;
	background: 0 0;
	font-size: 25px;
	color: #e25563;
	transform: translate(-42px, 4px)
}

.form-1 .group {
	padding-top: 10px;
	padding-bottom: 10px
}

.form-1 .group input,
.form-1 .group textarea {
	min-height: 50px;
	width: 100%;
	box-shadow: 0 5px 10px 2px rgba(206, 212, 218, .3);
	border: 1px solid #ddd;
	outline: 0;
	padding: 20px;
	border-radius: 8px
}

._container {
	max-width: 1250px
}

._container-2 {
	max-width: 1000px
}

.section {
	min-height: 50px;
	padding-top: 30px;
	padding-bottom: 30px
}

.section__row {
	padding-top: 20px;
	padding-bottom: 20px
}

.section__title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1.5
}

.section__title-2 {
	font-size: 22px;
	font-weight: 600;
	line-height: 1.5
}

.grids .grid {
	padding: 10px
}

.grid-points-section .grid {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start
}

.grid-points-section .grid__count {
	font-weight: 600;
	font-size: 24px;
	margin: 0;
	padding-right: 20px
}

.grid-points-section .grid__heading {
	font-weight: 500;
	font-size: 18px
}

.cards-section .card {
	padding: 30px;
	background-color: #fff
}

.info-section-1-testimonial ._container {
	padding-left: 3%;
	padding-right: 3%
}

.info-section-1-testimonial .card {
	margin-left: 10px;
	margin-right: 10px;
	padding: 20px;
	flex-grow: 1
}

.info-section-1-contact {
	padding-top: 0;
	padding-bottom: 30px
}

.info-section-1-contact .info-section-1__left {
	flex-basis: 30%
}

.bg__section {
	background: linear-gradient(to right, rgba(9, 75, 172, .98), rgba(9, 75, 172, .98)) center center/cover fixed, url('../assets/bg/seo-optimierungsteam.webp') center center/cover fixed
}

.bg__section-2 {
	background: linear-gradient(to right, rgba(255, 247, 251, .98), rgba(255, 247, 251, .98)) center center/cover fixed, url('../assets/bg/bg-2.jpg') center center/cover fixed
}

.border-y-primary {
	border-top: 10px solid rgba(9, 75, 172, .1)
}

.side-screen {
	height: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	transform: translate(0, 0)
}

.link {
	font-weight: 600;
	color: #e25563 !important
}

.link2 {
	color: initial;
	font-weight: 600
}

.mapouter iframe {
	height: 400px;
	transform: translateY(5px)
}

._page-header {
	position: relative;
	background: linear-gradient(to right, rgba(9, 75, 172, .98), rgba(9, 75, 172, .98)) center center/cover fixed, url('../assets/bg/seo-optimierungsteam.webp') center center/cover fixed;
	z-index: 1;
	height: 100px
}

.cookie-banner {
	background-color: #fff;
	position: fixed;
	bottom: 0;
	width: 100%;
	box-shadow: 10px 10px 20px 10px rgba(206, 212, 218, .5);
	z-index: 10000
}

.cookie-banner__heading {
	font-size: 23px;
	font-weight: 600
}

.cookie-banner__text {
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 0
}

.cookie-banner__container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	min-height: 80px
}

.cookie-banner__s1 {
	flex-basis: 30%;
	color: #333;
	position: relative
}

.cookie-banner__s1::after {
	content: "";
	background-color: #333;
	display: flex;
	width: 2px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 50px
}

.cookie-banner__s2 {
	flex-basis: 45%
}

.cookie-banner__s3 {
	flex-basis: 25%
}

.blur-map {
	position: relative
}

.blur-map .info {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

.blur-map .info a,
.blur-map .info p {
	font-size: 18px;
	font-weight: 500
}

.blur-map .info a {
	text-decoration: underline
}

.accordions {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.accordion {
	border: 1px solid #094bac;
	border-radius: 25px;
	overflow: hidden;
}

.accordion-header {
	color: #fff;
	background-color: #094bac;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 15px 25px;
	border-radius: 25px;
	cursor: pointer;
}

.accordion-header>div {
	flex-shrink: 0;
}

.accordion-header .minus {
	display: none;
}

.accordion.active .accordion-header .plus {
	display: none;
}

.accordion.active .accordion-header .minus {
	display: block;
}

.accordion-heading {
	font-size: 18px;
	margin: 0;
	line-height: 1.6;
}

.accordion-body {
	display: grid;
	grid-template-rows: 0fr;
}

.accordion-body>div {
	padding: 0px 20px;
	overflow: hidden;
	transition: all 250ms;
}



.accordion.active .accordion-body {
	grid-template-rows: 1fr;
}

.accordion.active .accordion-body>div {
	padding: 0px 20px;
	padding-bottom: 20px;
	padding-top: 20px;
}


@media (max-width:1200px) {

	._container,
	._container-2 {
		padding-left: 20px;
		padding-right: 20px
	}

	.msg-modal {
		width: 80%
	}

	.cookie-banner__container {
		display: flex;
		flex-direction: row;
		min-height: 230px;
		text-align: center;
		padding-bottom: 10px
	}

	.cookie-banner__s1::after {
		display: none
	}

	.cookie-banner__s1,
	.cookie-banner__s2,
	.cookie-banner__s3 {
		display: block;
		flex-basis: 100%
	}
}

@media (max-width:1100px) {

	.primary-navigation-1 .nav-container ul,
	.primary-navigation-1 .nav-container.active ul {
		background-color: #fff;
		border-radius: 3px;
		max-width: 400px;
		width: 100%;
		padding: 20px;
		position: absolute;
		top: 55px;
		right: 20px
	}

	.primary-navigation-1 .nav-container::before {
		content: '\f0c9';
		font-family: FontAwesome;
		font-size: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		background-color: #fff;
		width: 40px;
		height: 40px;
		border-radius: 3px;
		cursor: pointer;
		transition: .5s
	}

	.primary-navigation-1 .nav-container.active::before {
		color: #e25563
	}

	.primary-navigation-1 .nav-container ul {
		display: block;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: .5s
	}

	.primary-navigation-1 .nav-container.active ul {
		visibility: visible;
		opacity: 1;
		pointer-events: initial
	}

	.primary-navigation-1 .nav-container ul li {
		padding-top: 7px;
		padding-bottom: 7px
	}

	.primary-navigation-1 .nav-container ul li.btn__1 a {
		color: #fff
	}

	.primary-navigation-1 .nav-container ul li a {
		color: #333
	}
}

@media (max-width:960px) {
	.hero-section-1 {
		min-height: auto
	}

	.hero-section-1 .flex-1 {
		display: flex;
		justify-content: center;
		padding-top: 30px;
		min-height: 70vh
	}

	.hero-section-1 .info {
		flex-basis: 100%;
		max-width: 500px
	}

	.animated-mobile {
		display: none
	}

	.grid-points-section .grid {
		flex-basis: 100%
	}

	.info-section-1 .flex-1 {
		flex-direction: column
	}

	.cards.cards-3__2-on-sm .card {
		flex-basis: 48%
	}

	.cards.cards-3__2-on-sm .card:nth-of-type(n+3),
	.info-section-1-contact .info-section-1__right {
		margin-top: 30px
	}

	.list__3>li {
		flex-direction: column;
		line-height: auto;
		margin-bottom: 10px
	}

	.list__3>li>span {
		flex-basis: auto
	}

	.section__row {
		padding-top: 20px;
		padding-bottom: 20px
	}
}

@media (max-width:667px) {
	.cards-section .card img {
		width: 40px
	}

	.msg-modal {
		width: 90%;
		padding: 10px
	}

	.msg-modal__title {
		font-size: 25px
	}

	.chat-widget,
	[data-chat-widget=free-consultation] {
		display: none
	}
}

@media (max-width:550px) {

	.cards.cards-3__2-on-sm .card,
	.info-section-1-contact .info-section-1__right {
		flex-basis: 100%
	}

	.cards.cards-3__2-on-sm .card:not(:first-of-type) {
		margin-top: 30px
	}

	.info-section-1-testimonial .info-section-1__right .cards {
		flex-direction: column
	}

	.info-section-1-testimonial .info-section-1__left {
		margin-bottom: 15px
	}

	.info-section-1-testimonial .info-section-1__right .card {
		margin-left: 0;
		margin-right: 0
	}

	.fancy-card-1__contact {
		font-size: 25px
	}
}

@media (max-width:440px) {
	.primary-navigation-1 .logo-container .brand {
		font-size: 30px
	}

	.hero-section-1 .info .title-1 {
		font-size: 44px;
		word-break: break-all
	}

	.newsletter-1 input,
	.newsletter-1 input:focus {
		width: 85%
	}

	.primary-navigation-1 .nav-container ul,
	.primary-navigation-1 .nav-container.active ul {
		max-width: auto;
		width: 90%
	}

	.fancy-card-1__contact {
		font-size: 20px;
		word-break: break-all
	}
}

@media (max-width:390px) {
	[data-page=datenschutz] .section__title:not(.address) {
		font-size: 7.5vw !important
	}
}