/* Header */
header * .uk-navbar-right {
	background-color: rgb(255 255 255 /1);
  	border-radius: 0 0 8px 8px;
}
header.tm-header-mobile * .uk-navbar-toggle .uk-navbar-toggle-icon {
	padding:0.5em 1.5rem;
}
header.tm-header-mobile * .uk-navbar-toggle .uk-navbar-toggle-icon svg {
	min-width: 1.5rem;
}
#tm-dialog-mobile * button.uk-offcanvas-close svg {
	min-width: 1.5rem;
}
header * .uk-logo {
	position: absolute;
	z-index: 2;
	background-color: rgb(255 255 255 /1);
	border-radius: 0 0 8px 8px;
	padding:0.5em 1.5rem;
}
header * .uk-navbar-dropdown-nav li.menu-item {
	padding-left: 1rem;
	border-left: 4px solid transparent;
}
header * .uk-navbar-dropdown-nav li.menu-item:focus {
	padding-left: 1rem;
	border-left: 4px solid rgb(148 26 40 / 1);
}
header * .uk-navbar-dropdown-nav li.menu-item:hover {
	padding-left: 1rem;
	border-left: 4px solid rgb(148 26 40 / 1);
}
header * .uk-navbar-dropdown-nav li.menu-item:active {
	padding-left: 1rem;
	border-left: 4px solid rgb(148 26 40 / 1);
}
header * .uk-navbar-dropdown-nav li.current_page_item {
	padding-left: 1rem;
	border-left: 4px solid rgb(148 26 40 / 1);
}
header * .uk-navbar-dropdown-nav li.current_page_item:hover {
	border-left: 4px solid rgb(148 26 40 / 1);
}
header * .uk-navbar-dropdown-nav li.menu-item:active a {
	color:rgb(148 26 40 / 1);
}
.uk-dropbar-inset {
    padding-top: 50px;
}

/* Buttons */
.uk-button,
.wp-block-button__link.wp-element-button {
	padding-top:0.55em;
	padding-bottom:0.55em;
}
.wp-block-button__link.wp-element-button {
	border-width: 1px;
	font-weight: 500;
	margin-top:1em;
}
.wp-block-button__link.wp-element-button:hover {
	border-color: #000;
	color: #000 !important;
}
.wp-button-primary:hover .wp-block-button__link.wp-element-button {
	color:#fff !important;
	background-color:#000 !important;
}
.wp-button-primary:active .wp-block-button__link.wp-element-button {
	background-color:#949090 !important;
}
.wp-button-secondary:hover .wp-block-button__link.wp-element-button {
	color:#fff !important;
	background-color:#949090 !important;
}
.wp-button-secondary:active .wp-block-button__link.wp-element-button {
	background-color:#0c0c0c !important;
}

/* hero home 1 */
div.uk-panel:has(>.home-hero-titel){
	position: relative;
}
h2.home-hero-titel {
	font-size: 1.5em;
	margin-top:0;
	padding:1em .75rem;
	position: relative;
	z-index: 2;
}
.bg-rot-hero-titel {
	background-color: rgb(227 6 19 /1);
	border-radius: 13px 13px 0 0;
	mix-blend-mode: multiply;
	position: absolute;
		bottom:0;
	width: 14rem;
	height: 8em;
	z-index: 1;
}
/* hero home 2 */
.hero-home * video {
	filter: brightness(1.1); /*sorgt dafür, dass der mix-blend-mode:multiply für bg-rot-hero-titel funktioniert */
}
div:has(div >.home-hero-titel-2){
	position: relative;
}
h2.home-hero-titel-2 {
	font-size: 1.5em;
	margin-top:0;
	padding:1em .75rem;
	position: relative;
	z-index: 2;
}
.bg-rot-hero-titel-2 {
	background-color: rgb(227 6 19 /1 );
	border-radius: 13px 13px 0 0;
	mix-blend-mode: multiply;
	position: absolute;
		bottom:0;
	z-index: 1;
	width: 14rem;
	height: 8em;
}
/* Textlinks zusätzlich animieren und für Barrierefreiheit optimieren */
a, 
span {
    text-underline-position: under;
}
main * a:focus,
main * a:hover,
footer * a:focus,
footer * a:hover,
li a:focus span,
li a:hover  span{
	text-decoration-thickness: 2px !important;
}
/** Filter Dropdown für Firmenverzeichnis **/
#my-filter-dropdown > * > .uk-dropdown {
	background-color: #fff;
	width: max-content;
	font-weight: 500;
	filter: drop-shadow(0px 0px 15px rgb(0 0 0 / .15));
}
#my-filter-dropdown.uk-tab {
	margin-bottom: 2em;
}

/* Box Decoration */
video,
.tm-box-decoration-primary::before,
.tm-box-decoration-default::before,
.tm-box-decoration-secondary::before {
    border-radius: 0px;
}

/* Breakpoints */
@media screen and (max-width:640px) { 
	h3 {
		font-size: 1.602em;
	}
	h4 {
		font-size: 1.424em;
	}
	h5 {
		font-size: 1.266em;
	}
	h6 {
		font-size: 1.125em;
	}
	
}
@media screen and  (min-width: 640px) and (orientation: landscape) {
	
	
}
@media screen and (min-width:640px) { 
	/* hero home 1 */
	h2.home-hero-titel {
		font-size: 2.2em;
		padding: 1.5em 1.5rem .6em 1.5rem;
	}
	.bg-rot-hero-titel {
		height: 100%;
	}
	/* hero home 2 */
	h2.home-hero-titel-2 {
		font-size: 2.2em;
		padding: 1.5em 1.5rem .6em 1.5rem;
	}
	.bg-rot-hero-titel-2 {
		height: 12.5em;
	}
	.mobile-quer-unsichtbar {
		/*visibility: hidden;*/
		display: none;
	}
}
@media screen and (max-width:960px) { 
    /** Filter Dropdown für Firmenverzeichnis **/
    #my-filter-dropdown {
    	min-width: unset !important;
    }
    #my-filter-dropdown * .uk-dropdown.uk-open {
    	left:-1.667rem !important;
    	width: max-content !important;
    	max-width: 100vw !important;
    	min-width: fit-content !important;
    }
    #my-filter-dropdown  > li > a,
    #my-filter-dropdown * > .uk-dropdown-nav > li > a {
    	text-align: left !important;
    }
}

@media screen and (min-width:960px) { 
    header * .uk-logo img {
		/*width:4rem;*/
	}
	header * .uk-logo {
		padding:0.6em 1.6rem;
	}
	/* hero home-1 */
	h2.home-hero-titel {
		font-size: 2.8875em;
		padding: 1.8em 2rem .6em 2rem;
	}
	.bg-rot-hero-titel {
		width: 18rem;
		height: 100%;
	}
	/* hero home-2 */
	h2.home-hero-titel-2 {
		font-size: 2.8875em;
		padding: 1.8em 2rem .6em 2rem;
	}
	.bg-rot-hero-titel-2 {
		width: 18rem;
		/*height: 20em;*/
		height: 17em;
	}
}
@media screen and (min-width:1200px) { 
	
	header * .uk-logo img {
		width:6.5rem;
	}
	header * .uk-logo {
		padding:1em 2rem;
	}
	/* hero home 1 */
	h2.home-hero-titel {
		font-size:3.5em;
		padding: 2em 2rem .6em 2rem;
	}
	.bg-rot-hero-titel {
		width: 100%;
	}
	/* hero home 2 */
	h2.home-hero-titel-2 {
		font-size:3.5em;
		padding: 2em 2rem .6em 2rem;
	}
	.bg-rot-hero-titel-2 {
		width: 37%;
		height: 21em;
	}
}
@media screen and (min-width:1600px) { 

}