﻿/*!
	Theme Name: Truckpoint
	Theme URI: https://www.okdesigns.de
	Description: Template für Truckpoint
	Version: 1.1.8
	Author: okdesigns
	Author URI: https://www.okdesigns.de
*/@import"css/fonts.css";.top-bar{background-color:#011640}.top-bar .container{display:flex;flex-direction:row;align-items:center;padding:.6rem 0;gap:4rem}.top-bar .container>div{display:flex;flex-direction:row;gap:.8rem}.top-bar .container>div>span,.top-bar .container>div>a{font-size:.9rem;line-height:1;font-weight:400;color:#fff;text-transform:uppercase;letter-spacing:.1em}@media only screen and (max-width: 680px){.top-bar{display:none}}header .logo,footer .logo{flex:0 0 auto;width:14rem}@media only screen and (max-width: 640px){header .logo,footer .logo{width:9rem}}footer .footer-column>p{color:#e5e5e5;margin-bottom:0}footer .footer-column.footer-column-contact>p{color:#ccc}footer .footer-column.footer-column-contact>p:not(:last-child){margin-bottom:1rem}footer .footer-column.footer-column-logo{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}footer .footer-column>*:last-child{margin-bottom:0}footer .footer-column .text-h-3{margin-bottom:2.8rem}@media only screen and (max-width: 979px){footer .footer-column.footer-column-logo{width:100%;max-width:100%;flex:0 0 auto;margin:0 0 2rem}}@media only screen and (max-width: 639px){footer .footer-column.footer-column-pages{display:none}}@media only screen and (max-width: 639px){footer .footer-column.footer-column-pages{display:none}}@media only screen and (max-width: 440px){footer .footer-column.footer-column-contact{width:100%;flex:0 0 auto;margin-bottom:2rem}}.page-hero>.container{height:495px}.page-hero picture:after{background-image:url("img/hero-bg.png");background-position:left bottom;background-size:cover;pointer-events:none}.hero{width:100%;height:0;padding-bottom:35%;position:relative;overflow:hidden;max-height:100%;min-height:680px}.hero .swiper{position:absolute;top:0;left:0;width:100%;height:100%}.hero picture:after{background-image:url("img/hero-bg.png");background-position:left bottom;background-size:cover;pointer-events:none}.hero .swiper-button-next,.hero .swiper-button-prev{width:3rem !important;height:3rem !important;background:url("img/btn-w@2x.png") no-repeat center center #ff550b;background-size:auto 16px}.hero .swiper-button-next:after,.hero .swiper-button-prev:after{display:none}.hero .swiper-button-prev{left:0;bottom:0;top:auto;transform:rotate(180deg)}.hero .swiper-button-next{left:3.1rem;right:auto;bottom:0;top:auto}@media only screen and (min-width: 1680px){.hero picture:after{background-image:url("img/hero-bg-large.png")}}:where(.wp-block-columns.is-layout-flex){gap:4rem}.contact-phone{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;font-size:2rem;font-weight:400;line-height:1}.contact-phone span{width:3rem;height:3rem;margin:0 1rem 0 0;background:url("img/btn-w@2x.png") no-repeat center center #ff550b;background-size:auto 16px}.contact-phone span:before{display:none}.advantages{position:relative}.advantages>.container{position:relative;z-index:2}.advantages>.container>div{width:25%;flex:0 0 auto;padding:2rem;border-right:1px solid #000}.advantages>.container>div>div{display:flex;flex-direction:column;height:100%}.advantages>.container>div>div strong{display:flex;margin-top:auto;margin-bottom:1rem}.advantages>.container>div>div strong:before{display:block;content:"";width:31px;height:25px;flex:0 0 auto;margin-right:12px;background:url("img/shape.png") no-repeat center center}.advantages>.container>div>div p:first-child{text-align:right;line-height:.7;margin-bottom:7.5rem;margin-right:4px}.advantages>.container>div>div p:last-child{font-size:1rem;margin-bottom:0;padding-left:43px}.advantages>.container>div:first-child{border-left:1px solid #000}.advantages>.container>div{background-color:#fff}.advantages>.container>div *{animation:fadeIn 2s}@media only screen and (max-width: 1440px){.advantages>.container{flex-wrap:wrap}.advantages>.container>div{width:50%;border-top:1px solid #000}.advantages>.container>div:nth-child(3){border-left:1px solid #000}.advantages>.container>div:nth-child(3),.advantages>.container>div:nth-child(4){border-bottom:1px solid #000}}@media only screen and (max-width: 767px){.advantages>.container{width:100%;max-width:100%}.advantages>.container>div{width:100%;border-left:0 !important;border-right:0 !important}.advantages>.container>div:not(:last-child){border-bottom:0 !important}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.pr-2{padding-right:.5rem}.pb-8{padding-bottom:2rem}.flex-row{flex-direction:row}.mt-auto{margin-top:auto}.position-relative{position:relative}.call-to-action picture img{width:auto;height:90%;object-fit:contain;object-position:right;position:absolute;left:50%;top:50%;transform:translate(-40%, -50%)}.call-to-action .cta-row>*:last-child{margin-bottom:0}.call-to-action .text-h-4{max-width:450px}.text-h-1{font-family:"Kanit",sans-serif;font-size:19px;font-weight:400;font-style:italic;color:#ff550b;text-transform:uppercase}.text-h-1 b,.text-h-1 strong{font-weight:400}.text-h-2{font-family:"Kanit",sans-serif;font-size:64px;font-weight:700;font-style:italic;color:#000;text-transform:uppercase;line-height:1;margin-bottom:1rem}.text-h-2 b,.text-h-2 strong{font-weight:700}.text-h-3{font-family:"Kanit",sans-serif;font-size:22px;font-weight:400;color:#404040}.text-h-3 b,.text-h-3 strong{font-weight:400}.text-h-4{font-family:"Kanit",sans-serif;font-size:18px;font-weight:300;color:#0d0d0d}.text-h-4 b,.text-h-4 strong{font-size:22px;font-weight:400;color:#404040}.text-h-4 ul{list-style:disc;padding-left:22px;margin-bottom:.75rem}.text-h-4 ol{list-style:upper-greek;padding-left:22px;margin-bottom:.75rem}.text-h-white{color:#fff}.text-h-white b,.text-h-white strong{color:#fff}.btn,.btn-type-2{display:flex;flex-direction:row;align-items:center;border:1px solid #ff550b;padding-left:1rem;font-size:14px;font-weight:500;line-height:1;color:#fff;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;background:none;-webkit-appearance:none;border-radius:0}.btn span.icon-arrow-right-v2,.btn-type-2 span.icon-arrow-right-v2{margin-left:1rem}.btn span.icon-arrow-right-v2:before,.btn-type-2 span.icon-arrow-right-v2:before{width:3rem;height:3rem;padding:0 !important;margin-left:0;content:"" !important;background:url("img/btn@2x.png") no-repeat center center;background-size:auto 16px;transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms}.btn:hover,.btn-type-2:hover{background-color:#ff550b;color:#fff}.btn:hover span.icon-arrow-right-v2:before,.btn-type-2:hover span.icon-arrow-right-v2:before{background-image:url("img/btn-w@2x.png")}.btn-type-2{color:#ff550b}.text-column-2{column-count:2;column-gap:50px}@media only screen and (max-width: 768px){.text-column-2{column-count:1}}.form-row>*:last-child,.acc-content .text-h-4>*:last-child{margin-bottom:0}#wpcf7-f5-p2-o1 .flex.justify-end>p{margin-bottom:0}.rezension .swiper-button-next,.rezension .swiper-button-prev{width:3rem !important;height:3rem !important;background:url("img/btn-w@2x.png") no-repeat center center #ff550b;background-size:auto 16px}.rezension .swiper-button-next:after,.rezension .swiper-button-prev:after{display:none}.rezension .swiper-button-prev{transform:rotate(180deg)}.rezension .text-h-4{font-size:14px;font-weight:400;color:#404040}.rezension .text-h-4 *:last-child{margin-bottom:0}.icon-star{margin-right:4px}.icon-star:before{display:block;content:"";width:17px;height:17px;background:url("img/star-e@2x.png") no-repeat center center;background-size:auto 17px}.icon-star.text-secondary:before{background-image:url("img/star@2x.png")}section.about{position:relative}section.about .bg-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;overflow:hidden}section.about .motiv{position:relative;z-index:2}section.about .about-text{position:relative;z-index:3}section.news .grid article{overflow:hidden}section.news .grid article picture{transition:all .2s}section.news .grid article:hover picture{transform:scale(1.05)}/*# sourceMappingURL=style.css.map */

main .btn-type-2 span.icon-arrow-right-v2:before,
main .btn-type-2:hover span.icon-arrow-right-v2:before {
	background: url(img/btn-w@2x.png) no-repeat center center;
	width: 3rem;
	height: 1rem;
	background-repeat: no-repeat;
	background-size: contain;
}

main .btn-type-2 {
	font-size: 1.5rem;
    line-height: 2rem;
    text-transform: uppercase;
}