/**
 * @Anpassung das Basistemplates an die CI Vorgaben von MAN
 * @author Print und Mediendesign https://www.printundmediendesign.com
 * @copyright Copyright (c) 2009 - 2025 Andy Bauer
 * @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 or Later
 */
/* Schriften */
/* MAN Schrift */
@font-face {
    font-family: "icon";
    src: url(/templates/shaper_helixultimate/fonts/man/man_icon.eot);
    src: url(/templates/shaper_helixultimate/fonts/man/man_icon.eot?#iefix) format("embedded-opentype"), url(/templates/shaper_helixultimate/fonts/man/man_icon.woff2) format("woff2"), url(/templates/shaper_helixultimate/fonts/man/man_icon.woff) format("woff"), url(/templates/shaper_helixultimate/fonts/man/man_icon.ttf) format("truetype"), url(/templates/shaper_helixultimate/fonts/man/man_icon.svg#svgFontName) format("svg");
    font-weight: normal;
}
@font-face {
    font-family: man-icon;
    font-weight: 400;
    font-style: normal;
    font-display: block;
    src: url(/templates/shaper_helixultimate/fonts/man/man-icon.Dro8q1cj.eot?u5a0lk);
    src: url(/templates/shaper_helixultimate/fonts/man/#iefix) format("embedded-opentype"),url(/templates/shaper_helixultimate/fonts/man/man-icon.D7ztS9ye.woff2?u5a0lk) format("woff2"),url(/templates/shaper_helixultimate/fonts/man/man-icon.D9SIy9j5.ttf?u5a0lk) format("truetype"),url(/templates/shaper_helixultimate/fonts/man/man-icon.DSH3AdgK.woff?u5a0lk) format("woff"),url(/templates/shaper_helixultimate/fonts/man/man-icon.DPjw9C9f.svg?u5a0lk#man-icon) format("svg")
}

@font-face {
    font-family: MAN-reg;
    src: url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-regular.eot);
    src: url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-regular.eot?#iefix) format("embedded-opentype"),url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-regular.woff2) format("woff2"),url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-regular.woff) format("woff"),url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-regular.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: MAN-light;
    src: url(/templates/shaper_helixultimate/fonts/man/maneurope-light.woff2) format("woff2"),url(/templates/shaper_helixultimate/fonts/man/maneurope-light.woff) format("woff"),url(/templates/shaper_helixultimate/fonts/man/maneurope-light.ttf) format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: MAN-bold;
    src: url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-bold.eot);
    src: url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-bold.eot?#iefix) format("embedded-opentype"), url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-bold.woff2) format("woff2"),url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-bold.woff) format("woff"),url(/templates/shaper_helixultimate/fonts/man/maneuropecondensed-bold.ttf) format("truetype");
    font-weight: 700;
}
.icon-panorama:before{content:"\e957"}
.icon-overlay-turntable:before{content:"\e956"}
.icon-camera:before{content:"\e955"}
.icon-calendar:before{content:"\e901"}
.icon-cart:before{content:"\e902"}
.icon-checkmark:before{content:"\e903"}
.icon-client-business:before{content:"\e904"}
.icon-close:before{content:"\e905"}
.icon-crosshair:before{content:"\e906"}
.icon-download:before{content:"\e907"}
.icon-edit:before{content:"\e908"}
.icon-eye:before{content:"\e909"}
.icon-favorite-filled:before{content:"\e90a"}
.icon-favorite-outline:before{content:"\e90b"}
.icon-fax:before{content:"\e90c"}
.icon-filter-list:before{content:"\e90d"}
.icon-filter:before{content:"\e90e"}
.icon-folder:before{content:"\e90f"}
.icon-globe:before{content:"\e910"}
.icon-image:before{content:"\e911"}
.icon-info:before{content:"\e912"}
.icon-language:before{content:"\e913"}
.icon-level:before{content:"\e914"}
.icon-list:before{content:"\e915"}
.icon-location:before{content:"\e916"}
.icon-mail:before{font-family: icon;content:"\e917"}
.icon-maximize:before{content:"\e918"}
.icon-menue:before{content:"\e919"}
.icon-microphone:before{content:"\e91a"}
.icon-minus:before{content:"\e91b"}
.icon-open:before{content:"\e91c"}
.icon-phone:before{content:"\e91d"}
.icon-pin:before{content:"\e91e"}
.icon-plus:before{content:"\e91f"}
.icon-print:before{content:"\e920"}
.icon-quote-end:before{content:"\e921"}
.icon-quote-start:before{content:"\e922"}
.icon-reset:before{content:"\e923"}
.icon-result:before{content:"\e924"}
.icon-rss:before{content:"\e925"}
.icon-search-save:before{content:"\e926"}
.icon-search:before{content:"\e927"}
.icon-services:before{content:"\e928"}
.icon-share:before{content:"\e929"}
.icon-sign-out:before{content:"\e92a"}
.icon-stopwatch:before{content:"\e92b"}
.icon-thumb:before{content:"\e92c"}
.icon-trash:before{content:"\e92d"}
.icon-turn-left:before{content:"\e92e"}
.icon-usermanagement:before{content:"\e92f"}
.icon-workshop:before{content:"\e930"}
.icon-zoom-in:before{content:"\e931"}
.icon-zoom-out:before{content:"\e932"}
.icon-doc-document:before{content:"\e933"}
.icon-doc-office:before{content:"\e934"}
.icon-doc-original:before{content:"\e935"}
.icon-doc-pdf:before{content:"\e936"}
.icon-doc-web:before{content:"\e937"}
.icon-arrow-full:before{content:"\e938"}
.icon-arrow-line-thin:before{content:"\e939"}
.icon-index:before{content:"\e954"}
.icon-arrow-line-thin-left:before{content:"\e953"}
.icon-arrow-line:before{content:"\e93a"}
.icon-arrow-outline:before{content:"\e93b"}
.icon-overlay-360:before{content:"\e93c"}
.icon-overlay-play:before{content:"\e93d"}
.icon-overlay-replay:before{content:"\e93e"}
.icon-bus-sideview-1:before{content:"\e93f"}
.icon-bus-sideview-2:before{content:"\e940"}
.icon-bus:before{content:"\e941"}
.icon-industry-motor:before{content:"\e942"}
.icon-mobile24:before{content:"\e943"}
.icon-trailer:before{content:"\e944"}
.icon-truck-sideview-1:before{content:"\e945"}
.icon-truck-sideview-2:before{content:"\e946"}
.icon-truck:before{content:"\e947"}
.icon-van-sideview-1:before{content:"\e948"}
.icon-van:before{content:"\e949"}
.icon-facebook:before{content:"\e94a"}
.icon-flickr:before{content:"\e94b"}
.icon-instagram:before{content:"\e94c"}
.icon-linkedin:before{content:"\e94d"}
.icon-twitter:before{content:"\e94e"}
.icon-whatsapp:before{content:"\e94f"}
.icon-xing:before{content:"\e950"}
.icon-youtube-1:before{content:"\e951"}
.icon-youtube-2:before{content:"\e952"}
.icon-placeholder:before{content:"\e900"}

/* Ende Schrift */
/* Header Nutzfahrzeuge */
#sp-header{
	background: #303c49;
    background: radial-gradient(circle, rgba(67, 84, 102, 1) 0%, rgba(48, 60, 73, 1) 100%);
}

/* Page Title */
.sp-page-title {
    background: #303c49;
}

/*Hintergrund Modal Menu*/
#modal-menu.has-bg {
    background-image: url(/images/act/bg_menu_man.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#sp-slider{
	background-color:#303c49;
}

/* Überschriften */

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: MAN-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    line-height: 1.125;
	color: #303c49;
}

body {
    font-family: 'MAN-reg';
    font-weight: 300;
    font-style: normal;
}



/* Menü */

#sp-mainmenu {
	background-color: #bcbdbe;
}
#sp-mainmenu {
	background: #bcbdbe;
    background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(189, 190, 191, 1) 100%);
}

.sp-megamenu-parent > li > a {font-size: 16px;    font-family: MAN-reg,Arial,sans-serif;}
.sp-megamenu-parent > li > a:first-child {padding-left: 16px;}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li:hover > a {
    color: #303c49;
  text-transform: uppercase;
  font-weight: 600;
}
.sp-megamenu-parent > li:hover > a {
    color: #e40045;
}.sp-megamenu-parent>li:hover {
    background-color: #ded8db;
}

li.sp-menu-item.current-item.active {
    background-color: #e40045;
}
li.sp-menu-item.current-item.active a {
    color: #fff;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #e40045;
}
#sp-menu div.sp-column div.h4 {
    padding: 14px 0 12px;
    vertical-align: bottom;
    color: #acb1b6;
      line-height: 1;
    font-size: 18px;
    margin-bottom: 0;
    font-family: MAN-bold,Arial,sans-serif;
}

li.sp-menu-item:before {
    display: none;
}


/* OffCanvas */
.offcanvas-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    max-width: 400px;
    background: #303c49;
    color: #fff;
}
.offcanvas-menu .offcanvas-inner {
    padding: 0px;
}

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
	font-family: MAN-reg,Arial,sans-serif;
	padding: 10px 0 10px 15px;
    font-size: 18px;
    font-weight: bold;
	Color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li a{
	font-size: 18px;
    font-family: MAN-reg,Arial,sans-serif;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li{
	background: #bcbdbe;
	display: block;
    padding: 10px 0 10px 15px;
    border-bottom: 1px solid #acb1b6;
    color: #d6d8db;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover{
	background: #303c49;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a, .offcanvas-menu .offcanvas-inner .sp-module ul > li span {
	display: block;text-transform: uppercase;
  color: #303c49;
}
#offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus, #offcanvas-toggler > .fa:active {
    color: #e40045;
}

.offcanvas-menu > div > div > div > ul > li.active.menu-parent{color: #303c49;}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.current.active {
	background: #e40045;
    border-bottom: 1px solid #acb1b6;
    color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.current.active a, .offcanvas-menu .offcanvas-inner .sp-module ul > li.current.active span {	
  color: #e40045;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #fff;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.item-194, .offcanvas-menu .offcanvas-inner .sp-module ul > li.item-195, .offcanvas-menu .offcanvas-inner .sp-module ul > li.item-196 {
	padding: 10px 0px 10px 35px;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler, .offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgba(255, 255, 255, .75);
}


.sp-reading-progress-bar {
    background-color: #e40045;
}

/* SP-Bottom */
#sp-bottom {
    background: #303c49;
    color: #fff;
}

div#mod-custom136 {
    padding: 0px 15px;
}
iframe {
    border-radius: 5px;
	height: 100vh;
	width: 99%;    
    overflow-x:hidden !important;
	overflow-y:scroll !important;
    border:none; /* optional */	
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
	z-index: 5;
}
iframe > body {
    font-family: 'MAN-light';
    font-weight: 300;
    font-style: normal;
} 

iframe >body > .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    margin-bottom: .5rem;
    font-family: MAN-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    line-height: 1.125;
	color: #303c49;
}
iframe >body>#awf h1 {
    margin-bottom: .5rem;
    font-family: MAN-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 400;
    line-height: 1.125;
	color: #303c49;
}

#awf-ID39{font-family: 'MAN-light';}
iframe.test > body > label {
    font-family: 'MAN-light';
    font-weight: 300;
    font-style: normal;
} 

/* Flipbox */

.addon-root-flip-box-pro {
    padding: 5px 0px;
}
.sppb-flipbox-front  {
    display: flex;
    background: radial-gradient(at center center, rgb(244, 245, 246) 0%, rgb(188, 189, 190) 100%);
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(51, 51, 51, 0.35);
}

.sppb-flipbox-front-icon {
    order: 2;
    color: #e40045;
    padding: 10px 10px 10px 10px;
    display: flex;
    align-content: center;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}

.sppb-flipbox-front-title {
	font-family: 'MAN-bold';
    order: 1;
    align-content: center;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    color: #303c49;
    background-color: #bcbdbe;
    font-weight: bold;
    margin: 5px;
    padding: 5px;
    border: 1px solid #303c49;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(51, 51, 51, 0.35);
    align-items: center;
}

.sppb-flipbox-back {
    background: radial-gradient(at center center, rgb(244, 245, 246) 0%, rgb(188, 189, 190) 100%);
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(51, 51, 51, 0.35);
}
.sppb-flipbox-back-icon {
    color: #e40045;
	text-shadow: 0 2px 3px rgba(51, 51, 51, 0.35);
}
.sppb-flipbox-back-title {
	font-family: 'MAN-bold';
    color: #303c49;
    background-color: #bcbdbe;
    font-weight: bold;
    text-align: center;
    margin: 5px;
    padding: 5px;
    border: 1px solid #f4f5f6;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(51, 51, 51, 0.35);
}
.sppb-addon-sppb-flibox {
    text-align: left;
}

.sppb-flipbox-back-button .sppb-btn {
    background-color: #e40045;
    color: rgb(35, 42, 52);
}
.sppb-flipbox-back-button {
    display: flex;
    justify-content: center;
}


.sppb-flipbox-back-paragraph {
	font-family: 'MAN-reg';
    color: #303c49;
}


/* SP Footer ist in template_act.css definiert */
/* SP Hinweis ist in template_act.css definiert */

div#sppb-addon-osm-52aea660-3021-4973-9a82-e836c0239ab8, div#sppb-addon-osm-52e946ea-604d-44e9-be9d-6615cc8a52ab {
    border-radius: 5px !important;
}
p.nfz_adress:before{
	color: #e40045;
	font-family: man-icon;
	content:"\e916 "
}
p.nfz_mail:before{
	color: #e40045;
	font-family: man-icon;
	content:"\e917 "}
p.nfz_tel:before{
	color: #e40045;
	font-family: man-icon;
	content:"\e91d "}



/* Modalmenu */
#sp-header.header-with-modal-menu a {
    color: rgba(255, 255, 255, .6);
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner > div {
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 0px;
}
ul.sp-megamenu-parent.menu-animation-fade.d-none.d-lg-block {
        background-color: #303c49;
}
#modal-menu .sp-megamenu-parent>li:hover>a, #modal-menu .sp-megamenu-parent>li:hover>span, #modal-menu .sp-megamenu-parent>li.active>a, #modal-menu .sp-megamenu-parent>li.active>span {
    color: #303c49;
}

/* extra menü */
ul.mod-menu.mod-list.menuman {
	display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
    margin: 0 -15px;
    z-index: 99;
    float: left;
    position: relative;
}
ul.mod-menu.mod-list.menuman li {
	display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
	height: 70px;
    padding: 0 3px;
}
ul.mod-menu.mod-list.menuman li a {
    font-family: 'Arial', sans-serif;
    font-size: 1.15em;
    font-weight: 700;
    color: #303c49;
    text-decoration: none;
	padding: 0px 15px 0px 15px
}
ul.mod-menu.mod-list.menuman li:last-child>a {
    padding: 0px 15px 0px 15px;
}
ul.mod-menu.mod-list.menuman li:hover {
    background: #bcbdbf;
}

ul.mod-menu.mod-list.menuman li.current.active {
    background: #e40045; 
}
ul.mod-menu.mod-list.menuman li.current.active a {
    color: #fff; 
}

body.ltr .offcanvas-menu .offcanvas-inner ul.menu>li ul {
    margin-left: 0px;
}
.offcanvas-menu .offcanvas-inner ul.menu, .offcanvas-menu .offcanvas-inner ul.menu ul {
    margin: 0px 0px 0px;
}


li.sp-menu-item.active {
    background-color: #e40045;
}


a.pathway {
    color: #e40045;
}