body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
/********************************************************************************/
/*
Description: CSS File for reset
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/
/* Contao */
header,footer,nav,section,aside,main,article,figure,figcaption {
   display:block;
}

body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea,hr {
   margin:0;
   padding:0;
}

blockquote,q {
   quotes:none;
}

fieldset,img,iframe {
   border:0;
}

ul,ol {
   list-style-type:none;
}

sup {
   vertical-align:text-top;
}

sub {
   vertical-align:text-bottom;
}

body {
   font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;
   color:#000;
}

input,button,textarea,select {
   font-family:inherit;
   font-weight:inherit;
   /* font-size:99%; */
}

pre,code {
   font-family:Monaco,monospace;
}

/********************************************************************************/

html {
   -webkit-font-smoothing: antialiased;
   overflow-y: scroll;
   height: 100%;
}

:link,
:visited {
   text-decoration: none;
}

a img,
:link img,
:visited img,
figure a:hover,
figure a:active,
figure a:focus {
   border: none;
}

/********************************************************************************/

* {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/* * {
   border: 0;
   outline: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} */

/********************************************************************************/

/*	Linie um Links enfernen	*/
/* :focus {outline:0;} */

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for variables
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

:root {
   /* Schrift [#000] */
   --color1: rgba(0, 0, 0, 1);
   
   /* Farbe 2 [#D91C1C] (Rot) */
   --color2: rgba(217, 28, 28, 1);
   
   /* Farbe 3 [#0a0828] */
   --color3: rgba(10, 8, 40, 1);
   
   /* Farbe 4 [#707070] (Footer) */
   --color4: rgba(112, 112, 112, 1);
   
   /* Farbe 5 [#E2E2E2] - (Content BG) */
   --color5: rgba(226, 226, 226, 1);
   
   /* Farbe 6 [#AEACFF] */
   --color6: rgba(174, 172, 255, 1);
   
   /* Farbe 7 [#D0D0D0] */
   --color7: rgba(208, 208, 208, 1);
   
   /* Farbe 8 [#807D7D] */
   --color8: rgba(128, 125, 125, 1);
   
   /* Farbe 9 [#CBDBE7] */
   --color9: rgba(203, 219, 231, 1);

   /*****/
   
   /* Banner: Standard [#333] */
   --banner1: rgba(51, 51, 51, 1);
   
   /* Banner: Hinweis [#1EB100] */
   --banner2: rgba(30, 177, 0, 1);
   
   /* Banner: Wichtig [#D91C1C] */
   --banner3: rgba(217, 28, 28, 1);
   
   /*****/
   
   /* Error [#D91C1C] */
   --error: rgba(217, 28, 28, 1);

   /* Weiß [#fff] */
   --colorW: rgba(255, 255, 255, 1);
   
   /* Schwarz [#000] */
   --colorB: rgba(0, 0, 0, 1);
   
   /*****/
   
   --font1: 'Rajdhani', arial, sans-serif;
   --font2: 'Playball', georgia, serif;
   
   --text: 1.563rem;
   --linehT: 2.188rem;
   
   --textL: 1.875rem;
   --linehTL: 2.125rem;

   --textS: 1.125rem;
   --linehTS: 1.563rem;
   
   --textXS: 0.938rem;
   --linehTXS: 1.000rem;

   --headXL: 4.063rem;
   --linehXL: 4.563rem;   
   
   --head1: 3.875rem;
   --linehH1: 4.125rem;
  
   --head2: 2.813rem;
   --linehH2: 3.000rem;
   
   --head3: 2.813rem;
   --linehH3: 3.625rem;
   
   --head4: 1.875rem;
   --linehH4: 1.750rem;
   
   --head5: 1.125rem;
   --linehH5: 1.563rem;
   
   --head6: 1.125rem;
   --linehH6: 1.625rem;
   
   /*****/

   /* Padding */
   --padding1: 10px;
   --padding2: 20px;
   --padding3: 30px;
   --padding4: 40px;
   --padding5: 50px;

   /* Border-Radius */
   --br1: 5px;
   --br2: 10px;
   --br3: 20px;
   --br4: 25px;
}

/********************************************************************************/
/* Auswahltext-Farbe ändern */
::selection {background:var(--color2); color:var(--color5); /* Safari and Opera */ }
::-moz-selection {background:var(--color2); color:var(--color5); /* Firefox */ }

/* Highlight Searchword */
.highlight:not(.cc-footer) {background:var(--color2); color:var(--color5); padding:0 2px;}

/********************************************************************************/

.margin-top-bottom-100 {margin: 100px 0;}
.margin-top-bottom-90 {margin: 90px 0;}
.margin-top-bottom-80 {margin: 80px 0;}
.margin-top-bottom-70 {margin: 70px 0;}
.margin-top-bottom-60 {margin: 60px 0;}
.margin-top-bottom-50 {margin: 50px 0;}
.margin-top-bottom-40 {margin: 40px 0;}
.margin-top-bottom-30 {margin: 30px 0;}
.margin-top-bottom-20 {margin: 20px 0;}
.margin-top-bottom-10 {margin: 10px 0;}
/* .margin-top-bottom-0 {margin: 0 !important;} */
.margin-top-bottom-0 {margin-top: 0 !important; margin-bottom: 0 !important;}

.margin-top-100 {margin-top: 100px;}
.margin-top-90 {margin-top: 90px;}
.margin-top-80 {margin-top: 80px;}
.margin-top-70 {margin-top: 70px;}
.margin-top-60 {margin-top: 60px;}
.margin-top-50 {margin-top: 50px;}
.margin-top-40 {margin-top: 40px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-0 {margin-top: 0;}

.margin-bottom-100 {margin-bottom: 100px;}
.margin-bottom-90 {margin-bottom: 90px;}
.margin-bottom-80 {margin-bottom: 80px;}
.margin-bottom-70 {margin-bottom: 70px;}
.margin-bottom-60 {margin-bottom: 60px;}
.margin-bottom-50 {margin-bottom: 50px;}
.margin-bottom-40 {margin-bottom: 40px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-0 {margin-bottom: 0;}

.padding-top-bottom-100 {padding: 100px 0 !important;}
.padding-top-bottom-90 {padding: 90px 0 !important;}
.padding-top-bottom-80 {padding: 80px 0 !important;}
.padding-top-bottom-70 {padding: 70px 0 !important;}
.padding-top-bottom-60 {padding: 60px 0 !important;}
.padding-top-bottom-50 {padding: 50px 0 !important;}
.padding-top-bottom-40 {padding: 40px 0 !important;}
.padding-top-bottom-30 {padding: 30px 0 !important;}
.padding-top-bottom-20 {padding: 20px 0 !important;}
.padding-top-bottom-10 {padding: 10px 0 !important;}
.padding-top-bottom-0 {padding: 0 !important;}

.padding-top-100 {padding-top: 100px !important;}
.padding-top-90 {padding-top: 90px !important;}
.padding-top-80 {padding-top: 80px !important;}
.padding-top-70 {padding-top: 70px !important;}
.padding-top-60 {padding-top: 60px !important;}
.padding-top-50 {padding-top: 50px !important;}
.padding-top-40 {padding-top: 40px !important;}
.padding-top-30 {padding-top: 30px !important;}
.padding-top-20 {padding-top: 20px !important;}
.padding-top-10 {padding-top: 10px !important;}
.padding-top-0 {padding-top: 0 !important;}

.padding-bottom-100 {padding-bottom: 100px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}
.padding-bottom-80 {padding-bottom: 80px !important;}
.padding-bottom-70 {padding-bottom: 70px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}

/*****/

.padding-bottom-100 {padding-bottom: 100px !important;}
.padding-bottom-90 {padding-bottom: 90px !important;}
.padding-bottom-80 {padding-bottom: 80px !important;}
.padding-bottom-70 {padding-bottom: 70px !important;}
.padding-bottom-60 {padding-bottom: 60px !important;}
.padding-bottom-50 {padding-bottom: 50px !important;}
.padding-bottom-40 {padding-bottom: 40px !important;}
.padding-bottom-30 {padding-bottom: 30px !important;}
.padding-bottom-20 {padding-bottom: 20px !important;}
.padding-bottom-10 {padding-bottom: 10px !important;}
.padding-bottom-0 {padding-bottom: 0 !important;}

/********************************************************************************/

.bg-grau {background: var(--color5);}

/*****/

.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

/*****/

.boxen .rs-column {}
.boxen-bg .rs-column, .boxen-bg-radius .rs-column {background: var(--color6);}
.boxen-border .rs-column, .boxen-border-radius .rs-column {border: 1px solid var(--color6);}

.boxen-bg .rs-column, .boxen-border .rs-column, .boxen-bg-radius .rs-column, .boxen-border-radius .rs-column {padding: var(--padding2);}
.boxen-bg-radius .rs-column, .boxen-border-radius .rs-column {border-radius: var(--br3);}

/********************************************************************************/

@media screen and (prefers-reduced-motion: reduce) {
   .animate { animation: none !important; }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Layout
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

html {
	scroll-behavior: smooth;
}

body {
	font-family: var(--font1);
	color: var(--color1);
	margin: 0 auto;
	padding: 0;
	background: var(--colorW);
}

/********************************************************************************/
/*	Aufbau	*/

#wrapper {

}

#header {
	/* transition: 0.3s; */
}

#header .inside {
	width: 100%;
	display: grid;
	grid-template-columns: [image-start] minmax(0,1fr) [main-start] minmax(0,1490px) [main-end] minmax(0,1fr) [image-end];
	background: transparent;
	transition: 0.3s;
	max-height: 630px;
}

.start #header .inside {
	max-height: 920px;
}

#header .teaser {
	position: relative;
	grid-column: image;
	grid-row: 1;
	padding-bottom: 30px;
	transition: 0.3s;
	max-height: 415px;
}

.start #header .teaser {
	/* max-height: 730px; */
	max-height: 675px;
}

#header .teaser::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 50px;
	background: url('/files/data/img/svg/linie-header.svg') center no-repeat;
	background-size: 110vw;
}

#header .teaser .content-image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

#header .content-image.logo {
	z-index: 1000;
	display: grid;
	grid-column: main;
	grid-row: 1/-1;
	align-self: start;
	grid-template-columns: repeat(6,1fr);
	width: 50%;
}

#header .content-image.logo figure {
	position: relative;
	grid-column: auto/span 6;
	padding: 37px 70px 60px 70px;
	background: url('/files/data/img/svg/logo-bg.svg') no-repeat;
	background-position: left 20px bottom -20px;
	background-size: 360px;
}

#header .content-image.logo figure img {
	width: auto;
	height: 84px;
	transition: 0.3s;
}

#header .content-image.logo figure::after {
	content: '';
	pointer-events: none;
	position: absolute;
	top: -200px;
	left: 0;
	width: 400px;
	height: 400px;
	background: url('/files/data/img/svg/kontur-02.svg') no-repeat;
}

/*****/

#header .slogan {
	position: relative;
	z-index: 10;
	display: grid;
	grid-column: main;
	grid-row: 1/-1;
	justify-self: end;
	align-self: end;
	grid-template-columns: repeat(6,1fr);
	width: 32%;
	height: 25vw;
	max-height: 380px;
	background: url('/files/data/img/svg/tropfen-02.svg') no-repeat;
	background-position: center;
}

.start #header .slogan {
	max-height: 684px;
}

#header .slogan::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	/* top: 80px; */
	/* left: 0; */
	background: url('/files/data/img/svg/kontur-02.svg') no-repeat;
	background-position: center;
}

#header .slogan .content-text {
	display: grid;
	align-self: center;
	grid-column: 1 / span 6;
	width: 20vw;
	text-align: center;
	/* padding: 13vw 0 0 2vw !important; */
}

/*****/

.start #header .slogan {
	align-self: start;
	width: 50%;
	height: 45vw;
	background: url('/files/data/img/svg/tropfen-header.svg') no-repeat;
	background-position: 0 -50px;
}

.start #header .slogan::after {
	top: -70px;
	left: 0;
	background: url('/files/data/img/svg/kontur-header.svg') no-repeat;
}

.start #header .slogan .content-text {
	grid-column: 1 / span 5;
	text-align: left;
	width: 33vw;
	max-width: 460px;
	padding: 1vw 0 0 0 !important;
}

/*****/

@media only screen and (max-width : 1700px) {
	.start #header .slogan .content-text {
	padding: 4vw 0 0 1vw !important;
	}
}

@media only screen and (max-width : 1500px) {
	.start #header .slogan .content-text {
	padding: 1vw 3vw 0 3vw !important;
	}
}

@media only screen and (max-width : 999px) {
	#header .content-image.logo figure {
	padding: 10px 40px 50px 45px;
	background-position: left 10px bottom 0;
	background-size: 220px;
	}
	
	#header .content-image.logo figure img {
	height: 50px;
	}
	
	#header .content-image.logo figure::after {
	top: -130px;
	width: 300px;
	height: 240px;
	}
}

@media only screen and (max-width : 900px) {
	.start #header .slogan {
	width: 35%;
	margin-right: 20vw;
	}
	
	.start #header .slogan::after {
	top: -50px;
	}
	
	.start #header .slogan .content-text {
	margin-top: -70px;
	padding: 0 0 0 6vw !important;
	}
	
	.start #header .slogan .content-text p {
	display: none;
	}
}

@media only screen and (max-width : 599px) {
	#header .content-image.logo {
	width: 70%;
	}
	
	#header .slogan {
	display: none;
	}
}

.scrolled #header {
	z-index: 110;
	position: fixed;
	/* top: -860px; */
	top: -27.4vw;
	left: 0;
	width: 100%;
	height: 110px;
	transition: 0.3s;
}

.scrolled.start #header {
	top: -45vw;
}

.scrolled #header .inside {
	background: var(--colorW);
}

.scrolled #header .teaser {
	padding-bottom: 0;
}

.scrolled #header .nav_main {
	margin: 10px 70px;
	/* transition: 0.3s; */
}

.scrolled #header .nav_main::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 25px;
	background: url('/files/data/img/svg/linie-header.svg') center no-repeat;
	background-size: 110vw;
}

#container {
	margin: 0 auto;
}

.scrolled #container {
	margin-top: 55.8vw;
}

@media only screen and (min-width : 1520px) {
	.scrolled #header {
	top: -416px;
	}
	
	.scrolled.start #header {
	top: -677px;
	}
	
	.scrolled #container {
	margin-top: 600px;
	}
	
	.scrolled.start #container {
	margin-top: 848px;
	}
}

@media only screen and (max-width : 999px) {
	.scrolled #header .teaser,
	.scrolled #header .slogan {
	display: none;
	}
	
	.scrolled #header {
	top: 0 !important;
	/* opacity: 0.5; */
	animation: fadeIn .5s ease-in both;
	}
	
	.scrolled #header .inside::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 17px;
	background: url('/files/data/img/svg/linie-header.svg') center no-repeat;
	background-size: 110vw;
	}
	
	.scrolled #container {
	margin-top: 30vw;
	}
	
	.scrolled.start #container {
	margin-top: 47.8vw;
	}
}

#main {
	
}

#main .inside {
/* 	padding: 50px 20px; */
}

#footer {
	position: relative;
	padding-top: 10px;
	background: var(--color4);
}

#footer::before {
	position: absolute;
	top: -15px;
	left: 0;
	content: '';
	width: 100%;
	height: 20px;
	background: url('/files/data/img/svg/linie-top.svg') center no-repeat;
	background-size: 110vw;
}

#footer .inside {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	max-width: 1490px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	background: var(--color4);
	overflow: hidden;
}

/*****/

#footer .content-image.logo {
	align-self: end;
}

#footer .content-image.logo figure {
	position: relative;
	padding: 70px;
	background: url('/files/data/img/svg/logo-bg.svg') no-repeat;
	background-position: left 30px bottom -50px;
	background-size: 300px;
}

#footer .content-image.logo figure img {
	width: auto;
	height: 84px;
	transition: 0.3s;
}

#footer .content-image.logo figure::after {
	content: '';
	pointer-events: none;
	position: absolute;
	top: -20px;
	left: 10px;
	width: 330px;
	height: 330px;
	background: url('/files/data/img/svg/kontur-02.svg') no-repeat;
}

#footer .content-text,
#footer .mod_navigation {
	padding-top: 20px;
}

/*****/

@keyframes fadeIn {
	from {
		transform: translate3d(0, -80%, 0);
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}

/********************************************************************************/
/*	Artikel & Inhalte	*/

.mod_article > div,
.mod_article > h1,
.mod_article > h2,
.mod_article > h3,
.mod_article > h4,
.mod_article > h5,
.mod_article > h6 {
	max-width: 1450px;
	margin: 0 auto;
	padding: 50px !important;
}

.mod_article.ohne-abstand > div,
.mod_article.maps > div {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 !important;
}

@media only screen and (max-width : 767px) {
	.mod_article > div,
	.mod_article > h1,
	.mod_article > h2,
	.mod_article > h3,
	.mod_article > h4,
	.mod_article > h5,
	.mod_article > h6 {
	padding: 20px !important;
	}
}

/*****/

#main .mod_article .rte {
	width: 100%;
}

#main .mod_article.bg-grau {
	position: relative;
}

#main .mod_article.bg-grau > div {
	max-width: 1350px;
	/* display: flex; */
	/* align-items: center; */
	padding: 20px 0 35px 0 !important;
}

#main .mod_article.bg-grau > div:not(.media) {
	padding: 6em 0 3.2em 0 !important;
}

#main .mod_article.bg-grau .media .rte {
	max-width: 50%;
	padding: 3em 70px 3em 3em;
}

@media only screen and (max-width : 999px) {
	#main .mod_article.bg-grau .media .rte {
	max-width: 100%;
	}
}

#main .mod_article.bg-grau .media .rte p:nth-last-child(1) {
	padding-bottom: 0;
}

#main .mod_article.bg-grau::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 20px;
	background: #fff url('/files/data/img/svg/linie-top.svg') center no-repeat;
	background-size: 110vw;
}

#main .mod_article.bg-grau::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 35px;
	background: #fff url('/files/data/img/svg/linie-bottom.svg') center no-repeat;
	background-size: 110vw;
}

#main .mod_article .content-text.media {
	display: flex;
	gap: 5em;
}

@media only screen and (min-width : 1000px) {
	#main .mod_article:nth-child(even) .content-text.media {
	flex-direction: row-reverse;
	}
}

#main .mod_article .content-text.media figure,
#main .mod_article .content-text.media .rte {
	flex-basis: 50%;
}

/********************************************************************************/
/*	Mobile Anpassungen	*/

@media only screen and (max-width : 1200px) {
	/* html {font-size: 14px;} */
}

@media only screen and (max-width : 1100px) {
	#main .mod_article.bg-grau .media .rte {
	padding: 20px;
	}
	
	#main .mod_article .rte {
	padding: 0 20px;
	}
}

@media only screen and (max-width : 999px) {
	#header .nav_main {
	display: none !important;
	}
	
	#main .mod_article .content-text.media {
	flex-direction: column-reverse;
	align-items: center;
	}
	
	#main .mod_article .content-text.media figure,
	#main .mod_article .content-text.media .rte {
	/* flex-basis: 100%; */
	}
	
	#footer .inside {
	flex-direction: column-reverse;
	align-content: center;
	}
	
	#footer .content-text,
	#footer .nav_footer,
	#footer .rs-column {
	text-align: center;
	margin: 0 auto;
	padding-right: 0;
	}
	
	#footer .nav_footer.mod_customnav {
	margin: 2em auto;
	}
}

@media only screen and (max-width : 767px) {
	html {font-size: 14px;}
}

@media only screen and (max-width : 767px) {

}

@media only screen and (max-width : 675px) {
	#main .mod_article.bg-grau > div {
	flex-direction: column;
	}
	
	#main .mod_article.bg-grau .media .rte {
	max-width: 100%;
	}
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation : landscape) {
    body {-webkit-text-size-adjust: 100%;}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Font Sizes
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font1);
	font-weight: 500;
	color: var(--color3);
	hyphens: auto;
	-ms-hyphenate-limit-chars: 6;
	-webkit-hyphenate-limit-chars: 6;
	hyphenate-limit-chars: 6;
}

h1 {
	font-size: var(--head1);
	line-height: var(--linehH1);
	/* hyphens: none;	 */
}

h2 {
	/* position: relative; */
	display: inline-block;
	font-family: var(--font2);
	font-size: var(--head2);
	line-height: var(--linehH2);
	letter-spacing: 0.68px;
	margin-bottom: 20px;
	padding: 0 0 40px 0;
	background: url('/files/data/img/svg/linie-headlines.svg') center bottom no-repeat;
	/* background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 472.9 50.2"><path d="m18.5 32.8c28.9-11.1 120.3-13.8 212.3-13.5 113.3.4 227.5.3 227.5.3"/></svg>') center bottom no-repeat;	 */
}

.rte h2,
.layout_latest h2 {
	padding: 0;
	background: none;
}

/* h2::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 472.9 50.2"><path fill="transparent" stroke="black" stroke-width="1" d="m18.5 32.8c28.9-11.1 120.3-13.8 212.3-13.5 113.3.4 227.5.3 227.5.3" /></svg>') center no-repeat;
	margin-top: 80px;
	background: var(--colorB);
} */

h3 {
	text-transform: uppercase;
	font-size: var(--head3);
	line-height: var(--linehH3);
	/* padding: 0.375rem 0 0.438rem 0; */
}

.leistungen h3 {
	font-size: clamp(1.3rem, -1.5034rem + 5.2154vw, 2.813rem);
	line-height: 1.1em;
	color: var(--colorW);
	letter-spacing: 0.68px;
	margin: 0 auto;
	hyphens: none;
	padding: 0 1em;
}

.leistungen.small h3 {
	font-size: clamp(1.3rem, -1.5034rem + 5.2154vw, 1.875rem);
}

h4 {
	color: var(--color2);
	font-size: var(--head4);
	line-height: var(--linehH4);
	/* font-weight: 500; */
	font-weight: 600;
	padding: 0 0 1.500rem 0;
}

h5 {
	font-size: var(--head5);
	line-height: var(--linehH5);
	font-weight: 600;
	text-transform: uppercase;
}

h6 {
	font-size: var(--head6);
	line-height: var(--linehH6);
	font-weight: 600;
	padding-bottom: 7px;
}

.bg-grau p,
.bg-grau li,
.bg-grau h1,
.bg-grau h2,
.bg-grau h3,
.bg-grau h4,
.bg-grau h5,
.bg-grau h6 {
	/* color: var(--colorW); */
}

p,
figcaption {
	font-size: var(--text);
	line-height: var(--linehT);
	font-weight: 500;
	padding: 0 0 var(--linehT) 0;
	letter-spacing: 0.45px;
}

figcaption {
	font-size: var(--textS);
	line-height: var(--linehTS);
	/* padding: 0 0 var(--linehT) 0; */
}

.bg-grau p {
	font-size: var(--textL);
	line-height: var(--linehTL);
	letter-spacing: 0.38px;
}

.slogan h1 {
	color: var(--colorW);
	font-size: clamp(1.6rem, -1.5034rem + 5.2154vw, 3.313rem);
	line-height: 1.2em;
	padding-bottom: 20px;
	/* background: rgba(201, 201, 201, 0.6); */
}

.start .slogan h1 {
	font-size: clamp(1.6rem, -1.5034rem + 5.2154vw, 3.875rem);
}

.slogan h1 em {
	font-family: var(--font2);
	font-style: normal;
}

.slogan p {
	color: var(--colorW);
	font-size: clamp(1rem, 0.4009rem + 1.2481vw, 1.688rem);
	line-height: 1.2em;
	letter-spacing: 0.54px;
	/* background: rgba(201, 201, 201, 0.6); */
}

/*****	Copy to TinyMCE ANFANG	*****/
span.hinweis-text {
	color: var(--banner3);
	font-weight: bold;
}

p.small,
.leistungen p {
	font-size: var(--textS);
	line-height: var(--linehTS);
}

p.standard-banner {
	color: var(--banner1);
	margin: 0 0 2.000rem 0;
	padding: 1em;
	border: 1px dotted var(--banner1);
}

p.hinweis-banner {
	color: var(--banner2);
	margin: 0 0 2.000rem 0;
	padding: 1em;
	border: 1px dotted var(--banner2);
}

p.wichtig-banner {
	color: var(--banner3);
	margin: 0 0 2.000rem 0;
	padding: 1em;
	border: 1px dotted var(--banner3);
}
/*****	Copy to TinyMCE ENDE	*****/

#footer p {
	color: var(--colorW);
	font-size: var(--textS);
	line-height: var(--linehTS);
	/* margin-bottom: 5px; */
	padding: 0 0 1.563rem 0;
}

@media only screen and (max-width : 767px) {
	#footer p {
	line-height: 2rem;
	padding: 0 0 2rem 0;
	}
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Links
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

a:link,
a:visited {
	color: var(--color2);
	transition: 0.25s ease 0s;
}

.leistungen a:link,
.leistungen a:visited,
#footer a:link,
#footer a:visited {
	color: var(--colorW);
}

a:hover,
a:active,
a:focus {
	color: var(--color2);
}

/*****/

.layout_latest a:link,
.layout_latest a:visited {
	/* color: var(--color1); */
}

.layout_latest a:hover,
.layout_latest a:active,
.layout_latest a:focus {
	/* color: var(--color1); */
}

/********************************************************************************/

#qualifikationen-und-zertifikate,
#disposition-telematik,
#qualitaetsmanagement,
#fuhrpark,
#nachhaltigkeit,
#werkstatt,
#tankcontainer-transporte,
#gefahrgut-transporte,
#silo-innen-reinigung,
#chassis-vermietung,
#container-heizen {
	scroll-margin-top: 100px;
	overflow: initial;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for "Burger" Menu
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Fehler mit mobile-menu & position:fixed umgehen	*/
body .mobile_menu_wrapper #wrapper {
	transform: none !important;
	will-change: content !important;
}

.offcanvas {
	z-index: 1010;
	position: absolute;
	top: 18px;
	right: 35px;
	width: 54px;
	height: 54px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	border-radius: 27px;
	background: var(--colorW);
}

.offcanvas span {
	display: block;
	position: absolute;
	height: 3px;
	width: 24px;
	background: var(--color2);
	opacity: 1;
	left: 15px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.offcanvas span:nth-child(1) {
	top: 23px;
}

.offcanvas span:nth-child(2),
.offcanvas span:nth-child(3) {
	top: 31px;
}

.scrolled .offcanvas,
.offcanvas.open {
	background: var(--color5);
}

.offcanvas.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

.offcanvas.open span:nth-child(2) {
	top: 26px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.offcanvas.open span:nth-child(3) {
	top: 26px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Navigation
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

#header .nav_main {
	grid-column: main;
	font-size: 1.375rem;
	line-height: 1.750rem;
	text-transform: uppercase;
	letter-spacing: 0.6px;
	margin: 50px 70px;
}

#header .nav_main ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	/* align-items: flex-end; */
}

#header .nav_main li {
	max-width: 230px;
	/* background: #ccc; */
}

#header .nav_main li:nth-child(2),
#header .nav_main li:nth-child(3) {
	min-width: 230px;
	text-align: center;
}


#header .nav_main li a.submenu::after,
#header .nav_main li strong.submenu::after {
	content: '▾';
	color: var(--color4);
	display: block;
	font-size: 3rem;
	/* margin-left: 6px; */
}

#header .nav_main li a.submenu:hover::after,
#header .nav_main li.trail a.submenu::after,
#header .nav_main li strong.submenu::after,
#header .nav_main li strong.submenu::after {
	content: '▾';
	color: var(--color2);
}


#header .nav_main .level_1 a:link,
#header .nav_main .level_1 a:visited,
.mobile_menu .nav_main .level_1 a:link,
.mobile_menu .nav_main .level_1 a:visited {
	display: block;
	font-weight: 500;
	color: var(--colorB);
}

#header .nav_main .level_1 a:hover,
#header .nav_main .level_1 a:active,
#header .nav_main .level_1 a:focus,
/* #header .nav_main .level_1 a:focus-within, */
#header .nav_main .level_1 strong,
.mobile_menu .nav_main .level_1 a:hover,
.mobile_menu .nav_main .level_1 a:active,
.mobile_menu .nav_main .level_1 a:focus,
.mobile_menu .nav_main .level_1 strong {
	display: block;
	font-weight: 600;
	color: var(--color2);
}

#header .nav_main li.trail a,
.mobile_menu .nav_main li.trail a {
	color: var(--color2) !important;
}

@media only screen and (max-width : 1100px) {
	#header .nav_main {
	margin: 50px 20px;
	}
}

/**********/

#header .nav_main li.submenu ul,
#header .nav_main li.submenu:hover ul {
	z-index: 100;
	position: absolute;
	display: flex;
	flex-direction: column;
	width: 230px;
	margin-top: -21px;
	padding: 10px 30px;
	/* padding: 0 30px 10px 30px; */
	overflow: hidden;
	border-radius: 4px;
	box-shadow: 0px 4px 8px rgba(0,0,0,0.8);
	background: var(--colorW) !important;
}

#header .nav_main li.submenu ul::before {
	content: '▾';
	color: var(--color2);
	display: block;
	font-size: 3rem;
	line-height: 1rem;
	margin-top: -11px;
}

#header .nav_main .submenu ul {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: all ease-out 0.8s;
}

#header .nav_main li.submenu:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
	transition: all ease-out 0.2s;
}

#header .nav_main .level_2 li {
	position: relative;
	text-transform: none;
	display: flex;
	justify-content: center;
	min-width: auto;
	width: 100%;
	max-width: 100%;
	padding: 13px 0;
	font-size: var(--textS);
	line-height: var(--linehTS);
	/* border-bottom: 3px solid #D91C1C; */
}

#header .nav_main .level_2 li::after{
	position: absolute;
	bottom: 0;
	left: calc(50% - 10%);
	content: '';
	height: 3px;
	width: 20%;
	background: #D91C1C;
}

#header .nav_main .level_2 li:nth-last-child(1)::after{
	height: 0;
}

#header .nav_main .level_2 a:link,
#header .nav_main .level_2 a:visited,
#header .nav_main .level_2 strong,
.mobile_menu .nav_main .level_2 a:link,
.mobile_menu .nav_main .level_2 a:visited,
.mobile_menu .nav_main .level_2 strong {
	color: var(--color4) !important;
	font-weight: 400;
	margin: 0 0 5px 0;
	border-bottom: none;
	background: none !important;
}

#header .nav_main .level_2 .trail a,
.mobile_menu .nav_main .level_2 .trail a {
	font-weight: 700;
	color: var(--color2) !important;
}

#header .nav_main .level_2 a:hover,
#header .nav_main .level_2 a:active,
#header .nav_main .level_2 a:focus,
#header .nav_main .level_2 strong,
#header .nav_main li:hover > a,
.mobile_menu .nav_main .level_2 a:hover,
.mobile_menu .nav_main .level_2 a:active,
.mobile_menu .nav_main .level_2 a:focus,
.mobile_menu .nav_main .level_2 strong {
	color: var(--color2) !important;
	/* margin: 0 0 5px 0; */
}

#header .nav_main .level_2 a:active,
#header .nav_main .level_2 a:focus,
#header .nav_main .level_2 strong,
.mobile_menu .nav_main .level_2 a:active,
.mobile_menu .nav_main .level_2 a:focus,
.mobile_menu .nav_main .level_2 strong {
	font-weight: 700;
}

/********************************************************************************/
/*	Footer Navigation	*/

.nav_footer {
	padding-right: 70px;
}

.nav_footer.mod_customnav {
	margin: 2em 0;
}

.nav_footer ul {
	color: var(--colorW);
}

.nav_footer li {
	font-size: var(--textS);
	line-height: var(--linehTS);
	/* min-width: 160px; */
}

.nav_footer.mod_customnav li {
	display: inline-block;
}

.nav_footer.mod_customnav li:nth-child(1)::after {
	content: '·';
	/* font-size: 1rem; */
	padding: 0 0.5em;
}

.nav_footer a:link,
.nav_footer a:visited {
	color: var(--colorW);
	font-weight: normal;
}

.nav_footer a:hover,
.nav_footer a:active,
.nav_footer a:focus,
.nav_footer a.trail,
.nav_footer strong {
	color: var(--colorW);
	/* font-weight: 700; */
}

.nav_footer a.trail,
.nav_footer strong {
	color: var(--colorW);
	font-weight: 700;
}

@media only screen and (max-width : 767px) {
	.nav_footer li {
	margin-bottom: 1rem;
	}
}

/********************************************************************************/
/*	Mobile Navigation	*/

.mobile_menu .inner {
	background: var(--colorW);
}

.mobile_menu .nav_main {
	font-size: 2rem;
	line-height: 2.4rem;
	text-align: center;
	padding: 100px 20px 20px 20px;
	transition: 0.3s;
}

.scrolled .mobile_menu .nav_main {
	/* padding-top: 90px; */
}

.mobile_menu .nav_main ul.level_2 {
	overflow: hidden;
	margin: 0 auto;
	padding-bottom: 2em;
}

.mobile_menu .nav_main .level_1 a:link,
.mobile_menu .nav_main .level_1 a:visited,
.mobile_menu .nav_main .level_1 strong {
	margin: 20px auto;
	padding: 3px 23px;
}

.mobile_menu .nav_main .level_1 .submenu a:link,
.mobile_menu .nav_main .level_1 .submenu a:visited,
.mobile_menu .nav_main .level_1 .submenu strong,
.mobile_menu .nav_main .level_2 a:link,
.mobile_menu .nav_main .level_2 a:visited {
	margin: 10px auto;
}

.mobile_menu .nav_main .level_1 a:hover,
.mobile_menu .nav_main .level_1 a:active,
.mobile_menu .nav_main .level_1 a:focus,
.mobile_menu .nav_main .level_1 strong {

}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Lists
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rte ul {
	margin-bottom: 1.250rem;
}

.rte p + ul {
	margin-top: -2.188em;
}

.rte ul li,
.pagination ul li {
	position: relative;
	padding-left: 1em;
	font-size: var(--text);
	line-height: var(--linehT);
	font-weight: 500;
	letter-spacing: 0.45px;
}

.rte ul li:before {
	content: '–';
	position: absolute;
	left: 0;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Fonts
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* playball-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Playball';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/data/fonts/playball-v20-latin-regular.woff2') format('woff2');
}

/* rajdhani-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  src: url('../../files/data/fonts/rajdhani-v15-latin-regular.woff2') format('woff2');
}

/* rajdhani-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: url('../../files/data/fonts/rajdhani-v15-latin-500.woff2') format('woff2');
}

/* rajdhani-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  src: url('../../files/data/fonts/rajdhani-v15-latin-600.woff2') format('woff2');
}

/* rajdhani-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  src: url('../../files/data/fonts/rajdhani-v15-latin-700.woff2') format('woff2');
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Columns
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.rs-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  width: 100%;
  justify-content: center;
}

@media only screen and (max-width : 767px) {
  .rs-columns {
  /* gap: 5em; */
  }
}

.rs-columns > * {
  flex: 1 1 280px;
}

.kontakt .rs-columns > * {
  flex: 1 1 210px;
}

@media only screen and (min-width : 652px) {
  .kontakt .rs-columns.gl > * {
  max-width: 400px;
  }
}

@media only screen and (max-width : 999px) {
  .kontakt .rs-columns > * {
  flex: 1 1 300px;
  }
}

.rs-column {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  /* flex-basis: calc(820px * 999 - 100% * 999); */
}

.leistungen .rs-column {
  cursor: pointer;
  position: relative;
  aspect-ratio: 1;
  min-width: 32%;
  max-width: 32%;
  align-content: center;
  justify-content: center;
  /* background: rgba(181, 181, 181, 0.1); */
}

.leistungen.small .rs-column {
  min-width: auto;
  max-width: 19%;
}


.leistungen .rs-column * {
  z-index: 1;
  pointer-events: none;
}

.leistungen .rs-column a {
  pointer-events: auto;
}

/*  Ganzes <div> mit Link  */
.leistungen .rs-column .main-link::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/*****/

.leistungen .rs-column .bg {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/files/data/img/svg/tropfen-02.svg') no-repeat;
}

.leistungen .rs-column:nth-child(2n+2) .bg {
  background: url('/files/data/img/svg/tropfen-01.svg') no-repeat;
}

.leistungen .rs-column:nth-child(2) { padding-top: 5em; }
.leistungen .rs-column:nth-child(4) { padding-bottom: 5em; }
.leistungen.small .rs-column:nth-child(4) { padding-bottom: 1em; }
.leistungen .rs-column:nth-child(5) { padding-top: 3em; }

.leistungen .rs-column:nth-child(2) .bg { transform:rotate(140deg); left: -2em; }
.leistungen .rs-column:nth-child(3) .bg { transform:rotate(180deg); }
.leistungen .rs-column:nth-child(5) .bg { transform:scaleX(-1)  rotate(190deg); }

/*****/

.leistungen .rs-column .circle {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('/files/data/img/svg/kontur-02.svg') no-repeat;
}

.leistungen .rs-column:nth-child(4) .circle {
  background: url('/files/data/img/svg/kontur-01.svg') no-repeat;
}

.leistungen .rs-column:nth-child(2) .circle { transform:rotate(10deg); background-size: 92%;   margin: 3em 0 0 2em; left: -1em; top: -1em; }
.leistungen .rs-column:nth-child(5) .circle { transform:rotate(20deg); }

.leistungen .circle {
  animation: move-circle-01 2s linear infinite;
}

@keyframes move-circle-01 {
  0% { transform: translate(0, 0) rotate(1deg); }
  25% { transform: translate(2px, 2px) rotate(2deg); }
  50% { transform: translate(0, 0) rotate(0deg); }
  75% { transform: translate(-2px, 2px) rotate(-2deg); }
  100% { transform: translate(0, 0) rotate(1deg); }
}

/*****/

.rs-column.right {
  justify-content: flex-end;
}

.rs-column.left {
  justify-content: flex-start;
}

@media only screen and (max-width : 999px) {
  .leistungen .rs-column:nth-child(2) .bg { left: -1em; }
  .leistungen .rs-column:nth-child(4) { padding-bottom: 2em; }
}

@media only screen and (max-width : 767px) {
  .rs-column {
  /* flex-basis: calc(300px * 999 - 100% * 999); */
  flex-basis: 100%;
  }
  
  .rs-column.right,
  .rs-column.left {
  justify-content: center;
  }
}

@media only screen and (max-width : 599px) {
  .leistungen .rs-column {
  max-width: 48%;
  }
  
  .leistungen .rs-column .rte {
  /* display: none; */
  }
  
  .leistungen .rs-column .rte p {
  line-height: 0;
  font-size: 0;
  padding: 0;
  }
  
  .leistungen .rs-column h3 {
  hyphens: auto;
  }
  
  .leistungen .rs-column:nth-child(2) {
  padding-top: 2em;
  }
  
  .leistungen .rs-column:nth-child(5) {
  padding-top: 0em;
  }
}

@media only screen and (max-width : 399px) {
  .leistungen .rs-column {
  max-width: 80%;
  }
}

/********************************************************************************/
/* Footer */

#footer .rs-columns {
  gap: 0;
  max-height: 340px;
}

/* @media only screen and (max-width : 767px) { */
@media only screen and (max-width : 999px) {
  #footer .rs-columns {
  flex-direction: column;
  max-height: none;
  text-align: center;
  }
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Images
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/*	Abstand unter Bildern entfernen	*/
figure {
	line-height: 0;
}

figure a:link,
figure a:visited,
figure a:hover,
figure a:active,
figure a:focus {
	border-bottom: none;
}

#main figure {
	position: relative;
}

#main .media--above figure,
#main .media--below figure {
	margin: 0 0 1em 0;
}

#main .media--left figure {
	max-width: 50%;
	/* margin: 0 1em 1em 0; */
}

#main .media--right figure {
	max-width: 50%;
	/* margin: 0 0 1em 1em; */
}

/*****/

.kontakt .img-form {
	padding-bottom: 10em;
}

/*****/

/*
#main figure a img {
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;
}

#main .mod_newslist figure a img {
	cursor: pointer;
}
*/

/*****/

@media only screen and (max-width : 999px) {
	#main .media--right figure,
	#main .media--left figure {
	float: none;
	clear: both;
	text-align: center;
	width: 100%;
	max-width: 100%;
	margin: 0 0 1em 0 !important;
	}
}

/******************************/

figcaption {
	color: var(--colorB);
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0;
	text-align: center;
}

/******************************/
/*	Background / Hintergrund Bilder	*/

.content-image .responsive-background-image {
	display: inline-block;
	width: 100vw;
	height: 60vh;
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.content-image .responsive-background-image img {
	display: none;
}

/******************************/
/*	Bilderform im Content	*/

.img-form figure {
	position: relative;
}

.img-form figure img {
	mask-image: url('/files/data/img/svg/tropfen-02.svg');
}

.img-form figure::after {
	content: '';
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('/files/data/img/svg/kontur-02.svg') no-repeat;
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Forms
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.ce_form {
	max-width: 100%;
	font-size: var(--text);
   margin-bottom: 80px;
   padding: 50px 100px 70px 100px;
   /* box-shadow: 3px 3px 12px var(--color7); */
   /* border-radius: 20px; */
}

@media only screen and (max-width : 767px) {
   .ce_form {
   padding: 50px 35px 70px 35px;
   }
}

@media only screen and (max-width : 500px) {
   .widget-text.w50,
   .widget-textarea.w50,
   .widget-select.w50 {
   display: block !important;
   width: 100% !important;
   }
}

.ce_form .widget-text,
.ce_form .widget-select,
.ce_form .widget-textarea {
	position: relative;
	margin: 0 15px 30px 0;
}

.ce_form .widget-text.ohne-abstand,
.ce_form .widget-select.ohne-abstand {
   margin-right: 0;
}

.ce_form label {
	position: relative;
	z-index: 2;
	display: block;
	min-height: 17px;
	font-size: var(--text);
	font-weight: normal;
	padding: 0 10px;
   margin-bottom: 6px;
	transform: translateY(33px);
	transition: all 0.3s;
}

.small-text p,
.small-text label {
   text-align: left;
   font-size: var(--textXS);
   line-height: 1.313rem;
}

.is-active label {
	color: var(--color2);
}

.is-completed label {
	font-size: 12px;
	transform: translateY(0);
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
	display: inline-block;
   position: relative;
	width: 100%;
	min-height: 25px;
	padding: 10px;
	border: 1px solid var(--color5);
   border-radius: var(--br2);
	background: var(--color5);
   box-shadow: inset 0 1px 1px #eee;
	outline: none;
}

input[type="text"].error,
input[type="password"].error,
input[type="date"].error,
input[type="datetime"].error,
input[type="email"].error,
input[type="number"].error,
input[type="search"].error,
input[type="tel"].error,
input[type="time"].error,
input[type="url"].error,
textarea.error {
	border: 1px solid var(--color2);
}

.widget-submit {
	text-align: center;
}

span.inf-scr-load-more-btn-inner,
span.inf-scr-loading-in-process-inner,
button,
input[type="submit"],
.button {
   cursor: pointer;
   display: inline-block;
   color: var(--colorW);
   font-size: var(--textXS);
   line-height: var(--linehTXS);
   font-weight: 700 !important;
   padding: 15px 70px;
   border-radius: var(--br2);
   border: 2px solid var(--color2);
   background: var(--color2);
   transition: 0.3s;
}

span.inf-scr-load-more-btn-inner,
span.inf-scr-loading-in-process-inner,
button:hover,
button:active,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="submit"]:focus,
.button:hover,
.button:active,
.button:focus {
   color: var(--color2);
   border: 2px solid var(--color2);
   background: none;
}

p.error {
	position: absolute;
	bottom: -3px;
	right: 10px;
	/* font-size: 1.000rem; */
	/* line-height: 1.250rem; */
   font-size: var(--textXS);
   line-height: var(--linehTXS);
	color: var(--color2);
}

select,
input::placeholder,
textarea::placeholder {
   color: #807D7D;
   opacity: 1;
}

@media only screen and (max-width : 1200px) {
	p.error {
	bottom: 5px;
	}

	.widget-textarea p.error {
	bottom: 10px;
	}
}

@media only screen and (max-width : 991px) {
	p.error {
	bottom: 10px;
	}

	.widget-textarea p.error {
	bottom: 30px;
	}
}

/********************************************************************************/

.widget-text.w50,
.widget-textarea.w50,
.widget-select.w50 {
   display: inline-block;
   width: calc(50% - 11px);
}

.widget-text.w100,
.widget-textarea.w100,
.widget-select.w100 {
   width: 100%;
}

.full-width {
   display: block !important;
}

/********************************************************************************/
/* Select - https://doodlenerd.com/html-control/css-dropdown-generator */

.select {
   position: relative;
   /* display: inline-block; */
}

.select select {
   cursor: pointer;
   display: inline-block;
   outline: 0;
   appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none;
}

.select select::-ms-expand {
   display: none;
}

.select select:hover,
.select select:focus {

}

.select_arrow {
   z-index: 1;
   position: absolute;
   top: 8px;
   right: 10px;
   pointer-events: none;
   width: 30px;
   height: 30px;
   /* border-style: solid; */
   /* border-width: 8px 5px 0px 5px; */
   /* border-color: #7b7b7b transparent transparent transparent; */
   background: url('/files/data/img/symbols/accordeon_open_solid.svg') no-repeat;
}

.select select:hover~.select_arrow,
.select select:focus~.select_arrow {
   border-top-color: #000;
}

/********************************************************************************/
/* Select - CuteSelect: https://codepen.io/RedStarZOn/pen/MWzJLy */

select {
   z-index: 1;
   cursor: pointer;
   line-height: normal;
}

select option {
   padding: 10px;
   background: var(--color5);
   box-shadow: 0 3px 2px var(--color7);
}

select option:nth-last-child(1) {
   border-bottom-left-radius: var(--br2);
   border-bottom-right-radius: var(--br2);
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for News Modul
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

/* .infinite_scroll_newslist_container */
.mod_newslist_infinite_scroll {
    display: flex;
    flex-wrap: wrap;
    gap: 7.1rem;
    width: 100%;
}

.layout_latest,
.layout_full .ce_text {
  display: flex;
  gap: 5em;
  margin-bottom: 5em;
}

@media only screen and (min-width : 1000px) {
  div.layout_latest:nth-of-type(2n) {
  flex-direction: row-reverse;
  }
}

.layout_latest p.info,
.layout_latest p.more,
.layout_latest h2,
.layout_latest .ce_text {
    /* padding: 0 var(--padding2); */
}

.layout_latest p.info,
.layout_full p.info {
    display: none;
}

.layout_latest h2 {
    padding-bottom: 1.625rem;
}

.layout_latest .ce_text {
    /* padding: 0 var(--padding2); */
}

.layout_latest p.more {
    /* padding-bottom: 1.875rem; */
}

@media only screen and (max-width : 767px) {
  .layout_latest p.more {
  /* padding-bottom: 0; */
  }
}

.layout_latest figure,
.layout_full figure {
    display: flex;
    flex-basis: 50%;
    max-width: 50%;
}

.layout_latest .inhalte,
.layout_full .inhalte {
    display: flex;
    flex-basis: 50%;
    max-width: 50%;
    flex-direction: column;
}

.layout_latest h3 a {
    color: var(--color1);
    border: none;
}

@media only screen and (max-width : 999px) {
  .layout_latest,
  .layout_full .ce_text {
  flex-direction: column-reverse;
  align-items: center;
  }
  
  .layout_latest figure,
  .layout_full .inhalte,
  .layout_full figure {
  max-width: 100%;
  }
}

/*****/

.mod_newsreader .layout_full .content,
.mod_newsreader p.back {
    /* max-width: 788px; */
}

.mod_newsreader p.back {
    /* margin: 1rem auto; */
}

.mod_newsreader .layout_full p.info {
    /* margin-top: 165px; */
    /* padding-bottom: 35px; */
}

.mod_newsreader .layout_full h1 {
    /* padding: 0 0 55px 0; */
}

.mod_newsreader .layout_full figure {
    display: flex;
    justify-content: center;
    align-items: center;
    /* height: 620px; */
}

.mod_newsreader .layout_full figure picture,
.mod_newsreader .layout_full figure picture img {
    width: 100%;
}

/*****/

p.back {
    /* display: flex; */
    /* justify-content: flex-end; */
    /* width: 100%; */
}

/*
p.back a {
    display: flex;
    align-items: center;
    border-bottom: none;
}

p.back svg {
    height: 20px;
    color: var(--color2);
    margin-right: 5px;
    transition: 0.3s;
}

p.back a:hover svg {
    color: var(--color1);
    margin-right: 10px;
}
*/

/*****/

.pagination {
    display: none;
}

.pagination li {
    display: inline-block;
}

.pagination li:nth-child(1) {
    padding-left: 0;
}

.inf-scr-load-more-btn-container,
.inf-scr-loading-in-process-container {
    text-align: center;
    width: 100%;
    /* margin-top: 100px; */
}

.inf-scr-loading-in-process-container,
.inf-scr-load-more-btn-inner,
.inf-scr-loading-in-process-inner {
    font-family: var(--font1);
    font-size: var(--text);
    line-height: var(--linehT);
    text-align: center;
    /* margin-top: 100px; */
}

/********************************************************************************/

/********************************************************************************/
/*
Description: CSS File for Timeline
Theme Name: Spedition Zollner
Theme URI: https://www.spedition-zollner.de
Version: 1.0 [06.2024]
Author: V15* Thorsten Neuhaus
Author URI: http://www.v15.de/
*/
/********************************************************************************/

.timeline {
  max-width: 1350px;
  margin: 0 auto;
  overflow: visible;
}

.timeline ul {
  padding: 50px 0 0 0;
}

.timeline ul li {
  position: relative;
  margin: 0 auto;
  width: 1px;
  padding-bottom: 10px !important;
  padding-left: 0 !important;
  list-style-type: none;
  background: var(--color2) !important;
}

.timeline ul li:last-child {
  padding-bottom: 20px;
}

.timeline ul li:before {
  content: '' !important;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 30px;
  height: 30px;
  border: 1px solid  var(--color2);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-left: 0 !important;
  background: #fff;
}

.timeline ul li .hidden {
  opacity: 0;
}

.timeline ul li .ereignis {
  position: relative;
  display: block;
  top: 2px;
  width: 629px;
  margin: 0 !important;
  /* background: #f5f5f5; */
}

.timeline ul li .ereignis:before {
  content: '';
  background: var(--color2);
  position: absolute;
  top: 13px;
  width: 30px;
  height: 1px;
}

.timeline ul li:nth-child(odd) .ereignis {
  left: 50px;
}

/*****/

.timeline .content-text.media {
  display: inline-block !important;
  vertical-align: top;
  padding: 0;
  margin: 0 0 0 10px !important;
}

.timeline ul li:nth-child(odd) .content-text.media {
  margin: 0 0 0 10px !important;
  text-align: left;
}

.timeline ul li:nth-child(even) .content-text.media {
  margin: 0 10px 0 0 !important;
  text-align: right;
}

/*
.timeline figcaption {
  font-size: 70%;
  text-align: left;
  line-height: 1.2em;
  color: #333;
  margin: 0;
  padding: 0;
  background: #fff;
}
*/

/*****/

.timeline ul li:nth-child(odd) .content-text p {
  left: 50px;
  text-align: left;
}

.timeline ul li:nth-child(odd) .ereignis:before {
  left: -34px;
}

.timeline ul li:nth-child(even) .ereignis {
  left: calc(-629px - 50px);
  text-align: right;
}

.timeline ul li:nth-child(even) .content-text p {
  text-align: right;
}

.timeline ul li:nth-child(even) .ereignis:before {
  right: -35px;
}

@media screen and (max-width: 1400px) {
  .timeline ul li .ereignis {
  width: 44vw;
  }
  
  .timeline ul li .ereignis .rte {
  padding: 0 20px 0 0 !important;
  }

  .timeline ul li:nth-child(even) .ereignis {
  left: calc(-44vw - 50px);
  }
  
  .timeline ul li:nth-child(even) .ereignis .rte {
  padding: 0 0 0 20px !important;
  }
}

@media screen and (max-width: 1000px) {
  .timeline ul li .ereignis {
  width: 40vw;
  }

  .timeline ul li:nth-child(even) .ereignis {
  left: calc(-40vw - 50px);
  }
}

@media screen and (max-width: 700px) {
  .timeline ul li {
  margin-left: 40px;
  }

  .timeline ul li .ereignis {
  width: calc(100vw - 120px);
  }

  .timeline ul li:nth-child(even) .ereignis {
  left: 50px;
  text-align: left;
  }

  .timeline ul li:nth-child(even) .ereignis:before {
  left: -33px;
  }
  
  .timeline ul li:nth-child(2n) .content-text.media {
  text-align: left;
  }

  .timeline ul li:nth-child(2n) .ereignis .rte {
  padding: 0 !important;
  }
  
  .timeline ul li:nth-child(2n+1) .content-text.media {
  margin: 0 !important;
  }

  .timeline ul li:nth-child(even) .content-text p {
  text-align: left;
  }
}

@media screen and (max-width: 465px) {
  .timeline .content-text.media {
  height: auto;
  padding-bottom: 20px;
  }
}

/********************************************************************************/