/*
Theme Name:     Attentus Theme
Theme URI:      n/a
Template:       kadence
Author:         attentus
Author URI:     n/a
Description:    Child Theme Description
Version:        1.0.2
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/


/* Jobs Form File-Button Text */

.jobs-modal-form .choose_file, .jobs-modal-form .choose_file_multi, .jobs-modal-form .choose_file_multi_add {
	color: var(--global-palette3) !important; /* wird sonst überschrieben vom Jobs-Plugin */
}



/* Minus in Listen auf Grundlinie */

span.kb-svg-icon-wrap.kb-svg-icon-fe_minus.kt-svg-icon-list-single {
    margin-top: .35em;
}

html {
	font-size: 18px;
}

.p-to-h1, .pseudo-h1 {
	font-style: normal !important;
    font-weight: 800 !important;
    line-height: 0.95 !important;
	padding-bottom: var(--global-kb-spacing-md, 2rem) !important;
    font-size: var(--global-kb-font-size-xxl, 4rem) !important;
	 	margin: 1.5em 0 0.5em;
		font-family: var(--global-heading-font-family) !important;
}

.h1-to-p, .pseudo-p, .single-content .h1-to-p, .single-content .pseudo-p {
	font-style: normal;
  font-weight: 300;
  font-size: 2rem !important;
  line-height: 1.11 !important;
  font-family: var(--global-body-font-family) !important;
	margin: 0;
	padding: 0;
}

.h1-to-p::after, .pseudo-p::after {
	content: none !important;
}


/* BLOG */

.entry a.post-more-link {
	    background-color: var(--global-palette9, #ffffff);
	border-style: solid;
    border-color: var(--global-palette3, #1A202C);
    color: var(--global-palette3, #1A202C);
    border-width: 2px;
    padding: 4px 8px 4px 8px;
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 0px;
    display: inline-block;
    text-decoration: none;
    transition: all .2s ease-out;
	font-weight: 300;
	text-transform: none;
	font-size: 100%;
}

.entry a.post-more-link:hover {
	color: #ffffff;
    border-color: #555555;
    background-color: #555555;
}

.entry {
	border-radius: 0;
}


.entry a.post-more-link span.kadence-svg-iconset.svg-baseline {
	display: none;
} 

#archive-container {
	padding-bottom: 3rem;
}

.taxonomy-category.wp-block-post-terms a[href$="/referenz/"], .taxonomy-category.wp-block-post-terms a[href$="/referenz/"] + span  {
	display: none !important;
}

.loop-entry .entry-content-wrap {
	padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
	border-radius: 0 !important;
}

.entry.single-entry {
	box-shadow: none;
}

.entry.loop-entry .post.type-post,
.entry.loop-entry {
    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
	background-color: var(--global-palette9);
	border-radius: 0 !important;
}

.loop-entry .entry-content-wrap h2.entry-title {
	color: var(--global-palette3, #1A202C);
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 24px;
    line-height: 30px;
}

body.archive.author {
	background-color: var(--global-palette8);
}

.entry span.category-links {
    width: 100%;
}

.entry-meta>*:after {
	content: none;
}

.kt-blocks-post-top-meta .kt-blocks-meta-divider.kt-blocks-meta-has-divider{
	display: none;
} 

/*
.category-link-items a[href$="/referenz/"],
.kt-blocks-categories a[href$="/referenz/"],
.kt-blocks-post-top-meta .kt-blocks-meta-divider.kt-blocks-meta-has-divider{
	display: none;
} 

.kt-blocks-categories a, .category-link-items a {
	position: relative;
	padding-right: 5px;
	
}


.kt-blocks-categories a::before,
.category-link-items a:before{
    content: ', ';
    position: absolute;
    right: 3px;
		bottom: -2px;
}

.kt-blocks-categories a:last-child::before, 
.category-link-items a:last-child:before {
	content: none;
}
*/

/* ENDE BLOG */

/*
.kt-blocks-post-grid-item {
	box-shadow: none !important;
} */

.kontakte-liste .wp-block-kadence-column,
.kontakte-liste .wp-block-kadence-column .kt-row-column-wrap, .kontakt-liste .kb-row-layout-wrap {
	max-width: 100%;
	
}

.kontakte-liste .kb-row-layout-wrap {
	margin: 0;
	width: 100%;
}

.kontakte-liste .wp-block-kadence-column:first-child {
	overflow: hidden !important;
}

.kontakte-liste .kt-row-column-wrap img {
	max-width: 200px;
}

/* ABSTAND über Seite - bitte in den Einstellungen prüfen, ob das nicht da abzustellen geht: */

.entry-content-wrap {
	padding-top: 0;
	padding-bottom: 0;
}

.content-area {
  margin-top: 0;
	margin-bottom: 0;
}

/* ENDE ABSTAND */


.entry.single-entry.type-post h1::after {
		margin-top: 0.72em;
}

.att-post-header h1::after {
	margin-top: 0.59em !important;
}

/* :not(.type-post) */
.entry.single-entry:not(.type-post) {
    box-shadow: none;
}

.ausblenden {
	display: none !important;
}

.background-fix {
	background-size: auto 100% !important;
}


.ti-widget.ti-goog .ti-mob-row,
.ti-widget.ti-goog .ti-mob-row .nowrap,
.ti-widget.ti-goog .ti-mob-row .ti-small-logo,
.ti-widget.ti-goog .ti-header {

	display: block !important;
 /* white-space: normal !important;*/
} 

.ti-widget.ti-goog .ti-header {
	/* flex-direction: column; */
}

.ti-widget.ti-goog .ti-stars {
	display: block;
}




/* Überschriftenbalken */

h1, .balken, .underline, .line, .pseudo-h1, .p-to-h1 {
	position: relative;
}

h2.titel {
	font-style: normal;
  	font-weight: 800;
  	font-size: 100px;
  	line-height: 1.5;
	margin: 1.5em 0 0.5em;
	font-family: var(--global-heading-font-family);
}

h1::after, h2.titel::after, .underline::after, .pseudo-h1::after, .p-to-h1::after {
  	content: '';
  	background-color: #02b2c9;
  	display: inline-block;
  	position: absolute;
  	z-index: -100;
	width: 1.65em;
  	height: 0.23em;
  	margin-top: 0.59em; /* 0.875em; */
  	margin-left: -1.23em;
}

h1.jobs-row-input::after {
    /* content: ''; */
    margin-top: .85em;
}


.agentur-balken::after, .underline-lightgreen::after, .line-green::after, h2.titel.agentur-balken::after,
.tax_nachhaltigkeit h1::after,
.tax_nachhaltigkeit h2.titel::after {
	background-color: #28ff85 !important; /* hellgrün */
}

.blog-balken::after {
	margin-top: 0.625em;
}

/*
.tax_kuenstliche-intelligenz h1::after, 
.tax_kuenstliche-intelligenz h2.titel::after
*/
.themen-balken::after, .underline-darkyellow::after,
h2.titel.themen-balken::after {
	background-color: var(--global-palette6) !important; /* dunkles gelb */
}

/*
.tax_marketing h1::after,
.tax_marketing h2.titel::after
*/
.leistungen-balken::after, .underline-red::after,
h2.titel.leistungen-balken::after {
	background-color: var(--global-palette2) !important; /* rot */
}

/*
.tax_migration h1::after,
.tax_migration h2.titel::after,
.tax_referenzen h1::after,
.tax_referenzen h2.titel::after
*/
.referenzen-balken::after, .underline-magenta::after, .line-magenta::after,
h2.titel.referenzen-balken::after {
	background-color: var(--global-palette5) !important; /* magenta */
}

/*
.tax_bauen-wohnen-lifestyle h1::after,
.tax_bauen-wohnen-lifestyle  h2.titel::after
*/
.kontakt-balken::after, .underline-turquoise::after, .line-turquoise::after,
h2.titel.kontakt-balken::after {
	background-color: var(--global-palette4) !important; /* türkis */
}

.jobs-balken::after, 
h2.titel.jobs-balken::after, .line-yellow::after {
	background-color: var(--global-palette7) !important; /* yellow */
}

.line-pink::after {
	background-color: var(--global-palette5) !important;
}

.tax_nachhaltigkeit h1::after,
.tax_nachhaltigkeit h2.titel::after,
.tax_bauen-wohnen-lifestyle h1::after,
.tax_bauen-wohnen-lifestyle  h2.titel::after,
.tax_marketing h1::after,
.tax_marketing h2.titel::after,
.tax_migration h1::after,
.tax_migration h2.titel::after,
.tax_referenzen h1::after,
.tax_referenzen h2.titel::after,
.tax_kuenstliche-intelligenz h1::after, 
.tax_kuenstliche-intelligenz h2.titel::after,
.tax_marketing h1::after,
.tax_marketing h2.titel::after {
	background-color: var(--global-palette1) !important; /* petrol */
}



/* ENDE Überschriftenbalken */


/* .pseudo-bg-img */

.wp-block-kadence-column.pseudo-bg-img  > .kt-inside-inner-col {
    overflow: hidden;
}

 .wp-block-kadence-column.pseudo-bg-img  > .kt-inside-inner-col figure.wp-block-kadence-image {
    min-width: 100%;
	 	width: auto;
    height: 100% !important;
	 	max-height: 100%;
}

.wp-block-kadence-column.pseudo-bg-img  > .kt-inside-inner-col figure.wp-block-kadence-image img {
    min-width: 100%;
    min-height: 100%;
    max-width: none !important;
		width: auto;
}

/* ENDE .pseudo-bg-img */



.kb-dynamic-list.kb-dynamic-list-style-pill li {
	border-radius: 0;
}

.popup-drawer.active .drawer-toggle .toggle-close-bar {
	color: var(--global-palette3); 
}

.benefits-gallery .kadence-blocks-gallery-item figcaption {
	text-align: left !important;
}

.benefits-gallery .kadence-blocks-gallery-item figure img {
	max-width: 150px !important;
	height: auto !important;
}

.benefits-gallery .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
	/* bottom: 25px; */
	bottom: 0;
	margin-bottom: 25px;
	top: auto;
}

@media screen and (max-width: 767px) {
	.benefits-gallery .kb-gallery-ul .kadence-blocks-gallery-item .kadence-blocks-gallery-item-inner figure .kb-gallery-image-contain.kadence-blocks-gallery-intrinsic img {
		margin-bottom: 0;
	}
}

/* Randabstand 2/3 Text */
/*
.left-side-two-third, .right-side-two-third {
	max-width: 860px;
}

.left-side-two-third {
	margin-left: auto !important;
	margin-right: 0 !important;
}

.right-side-two-third {
	margin-left: 0 !important;
	margin-right: auto !important;
}
*/

@media screen and (min-width: 1500px) {

    .left-side-two-third {
        padding-left: 15vw !important;
        padding-right: 5vw !important;
			
    }

    .right-side-two-third {
       padding-right: 10vw !important;
        padding-left: 10vw !important; 
    }
}


@media screen and (min-width: 280px) {
    .left-side-two-third, .right-side-two-third {
        padding-left: 5%;
        padding-right: 5%;
    }
}


.jobs .kb-lottie-container dotlottie-player {
	margin-left: auto;
	margin-right: 5.5%;
}

.kontaktseite .anfahrt-button {
	display: none;
}

/*
.kontaktseite .absenden-button button {
	background-color: var(--global-palette4);
}
*/

@media (min-width: 768px) {

	.grey-to-color img {
				transition: filter 300ms ease 0ms;
			filter: saturate(0%);
			backface-visibility: hidden;
	}

	.grey-to-color img:hover {
				filter: saturate(100%);
			backface-visibility: hidden;
	}

}

/* Headerlinks Hover-Farbe abhängig von Klasse */ 
/*

.item-at-start .hover-yellow, .item-at-start .hover-turquoise, .item-at-start .hover-lightyellow, .item-at-start .hover-magenta, .item-at-start .hover-lightred {
	transition: ease color .5s; 
}

.item-at-start .hover-lightred:hover a {
	color: var(--global-palette2) !important; 
}

.item-at-start .hover-green:hover a {
	color: #28ff85 !important;
}

.item-at-start .hover-yellow:hover a {
	color: var(--global-palette6) !important; 
}

.item-at-start .hover-magenta:hover a {
	color: var(--global-palette5) !important;
}

.item-at-start .hover-lightyellow:hover a {
	color: var(--global-palette7) !important;
}

.item-at-start .hover-turquoise:hover a {
	color: var(--global-palette4) !important;
}

*/

.statisch, .statisch > .kt-inside-inner-col {
	position: static;
}

/*
 * 
.half-site {
	max-width: 626px;
	width: 100%;
}


.half-site.right-site {
	margin-right: auto !important;
}

.half-site.left-site {
	margin-left: auto !important;
}
*/

.image-video .kb-blocks-bg-video-container .kb-blocks-bg-video {
    height: auto;
    left: 0%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: -10%;
    transform: none;
    width: 100%;
}

.galerie-dots-inside .kb-splide .splide__pagination, .galerie-dots-inside .kb-splide ul.splide__pagination.splide__pagination {
    bottom: 10px;
}

.custom-padding {
	padding: 10vh 6vw 10vh 10vw !important;
}


.big-count .kb-count-up-process.kb-count-up-number {
	font-size: 4em;
	font-weight: 800;
}

@media (min-width: 768px) {
	.black-white-bg {
		background: linear-gradient(
			to right, 
			var(--global-palette3) 0%, 
			var(--global-palette3) 50%, 
			var(--global-palette8) 50%, 
			var(--global-palette8) 100%
		);
	}
	 
	.black-grey-bg {
		background: linear-gradient(
			to right, 
			var(--global-palette3) 0%, 
			var(--global-palette3) 50%, 
			var(--global-palette8) 50%, 
			var(--global-palette8) 100%
		);
	}
	
	.grey-black-bg {
		background: linear-gradient(
			to left, 
			var(--global-palette3) 0%, 
			var(--global-palette3) 50%, 
			var(--global-palette8) 50%, 
			var(--global-palette8) 100%
		);
	}
}


/*
big_count.green:line .kb-count-up-number:after */

.yellow-line::after, .line-yellow:after, .line-blue::after, .blue-line::after, .red-line::after, .line-red::after, .green-line::after, .line-green::after, .big-count.green-line .kb-count-up-number:after,.big-count.line-green .kb-count-up-number:after   {
    content: "";
    /* width: 80px; */
	/* width: 2.65em; */
    width: 1.77em;
    height: 4px;
    background: var(--global-palette7);
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}

.blue-line::after, .line-blue::after {
    background: var(--global-palette1);
}

.blue-line-headline::after {
	background: var(--global-palette1);
}

.red-line::after, .line-red::after {
    background: var(--global-palette2);
}

.green-line::after, .line-green::after, .big-count.green-line .kb-count-up-number:after, .big-count.line-green .kb-count-up-number:after  {
    background: #28ff85;
}

.big-count.green-line .kb-count-up-number:after, .big-count.line-green .kb-count-up-number:after {
	margin-left: auto;
	margin-right: auto;
}

.big-count.green-line:after, .big-count.line-green:after {
	content: none;
}


/* ****** FLIPBOX ******* */

.flipbox {	
		/* position: relative; */
  		/* height: 430px;
  		padding: 5px;*/
  		perspective: 1000px; 
  		cursor: pointer;
	}

.flipbox ul li {
	font-size: .9em;
}

.flipbox .flipbox_inner,
.flipbox .flipbox_inner .wp-block-group__inner-container {
	width: 100%;
	height: 100%;
	transition: transform 0.8s;
  	transform-style: preserve-3d;
	top: 0;
	left: 0;
}	

.flipbox .flipbox_inner {
	position: absolute;
}

	.flipbox .flipbox_inner .wp-block-group__inner-container {
  		position: relative;
	}

	.flipbox .front, .flipbox .back {
 	  	position: absolute;
  		width: 100%;
  		height: 100%; 	
		-webkit-backface-visibility: hidden; /* Safari */
  		backface-visibility: hidden;
	}

	.flipbox .front {
		
		/*
  		background-repeat: no-repeat;
  		background-position: center;
  		background-size: cover !important;
  		justify-content: flex-end;
		*/
	}

	.flipbox .back {
		
		/*
  		background-color: #2d4059;
  		align-items: center;
  		justify-content: center;
  		text-align: center; */
	}

	.flipbox.left:hover .flipbox_inner /*.wp-block-group__inner-container */ {
 		 transform: rotateY(180deg);
	}

	.flipbox.left .flipbox_inner .back, .flipbox.right .flipbox_inner .back {
  		transform: rotateY(180deg);
	}

.flipbox .kt-inside-inner-col,
.flipbox .flipbox_inner .wp-block-group__inner-container { /* .wp-block-group__inner-container -> .flipbox_group */
	position: relative;
	width: 100%;
	height: 100%;
}

	.flipbox.right:hover .flipbox_inner {
		 transform: rotateY(-180deg);
	}

	.flipbox.up:hover .flipbox_inner {
 		 transform: rotateX(180deg);
	}

	.flipbox.down:hover .flipbox_inner {
  		transform: rotateX(-180deg);
	}



	.flipbox.up .flipbox_inner .back, .flipbox.down .flipbox_inner .back {
  		transform: rotateX(180deg);
	}


/* ENDE flipbox */

.table_kultur table th,
.table_kultur table td,
.table_kultur table thead,
.table_petrol table th,
.table_petrol table td,
.table_petrol table thead{
    border-color: var(--global-palette1) !important;
}

.table_kultur table thead,
.table_petrol table thead {
	background-color: var(--global-palette1);
}

.blocks-gallery-caption figcaption, .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-audio figcaption, .wp-block-video figcaption {
	color: var(--global-palette3) !important;
	text-align: left !important;
}

.single-content table {
	margin-bottom: 1rem !important;
}

/* Weihnachtsbalken Rot*/

.balken-rot::after {
    background-color: #ff3564;
}