/*
Theme Name:   Corporate Microsites | CC 2.1
Theme URI:    https://greyd.io/
Description:  Site Editor based Theme for Cancom Corporate Microsites including all Global Patterns.
Author:       Greyd
Author URI:   https://greyd.io/
Template:     greyd-theme
Version:      1.4
License:      GPLv2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         Tags: blog, portfolio, entertainment, site-editing, block-patterns, block-styles
Text Domain:  cancom
*/

/* Logo SVG fix */
.wp-block-site-logo img[src*=svg] {
	min-width: 125px;
}


/* WIP CSS Guides */

/*Breakpoint Specific Block Enhancements*/

/*Block CSS*/

/* WIP CSS Guides */

/*Breakpoint Specific Block Enhancements*/

/*Block CSS*/

/*Block Table*/
.wp-block-table td,
.wp-block-table th {
	border-top: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
	padding-left: 0px !important;
}

.wp-block-table > table {
	font-weight: 400;
}

/*Row*/

@media (max-width: 599px) {
	.break-sm {
		flex-wrap: wrap !important;
	}

	.reverse-sm {
		flex-direction: column-reverse;
	}
}

@media (max-width: 992px) {
	.break-md {
		flex-wrap: wrap !important;
	}

	.reverse-md {
		flex-direction: column-reverse;
	}
}

@media (max-width: 1199px) {
	.break-lg {
		flex-wrap: wrap !important;
	}

	.reverse-lg {
		flex-direction: column-reverse;
	}
}

/*Media and Text Block*/

.wp-block-media-text {
	gap: var(--wp--preset--spacing--medium);
}

@media (max-width: 991.98px) {
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content.wp-block-media-text__content {
		grid-column: 1 !important;
		grid-row: 2 !important;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
	}

	.wp-block-media-text.is-stacked-on-mobile {
		grid-template-columns: 100% !important;
	}
}

/*Search Block*/
.popover-search.greyd-search-form:not(.custom) {
	justify-content: space-between !important;
}

.popover-search button[type=submit][type=submit] {
	justify-content: flex-start !important;
}

/*Core-search*/
.core-search .wp-block-search__button {
	padding: 0 !important;
	border: none !important;
}

.core-search .wp-block-search__inside-wrapper {
	padding: 8px 16px !important;
}

.wp-block-search__button svg {
	fill: var(--preset--color--darkest) !important;
}

/* Group Box Shadow*/
.shadowbox {
	-webkit-box-shadow: -10px -1px 20px -10px #00000020 !important;
	box-shadow: -10px -1px 20px -10px #00000020 !important;
}

/*Query Gap Settings*/
.small-gap-query .greyd-posts-slider .query-page {
	gap: var(--wp--preset--spacing--small);
}

.tiny-gap-query .greyd-posts-slider .query-page {
	gap: var(--wp--preset--spacing--tiny);
}

.micro-gap-query .greyd-posts-slider .query-page {
	gap: 8px;
}





/**
 * ==================================================
 * GREYD Block CSS Presets
 * ==================================================
 */

/* Accordion Block */

.is-style-line .wp-block-greyd-accordion__title,
.line-accordion .wp-block-greyd-accordion__title {
	background: var(--preset--color--background);
	color: var(--preset--color--darkest);
	border-bottom: 1px solid;
	border-radius: 0px;
	font-family: var(--wp--preset--font-family--gotham);
	font-weight: 700;
	text-transform: uppercase;
}

.is-style-large .wp-block-greyd-accordion__title,
.large-accordion .wp-block-greyd-accordion__title {
	background: var(--preset--color--background);
	color: var(--preset--color--darkest);
	border-bottom: 1px solid;
	border-radius: 0px;
	font-family: var(--wp--preset--font-family--gotham);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
}

.is-style-round .wp-block-greyd-accordion__title,
.round-accordion .wp-block-greyd-accordion__title {
	background: var(--preset--color--background);
	color: var(--wp--preset--color--darkest);
	font-family: var(--wp--preset--font-family--gotham);
	text-transform: uppercase;
	font-weight: 700;
}

.is-style-round .wp-block-greyd-accordion-item,
.round-accordion .wp-block-greyd-accordion-item {
	border: 1px solid;
	border-radius: 37px;
	padding: 0.5rem 1.5rem 0.5rem;
}

.is-style-round .wp-block-greyd-accordion__content,
.round-accordion .wp-block-greyd-accordion__content,
.is-style-line .wp-block-greyd-accordion__content,
.line-accordion .wp-block-greyd-accordion__content,
.is-style-large .wp-block-greyd-accordion__content,
.large-accordion .wp-block-greyd-accordion__content {
	background: #00000000;
}

/*Button*/

.is-style-big-link.wp-block-buttons,
.big-link.wp-block-buttons,
.is-style-big-link.wp-block-buttons .wp-block-button,
.big-link.wp-block-buttons .wp-block-button {
	display: block;
}

.is-style-big-link.wp-block-buttons .wp-block-button__link,
.big-link.wp-block-buttons .wp-block-button__link {
	display: flex;
	justify-content: space-between;
}

.is-style-big-link .wp-block-button__link,
.big-link .wp-block-button__link {
	background-color: var(--wp--preset--color--darkest);
	border-radius: 50px;
	color: var(--wp--preset--color--lightest);
	border-color: var(--wp--preset--color--darkest);
	margin-bottom: var(--wp--preset--spacing--small) !important;
}

.is-style-big-link .wp-block-button__link:hover,
.is-style-big-link .wp-block-button__link:focus-visible,
.big-link .wp-block-button__link:hover,
.big-link .wp-block-button__link:focus-visible {
	background-color: transparent !important;
	border-radius: 50px;
	color: var(--wp--preset--color--darkest) !important;
	border-color: var(--wp--preset--color--darkest) !important;
}

.is-style-big-link-invert.wp-block-buttons,
.big-link-invert.wp-block-buttons,
.big-link-invert.wp-block-buttons .wp-block-button,
.is-style-big-link-invert.wp-block-buttons .wp-block-button {
	display: block;
}

.is-style-big-link-invert.wp-block-buttons .wp-block-button__link,
.big-link-invert.wp-block-buttons .wp-block-button__link {
	display: flex;
	justify-content: space-between;
}

.is-style-big-link-invert .wp-block-button__link,
.big-link-invert .wp-block-button__link {
	border-radius: 50px;
	color: var(--wp--preset--color--darkest);
	border-color: var(--wp--preset--color--darkest);
	margin-bottom: var(--wp--preset--spacing--small) !important;
}

.is-style-big-link-invert .wp-block-button__link:hover,
.is-style-big-link-invert .wp-block-button__link:focus-visible,
.big-link-invert .wp-block-button__link:hover,
.big-link-invert .wp-block-button__link:focus-visible {
	background-color: var(--wp--preset--color--darkest) !important;
	border-radius: 50px;
	color: var(--wp--preset--color--lightest) !important;
	border-color: var(--wp--preset--color--darkest) !important;
}

.wp-block-greyd-buttons.button-gap {
	gap: var(--wp--preset--spacing--tiny);
}

/* Media/Text rounded img */

.wp-block-media-text.is-rounded-image img {
	border-radius: 50% !important;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border: 1px solid #707070;
}

@media (min-width: 992px) {
	.wp-block-media-text.is-rounded-image .wp-block-media-text__content {
		padding: 0px;
	}
}

@media (max-width: 992px) {
	.wp-block-media-text.is-rounded-image img {
		max-width: 65%;
	}

	.wp-block-media-text.is-rounded-image .wp-block-media-text__media {
		text-align: center;
	}
}

@media (max-width: 576px) {
	.wp-block-media-text.is-rounded-image img {
		max-width: 90%;
	}

	.wp-block-media-text.is-rounded-image .wp-block-media-text__media {
		text-align: center;
	}
}


/* Media/Text responsive */

@media (max-width: 992px) {
	.wp-block-media-text.md-no-padding .wp-block-media-text__content {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* Media/Text no padding */
.wp-block-media-text.no-padding .wp-block-media-text__content {
	padding-left: 0px;
	padding-right: 0px;
}

/* Greyd Liste mit Linien  */
ul.underlined li span {
	padding-bottom: var(--wp--preset--spacing--small);
	padding-top: var(--wp--preset--spacing--small);
	margin-top: 0px !important;
}

ul.underlined li:first-child span {
	padding-top: 0px;
}

ul.underlined li .list_content {
	border-bottom: 1px solid var(--wp--preset--color--custom-warm-medium-dark);
}

.underlines.wp-block-greyd-list li {
	border-bottom: 1px solid var(--wp--preset--color--custom-warm-medium-dark) !important;
	padding-top: var(--wp--preset--spacing--tiny);
	padding-bottom: var(--wp--preset--spacing--tiny);
}

/* Position absolute override */
@media (max-width: 599px) {
	.absolute-override-sm.is-position-absolute {
		position: unset !important;
	}
}

@media (max-width: 992px) {
	.absolute-override-md.is-position-absolute {
		position: unset !important;
	}
}

@media (max-width: 1199px) {
	.absolute-override-lg.is-position-absolute {
		position: unset !important;
	}
}

/* Global Padding */
@media (max-width: 992px) {
	.global-padding-override-md.has-global-padding {
		padding-right: unset !important;
	}

	.global-padding-override-md.wp-block-column {
		padding-right: unset !important;
	}
}



/* Red Bullet with Number */

.wp-block-column:has(.wp-block-greyd-box.red-dot) {
	min-width: 120px;
	max-width: 120px;
}

.wp-block-greyd-box.red-dot {
	min-height: 95px;
	max-height: 95px;
	min-width: 95px;
	max-width: 95px;
}

.wp-block-greyd-box.red-dot p {
	line-height: 95px !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

@media (max-width: 992px) {
	.wp-block-column:has(.wp-block-greyd-box.red-dot) {
		min-width: 110px;
		max-width: 110px;
	}

	.wp-block-greyd-box.red-dot {
		min-height: 85px;
		max-height: 85px;
		min-width: 85px;
		max-width: 85px;
	}

	.wp-block-greyd-box.red-dot p {
		line-height: 85px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
}

@media (max-width: 576px) {
	.wp-block-column:has(.wp-block-greyd-box.red-dot) {
		min-width: 90px;
		max-width: 90px;
	}

	.wp-block-greyd-box.red-dot {
		min-height: 65px;
		max-height: 65px;
		min-width: 65px;
		max-width: 65px;
	}

	.wp-block-greyd-box.red-dot p {
		line-height: 65px !important;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
}

/* Scroll Offset Settings */

/* verschiebt den Haltepunkt nach oben */

.scroll-offset-up-tiny {
	scroll-margin-top: var(--wp--preset--spacing--tiny);
}

.scroll-offset-up-small {
	scroll-margin-top: var(--wp--preset--spacing--small);
}

.scroll-offset-up-medium {
	scroll-margin-top: var(--wp--preset--spacing--medium);
}

.scroll-offset-up-large {
	scroll-margin-top: var(--wp--preset--spacing--large);
}

.scroll-offset-up-x-large {
	scroll-margin-top: var(--wp--preset--spacing--x-large);
}

/* verschiebt den Haltepunkt nach unten */

.scroll-offset-down-tiny {
	scroll-margin-top: calc(var(--wp--preset--spacing--tiny) * -1px);
}

.scroll-offset-down-small {
	scroll-margin-top: calc(var(--wp--preset--spacing--small) * -1px);
}

.scroll-offset-down-medium {
	scroll-margin-top: calc(var(--wp--preset--spacing--medium) * -1px);
}

.scroll-offset-down-large {
	scroll-margin-top: calc(var(--wp--preset--spacing--large) * -1px);
}

.scroll-offset-down-x-large {
	scroll-margin-top: calc(var(--wp--preset--spacing--x-large) * -1px);
}

/* HS | Hero Banner L | Contentbox red/white */
.hero-switchbox {
	overflow: visible !important;
	z-index: 2;
}

.hero-switchbox .big-link .wp-block-button__link {
	margin-bottom: 0px !Important;
}

/* Media & Text */

.wp-block-media-text.is-image-fill > .wp-block-media-text__media {
	min-height: 360px;
}


/* Anker-Navigation */

.anker.wp-block-navigation ul li {
	padding-block: 0px;
}

/* Navigation Block */

.wp-block-navigation__submenu-container {
	box-shadow: none !important;
}

.ccnav.wp-block-navigation .wp-block-navigation__container .wp-block-navigation-submenu.has-child .wp-block-navigation__submenu-container {
	margin-top: 30px !important;
	--nav-submenu--border-radius: 0px !important;
	width: 320px !important;
}

/* Navigation Block Triangle */
.ccnav.wp-block-navigation .has-child .wp-block-navigation__submenu-container::before {
	border-bottom: 6px solid #ffffff00 !important;
}

.ccmobnav.wp-block-navigation .has-child .wp-block-navigation__submenu-container::before {
	border-bottom: 0px solid !important;
}

/*Image-Header*/
.global-padding-override-md {
	padding-top: 0px !important;
}


/* Kontaktbereich Loop auf 100% Breite setzen, wenn angezeigt */
.wp-block-query.quicklinks-footer:has(.wp-block-post) {
	width: 100%;
}

/* Allgemeines Link styling */
a {
	text-decoration: none;
}

/* Block Extensions */

/* Off-Grid Image Right */
.respect-grid-left {
	padding-left: max(var(--wp--style--root--padding-left), calc(50vw - calc(var(--wp--style--global--wide-size) / 2)));
}

.respect-grid-right {
	padding-right: max(var(--wp--style--root--padding-left), calc(50vw - calc(var(--wp--style--global--wide-size) / 2)));
}



/* Video Header */
.video-header {
	max-width: calc(50vw - var(--wp--style--root--padding-left) - var(--wp--preset--spacing--tiny) - 50px) !important;
}

@media (max-width: 992px) {
	.video-header {
		max-width: calc(100vw - (2 * var(--wp--style--root--padding-left)) - (2* var(--wp--preset--spacing--tiny)) - 1px) !important;
		width: calc(100vw - (2 * var(--wp--style--root--padding-left)) - (2* var(--wp--preset--spacing--tiny)) - 1px) !important;
	}
}

/* Media & Text Globales Gap*/
.wp-block-media-text {
	gap: 0px !important;
}

/* Language Switch */

.cc_lang_switch:not(:has(.lang-item)) {
    display: none;
}

.light:has(.lang-item:nth-of-type(1):nth-last-of-type(1)) {
   padding-left: 20px;
    padding-right: 20px;
    min-width: 60px;
}

.light:has(.lang-item:nth-of-type(1):nth-last-of-type(2)) {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 120px;
}
.light:has(.lang-item:nth-of-type(1):nth-last-of-type(3)) {
    padding-left: 20px;
    padding-right: 20px;
    min-width: 180px;
}
.cc_lang_switch.dark ul.wp-block-polylang-language-switcher {
    transform: translateY(-30px);
}

.wp-block-polylang-language-switcher {
    display: flex;
    gap: 20px; /* Abstand zwischen den li-Elementen */
    list-style: none; /* Entfernt die Standardlistenpunkte */
    padding: 0;
    margin: 0;
}

.wp-block-polylang-language-switcher li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%; /* Kreisform */
    text-align: center;
}

.dark ul.wp-block-polylang-language-switcher li {
border: 1px solid #232b33;
}
.dark .wp-block-polylang-language-switcher li a {
    text-decoration: none;
    color: #232b33;
    font-size: 12px !important;
}
.light ul.wp-block-polylang-language-switcher li {
border: 1px solid #fff; /* #a2aab6  */
background-color: #fff;
}
.light .wp-block-polylang-language-switcher li a {
    text-decoration: none;
    color: #ff0035;
    font-size: 12px !important;
}
.cc_lang_switch ul.wp-block-polylang-language-switcher li:hover, .cc_lang_switch ul.wp-block-polylang-language-switcher li:hover a {
border-color: #ff0035 !important;
color: #ff0035 !important;
}
.light ul.wp-block-polylang-language-switcher li:hover, .light ul.wp-block-polylang-language-switcher li:hover a {
border-color: #fff !important;
color: #a60023 !important;
}



/* Suche Hervorhebung */

mark:not(.has-inline-color) {
    color: var(--wp--preset--color--base);
    background-color: var(--wp--preset--color--foreground);
} 
:where(mark) {
    background: none;
}
main pre, main code {
    border: 1px solid var(--wp--preset--color--custom-warm-medium-light);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    margin: 0 0 10px 0;
}
pre, code {
    position: relative;
    font-size: initial;
    line-height: 1.5;
    padding: 10px;
    color: var(--wp--preset--color--dark);
    background: var(--wp--preset--color--base);
    overflow-x: auto;
    white-space: pre-wrap;
    margin: 0;
}

pre {
    display: block;
    font-family: monospace;
    unicode-bidi: isolate;
    white-space: pre;
    margin: 1em 0px;
}

/* Textumbrüche */

/* hyphens */
body{ 
-ms-hyphens: none;
-moz-hyphens: none;
-webkit-hyphens: none;
hyphens: none;}

/* Force hyphens */
.force-hyphens{ 
-ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;}

/* Barrierefreiheit: Unterstirch bei Buttins entferenen */

/* https://secure.helpscout.net/conversation/2875308732/3667?viewId=7806586 */
/* Task ID Atarim 1995577 */

.is-style-clear.button:hover {
  text-decoration: none !important; 
}


/* Grid Block Variation */

/* Grid-max-Columns */
@media (min-width: 1199px) {
  .grid-max-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .grid-max-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-max-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-max-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-max-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-max-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 992px) {
  .grid-max-8-md {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
  }
  .grid-max-6-md {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .grid-max-5-md {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  }
  .grid-max-4-md {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
  .grid-max-3-md {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  .grid-max-2-md {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}