/*---header---*/

/*tm-header*/

.tm-header .uk-navbar-container {
	padding: 0px!important;
}

.tm-header .uk-navbar-container > div {
	padding-left: 0px;
  padding-right: 100px;
  padding-top: 120px;
}

.tm-header .uk-logo {
	background-color: #FFD500;
  padding: 25px 25px 25px 100px;
  border-radius: 0px 15px 15px 0px;
  position: fixed;
}

/*tm-header-mobile*/

.tm-header-mobile .uk-logo {
	background-color: #FFD500;
  padding: 20px 20px 20px 20px;
  border-radius: 0px 15px 15px 0px;
}

.tm-header-mobile .uk-navbar-container > div {
	padding-left: 0px;
  padding-right: 40px;
  padding-top: 20px;
}

/*dropdown*/

.fwm-dropdown-panel .el-title, .fwm-dropdown-panel .el-content, .fwm-dropdown-panel a {
	color: white;
  opacity: 0.5;
}

.fwm-dropdown-panel a:hover {
	color: #E42313;
  opacity: 1;
}

.fwm-dropdown-panel .el-link svg {
	stroke: white;
  transition: 0.3s ease-in-out;
  margin-left: 10px;
	height: 10px;
}

.fwm-dropdown-panel a:hover svg {
	stroke: #E42313;
  margin-left: 20px;
  opacity: 1;
}

.uk-navbar-dropdown .uk-grid-divider>:not(.uk-first-column)::before {
	border-color: white!important;
	border-width: 1.5px!important;
  opacity: 0.5!important;
}

.uk-navbar-dropdown {
	top: 170px!important;
}

.uk-navbar-dropdown {
	width: 800px !important;
	right: 100px;
    left: auto !important;
}



/*offcanvas*/

.uk-offcanvas-close {
    top: 50px;
    right: 40px;
}

.uk-navbar-toggle-icon svg {
	width: 25px;
}

.uk-offcanvas-close svg{
	width: 20px;
}

.uk-offcanvas-close svg line{
	stroke-width: 2.5px;
    transition: 0.3s;
}

.uk-navbar-toggle-icon svg rect{
    transition: 0.3s;
}

.uk-navbar-toggle-icon:hover svg .line-1 {
	transform: rotate(-45deg);
    y: 6.5;
    x: -8;
    width: 10px;
    transition: 0.3s;
}

.uk-navbar-toggle-icon:hover svg .line-4 {
	transform: rotate(45deg);
    y: 6;
    x: 6.5;
    width: 10px;
    transition: 0.3s;
}

.uk-navbar-toggle-icon svg {
	fill: white;
}

.uk-navbar-toggle-icon:hover svg {
	fill: #FFD500;
}

/*---header---*/


/*---globale Einstellungen---*/

a {
	transition: 0.3s!important;
}

.uk-slidenav polyline {
	stroke-width: 3.5;
}

.fwm-bild-column {
	min-height: 600px;
}

.uk-light .uk-slidenav:active {
	background-color: transparent!important;
}

.uk-button:not(.uk-button-text):not(.uk-button-link)::before, .btn:not(.uk-button-text):not(.uk-button-link)::before{
  height: 0px;
}


/*Nach rechts oder links ausweiten*/

.uk-container-expand-right,
.uk-container-expand-left {
	padding-right: 0px;
	padding-left: 0px;
}


.uk-container-expand-left.uk-container-large, .uk-container-expand-right.uk-container-large {
  max-width: calc(50% + (1450px / 2) - 0px);
}

/*größerer Abstand*/

.fwm-abstand-groesser-links {
	padding-left: 80px;
}

.fwm-abstand-groesser-rechts {
	padding-right: 80px;
}

/*---globale Einstellungen---*/


/*---Elemente---*/

/*header*/

.fwm-header-section .uk-section {
  padding-top: 200px!important;
	padding-bottom: 70px!important;
}


/*buttons Seite*/

.fwm-buttons-seite .uk-button {
	padding-right: 60px;
	padding-left: 15px;
    line-height: 3;
    border-radius: 15px 0px 0px 15px;
    transition: 0.3s ease-in-out;
    display: block;
}

.fwm-buttons-seite .uk-button:hover {
	background-color: #FFD500;
    color: #1C1C1C;
    fill: #1C1C1C;
    padding-right: 80px;
}

.fwm-buttons-seite img,
.fwm-buttons-seite svg {
	width: 25px;
}


/*button nach unten*/

.fwm-button-nach-unten .uk-icon polyline {
	stroke-width: 1.5;
}

/*next section*/

.fwm-next-section .uk-section-large{
	padding-top: 70px;
}

/*headline transparent*/

.fwm-headline-transparent {
    opacity: 0.06;
    margin-left: -80px;
    margin-right: -80px;
		margin-bottom: -20px!important;
}

.fwm-headline-transparent .el-image{
	max-height: 110px!important;
}

/*leistungen overlay*/

.fwm-leistungen-overlay-slider .el-item {
	background-color: transparent;
  transition: 0.3s!important;
}

.fwm-leistungen-overlay-slider .el-item:hover {
	background-color: #E42313;
	transition: 0.3s!important;
}

.fwm-leistungen-overlay-slider .el-image {
	transition: 0.3s!important;
  mix-blend-mode: normal;
}

.fwm-leistungen-overlay-slider .el-title,
.fwm-leistungen-overlay-slider .el-meta {
	transition: 0.3s!important;
}

.fwm-leistungen-overlay-slider .el-meta {
	opacity: 0.7;
}

.fwm-leistungen-overlay-slider .el-content {
  transition: 0.3s!important;
  margin-bottom: -10px!important;
  opacity: 0;
  line-height: 0;
}

.fwm-leistungen-overlay-slider .uk-panel>:last-child {
	margin-bottom: -10px!important;
}

.fwm-leistungen-overlay-slider .el-content img {
  height: 14px!important;
  margin-left: 10px;
  margin-top: -3px;
}

.fwm-leistungen-overlay-slider .el-item:hover .el-content{
  transition: 0.3s!important;
  margin-bottom: 3px!important;
  opacity: 1;
  line-height: 1.4;
}

.fwm-leistungen-overlay-slider .el-item:hover .el-title,
.fwm-leistungen-overlay-slider .el-item:hover .el-meta {
  transition: 0.2s!important;
  opacity: 0;
}

.fwm-leistungen-overlay-slider .el-item:hover .el-image {
  transition: 0.3s!important;
  mix-blend-mode: overlay;
}

.fwm-leistungen-overlay-slider .uk-position-bottom-left {
	width: 100%;
  padding-top: 50px;
  background: linear-gradient(
  to bottom,
  hsla(0, 0%, 0%, 0) 0%,
  hsla(0, 0%, 0%, 0.007) 8.1%,
  hsla(0, 0%, 0%, 0.025) 15.5%,
  hsla(0, 0%, 0%, 0.054) 22.5%,
  hsla(0, 0%, 0%, 0.091) 29%,
  hsla(0, 0%, 0%, 0.135) 35.3%,
  hsla(0, 0%, 0%, 0.183) 41.2%,
  hsla(0, 0%, 0%, 0.234) 47.1%,
  hsla(0, 0%, 0%, 0.286) 52.9%,
  hsla(0, 0%, 0%, 0.337) 58.8%,
  hsla(0, 0%, 0%, 0.385) 64.7%,
  hsla(0, 0%, 0%, 0.429) 71%,
  hsla(0, 0%, 0%, 0.466) 77.5%,
  hsla(0, 0%, 0%, 0.495) 84.5%,
  hsla(0, 0%, 0%, 0.513) 91.9%,
  hsla(0, 0%, 0%, 0.52) 100%
  );
}

.fwm-leistungen-overlay-slider .el-item:hover .uk-position-bottom-left {
	background: linear-gradient(
  to bottom,
  hsla(0, 0%, 0%, 0) 0%,
  hsla(0, 0%, 100%, 0) 100%
  );
}


/*über uns overlay*/

.fwm-ueber-uns-overlay-slider .el-slidenav polyline {
	stroke: white;
}


/*feedback overlay*/

.fwm-feedback-overlay-slider .el-content {
	text-align: left;
}


/*akkordeon*/

.fwm-akkordeon {
	border-top: solid rgba(28,28,28,0.2) 1.5px;
  padding-top: 20px;
  border-bottom: solid rgba(28,28,28,0.2) 1.5px;
  padding-bottom: 20px;
}

.uk-section-primary .fwm-akkordeon {
	border-top: solid rgba(255,255,255,0.2) 1.5px;
  border-bottom: solid rgba(255,255,255,0.2) 1.5px;
}

.fwm-leistung-akkordeon .tabelle {
  width: 100%;
}

.fwm-leistung-akkordeon .spalte-1 {
	width: stretch;
  padding-right: 20px;
}

.fwm-leistung-akkordeon .spalte-2 {
  width: fit-content;
  padding-left: 20px;
  border-left: solid rgba(28,28,28,0.5) 1.5px;
}

.fwm-leistungen-bild .el-image {
	min-height: 600px;
    object-fit: cover;
}


/*Anmeldung Grafiken*/

.fwm-timeline .el-link,
.fwm-popover-grafik .el-link,
.fwm-button-link-rot a {
	color: #E42313!important;
}

.fwm-timeline .el-link svg,
.fwm-popover-grafik .el-link svg,
.fwm-button-link-rot a svg {
	stroke: #E42313!important;
  transition: 0.3s ease-in-out;
  margin-left: 10px;
	height: 10px;
}

.fwm-popover-grafik .el-link:hover,
.fwm-button-link-rot a:hover {
	color: #1C1C1C!important;
}

.uk-section-primary .fwm-button-link-rot a:hover {
	color: white!important;
}

.uk-section-primary .fwm-button-link-rot a:hover svg {
	stroke: white!important;
}

.fwm-timeline .el-link:hover{
	color: #1C1C1C!important;
}

.uk-section-primary .fwm-timeline .el-link:hover{
	color: white!important;
}

.fwm-popover-grafik .el-link:hover svg,
.fwm-button-link-rot a:hover svg {
	stroke: #1C1C1C!important;
  margin-left: 20px;
}

.fwm-timeline .el-link:hover svg{
	stroke: #1C1C1C!important;
  margin-left: 20px;
}

.fwm-timeline .el-link:hover svg {
	fill: #1C1C1C!important;
	margin-left: 20px;
}

.uk-section-primary .fwm-timeline .el-link:hover svg{
	stroke: white!important;
  margin-left: 20px;
}

.uk-section-primary .fwm-timeline .el-link:hover svg {
	fill: white!important;
	margin-left: 20px;
}

.fwm-timeline span,
.fwm-popover-grafik span {
	color: #E42313;
}

.fwm-popover-grafik .el-marker {
	border: none;
  border-radius: 0px;
  padding: 10px;
  transition: 0.3s;
}

.fwm-popover-grafik .el-marker #b .d {
	stroke: #E42313;
    stroke-width: 2px;
}

.fwm-popover-grafik .el-marker #c .e {
	fill: #E42313;
}

.fwm-popover-grafik .el-marker:hover #b .d {
	stroke: white;
}

.fwm-popover-grafik .el-marker:hover #c .e {
	fill: white;
}

.fwm-popover-grafik .el-item {
	margin: -20px;
}

.fwm-timeline .el-title {
	font-weight: 600;
}

.fwm-timeline .el-item {
	margin-top: 40px;
}

.fwm-timeline .hd-timeline-item-container {
	margin-left: 40px!important;
}

.fwm-timeline .el-timeline-icon {
	margin-top: 2px;
  margin-left: 0px!important;
}

.fwm-timeline .hd-timeline-line {
	margin-left: -20px;
  top: 2px;
	height: calc(100% - 3px);
}

.fwm-timeline .hd-timeline-line::after {
	display: none!important;
}

/*Quote*/

.fwm-quote {
	padding-left: 90px;
}

/*feedback grid*/

.fwm-grid-feedback .el-image {
	display: block;
  margin-bottom: 20px;
}

.fwm-grid-feedback .el-title, .el-meta {
	display: inline;
}

.fwm-grid-feedback .el-meta {
	margin-left: 20px;
}


/*fuhrpark*/

.fwm-fuhrpark-liste .el-title {
	font-weight: 700;
}

/*---Elemente---*/




/*---responsive---*/

@media(max-width: 1919px){

.fwm-header-panel-slider .el-image{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
}

}

@media(max-width: 1600px){

.fwm-feedback-overlay-slider .el-slidenav {
	top: 60px;
}

.uk-slidenav-previous {
	left: 20px;
}

.uk-slidenav-next {
	right: 20px;
}

}

@media (min-width: 1531px){
.uk-section:not(.uk-padding-remove-top, .uk-padding-remove-bottom) {
    padding-top: 100px;
    padding-bottom: 100px;
}

.uk-section-large:not(.uk-padding-remove-top, .uk-padding-remove-bottom) {
    padding-top: 160px!important;
    padding-bottom: 160px!important;
}

.uk-section-xlarge:not(.uk-padding-remove-top, .uk-padding-remove-bottom) {
    padding-top: 240px!important;
    padding-bottom: 240px!important;
}

.uk-section-xsmall:not(.uk-padding-remove-top, .uk-padding-remove-bottom) {
    padding-top: 20px!important;
    padding-bottom: 20px!important;
}

.uk-section-small:not(.uk-padding-remove-top, .uk-padding-remove-bottom) {
    padding-top: 40px!important;
    padding-bottom: 40px!important;
}

}

@media(max-width: 1530px){

	.uk-section-xsmall {
	    padding-top: 20px!important;
	    padding-bottom: 20px!important;
	}

.tm-header .uk-navbar-container > div {
  padding-right: 40px;
  padding-top: 70px;
}

.tm-header .uk-logo {
	background-color: #FFD500;
  padding: 25px 25px 25px 40px;
}

.uk-container-expand-right {
	padding-left: 40px;
	padding-right: 0px;
}

.uk-container-expand-left {
	padding-left: 0px;
	padding-right: 40px;
}

.fwm-abstand-groesser-links {
	padding-left: 40px;
}

.fwm-abstand-groesser-rechts {
	padding-right: 40px;
}

.fwm-headline-transparent {
    margin-left: 0px;
    margin-right: 0px;
		margin-bottom: -15px!important;
}

.fwm-next-section .uk-section-large {
    padding-top: 40px;
}

.fwm-section-textur .uk-background-width-1-1 {
	background-size: 150%;
}

.fwm-buttons-seite .uk-button {
	padding-right: 40px;
}

.fwm-buttons-seite .uk-button:hover {
    padding-right: 60px;
}

.fwm-header-section .uk-section {
	padding-bottom: 40px!important;
	padding-top: 100px!important;
}

.uk-navbar-dropdown {
	top: 120px!important;
}

.uk-navbar-dropdown {
	right: 40px;
}

}


@media(max-width: 1199px){

.fwm-feedback-overlay-slider .el-slidenav {
	top: 40px;
}

.uk-slidenav-previous {
	left: 0px;
}

.uk-slidenav-next {
	right: 0px;
}

h1, .uk-h1 {
	font-size: 50px;
}

}

@media(max-height: 959px){

.fwm-header-section .uk-section {
	padding-top: 150px!important;
}
}


@media(max-width: 959px){

h4, .uk-h4 {
	font-size: 18px!important;
}

h3, .uk-h3 {
	font-size: 22px!important;
}

.fwm-next-section .uk-section-large{
	padding-top: 40px;
}

.fwm-header-section .uk-section {
	min-height: auto!important;
  padding-top: 150px!important;
}

.fwm-button-nach-unten-section {
	display: none;
}

.fwm-header-panel-slider .el-title{
	margin-top: 20px!important;
}

.uk-container-expand-right,
.uk-container-expand-left {
	padding-left: 40px;
	padding-right: 40px;
}

.fwm-section-textur .uk-background-width-1-1 {
  background-size: 150%;
}

.fwm-section-textur-dunkel {
  background-image: url("/images/wittemeier/gestaltungselemente/textur-hintergrund-4.svg");
  background-repeat: no-repeat;
  background-size: 150%;
  background-position: 100% 0%;
}

.fwm-leistungen-overlay-slider .el-slidenav {
  top: 40px;
}

.fwm-element-nach-rechts {
	margin-right: -40px;
  margin-left: -40px;
}

.fwm-ueber-uns-overlay-slider{
  margin-top: 20px;
}

.fwm-bild-column {
	min-height: 300px;
   	padding-left: 0px!important;
}

.fwm-leistungen-bild .el-image {
	min-height: 0px;
	max-height: 400px;
    object-fit: cover;
}

.fwm-headline-transparent {
	margin-bottom: -10px!important;
}

.fwm-fuhrpark-overlay-slider {
	margin-left: 0px;
}

.fwm-quote br {
    	display: none;
    }

.fwm-grid-feedback .el-title, .el-meta {
	display: block;
}

.fwm-grid-feedback .el-meta {
	margin-left: 0px;
}

}


@media(min-width: 640px){
.uk-offcanvas-close {
    top: 50px;
    right: 40px;
}

.uk-margin-medium {
    margin-bottom: 40px!important;
}

.uk-panel>:last-child,
.uk-grid>*>:last-child {
    margin-bottom: 0!important;
}
}

@media(max-width: 640px){

.fwm-quote {
	padding-left: 0px!important;
}

}



@media(max-width: 639px){

.uk-section {
 	padding-top: 20px!important;
	padding-bottom: 20px!important;
}

.uk-padding-remove-top {
    padding-top: 0!important;
}

.uk-padding-remove-bottom {
    padding-bottom: 0!important;
}

.uk-margin-medium-top,
.uk-margin-medium,
.uk-margin-large,
.uk-grid-large>.uk-grid-margin {
    margin-top: 20px !important;
}

.uk-margin-large {
	margin-bottom: 20px;
}

*+.uk-grid-margin-large,
.uk-grid+.uk-grid-large,
.uk-grid+.uk-grid-row-large,
.uk-grid-large>.uk-grid-margin,
.uk-grid-row-large>.uk-grid-margin {
    margin-top: 20px;
}

h1, .uk-h1, h2, .uk-h2 {
	font-size: 30px;
}

.fwm-buttons-seite .uk-button {
	padding-right: 20px;
    padding-left: 10px;
    line-height: 2.5;
}

.fwm-buttons-seite .uk-button:hover {
    padding-right: 40px;
}

.fwm-next-section .uk-section-large{
	padding-top: 20px;
}

.fwm-buttons-seite .el-item {
	margin-top: 10px;
}

.uk-container-expand-right,
.uk-container-expand-left {
	padding-left: 20px;
	padding-right: 20px;
}

.fwm-section-textur .uk-background-width-1-1 {
	background-size: 250%;
}

.fwm-section-textur-dunkel {
	background-size: 250%;
}

.fwm-leistungen-overlay-slider .el-item,
.fwm-leistungen-overlay-slider .uk-cover-container,
.fwm-leistungen-overlay-slider .el-image {
	aspect-ratio: 1/1;
	object-fit: cover;
}

.fwm-element-nach-rechts {
	margin-right: -20px;
  margin-left: -20px;
}

.fwm-bild-column {
	min-height: 200px;
}

.fwm-headline-transparent {
	margin-bottom: -5px!important;
}

.fwm-header-panel-slider .el-image{
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}

.fwm-ueber-uns-overlay-slider{
  margin-top: 0px;
}

.fwm-timeline-mobile {
	margin-top: -20px!important;
}

.fwm-leistung-akkordeon .spalte-1 {
	display: block;
	width: 100%;
  padding-right: 0px;
	padding-bottom: 20px;
}

.fwm-leistung-akkordeon .spalte-2 {
  display: block;
	width: 100%;
  padding-left: 0px;
	padding-top: 20px;
  border-left: transparent 0px;
	border-top: solid rgba(28,28,28,0.5) 1.5px;
}

.fwm-fuhrpark-overlay-slider {
	padding-left: 20px;
	padding-right: 20px;
}

.fwm-popover-grafik-1 {
	display: none!important;
}

.fwm-quote {
	font-size: 20px;
}

.fwm-header-section .uk-section {
    padding-bottom: 20px!important;
}

}


/* Cookie Banner */
.tm-cookie-banner > .uk-notification-message {
    font-size: 16px;
}

.tm-cookie-banner button {
    font-size: 15px;
    padding: 0 10px;
    line-height: 39px;
    text-transform: none;
    letter-spacing: 0;
}

@media(max-width: 439px) {
    .tm-cookie-banner p.uk-margin-small-top {
        text-align: center;
        display: grid;
    }

    .tm-cookie-banner button {
        width: fit-content;
        justify-self: center;
    }

    .tm-cookie-banner button:nth-child(1) {
        margin-bottom: 15px;
    }

    .tm-cookie-banner button:nth-child(2) {
        margin-left: unset!important;
    }
}