@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap');
body {
overflow-x: hidden !important;
z-index:0;
background-attachment:fixed !important;
background:url(https://steinmetz-weber.de/wp-content/uploads/2021/02/steinmetzarbeiten-danny-weber-luebben.jpg);
}
body::after{
content: ""; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:#fff;
opacity:0.2;
z-index:-1;
}
body::before {
content: ""; 
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:url(https://steinmetz-weber.de/wp-content/uploads/2021/02/tile.png);
opacity:0.07;
}




body::before {
z-index:-1;
}

.overlay {
background:rgba(255,255,255,0.85);
background:rgba(255,255,255,0.9);
padding:30px;
margin-top:50px;
margin-bottom:50px;
box-shadow:rgba(0,0,0,0.7) 0 0 5px;
}
.overlay::before,.full-top::before,.c-form::before {
content: ""; 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background:url(https://steinmetz-weber.de/wp-content/uploads/2021/02/tile.png);
z-index:0;
opacity:0.05;
}

.carrousel .swiper-slide .swiper-slide-image {
box-shadow:rgba(0,0,0,0.8) 0 0 5px;
border:10px solid #fff !important;
} 
.carrousel::before {
background:transparent;
}
/* top-bar */
#c-topbar {
width:100%;
background:#000;
overflow:auto;
}
#c-topbar-inner {
width:100%;
max-width:1120px;
margin:0 auto;
padding:0 10px 0 10px;
}
#c-tel, #c-mail, #c-street {
color:#fff;
float:left;
margin-right:30px;
line-height:2.6;
font-size:14px;
font-weight:600;
}
#c-tel a, #c-mail a {
color:#fff;
}
#c-street  {
margin-right:0;
}
#c-topbar .fas {
margin-right:5px !important;
}
/* top-bar */


.single .entry-content p {
    color: #000;
   font-size:18px;
margin-top:0;
}

h1,h2,h3,h4 {
color:#005655 !important;
margin-top:0 !important;
text-transform:none;
margin-bottom:10px !important;
}
.entry-content h1 {
font-size:40px;
}
.entry-content h2 {
font-size:36px;

}
.entry-content h3 {
font-size:30px;
}
.siteinfo-on {
margin-left:48px !important;
}
.entry-content {
margin:30px 0 !important;
}
.site-content {
    margin: 0px auto;
}
#c-logo {
font-size:30px;
    margin-top: 10px;
margin-left:20px;
max-width:156px;
}

@media only screen and (max-width: 870px) {
#primary-menu {
text-align:right;
}
#any-head {
font-size:8vw !important;
padding-top:3vw !important;
margin-left: 12vw !important;
}
#any-logo {
display:none;
}
#quote {
display:none;
}
}



.c-icons h3 {
color:#000 !important;
}
.single article, article.single {
background:transparent !important;
}
#any-top {
position:relative;
width:100%;
height:18vw;
background-size:cover !important;
background-position:center center !important;
}
#any-wrap {
float:left;
  margin-left: 1vw;
position:relative;
z-index:1000;
}
#any-head {
text-shadow:#000 0.10vw 0.10vw 0.10vw;
color:#fff;
font-size: 4.38vw;
    margin: 0px auto;
    display: block;
    width: 100%;
   text-align:center;
    padding-top: 5.57vw;
}
#any-logo {
float:left;
    width: 16vw;
    margin-top: 1vw;
margin-left: 19vw;
}
@media only screen and (max-width: 768px) { 
.single article, article.single { 

	padding: 0px 10px;
}
.menu-item a { 
padding:0.5em 0 !important;
}
}

input.wpcf7-form-control {
width:100% !important;
}
.c-form {
background:#10b8c2;
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(170,170,170,1) 100%);
padding:30px;
border:1px solid #bbb;
_margin-top:-56px;
}
.c-form p::before {
content:none !important;
}
.c-form label,.duty {
color:#000 !important;
}
input.wpcf7-quiz {
width:30px !important;
}
#c-footer-nav li {
list-style:none;
display:inline-block;
margin-left:20px;
font-size:14px;
position:relative;
}
#c-footer-nav li:first-child {
margin-left:0;
}
#c-footer-nav li::before {
content:"|";
position: absolute;
    left: -13px;
}
#c-footer-nav li:first-child::before {
content:none !important;
}
.main-navigation a:hover,#c-footer-nav a:hover {
color:#999;
}
.current-menu-item  a {
color:#999;
}
.menu-item a{
font-size:20px !important;
padding: 1.5em 0.8em 1.25em;
}
.menu
.entry-content ul {
margin-top:30px;
margin-bottom:0;
margin-left:0px;
padding:0;
}
.entry-content li {
 list-style-position: inside;
}
.nodots {
list-style:none;
}
.entry-content a {
color:#00f;
}
@keyframes fade{
  from {opacity: 0;}
  to {opacity: 1;}
}
.full-top,#any-top {
animation-name: fade;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
}
.site-footer .left {    
margin-top: 2px;
font-size: 14px !important;
}
#left-portrait, #right-portrait {
position:absolute;
display:block;
    height: 18vw;

}
#left-portrait {
left:0;
bottom:0;
}
#right-portrait {
right:0;
bottom:0;
}
.elementor-slideshow__title {
display:none;
}
.entry-content li {
color:#000;
 font-size:18px;
}
#quote {
font-family:'Teko'!important;
font-size:2.4vw;
float:left;
color:#fff;
text-shadow: #000 0.1vw 0.1vw 0.1vw;
}
.dialog-lightbox-widget {
background:#000 !important;
}
.swiper-zoom-container img {
color:transparent !important;
}

.swiper-zoom-container img[alt]:after {  
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  font-weight: 300;
  line-height: 2;  
  text-align: center;
  content: attr(alt);
}
.white-text {

text-shadow:#000 2px 2px 2px;
}
.white-text h2 {
color:#fff !important;
}

@media only screen and (max-width: 600px) {
.pre-header {
display:none !important;
}
}