/*
Theme Name: Kocmoc Brand
Theme URI: https://www.kocmoc.net/
Author: KOCMOC
Description: Child theme for b9p-blank
Version: 1.0.1
Template: wp-b9p-blank-theme
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: Kocmoc Brand
*/

body, html {
	margin: 0 !important;
	overflow-x: hidden;
	cursor: url(./assets/cursor/look-cursor.svg), none;
	scroll-behavior: smooth;
}

a,
.ms-slide img {
	cursor: url(./assets/cursor/look-cursor.svg), none !important;
}

.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 90vw !important;
}

/* Header menu */
.main-header-scroll{
	z-index: 99;
	position: fixed !important;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
	top: -708px;
}

.main-header {
	margin-top: -2px !important;
}

.main-header .elementor-nav-menu--main .elementor-nav-menu a,
.main-header-home .elementor-nav-menu--main .elementor-nav-menu a,
.main-header-scroll .elementor-nav-menu--main .elementor-nav-menu a {
    transition: 0s !important;
}

.main-header a.elementor-item:hover,
.main-header-scroll a.elementor-item:hover,
.main-header-home a.elementor-item:hover,
.home-menu-link a:hover {
	background-image: url(./assets/img/menu-background-1.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
}

.main-header .menu-item-1455 a.elementor-item:hover,
.main-header-scroll .menu-item-1455 a.elementor-item:hover,
.main-header-home .menu-item-1455 a.elementor-item:hover,
.home-menu-link.elementor-element-516a97c a:hover {
	background-image: url(./assets/img/menu-background-1.gif);
}

.main-header .menu-item-1456 a.elementor-item:hover,
.main-header-scroll .menu-item-1456 a.elementor-item:hover,
.main-header-home .menu-item-1456 a.elementor-item:hover,
.home-menu-link.elementor-element-3ae6ddc a:hover {
	background-image: url(./assets/img/menu-background-2.gif);
}

.main-header .menu-item-1457 a.elementor-item:hover,
.main-header-scroll .menu-item-1457 a.elementor-item:hover,
.main-header-home .menu-item-1457 a.elementor-item:hover,
.home-menu-link.elementor-element-2d2868b a:hover {
	background-image: url(./assets/img/menu-background-3.gif);
}

.header-logo a,
.header-logo-scroll a,
.header-logo-home a {
	color: black;
}

/* Buttons */
.web-button, #web-button--form {
    transform: translateX(0px);
    transition: transform 0.3s ease;
}

.web-button:hover, #web-button--form:hover {
	transform: translateX(10px);
}

/* Homepage menu */
.main-header-home {
	opacity: 0;
	position: fixed !important;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    z-index: 99;
}

.main-header-home.elementor-sticky--active {
	opacity: 1;
}

/* Home section with pencil */
.home-menu-link,
.home-canvas-element {
	cursor: url(./assets/cursor/canvas-cursor.svg), none;
}

.home-canvas-element #besideMouse {
	display: none;
}

.home-canvas-element:hover #besideMouse {
	display: block;
}

.home-canvas-element #besideMouse.mouseDown {
	display: none;
}

.home-canvas-element {
	position: absolute !important;
	width: 100%;
	height: 100vh;
    top: 0;
}

.home-menu-link a {
	color: black !important;
	padding: 10px;
}

.home-menu-link:hover {
	cursor: pointer;
}

#myCanvas {
	width: 100%;
	height: 100vh;
}

.home-title-element.elementor-section.elementor-section-boxed > .elementor-container,
.home-title-element-2.elementor-section.elementor-section-boxed > .elementor-container,
.home-second-section.elementor-section.elementor-section-boxed > .elementor-container,
.home-second-section-2.elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 96vw !important;
}

/* Home Lottie animations */
.heart-animation {
	position: absolute !important;	
    width: 60px !important;
    top: 240px;
    left: 913px !important;
}
.circle-animation {
	position: absolute !important;
    width: 530px !important;
    top: 240px;
    left: 87px !important;
}
.circle-animation svg {
    width: 120% !important;
}
.exclamation-animation {
	position: absolute !important;	
    width: 60px !important;
    top: 145px;
    left: 1010px !important;
}
.line-animation {
	position: absolute !important;
    width: 390px !important;
    top: 245px;
    left: 1030px !important;
}
.arrows-animation {
	position: absolute !important;
    width: 160px !important;
    top: 385px;
    left: 780px !important;
}
@media (max-width: 1844px) {
	.exclamation-animation {
		left: 1390px !important;
	}
	.line-animation {
		top: 367px;
		left: 0px !important;
	}
	.arrows-animation {
		top: 495px;
		left: 0px !important;
	}
}
@media (max-width: 1807px) {
	.exclamation-animation {
		top: 275px;
		left: 440px !important;
	}	
	.line-animation {
		left: 460px !important;
	}
	.arrows-animation {
		left: 760px !important;
	}
}
@media (max-width: 1700px) {	
	.heart-animation {
		width: 45px !important;
		top: 240px;
		left: 748px !important;
	}
	.circle-animation {
		width: 390px !important;
		top: 230px;
		left: 97px !important;
	}
	.exclamation-animation {
		width: 40px !important;
		top: 135px;
		left: 830px !important;
	}
	.line-animation {
		width: 290px !important;
		top: 207px;
		left: 860px !important;
	}
	.arrows-animation {
		width: 100px !important;
		top: 305px;
		left: 640px !important;
	}
}
@media (max-width: 1512px) {	
	.exclamation-animation {
		left: 1140px !important;
	}
	.line-animation {
		top: 307px;
		left: 10px !important;
	}
	.arrows-animation {
		top: 405px;
		left: 0px !important;
	}
}
@media (max-width: 1482px) {	
	.exclamation-animation {
		top: 235px;
		left: 370px !important;
	}	
	.line-animation {
		left: 390px !important;
	}
	.arrows-animation {
		left: 630px !important;
	}
}
@media (max-width: 1551px) {	
	.heart-animation {
		top: 230px;
		left: 574px !important;
	}
	.circle-animation {
		width: 280px !important;
		top: 240px;
		left: 95px !important;
	}
	.exclamation-animation {
		width: 30px !important;
		top: 115px;
		left: 650px !important;
	}
	.line-animation {
		width: 200px !important;
		top: 167px;
		left: 690px !important;
	}
	.arrows-animation {
		width: 80px !important;
		top: 245px;
		left: 500px !important;
	}
}
@media (max-width: 1157px) {	
	.exclamation-animation {
		top: 195px;
		left: 289px !important;
	}
	.line-animation {
		top: 247px;
		left: 330px !important;
	}
	.arrows-animation {
		top: 325px;
	}
}
@media (max-width: 1024px) {	
	.heart-animation {
		width: 30px !important;
		top: 155px;
		left: 392px !important;
	}
	.circle-animation {
		width: 195px !important;
		top: 160px;
		left: 60px !important;
	}
	.exclamation-animation {
		width: 20px !important;
		top: 165px;
		left: 160px !important;
	}
	.line-animation {
		width: 120px !important;
		top: 197px;
		left: 180px !important;
	}
	.arrows-animation {
		width: 40px !important;
		top: 195px;
		left: 570px !important;
	}
}
@media (max-width: 908px) {	
	.exclamation-animation {
		left: 240px !important;
	}
	.line-animation {
		left: 260px !important;
	}
	.arrows-animation {
		top: 245px;
		left: 40px !important;
	}
}
@media (max-width: 801px) {	
	.exclamation-animation {
		left: 360px !important;
	}
	.line-animation {
		left: 380px !important;
	}
	.arrows-animation {
		left: 280px !important;
	}
}
@media (max-width: 650px) {	
	.exclamation-animation {
		top: 208px;
		left: 160px !important;
	}
	.line-animation {
		top: 237px;
		left: 180px !important;
	}
	.arrows-animation {
		top: 285px;
	}
}
@media (max-width: 568px) {	
	.heart-animation {
		top: 215px;
		left: 72px !important;
	}
}
@media (max-width: 476px) {	
	.exclamation-animation {
		left: 240px !important;
	}
	.line-animation {
		top: 287px;
		left: 10px !important;
	}
	.arrows-animation {
		top: 335px;
		left: 80px !important;
	}
}
@media (max-width: 422px) {	
	.heart-animation {
		left: 116px !important;
	}
}
@media (max-width: 415px) {	
	.exclamation-animation {
		top: 255px;
		left: 160px !important;
	}
	.line-animation {
		top: 280px;
		left: 170px !important;
	}
	.arrows-animation {
		top: 385px;
		left: 0px !important;
	}
}
@media (max-width: 395px) {	
	.exclamation-animation {
		left: 240px !important;
	}
	.line-animation {
		top: 327px;
		left: 10px !important;
	}
	.arrows-animation {
		top: 435px;
	}
}
@media (max-width: 366px) {	
	.circle-animation {
		width: 125px !important;
		top: 170px;
		left: 50px !important;
	}
	.heart-animation {
		left: 236px !important;
	}
}
@media (max-width: 364px) {	
	.heart-animation {
		top: 270px;
		left: 72px !important;
	}
}
@media (max-width: 327px) {	
	.exclamation-animation {
		top: 298px;
		left: 160px !important;
	}
	.line-animation {
		top: 377px;
	}
	.arrows-animation {
		top: 475px;
		left: 30px !important;
	}
}


/* Home second section */
/*.home-second-section,
.home-posts-col-1,
.home-posts-col-2,
.home-posts-col-3,
.home-posts-col-4,
.home-posts-col-1 .elementor-post__thumbnail__link,
.home-posts-col-2 .elementor-post__thumbnail__link,
.home-posts-col-3 .elementor-post__thumbnail__link,
.home-posts-col-4 .elementor-post__thumbnail__link,
.main-header-home {
	cursor: url(./assets/cursor/look-cursor.svg), none;
}*/

@media (min-width: 1413px) {
	.home-second-section .elementor-post__thumbnail__link {
		margin-bottom: 0 !important;
	}
}

.home-second-section #besideMouse2 {
	visibility: hidden;
	z-index: 100;
	height: 60px;
}

.home-second-section:hover #besideMouse2 {
	visibility: visible;
}

.main-header-home.elementor-sticky--active {
	cursor: default;
}

/* Homepage posts grid */
.home-posts-col-1 {
	margin-right: 50px;
} 

.home-posts-col-2 {
	margin-top: 450px;
	margin-left: 50px;
}

.home-posts-col-3 {
	margin-top: -300px;
	margin-right: 50px;
} 

.home-posts-col-4 {
	margin-top: 180px;
	margin-left: 50px;
} 

.elementor-posts .elementor-post__card .elementor-post__thumbnail img {
    cursor: url(./assets/cursor/look-cursor.svg), none !important;
	width: 100% !important;
	transition: all 1s ease-in-out !important;
	-moz-transition: all 1s ease-in-out !important;
	-ms-transition: all 1s ease-in-out !important;
	-o-transition: all 1s ease-in-out !important;
	-webkit-transition: all 1s ease-in-out !important;
}

.elementor-posts .elementor-post__card:hover .elementor-post__thumbnail img {
	width: 110% !important;
}

.projekten-post-list article .elementor-post__card .elementor-post__excerpt {
	margin-bottom: 10px !important;
}

.projekten-post-list article .elementor-post__card .elementor-post__read-more {
	background-color: transparent;
    color: transparent;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}

/* Homepage drag button */
.drag-container .box {
	border: 1px solid;
	border-color: transparent;
	background-color: transparent;
	border-radius: 100%;
	width: 320px;
    height: 320px;
    padding: 110px 20px 110px 70px;
    transform: rotate(-15deg);
	cursor: move;
	font-family: "Euclid Circular A";
	font-size: 42px;
	line-height: 48px;
	position: absolute;
    z-index: 80;
}

.drag-container .box img {
	width: 50px;
    position: absolute;
    margin-top: 5px;
    left: 10px;
}

#drag-1 {	
	left: 100px;
    top: -80px;
}

#drag-2 {
	border-color: #F1F87A;
	background-color: #F1F87A;	
	right: 100px;
    top: 250px;
}

#drag-3 {	
	left: 100px;
    top: 1000px;
}

#drag-4 {
	right: 100px;
    top: 1500px;
}

.drag-container .box.over {
	border-color: black !important;
	border: 3px dotted #666;
}

/* Homepage tooltips */
.home-tooltip-section {
	font-family: 'Euclid Circular A';
	font-size: 81px;
	line-height: 100px;
}

@media (max-width: 1024px) {
	.home-tooltip-menu .tooltip-details {
		display: none;
	}
}
.home-tooltip-menu .tooltip-details > img {
	width: 30px;
    position: absolute;
    margin-left: -25px;
    margin-top: 4px;
    border-radius: 50px !important;
    /* cursor: pointer; */
}

.home-tooltip-menu.tooltip-design .tooltip-details:hover > img {	
    background-color: #F1F87A;
}

.home-tooltip-menu.tooltip-brand .tooltip-details:hover > img {	
    background-color: #BFFFC4;
}

.home-tooltip-menu.tooltip-web .tooltip-details:hover > img {	
    background-color: #D9D9D9;
}

.home-tooltip-menu.tooltip-digital .tooltip-details:hover > img {	
    background-color: #D8B0FB;
}

.home-tooltip-menu .tooltip-details .tooltip-list {
	display: none;
    position: absolute;
    z-index: 80;
    padding: 10px 20px;
    font-size: 28px;
    line-height: 70px;
    width: 400px;
    margin-top: -250px;
    margin-left: -48px;
}

.home-tooltip-menu.tooltip-design .tooltip-details .tooltip-list {    
    background-color: #f1f87a;
    margin-left: -375px;
}

.home-tooltip-menu.tooltip-brand .tooltip-details .tooltip-list  {	
    background-color: #BFFFC4;
}

.home-tooltip-menu.tooltip-web .tooltip-details .tooltip-list  {	
    background-color: #D9D9D9;
}

.home-tooltip-menu.tooltip-digital .tooltip-details .tooltip-list  {	
    background-color: #D8B0FB;
}

.home-tooltip-menu .tooltip-list::after {
	content: "";
    position: absolute;
    top: 100%;
    left: 22px;
    margin-left: -5px;
    border-width: 20px;
    border-style: solid;
    z-index: 70;
}

.home-tooltip-menu.tooltip-design  .tooltip-list::after {
    margin-left: 323px;
}

.home-tooltip-menu.tooltip-design .tooltip-list::after {	
	border-color: #F1F87A transparent transparent transparent;
}

.home-tooltip-menu.tooltip-brand .tooltip-list::after {	
	border-color: #BFFFC4 transparent transparent transparent;
}

.home-tooltip-menu.tooltip-web .tooltip-list::after {	
	border-color: #D9D9D9 transparent transparent transparent;
}

.home-tooltip-menu.tooltip-digital .tooltip-list::after {	
	border-color: #D8B0FB transparent transparent transparent;
}

.home-tooltip-menu .tooltip-details .tooltip-list hr {
	height: 1px;
	background-color: black;
	border: none;
}

.home-tooltip-menu .tooltip-details:hover .tooltip-list {
	display: inline;
}

.home-tooltip-menu .tooltip-details .tooltip-list a {
	align-items: center;
    display: flex;
    color: black;
}

.home-tooltip-menu .tooltip-details .tooltip-list a > img {
	width: 30px;
    right: 30px;
    position: absolute;
}

@media (max-width: 1878px) {
	.home-tooltip-menu.tooltip-brand .tooltip-details .tooltip-list,
	.home-tooltip-menu.tooltip-digital .tooltip-details .tooltip-list {
		margin-left: -375px;
	}
	.home-tooltip-menu.tooltip-brand .tooltip-list::after,
	.home-tooltip-menu.tooltip-digital .tooltip-list::after {		
		margin-left: 323px;
	}
}
@media (max-width: 1804px) {
	.home-tooltip-menu.tooltip-web .tooltip-details .tooltip-list {
		margin-left: -55px;
	}
	.home-tooltip-menu.tooltip-web .tooltip-list::after {		
		margin-left: 3px;
	}
}
@media (max-width: 1700px) {
	.home-tooltip-menu .tooltip-details .tooltip-list {
		font-size: 20px;
		line-height: 50px;
		width: 300px;
		margin-top: -190px;
	}
	.home-tooltip-menu.tooltip-design .tooltip-details .tooltip-list,
	.home-tooltip-menu.tooltip-web .tooltip-details .tooltip-list  {
		margin-left: -280px;
	}
	.home-tooltip-menu.tooltip-design .tooltip-list::after,
	.home-tooltip-menu.tooltip-web .tooltip-list::after {
		margin-left: 228px;
	}
}
@media (max-width: 1612px) {
	.home-tooltip-menu.tooltip-web .tooltip-details .tooltip-list {
		margin-left: -40px;
	}
	.home-tooltip-menu.tooltip-web .tooltip-list::after {		
		margin-left: -10px;
	}
}
@media (max-width: 1528px) {
	.home-tooltip-menu.tooltip-web .tooltip-details .tooltip-list {
		margin-left: -55px;
	}
	.home-tooltip-menu.tooltip-web .tooltip-list::after {		
		margin-left: 3px;
	}
}
@media (max-width: 1395px) {
	.home-tooltip-menu.tooltip-web .tooltip-details .tooltip-list  {
		margin-left: -280px;
	}
	.home-tooltip-menu.tooltip-web .tooltip-list::after {
		margin-left: 228px;
	}
}
@media (max-width: 1234px) {
	.home-tooltip-menu.tooltip-web .tooltip-details .tooltip-list {
		margin-left: -55px;
	}
	.home-tooltip-menu.tooltip-web .tooltip-list::after {		
		margin-left: 3px;
	}
}
@media (max-width: 1024px) {
	.home-tooltip-menu .tooltip-details .tooltip-list {
		width: 250px;
		font-size: 20px;
		line-height: 60px;
	}
	.home-tooltip-menu.tooltip-brand .tooltip-details .tooltip-list,
	.home-tooltip-menu.tooltip-digital .tooltip-details .tooltip-list {
		margin-left: -225px;
	}
	.home-tooltip-menu.tooltip-brand .tooltip-list::after,
	.home-tooltip-menu.tooltip-digital .tooltip-list::after {		
		margin-left: 173px;
	}
}

/* Footer Contact Button */
.footer-contact-button .elementor-button-icon {
	margin-left: 0px;
}

.footer-contact-button .elementor-button-icon svg {
	top: 0px;
    position: absolute;
    transform: rotate(-45deg);;
}
/*
.footer-underline-section .footer-underline {
	background-image: url(/wp-content/uploads/2023/05/Element-1-svg.svg);
	background-repeat: no-repeat;
	background-size: 105%;
    background-position: top 120% center;
	padding-bottom: 20px;
}
@media (max-width: 1024px) {
	.footer-underline-section .footer-underline {
		background-position: top 100% center;
	}
}

.footer-green-section:hover .footer-underline-section .footer-underline {
	background-image: url(/wp-content/uploads/2023/05/Komp-1.gif);
}
*/
.footer-sun img {
	width: 100px;
}

.heart-footer {
	width: 30px !important;
    position: absolute !important;
    top: 210px;
    left: 55px;
	display: none;
}

.footer-contact-button:hover + .heart-footer {
	display: block;
}

/* Leistungen image on hover */
.leistungen-image-on-hover span {
	font-family: "Euclid Circular A";
	font-size: 42px;
	line-height: 56px;
	/* cursor: pointer; */
}

.leistungen-image-on-hover img {
	opacity: 0;
	position: absolute;
    top: -150px;
    right: -100px;
    z-index: 70;
	transition: transform 300ms;
}

.leistungen-image-on-hover:hover span {
	text-decoration: underline;
}

.leistungen-image-on-hover:hover img {
	opacity: 1;	
	transform: rotate(5deg);
}

/* Leistugen carousel */
.leistugen-slider {
	width: 109% !important;
	margin-left: -25px;
}

.leistugen-slider .owl-nav {
	visibility: hidden !important;
}

.leistugen-slider .leistungen-slider-card .slider-body {
	padding: 10px 20px 40px;
    font-family: 'Euclid Circular A';
	font-size: 18px;
    line-height: 24px;
}

.leistugen-slider .leistungen-slider-card .slider-body h3 {
    font-size: 50px;
    line-height: 60px;
    margin: 15px 0;
    font-weight: 500;
    top: 0;
}

.leistugen-slider .leistungen-slider-card .slider-body p {
    margin-bottom: 25px;
}

.leistugen-slider .leistungen-slider-card .slider-body .slider-badge {
    font-size: 22px;
    line-height: 32px;
	border-radius: 50px;
	width: fit-content;
    padding: 5px 10px;
    margin: 10px 0;
}

.leistugen-slider .leistungen-slider-card.card-type-1 .slider-body .slider-badge {
    background-color: #F6F0EA;
}

.leistugen-slider .leistungen-slider-card.card-type-2 .slider-body .slider-badge {
    background-color: #D8B0FB;
}

.leistugen-slider .leistungen-slider-card.card-type-3 .slider-body .slider-badge {
    background-color: #F1F87A;
}

.leistugen-slider .leistungen-slider-card.card-type-4 .slider-body .slider-badge {
    background-color: #BFFFC4;
}

.leistugen-slider .leistungen-slider-card.card-type-5 .slider-body .slider-badge {
    background-color: #EFEFEF;
}

.leinstungen-slider-section #besideMouse3 {
	visibility: hidden;
	z-index: 100;
}
.single-post-slider-new .ecs-posts article section.second-section{
	padding-left: 10px;
    padding-bottom: 5px;
}
/*.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0px!important; 
}
main section.elementor-top-section{padding-left:20px;padding-right:20px;}*/
/*@media (max-width: 767px) {
	#leistungen_slider .owl-item {
		max-width: 90vw !important;
		left: -15px;
	}
}*/

/*.leinstungen-slider-section:hover #besideMouse3 {
	visibility: visible;
}*/

/* Projekten category filter */
.projekten-category-filter > .elementor-widget-container > h5 {
	display: none;
}

.projekten-category-filter > .elementor-widget-container > ul {
	list-style: none;
    display: inline-flex;
	margin-left: -42px;
}

.projekten-category-filter > .elementor-widget-container > ul > li {
	font-family: 'Euclid Circular A';
    font-size: 16px;
    font-weight: 600;
    line-height: 1px;
    border: solid 2px;
    border-color: black;
    border-radius: 50px;
    padding: 12px 15px;
    align-items: flex-start;
    display: flex;
    margin: 0 7px;
	cursor: pointer;
}

.projekten-category-filter > .elementor-widget-container > ul > li > a {
	font-size: 22px;
    font-weight: 500;
    line-height: 22px;
    color: black;
    margin-right: 5px;
}

.projekten-category-filter .cat-item:hover,
.projekten-category-filter .cat-item.selected {
	background-color: #BFFFC4;
}

/* Projekten post list */
@media (max-width: 1700px) {
	 .projekten-post-list .ecs-posts article section .elementor-widget-spacer .elementor-spacer-inner {
		 height: 400px;
	}
}
@media (max-width: 1550px) {
	 .projekten-post-list .ecs-posts article section .elementor-widget-spacer .elementor-spacer-inner {
		 height: 300px;
	}
	.projekten-post-list .ecs-posts article section .elementor-heading-title a {
		font-size: 30px !important;
		line-height: 34px !important;
	}
	.projekten-post-list .ecs-posts article section .elementor-widget-theme-post-excerpt div {
		font-size: 20px !important;
		line-height: 24px !important;
	}
	.projekten-post-list .ecs-posts article section .elementor-post-info__item--type-terms {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	.projekten-post-list .ecs-posts article .second-section {
		padding: 10px !important;
	}
}
@media (max-width: 1024px) {
	 .projekten-post-list .ecs-posts article section .elementor-widget-spacer .elementor-spacer-inner {
		 height: 200px;
	}
	.projekten-post-list .ecs-posts article section .elementor-heading-title a {
		font-size: 24px !important;
		line-height: 26px !important;
	}
	.projekten-post-list .ecs-posts article section .elementor-widget-theme-post-excerpt div {
		font-size: 18px !important;
		line-height: 20px !important;
	}
	.projekten-post-list .ecs-posts article section .elementor-post-info__item--type-terms {
		font-size: 14px !important;
		line-height: 16px !important;
	}
	.projekten-post-list .ecs-posts article .second-section {
		padding: 5px !important;
	}
}

.projekten-post-list article .elementor-post__card {
	background-color: #f3f3f3;
}

.projekten-post-list article .elementor-post__card:hover {
	background-color: #bfffc4;
}

.projekten-post-list.category-digitales-design article .elementor-post__card:hover {
	background-color: #D8B0FB;
}

.projekten-post-list.category-ui-ux-design article .elementor-post__card:hover {
	background-color: #BFFFC4;
}

.projekten-post-list.category-strategy article .elementor-post__card:hover {
	background-color: #F1F87A;
}

.projekten-post-list article .elementor-post__card .elementor-post__badge {
	position: relative;
    justify-content: right;
    display: flex;
    text-transform: none;
    background-color: transparent;
    color: black;
	margin: 5px 20px -50px !important;
    padding: 0;
}

.projekten-post-list article .elementor-post__card .elementor-post__text {
	margin-top: 5px !important;
	padding: 0 20px !important;
	margin-bottom: 10px;
}

.projekten-post-list article .elementor-post__card .elementor-post__title {
	margin-bottom: 0 !important;
}

.projekten-post-list article .elementor-post__card .elementor-post__title a {
	font-size: 36px;
	line-height: 40px;
	color: black;
	display: block !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.projekten-post-list article .elementor-post__card .elementor-post__excerpt p {
	font-size: 18px;
	line-height: 24px;
	color: black;
}

.projekten-post-list.projekten-post-main article {
	width: 160%;
}

.projekten-post-list.projekten-post-main article .elementor-post__card:hover,
.projekten-post-list.post-home-1 article .elementor-post__card:hover {
	background-color: #f6f0ea;
}

.projekten-post-list.post-home-2 article .elementor-post__card:hover {
	background-color: #d8b0fb;
}

.projekten-post-list.post-home-3 article .elementor-post__card:hover {
	background-color: #f1f87a;
}

/* Agentur Slider */
.agentur-slider .swiper-container {
	width: 150% !important;
    margin-left: -40% !important;
}

.agentur-slider .swiper-container .swiper-slide,
.agentur-slider .swiper-container .swiper-slide-prev,
.agentur-slider .swiper-container .swiper-slide-active {
	transform: none !important;
    margin-top: 100px !important;
	transition: heigth 0.5s ease-in-out, margin-top 0.5s ease-in-out, width 0.5s ease-in-out !important;
}

.agentur-slider .swiper-container .swiper-slide .swiper-slide-shadow-left,
.agentur-slider .swiper-container .swiper-slide .swiper-slide-shadow-right,
.agentur-slider .swiper-container .swiper-slide-prev .swiper-slide-shadow-left,
.agentur-slider .swiper-container .swiper-slide-prev .swiper-slide-shadow-right,
.agentur-slider .swiper-container .swiper-slide-active .swiper-slide-shadow-left,
.agentur-slider .swiper-container .swiper-slide-active .swiper-slide-shadow-right {
	opacity: 0 !important;
}

.agentur-slider .swiper-container .swiper-slide-next {
	height: 700px !important;
	margin-top: 0px !important;
	margin-left: 30px !important;
    margin-right: 30px !important;
	width: 60vw !important;
}

.agentur-slider-section {
	min-height: 58vw;
	margin-bottom: -150px;
}
@media (max-width: 1450px) {
	.agentur-slider-section {
		min-height: 65vw;
	}
}
@media (max-width: 1280px) {
	.agentur-slider-section {
		min-height: 70vw;
	}
}
@media (max-width: 1024px) {
	.agentur-slider-section {
		min-height: 700px;
	}
}

.agentur-slider-section #besideMouse4 {
	visibility: hidden;
	z-index: 100;
}

.agentur-slider-section:hover #besideMouse4 {
	visibility: visible;
}

.agentur-slider-section .swiper-container {
	cursor: url(./assets/cursor/look-cursor.svg), none !important;
}

/* Single Post Entry */
.testimonies-section {
	width: 105vw;
    left: -6.5%;
}
@media (max-width: 1024px) {
	 .testimonies-section {
		 left: -11%;
	}
}

.testimonies-section .elementor-container {
	width: 85vw;
}

.single-post-image .elementor-widget-container img {
	width: 100vw !important;
	max-height: 100vh !important;
	object-fit: cover;
}

.single-project-slider {
	font-family: "Euclid Circular A";
}

.single-project-slider .wppsac-carousel-slides {
	padding: 0 !important;
	margin-left: 10px;
	margin-right: 10px;
}

.single-project-slider .wppsac-carousel-slides:hover {
	background-color: #EFEFEF;
}

.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position {
	padding: 0 5px;
}

.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-content {
	font-size: 22px;
	line-height: 29px;
}

.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-title a {
	font-size: 30px !important;
	line-height: 40px !important;
	font-weight: 500;	
	color: black !important;
} 

.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-categories li a {
	font-size: 15px;
	line-height: 19px;
	color: black !important;
	text-transform: none;
	background-color: transparent;
	margin-left: -10px !important;
}
.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-categories li a:hover {
	background: transparent !important;
    border-color: transparent !important;
}

.single-project-slider .slick-prev.slick-arrow,
.single-project-slider .slick-next.slick-arrow {
	background-image: url(./assets/img/arrow.svg);
	background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    background-color: white;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    border: 1px solid;
    border-color: black;
	position: absolute;
    top: -42px;
    right: 0 !important;
}

.single-project-slider .slick-prev.slick-arrow {
	transform: rotate(180deg);
	left: 90% !important;
    top: -67px;
}
@media (max-width: 1220px) {
	.single-project-slider .slick-prev.slick-arrow {
		left: 80% !important;
	}
}
@media (max-width: 767px) {
	.single-project-slider .slick-prev.slick-arrow,
	.single-project-slider .slick-next.slick-arrow {
		background-size: 20px;
		height: 30px;
		width: 30px;
	}
	.single-project-slider .slick-prev.slick-arrow {
		left: 70% !important;
		top: -57px;
	}
	
}

.single-project-slider .slick-prev.slick-arrow svg,
.single-project-slider .slick-next.slick-arrow svg {
	opacity: 0;
}

.project-slider-section #besideMouse5 {
	visibility: hidden;
	z-index: 100;
}

.project-slider-section:hover #besideMouse5 {
	visibility: visible;
}

.project-slider-section .wppsac-post-image {
	cursor: url(./assets/cursor/look-cursor.svg), none !important;
}

/* Cookie banner */
@media (min-width: 1023px) {
	.cmplz-cookiebanner {
		/*background-image: url(/wp-content/uploads/2023/03/404.png) !important;*/
		background-position: left 20px center !important;
		background-size: 150px !important;
		background-repeat: no-repeat !important;
		/*width: 670px;*/
		justify-content: end;
	}
}

.cmplz-cookiebanner {
	font-family: 'Euclid Circular A';
}

.cmplz-cookiebanner .cmplz-header .cmplz-title {
	font-size: 28px;
    font-weight: 600;
    justify-content: left;
    display: flex;
	margin-left: -325px;
}
@media (max-width: 767px) {
	.cmplz-cookiebanner .cmplz-header .cmplz-title {
		margin-left: 0;
	}
}

.cmplz-cookiebanner .cmplz-body .cmplz-message {
	font-size: 16px;
    line-height: 20px;
}

.cmplz-cookiebanner .cmplz-btn {
	font-size: 18px;
    font-family: 'Euclid Circular A';
}

.cmplz-cookiebanner .cmplz-categories details {
	background-color: #F0F0F0 !important;
	border-radius: 10px;
	padding: 6px;
    margin-top: 10px;
}

.cmplz-cookiebanner .cmplz-categories details .cmplz-always-active {
	background-color: #BFFFC4;
    padding: 2px;
    border-radius: 2px;
    color: black;
}

.cmplz-cookiebanner .cmplz-documents {
	justify-content: left !important;
}

.cmplz-btn.cmplz-manage-consent {
	opacity: 0;
	font-family: 'Euclid Circular A';
    left: -30px;
    top: 80vh;
    min-width: 80px !important;
	width: 80px;
    height: 30px !important;
    transform: rotate(90deg);
    padding: 5px !important;
}

.page-id-2766 main h1 {
	color: #000000;
    font-family: "Euclid Circular A", Sans-serif;
    font-size: 110px;
    font-weight: 400;
    line-height: 100px;
}

.page-id-2766 main {
	margin: 100px 5vw;
}

#cmplz-document {
	font-family: "Euclid Circular A", Sans-serif;
    line-height: 24px;
	max-width: 60%;
}

#cmplz-document p {
	font-size: 18px;
}

#cmplz-document h2 {
	font-size: 42px;
    font-weight: 400;
    line-height: 42px;
	margin-top: 50px;
}

#cmplz-document #cmplz-manage-consent-container .cmplz-categories details,
#cmplz-document #cmplz-cookies-overview details {
	background-color: #F0F0F0 !important;
    border-radius: 10px;
}

#cmplz-document #cmplz-cookies-overview details .cookies-per-purpose {
	margin: 20px;
}

/* Arbeiten entries */
.leistungen-small-text #arbeiten-branche,
.leistungen-small-text #arbeiten-leistung {
	background-color: #F1F87A;
    border-radius: 50px;
    padding: 5px 10px;
    margin-right: 8px;
	position:relative;
	top:-5px;
}
@media (max-width: 1024px) {
	.leistungen-small-text #arbeiten-branche,
	.leistungen-small-text #arbeiten-leistung {
		padding: 4px 8px;
		height:30px;
	}
	.elementor-widget-container p {
		padding: 0px;
	}
}

.leistungen-small-text #arbeiten-leistung{
	background-color: #D8B0FB;	
}

/* Font size and responsiveness */
	.projekten-post-list .elementor-post__thumbnail__link{
		margin-bottom: 0 !important;
	}
@media (max-width: 1840px) {
	.footer-kocmoc-logo {
		width: 39% !important;
		max-width: 39% !important;
		--container-widget-width: 39% !important;
	}
	.footer-kocmoc-line {
		width: 60% !important;
		max-width: 60% !important;
		--container-widget-width: 60% !important;
	}
}
@media (max-width: 1700px) {
	.home-second-text-new {
		font-size: 70px !important;
		line-height: 80px !important;
	}
	.web-home-h1 .elementor-widget-container,	
	.web-home-h1 .elementor-widget-container h1,
	.page-id-2766 main h1 {
		font-size: 90px !important;
		line-height: 100px !important;
	}
	.home-menu-link .elementor-widget-container {
		font-size: 26px;
		line-height: 32px;
	}
	.projekten-post-list article .elementor-post__card .elementor-post__badge /*,
	.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-categories li a*/ {
		font-size: 22px !important;
	}
	.projekten-post-list .elementor-post__title a,
	/*.leistugen-slider .leistungen-slider-card .slider-body h3,*/
	.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-title a {
		font-size: 30px !important;
		line-height: 34px !important;
	}

	.projekten-post-list .elementor-post__thumbnail {
		align-items: center;
		display: flex;
	}
	.home-tooltip-menu .tooltip-details > img {
		width: 20px;
	}
	.home-posts-col-2 {
		margin-top: 300px;
	}
	.home-posts-col-3 {
		margin-top: -200px;
	}
	.home-posts-col-4 {
		margin-top: 130px;
	}
	.web-button .elementor-button-content-wrapper,
	.web-footer-menu nav a,
	.footer-text .elementor-widget-container {
		font-size: 22px !important;
		line-height: 30px !important;
	}
	.web-home-h2 .elementor-widget-container {
		margin: 0px 0px 30px 0px !important;
	}
	.web-home-h2 .elementor-widget-container h2,
	.agentur-h2 .elementor-widget-container {
		font-size: 78px !important;
		line-height: 100px !important;
	}
	.home-tooltip-section,
	.footer-underline-section .elementor-widget-container,
	.footer-kocmoc-logo > .elementor-widget-container > .elementor-heading-title,
	.web-404-text h2 {
		font-size: 64px !important;
		line-height: 74px !important;
	}
	.projekten-category-filter > .elementor-widget-container > ul > li > a {
		font-size: 18px;
		line-height: 18px;
	}
	.leistungen-hero .elementor-widget-container,
	.leistungen-hero .elementor-widget-container h3 {
		font-size: 60px !important;
		line-height: 75px !important;
	}
	.leistungen-text .elementor-widget-container,
	.leistungen-image-on-hover span,
	#datenschutz h3,
	#cmplz-document h2 {
		font-size: 32px !important;
		line-height: 46px !important;
	}
	.leistugen-slider .leistungen-slider-card .slider-body .slider-badge,
	.leistungen-small-text .elementor-widget-container {
		font-size: 20px;
		line-height: 30px;
	}
	.agentur-slider .swiper-container .swiper-slide-next {
		height: 500px !important;
		margin-top: 50px !important;
	}
	.img-slider-swiper-coverflow .swiper-slide {
		height: 400px !important;
	}
	.heart-footer {
		width: 20px !important;
		top: 195px;
		left: 61px;
	}
}
@media (max-width: 1550px) {	
	.home-second-text-new {
		font-size: 50px !important;
		line-height: 60px !important;
	}
	.web-home-h1 .elementor-widget-container,	
	.web-home-h1 .elementor-widget-container h1,
	.page-id-2766 main h1 {
		font-size: 70px !important;
		line-height: 80px !important;
	}
	.home-menu-link .elementor-widget-container {
		font-size: 24px;
		line-height: 30px;
	}
	.web-button .elementor-button-content-wrapper,
	.web-footer-menu nav a,
	.footer-text .elementor-widget-container {
		font-size: 18px !important;
		line-height: 26px !important;
	}
	.web-home-h2 .elementor-widget-container h2,
	.agentur-h2 .elementor-widget-container {
		font-size: 70px !important;
		line-height: 90px !important;
	}
	.leistungen-hero .elementor-widget-container,
	.leistungen-hero .elementor-widget-container h3 {
		font-size: 50px !important;
		line-height: 65px !important;
	}
	.leistungen-text .elementor-widget-container,
	.leistungen-image-on-hover span,
	#datenschutz h3,
	#cmplz-document h2 {
		font-size: 22px !important;
		line-height: 36px !important;
	}
	.leistugen-slider .leistungen-slider-card .slider-body .slider-badge,
	.leistungen-small-text .elementor-widget-container {
		font-size: 18px;
		line-height: 28px;
	}
	
}
@media (max-width: 1413px) {
	.projekten-post-list article .elementor-post__card .elementor-post__badge,
	.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-categories li a {
		font-size: 18px !important;
	}	
	.projekten-post-list article .elementor-post__card .elementor-post__badge {
		margin: -10px 15px -50px !important;
	}
	.projekten-post-list .elementor-post__title a,
	/*.leistugen-slider .leistungen-slider-card .slider-body h3,*/
	.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-title a {
		font-size: 28px !important;
		line-height: 32px  !important;
	}
	.leistugen-slider .leistungen-slider-card .slider-body h3 {
		font-size: 40px !important;
		line-height: 50px  !important;
	}
	.projekten-post-list .elementor-post__excerpt p,
	.leistugen-slider .leistungen-slider-card .slider-body,
	.impressum-text .elementor-widget-container,
	.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-content {
		font-size: 16px !important;
		line-height: 20px !important;
	}
	/*.home-tooltip-section,
	.footer-underline-section .elementor-widget-container,
	.footer-kocmoc-logo > .elementor-widget-container > .elementor-heading-title,
	.web-404-text h2 {
		font-size: 64px !important;
		line-height: 74px !important;
	}*/
	.leistungen-hero .elementor-widget-container,
	.leistungen-hero .elementor-widget-container h3 {
		font-size: 50px !important;
		line-height: 65px !important;
	}
	.leistungen-text .elementor-widget-container,
	.leistungen-image-on-hover span,
	#datenschutz h3,
	#cmplz-document h2 {
		font-size: 22px !important;
		line-height: 36px !important;
	}
	.leistugen-slider .leistungen-slider-card .slider-body .slider-badge,
	.leistungen-small-text .elementor-widget-container {
		font-size: 18px;
		line-height: 28px;
	}
	.heart-footer {
		top: 215px;
	}
	#cmplz-document {
		max-width: 100%;
	}
}
@media (max-width: 1410px) {
	.heart-footer {
		top: 300px;
	}
}
@media (max-width: 1088px) {
	.heart-footer {
		top: 380px;
	}
}
@media (max-width: 1150px) {
	.footer-kocmoc-logo {
		width: 45% !important;
		max-width: 45% !important;
		--container-widget-width: 45% !important;
	}
	.footer-kocmoc-line {
		width: 54% !important;
		max-width: 54% !important;
		--container-widget-width: 54% !important;
	}
}
@media (max-width: 1024px) {
	.web-home-h1 .elementor-widget-container,	
	.web-home-h1 .elementor-widget-container h1,
	.page-id-2766 main h1,
	.home-second-text-new {
		font-size: 48px !important;
		line-height: 58px !important;
	}
	.web-home-h2 .elementor-widget-container h2,
	.agentur-h2 .elementor-widget-container {
		font-size: 48px !important;
		line-height: 50px !important;
	}
	.home-tooltip-section,
	.footer-underline-section .elementor-widget-container,
	.footer-kocmoc-logo > .elementor-widget-container > .elementor-heading-title,
	.web-404-text h2 {
		font-size: 36px !important;
		line-height: 48px !important;
	}
	.leistungen-hero .elementor-widget-container,
	.leistungen-hero .elementor-widget-container h3 {
		font-size: 30px !important;
		line-height: 38px !important;
	}
	.single-project-slider .wppsac-carousel-slides .wppsac-post-content-position .wppsac-post-title a {
		font-size: 18px !important;
		line-height: 23px !important;
	}
	.leistugen-slider {
		margin-left: -18px !important;
	}
	.leistugen-slider .leistungen-slider-card .slider-body h3 {
		font-size: 24px !important;
		line-height: 30px !important;
	}
	.leistugen-slider .leistungen-slider-card .slider-body .slider-badge,
	.leistungen-small-text .elementor-widget-container {
		font-size: 14px !important;
		line-height: 22px !important;
	}
	/* Homepage design */
	.projekten-post-list .elementor-grid-item {		
		max-width: 500px;
	}
	.home-posts-col-1,
	.home-posts-col-2,
	.home-posts-col-3,
	.home-posts-col-4 {
		margin-top: 0px;
		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 50px;
	} 
	#besideMouse3,
	#besideMouse2,
	#besideMouse {
		display: none !important;
	}
	.elementor-posts .elementor-post__card .elementor-post__text {
		padding: 0 10px !important;
	}
	.projekten-post-list article .elementor-post__card .elementor-post__badge {
		margin: -10px 20px -10px !important;
		justify-content: left;
	}
	.home-tooltip-menu .tooltip-details > img {
		width: 16px;
		margin-left: -15px;
		margin-top: 0px;
	}
	.home-tooltip-menu .tooltip-details .tooltip-list {
		font-size: 16px;
		line-height: 45px;
		margin-top: -180px;
		width: 200px;
	}
	.home-tooltip-menu.tooltip-design .tooltip-details .tooltip-list,
	.home-tooltip-menu.tooltip-web .tooltip-details .tooltip-list,
	.home-tooltip-menu.tooltip-brand .tooltip-details .tooltip-list,
	.home-tooltip-menu.tooltip-digital .tooltip-details .tooltip-list {
		margin-left: -155px;
	}
	.home-tooltip-menu.tooltip-design .tooltip-list::after,
	.home-tooltip-menu.tooltip-web .tooltip-list::after,
	.home-tooltip-menu.tooltip-brand .tooltip-list::after,
	.home-tooltip-menu.tooltip-digital .tooltip-list::after {
		margin-left: 105px;
	}
	.home-tooltip-menu .tooltip-details .tooltip-list a > img {
		width: 16px;
		right: 20px;
	}
	
	/* Projekten page */
	.projekten-category-filter {
		width: 110% !important;
	}
	.projekten-category-filter > .elementor-widget-container > ul {
		display: flex;
		overflow-x: auto;
	}
	.projekten-category-filter ::-webkit-scrollbar {
		width: 0px;
	}
	.projekten-category-filter ::-webkit-scrollbar-track {
		box-shadow: transparent; 
	}
	.projekten-category-filter ::-webkit-scrollbar-thumb {
		background: transparent; 
	}	
	.projekten-category-filter > .elementor-widget-container > ul > li {
		padding: 5px 8px;
		font-size: 11px;
		margin-bottom: 5px;
	}
	.projekten-category-filter > .elementor-widget-container > ul > li > a {
		font-size: 14px;
		line-height: 14px;
		width: max-content;
	}
	.projekten-post-list.projekten-post-main article {
		width: 105%;
	}
	/* Agentur page */
	.agentur-slider .swiper-container .swiper-slide,
	.agentur-slider .swiper-container .swiper-slide-prev,
	.agentur-slider .swiper-container .swiper-slide-active {
		height: 260px !important;
		margin-top: 20px !important;
	}
	.agentur-slider .swiper-container .swiper-slide-next {
		height: 300px !important;
		margin-top: 0px !important;
		margin-left: 10px !important;
		margin-right: 10px !important;
		width: 50% !important;
	}
	/* Leistungen page */
	.leistugen-slider {
		width: 100% !important;
		margin-left: 0;
	}
	.leistugen-slider .owl-nav {
		visibility: visible !important;	
	}	
	.leistugen-slider .owl-nav button {
		top: -30px !important;
	}
	.leistugen-slider .owl-nav button::before {
		content: '';
		display: block;
		width: 40px;
		height: 40px;
		background-color: white;
		border: 1px solid;
		border-radius: 50%;
		border-color: black;
		background-image: url(./assets/img/arrow.svg);
		background-repeat: no-repeat;
		background-size: 24px;
		background-position: center center;
	}
	.leistugen-slider .owl-nav .owl-prev {
		left: 3% !important;
		width: 0px !important;
		height: 0px !important;
	}
	.leistugen-slider .owl-nav .owl-prev::before {
		transform: rotate(180deg);
	}
	.leistugen-slider .owl-nav .owl-next {
		left: 91% !important;
		width: 0px !important;
		height: 0px !important;
	}
	.heart-footer {
		display: none;
	}
}
@media (max-width: 767px) {
	.web-home-h2 .elementor-widget-container h2, .agentur-h2 .elementor-widget-container {
		font-size: 34px !important;
		line-height: 44px !important;
	}
	.leistungen-hero .elementor-widget-container h3 {
		font-size: 20px !important;
	}
	.leistugen-slider .owl-nav .owl-prev {
		left: 5% !important;
	}
	.leistugen-slider .owl-nav .owl-next {
		left: 82% !important;
	}
}
/* Mobile menu */
.mobile-menu-hide {
	display: none;
	position: fixed !important;
    z-index: 100;
    width: 100%;
    top: 0;
    height: 100vh;
}
.mobile-menu-hide.open {
	display: block;
}
.mobile-menu-hide nav li a {
	background-image: url(./assets/img/arrow.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 190px center;
	padding-left: 0 !important;
	font-family: 'Euclid Circular A' !important;
}
.mobile-arrow-go-down {
	position: absolute !important;
    /*float: right;*/
    top: -250px;
    /*right: 20px;*/
    z-index: 99;
    background-color: white;
	border: 1px solid black;
    padding: 5px;
    border-radius: 50px;
    width: 40px !important;
    height: 40px;
    max-width: 40px !important;
	left: 45%;
}
/*
@media (max-width: 767px) {
	.mobile-arrow-go-down {
		left: 40%;
	}
}
*/
/* Agentur Slider version 2 */
.agentur-slider-2 > .elementor-widget-container {
	width: 200% !important;
    left: -60%;
	position: relative;
}

.agentur-slider-2 > .elementor-widget-container .white .owl-carousel .owl-stage {
	align-items: center;
    display: flex;
	height: 100vh !important;
}

.agentur-slider-2 > .elementor-widget-container .white .owl-carousel .owl-stage .owl-item.active .sa_hover_container {
	transition: all 2s ease-in-out !important;	
	height: 50vh !important;
}

.agentur-slider-2 > .elementor-widget-container .white .owl-carousel .owl-stage .owl-item.active ~ .owl-item.active .sa_hover_container {
	height: 80vh !important;
}

.agentur-slider-2 > .elementor-widget-container .white .owl-carousel .owl-stage .owl-item.active ~ .owl-item.active ~ .owl-item.active .sa_hover_container {
	height: 50vh !important;
}

/* Projects grid */

.ecs-posts .post section {
	background-size: 100% !important;
	transition: all 1s ease-in-out !important;
	-moz-transition: all 1s ease-in-out !important;
	-ms-transition: all 1s ease-in-out !important;
	-o-transition: all 1s ease-in-out !important;
	-webkit-transition: all 1s ease-in-out !important;
}
.ecs-posts .post:hover section {
	background-size: 110% !important;
}

/* New agentur slider */
.agentur-slider-section-new .ms-container {
	width: 130%;
    left: -25%;
}
.agentur-slider-section-new.laptop,
.agentur-slider-section-new.tablet,
.agentur-slider-section-new.mobile {
	display: none;
}
@media (max-width: 1700px) {
	.agentur-slider-section-new.laptop {
		display: block;
	}
	.agentur-slider-section-new.desktop,
	.agentur-slider-section-new.tablet,
	.agentur-slider-section-new.mobile {
		display: none;
	}
}
@media (max-width: 1024px) {
	.agentur-slider-section-new.tablet {
		display: block;
	}
	.agentur-slider-section-new.desktop,
	.agentur-slider-section-new.laptop,
	.agentur-slider-section-new.mobile {
		display: none;
	}
}
@media (max-width: 767px) {
	.agentur-slider-section-new.mobile {
		display: block;
	}
	.agentur-slider-section-new.desktop,
	.agentur-slider-section-new.laptop,
	.agentur-slider-section-new.tablet {
		display: none;
	}
	.agentur-slider-section-new .ms-container {
		width: 100%;
		left: 0;
	}
}

/* leistungen clients text */
.web-home-h2.list-clients h2 {
	font-size: 68px !important;
}
@media (max-width: 1024px) {
	.web-home-h2.list-clients h2 {
		font-size: 34px !important;
	}
}

/* Slide Anything Leistungs Slider */

/*@media (max-width: 768px){

.owl-carousel.owl-loaded {
display: grid !important;
}
}*/

/* Single post new slider */
.single-post-slider-new .ecs-posts article {
	background-color: #EFEFEF;
}
.single-post-slider-new .ecs-posts article:hover {
	background-color: #BFFFC4;
}
.single-post-slider-new .ecs-posts article.hide {
	display: none;
}
.single-post-slider-new-next,
.single-post-slider-new-prev {
	border: solid 1px;
    padding: 8px 5px 5px 5px;
	height: 40px;
	width: 40px !important;
    border-radius: 50%;
    margin: 20px 10px;
	cursor: pointer;
	margin-bottom: 20px !important;
}
.single-post-slider-new-next div img,
.single-post-slider-new-prev div img {
	width: 24px !important;
}

@media (max-width: 1024px) {
	.single-post-slider-new-next,
	.single-post-slider-new-prev {
		margin: 0;
		position: absolute !important;
		top: -45px !important;
		left: 10px !important;
	}
	.single-post-slider-new-next {
		left: 93% !important;
	}
	.single-post-slider-new.mobile {
		margin-top: 50px;
	}
}
@media (max-width: 767px) {
	.single-post-slider-new-next,
	.single-post-slider-new-prev {
		top: 70px !important;
	}
	.single-post-slider-new-next {
		left: 88% !important;
	}
	.single-post-slider-new.mobile {
		margin-top: 50px;
	}
}
.single-post-slider-new-prev {
	transform: rotate(180deg);
}
.single-post-slider-new-next.disabled,
.single-post-slider-new-prev.disabled {
	opacity: 0.2;
	cursor: default;
}

.leistungen-small-text div { 
	display:flex;
}

/* moving links */
.moving-links a span {
	transition: 0.5s;
}
.moving-links a span:hover {
	transform: translatex(5px) !important;
}

/* Links in Impressum */
.impressum-text a {
	color: black !important;
	text-decoration: underline !important;
}
/*# sourceMappingURL=style.css.map */

/* Form */
input[type="file"]::-webkit-file-upload-button {
    border-radius: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    border: 2px solid black;
    font-family: "Euclid Circular A", Sans-serif;
    font-weight: 500;
    line-height: 26px;
}
input[type="file"]::-ms-browse{
    border-radius: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    border: 2px solid black;
    font-family: "Euclid Circular A", Sans-serif;
    font-weight: 500;
    line-height: 26px;
}
input[type="file"]::file-selector-button{
    border-radius: 0px 0px 0px 0px;
    padding: 10px 20px 10px 20px;
    border: 2px solid black;
    font-family: "Euclid Circular A", Sans-serif;
    font-weight: 500;
    line-height: 26px;
}
input[type="file" i]{
    margin-bottom: -15px;
    font-size: 22px !important;
    font-weight: 500;
    line-height: 26px !important;
}

.form-info{
    font-size: 18px;
}