@import url("www.cologne-bonn-translations.com/cologne-bonn-translations/assets/fonts/google-fonts/google-fonts.css");

@import url(colors3.css);

/* CUSTOM COLOGNE BONN TRANSLATIONS */

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

/* .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: -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 {
    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: -80px;
}

.inner-nav.mobile_nav .mobile_menu_switcher {
    background-color: #3C4C99;
}

.mobile_nav li:hover a:not(.cws-button) {
    color: #233588 !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; 
}

#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 */
}

.cws-button.color-2.alt {
  /*margin-top: 20px; */
  background: #fff;
  border: 2px solid #233588;
  color: #233588;
}

.banner-section.pt-30.pb-30.custom-1 .cws-button.alt.color-2 {
  margin-top: 20px;
}

.banner-section.pt-30.pb-30.custom-2 .cws-button.alt.color-2 {
  margin-top: 35px;
}

.cws-button.color-2.alt:hover {
  color: #fff !important;
  background: #233588;
}

.contact-form .cws-button {
  color: #fff;
  background: #233588;
  border: 2px solid #233588;
}

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

.main-nav {
  background: #fff;
}

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

.banner-section {
  background: #3C4C99;
}

footer.footer {
  background: #233588; 
}

nav .inner-nav.mobile_nav.opened ul {
  background: #fff;
}

.divider.mini {
  background: #999;
}

.divider.left {
  background: #233588;
}

.mb-25 {
  background: #233588;
}

.hover-effect-2:hover .opacity:hover h3 {
  color: #233588;
}

.cws-icon.main-color {
  color: #233588;
}

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

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

.inner-nav ul li a:hover, .inner-nav ul li a.active {
color: #233588;
}

.nav-logo-wrap .logo {
  max-width: 260px;
}

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

p a:hover {
  color: #999 !important
}

input[type="checkbox"]::before {
  color: #233588;
}

.widget-footer p a:hover, .widget-footer ul li a:hover {
  color: #999 !important;
}

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

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

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

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

.cws-social:hover::before {
  color: #999;
}

.site-top-panel .cws-social:hover {
  color: #999;
}

.flaticon-telephone:before {
  color: #fff;
}

.flaticon-envelope:before {
  color: #fff;
}

.site-top-panel .cws-social {
  color: #fff;
}

.pic .links .link-icon.alt {
  color: #233588;
  box-shadow: 0 0 0 1px #233588;
}

.pic .links .link-icon.alt:hover {
  background: #233588;
}

.site-top-panel {
  background: #3C4C99;
}

#scroll-top:hover i {
  color: #233588;
}

.service-bg-icon.service-item1::before, .service-center-icon.service-item1::before {
  background: #3C4C99;
}

.service-item1-text {
  color: #fff !important;
}

.service-bg-icon.service-item2::before, .service-center-icon.service-item2::before {
    background: #233588;
}

.service-item2-text {
    color: #fff !important;
}

.service-bg-icon.service-item3::before, .service-center-icon.service-item3::before {
    background: #3C4C99;
}

p a {
  color: #233588;
}

.alert.alert-danger.alt {
  background: #882323;
  border-color: #882323;
}

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

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

.contact-address p a:hover {
	color: #233588 !important;
}

@media (max-width: 991px) {
.row.flex-box.services-with-bg.mt-minus {
    padding-top: 10px !important;
    box-shadow: none !important;
}
} 

.bg-gray {
	background: #eee;
}

.pricing-tables .header-pt {
	background: #3c4c99;
	margin-bottom: 15px;
}

.pricing-tables {
	border: 2px solid #3c4c99;
	border-radius: 0px;
}

.cws-icon.type-3 {
	border: 1px solid #3c4c99;
}

.cws-icon.type-3::after {
	background: #3c4c99;
	border: 1px solid #3c4c99;
}

.service-item:hover .cws-icon.type-3::before {
	color: #3c4c99 !important;
}

.service-item:hover .cws-icon.type-3::after {
  background: transparent;
  border-color: var(--color4);
  -webkit-box-shadow: 0px 0px 0px 5px #3c4c99;
  -moz-box-shadow: 0px 0px 0px 5px #3c4c99;
  box-shadow: 0px 0px 0px 5px #3c4c99;
}

.service-item2.icon-right .cws-icon {
	margin-left: -80px;
}

ul li::before {
  display: none;
}

.page-section.pt-50.pb-30.custom-bg {
	background: #3C4C99 !important;
}

.pic .hover-effect {
  background: none !important;
  border: 1px solid #fff;
}

.pricing-tables ul {
  padding-bottom: 5px;
}

.pricing-tables ul li {
  font-weight: bold;
}

.custom-flex-box {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
}

.custom-flex-box .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
}

.custom-flex-box .col-sm-4.mb-sm-40 {
    display: flex;
}

.flex-item-end {
	align-self: auto;
	display: inherit;
	overflow: hidden;
}

.service-item.icon-right.mb-50 {
	min-height: 100px;
}

.page-section {
	padding-top: 0px;
	padding-bottom: 0px;
}

@media only screen and (max-width: 991px) {
.mb-md-170 {
    margin-bottom: 40px !important;
}
}

.banner-section.pt-30.pb-30.custom h2 {
  padding-top: 15px;
}

.map-full-width.border-t {
  border-top: 1px solid #233588;
}

.service-item.icon-right.mb-50 {
	margin-bottom: 0;
}

.col-md-4.mb-md-50 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
}

.row.flex-box .col-md-4 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;	
}

@media (max-width: 1195px) {
	.inner-nav ul li {
	  /*margin-left: 20px; */
	}
} 


.service-bg-icon.service-item4::before, .service-center-icon.service-item4::before {
  background: #233588 !important;
}

.cws-button {
	border: 2px solid #fff;
}

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

a, b, div, ul, li {
    scroll-margin-top: 50px !important;
}

.cws-button.small {
	color: #3C4C99;
	border: 2px solid #3C4C99 !important;
}

.cws-button.small:hover {
  color: #fff !important;
  background: #3C4C99;
}

.row.flex-box .col-md-4 .cws-button {
	border: 2px solid #fff !important;
}

.site-top-panel .lang-wrap > * {
    display: inline;
    margin-left: 5px;
}

.logocontainer {
  display: flex;
  justify-content: center;
}