/* @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,400;0,600;1,200;1,300;1,600&display=swap"); */

@import url(colors20211018172316.css);

@import url("../fonts/google-fonts.css");

/* CUSTOM LUDUS */

 .nav-logo-wrap .logo {
	max-width: 150px;
    height: 150px;
	margin-top: -30px;
} 

.nav-logo-wrap .logo img {
    max-height: 160px;
    margin-top: -80px;
}

@media (max-width: 990px) {
.nav-logo-wrap .logo img {
    max-height: 100px;
    margin-top: 30px;
}

.nav-logo-wrap .logo img:not(.sticky-logo) {
    display: inline-block;
max-height: 150px;
margin-top: 0px;
}

}

.nav-logo-wrap .logo {
    /* max-width: 46px; */
    height: 250px;
}

/* .banner-section {
    background: var(--color3);
} */

.service-item {
    border: 1px solid #e6e6e6;
    padding: 9px 9px 16px 9px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-align: center;
}

.nav-logo-wrap .logo {
    max-width: 350px;
    /* height: 150px; */
    margin-top: -30px;
}

.nav-logo-wrap {
    float: left;
    margin-right: 20px;
    margin-top: 0px;
}

.tp-banner-slider2 {
    height: 500px;
}

/* .logocontainer {
	display: flex; 
	justify-content: center; 
	align-items: center;
} */

/* a.logo::before {
    height: 100%;
} */

/* img, embed, object, video {
    max-width: 100%;
    height: auto;
} */

.main-nav {
    background: var(--color14);
}

.inner-nav ul li a {
    color: #fff;
}

.text-layer {
    color: var(--color15) !important;
}

.service-item2 {
    border: 0px;
}

.service-item2.icon-right .cws-icon {
    float: left;
    margin: 0px 20px 0 0;
        margin-top: 0px;
}

.products .product {
    width: calc(25% - 30px);
    width: -moz-calc(25% - 30px);
}

.bg-gray {
    background: var(--color16);
}

.small-height .nav-logo-wrap .logo img.sticky-logo {
    margin-top: 0px;
}

.inner-nav.mobile_nav .mobile_menu_switcher {
    background-color: var(--color17);
}

.mobile_nav li:hover a:not(.cws-button) {
    color: var(--color1) !important;
    background: #2b2d84e3;
}

.mobile_nav ul li {
    background-color: var(--color19);
}

.services-with-bg {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.cws_prlx_section .overlay.opacity-8 {
    opacity: 0.6;
}

.pic .hover-effect {
	background: none !important;
    border: 1px solid var(--color81);
}


/* Eckige Elemente */
.portfolio-item .pic {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

.product .pic {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

.contact-form input:not(.cws-button), .contact-form textarea {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

.cws-button {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}

#scroll-top {
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px; 
}


.cws-button.color-2.alt:hover {
    background: #ffffff;
}

/* Anker offset */
:target:before {
content:"";
display: block;
height: 0px; /* fixed header height*/
margin: 0px 0 0; /* negative fixed header height */
}

[class^="flaticon-"]::before, [class*=" flaticon-"]::before, [class^="flaticon-"]::after, [class*=" flaticon-"]::after {
    vertical-align: -5px;
}

.mn-sub {
 background-color: var(--color14);
}


.contact-form input:hover, .contact-form input:active {
    border: 2px solid var(--color71) !important;
}


.service-item.icon-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 400px;
}

.filter-grayscale {
    filter: grayscale(0%);
    opacity: 1;
}

.filter-grayscale:hover {
    transition: 0.01s;
    border: 2px solid var(--color3);
}


.cws-button.color-2.alt {
    margin-top: 20px;
}

@media (max-width: 995px) {
.site-top-panel .cws-social {
  font-size: 0px;
}
} 

@media (max-width: 995px) {
.text-right {
  text-align: center;
}
} 

nav .inner-nav.mobile_nav.opened ul {
  background-color: var(--color2);
}

  @media (max-width: 768px) {
.nav-logo-wrap .logo {
 max-width: 110px;
}
}

.alert.alert-danger.alt {
  background: var(--color24);
  border-color: var(--color24);
}

.cws-button {
  float: right;
}

.site-top-panel .cws-social:hover {
  color: var(--color2);
}

.cws-social:hover::before {
 color: var(--color2);
}

.cws-button:hover {
  color: #fff !important;
}

.cws-button.color-2.alt:hover {
  color: var(--color1) !important;
}

.desktop-nav .flaticon-rocking-horse:before {
    font-size: 40px;
}
.navi-grafik {
  width: 70px;
}

.navi-grafik:hover {
  transform: scale(.93);
}

.fa.fa-angle-down.button_open:hover {
  background: #2b2d84e3;
}