@import url(colors.css);

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

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

a {
  color: #ff0000;
  cursor: pointer;
}

.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: -25px;
}

.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 menu-item-3 {
  color: #393232 !important;
}

.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);
}

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

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

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

.mobile_nav li:hover a:not(.cws-button) {
    color: var(--color18) !important;
}

.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; 
}

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

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

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

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

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

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

hr.style-2 {
  visibility: hidden;
}

.alert.alert-danger.alt {
  background: #ff0000;
  border-color: #ff0000;
  margin-top: 25px;
  margin-left: 25px;
}

.alert.alert-success.alt{
  background: #258c14;
  border-color: #258c14;
}

.cws-button {
 float: right;
}

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

.products .product {
  width: calc(45%);
/*  margin: auto; */
  margin-bottom: 30px;
}

.products {
  justify-content: center;
  margin-left: 0px;
}

  @media (max-width: 768px) {
.products .product {
  width: calc(95%);
  }
}

.contact-form input:hover, .contact-form input:active {
  border: 1px solid #ff0000 !important;
}

.contact-form .cws-button {
  font-style: normal;
  border: 2px solid #ff0000;
  background: transparent;
  color: #ff0000;
}

.contact-form .cws-button:hover {
  border: 2px solid #ff0000 !important;
  background: #ff0000;
  color: #ffffff;
}

a.logo.small-height {
  margin-top: 40px;
}

.blog-item .blog-media {
  border-radius: 0px;
}

.blog-item .blog-item-data .blog-title {
  display: flex;
}

h3.text-white {
  display: flex;
}

.blog-item.small .blog-item-data .blog-title {
    font-size: 24px;
}

.fancybox-skin {
  border-radius: 0px;
}

.link-icon{
  line-height: 33px;
}

.blog-item-body p {
	text-align: justify;
}

footer.footer .copyright {
  border-top: none;
  padding: 18px 0;
  margin-top: 90px;
  background: #f7f7f7;
}

.widget-footer h3 {
  color: #777;
}

.nav-logo-wrap .logo img {
  max-height: 50%;
}

ul li::before {
  border: 1px solid #ff0000;
}

.widget-contact-form.pb-0 {
  margin-top: 25px;
  margin-left: 25px;
}

p a {
  color: #ff0000;
}

.cws-button {
  border: 2px solid #ff0000;
  color: #ff0000;
  background: transparent;
}

.cws-button:hover {
  border: 2px solid #ff0000;
  color: #ffffff !important;
  background: #ff0000;
}

.contact-form textarea:hover, .contact-form input:active {
  border: 1px solid #ff0000 !important;
}

.alert a {
  color: #ffffff;
  text-decoration: underline;
}