/*
Theme Name: Mesmerize Child
Description: Ein Childtheme von Mesmerize
Author: Carlos Baez
Author URI: www.baezdesign.de
Template: mesmerize
Version: 1.0
Tags: Schamari Reinigungsservice, Weiterstadt, Wixhausen, Schneppenhausen, Darmstadt, Groß-Gerau, Büttelborn
*/

body {
  color: #121212;
}

.header, 
.header-homepage,
.header-wrapper {
display: none;
}

html, body, .p {
  font-size: 16px;
  line-height: 1.5rem;
  font-weight: 300;
}

.mesmerize-inner-page .page-content, 
.mesmerize-inner-page .content, 
.mesmerize-front-page.mesmerize-content-padding .page-content {
background-color: #ffffff !important;
}

/*//////////////////////////////////Header Anfang*/

a i.fa {
color: #ffffff;
}

a i.fa:hover {
color: #1D71B8;
}

.header-top-bar {
background-color: #1D71B8;
padding-left: 5%;
padding-right: 5%;
}

.top-bar-field i.fa {
  color: #121212;
}

.top-bar-field a:hover {
  color: #121212;
}

.top-bar-field {
float: left;
font-size: 12px;
text-align: left;
color: #ffffff;
padding: 11px 15px;
}

.top-bar-field a:link {
color: #ffffff;
}

.top-bar-field a:hover {
  color: #121212;
}

.top-bar-social-icons a:hover {
color: #121212;
}

p.header-subtitle2,
p.header-subtitle {
font-family: "Muli", sans-serif;
font-size: 1.8rem;
font-weight: 600;
line-height: 130%;
color: #ffffff;
margin-bottom: 1.25rem;
}

.inner-header-description.gridContainer {
display: none;
}

.inner-header-description {
display: none;
}

ul.dropdown-menu > li > a {
font-weight: 300;
font-style: normal;
font-size: 16px;
line-height: 160%;
letter-spacing: 1px;
text-transform: uppercase;
}

ul.dropdown-menu ul li {
  color: #121212;
}

a i.fa:hover {
  color: #121212;
}

/*//////////////////////////////////Header Ende*/


/*//////////////////////////////////Smart Slider Anfang*/

.elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding: 0px !important;
}

/*//////////////////////////////////Smart Slider Ende*/


/*//////////////////////////////////Links Anfang*/

a {
color: #121212;
text-decoration: none;
}

a:hover {
color: #121212;
}

a:link  { 
color: #1D71B8;
}

a:active  {
} 

a.color1:not(.button):hover {
color: #121212;
}

/*//////////////////////////////////Links Ende*/


/*//////////////////////////////////Farben Anfang*/

.background-blue {
background-color: #121212;
width: 100%;
}

element.style {
fill: #121212;
}

.staedte {
color: #121212;
}

.color1 {
color: #121212;
}

.bg-color1 {
background-color: #121212;
}

.border-color1 {
border-color: #121212;
}

a.color1:not(.button) {
color: #121212;
}

hr.small-line.color1 {
background-color: #121212;
}

.circle-counter.color1 .circle-bar {
stroke: #121212;
}

a {
color: #121212;
}

.read-more {
color: #121212;
}

.read-more.color1 {
color: #121212;
}

.tags-list a:hover {
background-color: #121212;
border-color: #121212;
}

.read-more.color1:hover {
color: #121212;
}

.nav-links .prev-navigation a:hover, .post-comments .navigation .prev-navigation a:hover,
.nav-links .next-navigation a:hover, .post-comments .navigation .next-navigation a:hover {
background-color: #121212;
}

.sidebar .widget > ul > li a:hover {
color: #121212;
}

.subscribe-form input[type="submit"]:hover {
background-color: #121212;
border-color: #121212;
}

.contact-form-wrapper input[type=submit]:hover {
background-color: #121212;
border-color: #121212;
}

.wpforms-form button[type=submit].wpforms-submit.color1:hover {
background-color: #121212;
border-color: #121212;
}

.comment-list li.comment.byuser {
border: 1px solid #121212;
}

.comment-reply-link {
color: #121212;
}

svg.section-separator-top path,
svg.section-separator-bottom path {
background-color: #121212;
}

i.fa.icon.bordered, i.fa.icon.card[class*="bottom-border-"] {
border: 2px solid #121212;
}

i.fa.icon.reverse {
background-color: #121212;
}

hr.small-line {
background-color: #121212;
}

.subscribe-form input[type="submit"] {
background-color: #121212;
border: 2px solid #121212;
}

.top-right-triangle.color1 {
border-right-color: #121212;
}

.checked.decoration-color1 li:before {
color: #121212;
}

.stared.decoration-color1 li:before {
color: #121212;
}

.card.bottom-border-color1 {
border-bottom-color: #121212;
}

.card.card-color1 {
background-color: #121212;
}

.card.bg-color1 {
background-color: #121212;
}

.border-color1 {
border-color: #121212;
}

.contact-form-wrapper input[type=submit] {
background-color: #121212;
border: 2px solid #121212;
}

.wpforms-form button[type=submit].wpforms-submit.color1.outline {
color: #121212;
border-color: #121212;
}

.background-blue {
background-color: #121212;
width: 100%;
padding: 25px 0 25px 0;
}

.font-white {
color: #ffffff;
}

/*//////////////////////////////////Farben Ende*/


/*//////////////////////////////////Footer Anfang*/

.footer-contact-boxes .footer-content {
background-color: #121212;
}

.footer-contact-boxes a:hover {
color: #121212;
}

.mesmerize-content-padding #page > .page-content, .mesmerize-inner-page #page > .page-content {
padding-bottom: 2rem;
}

.footer a:hover {
color: #121212;
text-decoration: none;
}

.footer a {
color: #ffffff;
text-decoration: none;
}

.footer-contact-boxes .col-sm-3 {
padding-top: 20px;
padding-bottom: 20px;
}

.footer {
color: #ffffff;
text-decoration: none;
}

.footer-nav {
text-align: center;
}

.footer-contact-boxes .footer-bg-accent {
padding-left: 1rem;
padding-right: 1rem;
background-color: #121212;
}

.footer a:hover {
color: #1D71B8;
}

.footer a:hover .fa {
  color: #121212;
}

.footer form input[type="submit"] {
background-color: #121212;
outline: 1px solid #121212;
}

.footer-contact-boxes a {
color: #ffffff;
}

.footer-contact-boxes a:hover {
color: #1D71B8;
}

.footer-contact-boxes .fa:hover{
  color: #ffffff;
}

.footer-contact-boxes .fa{
  color: #ffffff;
}

.footer-contact-boxes .fa {
color: #ffffff;
}

.footer-content-lists .footer-content {
background-color: #121212;
}

.footer-content-lists h1,
.footer-content-lists h2, 
.footer-content-lists h3, 
.footer-content-lists h4, 
.footer-content-lists h5, 
.footer-content-lists .comment-author .fn, 
.comment-author .footer-content-lists .fn, 
.footer-content-lists h6 {
color: #ffffff;
}

.footer-content-lists .textwidget p {
color: #ffffff;
}

.footer-content-lists p {
color: #ffffff;
}

i.fa.fa-facebook-official {
color: #3b5998;
}

i.fa.fa-instagram {
color: #e1306c;
}

.footer-content-lists .widget li a:hover {
border-bottom: none;
text-decoration: none;
}

.footer-simple .footer-content {
  background-color: #121212;
}

.footer-contact-boxes .col-sm-3 {
  border-left: 0px solid;
}

.footer-contact-boxes .col-sm-3:last-child {
  border-right: 0px solid;
}

/*//////////////////////////////////Footer Ende*/


/*//////////////////////////////////Schrift Anfang*/

label {
color: #121212;
margin-bottom: 4px;
font-size: 15px;
}

h1.hero-title {
color: #ffffff;
margin-bottom: 0.5rem;
font-size: 4.0rem;
font-weight: 600;
line-height: 1.14;
letter-spacing: 0.9px;
text-shadow: 2px 2px 5px #999999;
}

h1.title, h1, h2, h3, h4, h5, .comment-author .fn, h6 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
color: #121212;
text-rendering: optimizeLegibility;
margin-bottom: 16px;
}

p.header-subtitle2, p.header-subtitle {
font-family: "Open Sans", sans-serif;
font-size: 1.8rem;
font-weight: 600;
line-height: 130%;
color: #ffffff;
margin-bottom: 1.25rem;
}

h3,
.h3 {
color:#121212;
}

h4,
.h4 {
color:#121212;
}

/*//////////////////////////////////Schrift Ende*/


/*//////////////////////////////////Navigation Anfang*/

.navigation-bar.fixto-fixed {
transform: translateZ(0);
background-color: #121212;
box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
opacity: 1;
}

.navigation-bar.coloured-nav.bordered {
box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
}

.navigation-bar.fixto-fixed {
box-shadow: 0 0 5px 2px rgba(0,0,0,.33);
}

.coloured-nav ul.dropdown-menu > li,
.fixto-fixed ul.dropdown-menu > li {
color: #ffffff !important;
}

.navigation-bar.coloured-nav {
box-shadow: 0 0 5px 2px rgba(0,0,0,.33)
}

.navigation-bar.coloured-nav {
background-color: #121212;
}

ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
color: #121212;
}

ul.dropdown-menu > li:hover > a, ul.dropdown-menu > li.hover > a {
color: #1D71B8;
}

ul.dropdown-menu.simple-menu-items > .current_page_item > a,
ul.dropdown-menu.simple-menu-items > .current-menu-item > a {
color: #1D71B8;
}

ul.dropdown-menu.active-line-bottom > .current_page_item > a,
ul.dropdown-menu.active-line-bottom > .current-menu-item > a, ul.dropdown-menu.default > .current_page_item > a,
ul.dropdown-menu.default > .current-menu-item > a {
border-bottom: 3px solid #121212;
}

ul.dropdown-menu.active-line-top > .current_page_item > a,
ul.dropdown-menu.active-line-top > .current-menu-item > a {
border-top: 3px solid #121212;
}

ul.dropdown-menu.active-round-button > .current_page_item > a,
ul.dropdown-menu.active-round-button > .current-menu-item > a {
background-color: #121212;
}

ul.dropdown-menu.active-arrow-down > .current_page_item:after,
ul.dropdown-menu.active-arrow-down > .current-menu-item:after {
border-color: transparent transparent #121212 transparent;
}

ul.dropdown-menu.active-round-border-button > .current_page_item > a,
ul.dropdown-menu.active-round-border-button > .current-menu-item > a {
border: 2px solid #121212;
color: #121212;
}

ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a {
border-top: 1px solid #121212;
border-bottom: 1px solid #121212;
color: #121212;
}

.coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a,
.coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
.coloured-nav ul.dropdown-menu.default > .current_page_item > a,
.coloured-nav ul.dropdown-menu.default > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.default > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.default > .current-menu-item > a {
color: #1D71B8;
}

.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a, 
.coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.active-line-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.default > li:not(.current-menu-item):not(.current_page_item).hover > a {
color: #1D71B8;
}

.coloured-nav ul.dropdown-menu.active-line-top > .current_page_item > a,
.coloured-nav ul.dropdown-menu.active-line-top > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.active-line-top > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.active-line-top > .current-menu-item > a {
border-top: 3px solid #121212;
}

.coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.active-line-top > li:not(.current-menu-item):not(.current_page_item).hover > a {
color: #121212;
}

.coloured-nav ul.dropdown-menu.active-round-button > .current_page_item > a,
.coloured-nav ul.dropdown-menu.active-round-button > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.active-round-button > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.active-round-button > .current-menu-item > a {
background-color: #121212;
}

.coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.active-round-button > li:not(.current-menu-item):not(.current_page_item).hover > a {
border: 2px solid #121212;
color: #121212;
}

.coloured-nav ul.dropdown-menu.active-arrow-down > .current_page_item:after,
.coloured-nav ul.dropdown-menu.active-arrow-down > .current-menu-item:after,
.fixto-fixed ul.dropdown-menu.active-arrow-down > .current_page_item:after,
.fixto-fixed ul.dropdown-menu.active-arrow-down > .current-menu-item:after {
border-color: transparent transparent #121212 transparent;
}

.coloured-nav ul.dropdown-menu.active-round-border-button > .current_page_item > a,
.coloured-nav ul.dropdown-menu.active-round-border-button > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.active-round-border-button > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.active-round-border-button > .current-menu-item > a {
border: 2px solid #121212;
color: #121212
}

.coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.active-round-border-button > li:not(.current-menu-item):not(.current_page_item).hover > a {
border: 2px solid #121212;
color: #121212;
}

.coloured-nav ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
.coloured-nav ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a,
.fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current_page_item > a,
.fixto-fixed ul.dropdown-menu.active-line-top-bottom > .current-menu-item > a {
border-top: 1px solid #121212;
border-bottom: 1px solid #121212;
color: #121212;
}

.coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
.coloured-nav ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a,
.fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item):hover > a,
.fixto-fixed ul.dropdown-menu.active-line-top-bottom > li:not(.current-menu-item):not(.current_page_item).hover > a {
color: #121212;
}

.nav-links .prev-navigation a, .post-comments .navigation .prev-navigation a,
.nav-links .next-navigation a, .post-comments .navigation .next-navigation a {
border: solid 2px #121212;
color: #121212;
}

.nav-links .numbers-navigation span.current, 
.post-comments .navigation .numbers-navigation span.current, 
.nav-links .numbers-navigation a:hover, 
.post-comments .navigation .numbers-navigation a:hover {
background-color: #121212;
}

#offcanvas-wrapper {
background-color: #121212 !important;
}

.offcanvas_menu li a {
font-size: 1.0rem;
}

/*//////////////////////////////////Navigation Ende*/


/*//////////////////////////////////Mobile Ansicht Anfang*/

@media (max-width: 768px) {
h1.hero-title {
font-size: 2.5rem;
font-weight: 300;
} 
}

@media (max-width: 768px) {
.bigline {
  margin: 0 auto;
  margin-bottom: 20px;
} 
}

@media (max-width: 768px) {
.button8,
.overlay.bg-color1 {
margin-bottom: 40px;
} 
}

@media (max-width: 768px) {
.header-homepage .header-description-row {
padding-top: 40% !important;
padding-bottom: 40% !important;
} 
}

@media (max-width: 768px) {
.col-md-4 {
padding-top: 30px;
} 
}

/*//////////////////////////////////Mobile Ansicht Ende*/


/*/////////////////////////////// Mobil Menue Anfang*/

.offcanvas_menu li.open > a, .offcanvas_menu li.open > a:hover {
background-color: #ffffff;
color: #121212;
border-left: 3px solid #121212;
}

/*/////////////////////////////// Mobil Menue Ende*/

.comments-form,
.post-comments {
display:none;
}