body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.container.grid-container {
width: 100%;
} .main-nav > ul.menu > li.menu-item > a {
position:relative;
}
.main-nav > ul.menu > li.menu-item > a:after {
content: "";
width: 100%;
height: 20px;
position: absolute;
top:50%;
left:0;
transform: translateY(-50%);
border-right: 1px solid #e6e6e6;
z-index:9999; 
}
@media (min-width: 769px) {
.site-logo {
position: absolute;
top: 6px;			
z-index: 10;       
}		
nav .main-nav .mega-menu {
position: static;
}
nav .main-nav .mega-menu > ul {
position: absolute;
width: 100%;
left: 0 !important;
display: flex;
flex-wrap: wrap;
box-shadow: none!important;
border-top: 1px solid #e8e8e8;
padding-top: 20px!important;
padding-bottom: 20px!important;
}
.site-logo {
position: absolute;
top: 6px;			
z-index: 10;       
}	
}
nav .main-nav .mega-menu > ul {
position: absolute;
width: 100%;
left: 0 !important;
display: flex;
flex-wrap: wrap;
}
nav .main-nav .mega-menu > ul > li > a {
font-weight: bold;
}
nav .main-nav .mega-menu>ul>li {
display: inline-block;
width: 25%;
vertical-align: top;
margin: 10px 0;
padding: 0 10px;
border-right: 1px solid #ddd;	
}
nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
width: 50%;
}
nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
width: 33.3333%;
}
nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
width: 20%;
}
nav .main-nav .mega-menu > ul > li:hover > a,
nav .main-nav .mega-menu > ul > li:focus > a,
nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
nav .main-nav .mega-menu ul ul {
background-color: transparent !important;
color: inherit;
}
nav .main-nav .mega-menu ul .sub-menu {
position: static;
display: block;
opacity: 1;
visibility: visible;
width: 100%;
box-shadow: 0 0 0;
left: 0;
height: auto;
pointer-events: auto;
transform: scale(1);
}
nav .main-nav .mega-menu ul.toggled-on .sub-menu {
pointer-events: auto;
}
nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
display: none;
}
@media (max-width: 768px) {
.site-logo {
position:absolute!important;
width: 100px!important;
top: 2px;
z-index: 10;
}
.top-bar
{
display: none!important;
}	
.secondary-navigation {
display: none;
}
.search-item {
display: none;
}	
}
.secondary-navigation {
position: relative;
}
.secondary-navigation,
.site-header,
#mobile-header
{
position: relative;
box-shadow: 0px 1px 3px 0px rgba(0,0,0,.3);
}
.main-navigation {
position: relative;
}
@media(min-width: 851px) { 
.main-navigation.navigation-stick .navigation-branding img {
position:absolute!important;
height: 120px !important;
top: -7px;
z-index: 10;
}
} .header {
position: fixed;
top: 0px;
z-index:99999 ;
width: 100%;  
}
.progress-bar {
height: 3px;
background: #5B5B5B;
width: 0%;
}
.startcontainer {
background-color: rgba(255, 255, 255, 0.5)!important;
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.startcontainer {
-webkit-backdrop-filter: blur(16px)!important;
backdrop-filter: blur(16px)!important; 
}  
}
.infobtn{	color: #d7d7d7;
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top,  #666,  #000);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.reviewstext{
min-height:335px;	
} .background-video {
position: absolute;	
width: 100%;
height: 100%;
}
.video-button {
display: none;
position: absolute;
z-index:2;
bottom: 0;
right: 0;
transform: translate(-50%, -50%);
border-radius: 50%;
padding: 30px;
background-color: rgba(0,0,0,0.5);	
color: #fff!important;
display: flex; 
justify-content: center; 
align-items: center;
}
.video-container:hover .video-button {
background-color: rgba(0,0,0,0.9);
color:#fff;
}
video[poster] {
object-fit: cover;
width: 100%;
height: 100%;
}
.start::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 1; 
transition: background 0.9s ease;
}
.start:hover::before {
background: rgba(0, 0, 0, 0.3);
} .alert-info {
padding: 15px;
background-color: #5B5B5B;
color: white;
text-align:center;
}
.close-button {
float:right;
font-size: 20px;
background-color: transparent;
color:#333333;
border: none;
padding: 10px;
transition: background-color 0.5s, color 0.5s;
}
.close-button:hover {
background-color: transparent;
color: #5B5B5B;
font-weight:bold;
} .header {
position: fixed;
top: 0px;
z-index:99999 ;
width: 100%;  
}
.progress-bar {
height: 3px;
background: #5B5B5B;
width: 0%;
} .fade-in {
opacity: 0;
transform: translateY(20vh);
visibility: hidden;
transition: opacity 0.6s ease-out, transform 1.2s ease-out;
will-change: opacity, visibility;
}
.fade-in.is-visible {
opacity: 1;
transform: none;
visibility: visible;
}
#page {
-webkit-animation: fadein 2s;
animation: fadein 2s;
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} .gb-container.post-container > .gb-inside-container > .gb-grid-wrapper::-webkit-scrollbar {
background-color: #fff;
width: 16px;
}
.gb-container.post-container > .gb-inside-container > .gb-grid-wrapper::-webkit-scrollbar-track {
background-color: #fff;
}
.gb-container.post-container > .gb-inside-container > .gb-grid-wrapper::-webkit-scrollbar-thumb {
background-color: #babac0;
border-radius: 16px;
border: 4px solid #fff;
}
.gb-container.post-container > .gb-inside-container > .gb-grid-wrapper::-webkit-scrollbar-button {
}
.gb-container.post-container > .gb-inside-container > .gb-grid-wrapper {
height:575px;   
overflow-y: auto;
} .section-title span.gb-icon {
order: 2;	 
margin-left: 10px!important;    
}
.gb-headline, .gb-headline-text, .gb-button-wrapper {
-webkit-animation: fadein 2s;
animation: fadein 2s;
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
}
@keyframes fadein {
from { opacity: 0; }
to   { opacity: 1; }
} .module-title {
text-align: center;
padding-bottom: 40px;
position: relative;    
}
.module-title{
padding-bottom: 44px;
}
.module-title .main-title {
margin: 0;
text-align: center;
line-height: 1;
text-transform: uppercase;
color: #000;
margin-top: 1px;
position: relative;
background-attachment: scroll;
background-image: url(https://koelner-containerdienst.de/wp-content/uploads/2022/11/divider.png);
background-repeat: repeat-x;
background-position: center center;
}
.module-title h2 {
z-index: 10;
margin: 0;
font-size: 36px;
position: relative;
display: inline-block;
background: #fff;
padding: 0 30px;
line-height: 1;
color: #212121;
background-color: #fff;
}
.module-title h2 span {
color: #5B5B5B;
}
.has-sb .module-title h2 {
font-size: 30px;
}
.module-title .sub-title p {
margin: 0;
color: #888;
font-size: 16px;
} .gb-button,.read-more {
box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
} .wp-block-gallery.has-nested-images figure.wp-block-image img {
aspect-ratio: 1; }
.wp-block-gallery.has-nested-images figure.wp-block-image {
flex-grow: 0; 
margin-bottom:10px!important;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} .filter{display:none!important;}
.vgbVideoGallery{
box-shadow:none!important;	
}
.galleryItem{
flex-grow: 0; 
margin-bottom:10px!important;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
} .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
background-color: #fff;
color: #000; 
box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
}
.wpcf7-submit {
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.wpcf7-submit:hover {
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}
.wpcf7 textarea {
height: 100px;
}
.wps-form {
width: 100%;
margin: 0 auto;	
}
.wps-form-row {
display: flex;
flex-direction: column;
width: 103%;
}
.wps-form-row .wpcf7-form-control {
width: 100%;  
}
.wps-form-column {
flex: 1;
padding: 0.5rem 0;
width: 100%;
}
@media only screen and ( min-width: 48em ) { 
.wps-form-row {
flex-direction: row;
}
.wps-form-column {
padding: 0.5rem 1rem;
}
} .accordion-container {
display: none;
padding: 20px;
}
.accordion-container.toggle-open {
display: block;
}
.accordion-toggle {
cursor: pointer;
}
.accordion-toggle {    
padding: 10px 20px;
margin-top: 10px;
margin-bottom: 0;
}
.accordion-toggle:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-right: 20px;
}
h4.accordion-toggle.toggle-open:after {
content: "\2212";
} .blog article.post .inside-article, .archive article.post .inside-article {
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
padding:15px;	
}
.archive .entry-title,
.wp-block-latest-posts li {
text-align: center;
}
.archive .page-header p
{
background-color:#fafafa;
padding:15px;	
border:1px solid #eeeeee; 
} .sidebar h2.widgettitle {
text-align:center;
}
.widget_block{
margin-top: 0px!important;
margin-bottom: 0px!important;
}
@media(min-width: 769px) {
.both-sidebars .site-content {			
display: flex;
}
#left-sidebar, #primary, #right-sidebar {
left: unset;
}
#left-sidebar {
order: -1;
}
.inside-left-sidebar, .inside-right-sidebar {
background-color:#ffffff;
position: -webkit-sticky;
position: sticky;
top: 100px;  
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;	
}
}
.inside-left-sidebar, .inside-right-sidebar h2 {
font-size: 20px;
font-weight: 700;
padding: 0 0 0 0;
margin: 0 0 15px 0;
color: #556270;
position: relative;
}
.inside-left-sidebar, .inside-right-sidebar ul {
list-style: none;
padding: 0;
}
.inside-left-sidebar, .inside-right-sidebar ul li + li {
padding-top: 10px;
}
.inside-left-sidebar, .inside-right-sidebar ul a {
color: #556270;
transition: 0.3s;
}
.inside-left-sidebar, .inside-right-sidebar ul a:hover {
color: #5B5B5B;
}
.inside-left-sidebar, .inside-right-sidebar .tag-cloud-link {
border:1px solid #cccccc;
padding:10px;
} .wp-block-tag-cloud a.tag-cloud-link {
border:1px solid #e6e6e6;
padding:10px;
}
.tag-cloud-link{
margin-bottom:5px!important;	
}
.wp-block-tag-cloud a {
padding: 10px;
background: #fafafa;
color: #333333;
}
.wp-block-tag-cloud a:hover {
padding: 10px;
color: #fff;
border: 1px solid #5B5B5B;
background: #5B5B5B!important;
}
.tag-cloud-link a:hover {
color: #fff;
border: 1px solid #5B5B5B;
background: red!important;
}
.tags-links a {
border:1px solid #e6e6e6;
padding:5px;
} .rpwwt-widget li{	
border-bottom:1px solid #eeeeee;	
}
.rpwwt-post-excerpt{
font-size: 13px;	
color:#a6a6a6;		
}
.rpwwt-widget ul{
margin-top:35px!important;	
}
.rpwwt-widget li:hover{
background-color:#fafafa;
} .paging-navigation{
background:transparent!important;	
padding-left:0px!important;		
}
nav#nav-below.paging-navigation span.page-numbers.current {font-weight:700;border:solid 1px #5B5B5B; background:#5B5B5B; padding:13px 15px 13px 15px; margin-right:10px; color:#fff;}
nav#nav-below.paging-navigation a.page-numbers {font-weight:400;border:solid 1px #5B5B5B; background:transparent; padding:13px 15px 13px 15px; margin-right:10px;}
nav#nav-below.paging-navigation a.page-numbers:hover {font-weight:400;border:solid 1px #5B5B5B; background:#5B5B5B; padding:13px 15px 13px 15px; margin-right:10px; color:#fff;} .boxzilla-load-more-articles {
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.boxzilla-load-more-articles .first-child{
background-color:#333333;
color:white;	
}
.display-posts-listing.image-left .listing-item {
overflow: hidden; 
margin-bottom: 32px;
width: 100%;
}
.display-posts-listing.image-left .image {
float: left;
margin: 0 16px 0 0;
width:100px;
border: 1px solid #eeeeee;
padding: 0.5em;
}
.display-posts-listing .excerpt-more   {
display: block;    
}
.display-posts-listing.image-left .title {
display: block;
}
.display-posts-listing.image-left .excerpt-dash { 
display: none; 
}
.display-posts-listing .excerpt { 
font-size: smaller;
} .inside-footer-widgets .inner-padding {
margin-bottom: 15px!important;
}
.footer-widget-1,.gb-headline-tex{
font-size:15px;
}
.wp-block-social-links {
margin-bottom: 0 !important;
} .footernavbar {
overflow: hidden;  
position: fixed;
z-index:99999;	
bottom: 0;
width: 100%;
color: #d7d7d7;
border: solid 1px #333;
background: #333;
background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
background: -moz-linear-gradient(top,  #666,  #000);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.footernavbar a {
float: left;
display: block;
width:25%;
color: #f2f2f2;
text-align: center;
padding: 18px 20px;
text-decoration: none;
font-size: 17px;  
}
.footernavbar .borderactive {
border-right:1px solid #262626;
}
.footernavbar a:hover {
background: #000;
background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
background: -moz-linear-gradient(top,  #444,  #000);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.footernavbar a.active {
color: #666;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
background: -moz-linear-gradient(top,  #000,  #444);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}
.footernavbar svg {
-webkit-filter: drop-shadow( 2px 2px 1px rgba(0, 0, 0, .7));
filter: drop-shadow( 2px 2px 1px rgba(0, 0, 0, .7));
}
@media (max-width: 768px) {
.footer-bar{
margin-bottom:50px!important;	
}
}
h2.entry-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 300px;
}
.wpcf7-form {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wpcf7-form * {
width: 100%;
}
.wpcf7-form p:nth-of-type(1),
.wpcf7-form p:nth-of-type(2),
.wpcf7-form p:nth-of-type(3),
.wpcf7-form p:nth-of-type(4) {
max-width: calc( 50% - 5px );
}
.wpcf7-acceptance input[type=checkbox] {
width: auto;
height: 1em;
}
@media (max-width: 768px) {
.sidebar {
display: none;
}
.wpcf7-form p:nth-of-type(1),
.wpcf7-form p:nth-of-type(2),
.wpcf7-form p:nth-of-type(3),
.wpcf7-form p:nth-of-type(4) {
max-width: calc( 100% - 5px );
margin-top:-30px;
}
}
table {
font-size: 14px;
}		
@media (max-width: 768px) {
.generate-back-to-top {
bottom:80px;
}
}.rpwwt-widget ul { list-style: outside none none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
.rpwwt-widget ul li { overflow: hidden; margin: 0 0 1.5em; }
.rpwwt-widget ul li:last-child { margin: 0; }
.rpwwt-widget .screen-reader-text {border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.rpwwt-widget .screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
.rpwwt-widget ul li img { display: inline; float: left; margin: .3em .75em .75em 0; }
.rpwwt-widget ul li img { width: 75px; height: 75px; }