@font-face {
font-display: swap;
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url(//clahsen-rollladen.de/wp-content/themes/generatepresschild/fonts/montserrat-v31-latin-regular.woff2) format('woff2');
} @font-face {
font-display: swap; 
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url(//clahsen-rollladen.de/wp-content/themes/generatepresschild/fonts/montserrat-v31-latin-700.woff2) format('woff2'); 
}
.site,  .main-navigation, .footer-widgets, .site-info  {
background:transparent!important;
}  * {
box-sizing: border-box;
}
body {
font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Open Sans', "Helvetica Neue", Arial, sans-serif;
color: #000;
font-size: 18px;
line-height: 1.5;
hyphens: auto; background-color: transparent!important;
background-image: url(//clahsen-rollladen.de/wp-content/themes/generatepresschild/images/bg2.jpg);
background-repeat: no-repeat; 
background-size: cover;
}
strong {
color:#be0000;
}
blockquote {
border: none;
font-style: normal;
background-color: transparent;
padding: 0;
font-size: 18px;
line-height: 1.5;
margin-bottom: 10px;
}
pre {
max-width: 100%;
white-space: pre-wrap;
line-height: 1.5;
padding: 50px;
}
hr { background-image: url(//clahsen-rollladen.de/wp-content/themes/generatepresschild/images/bar.png); }
a, a:visited {
color: #333333;
text-decoration: none;
}
.main-navigation .main-nav ul li a, a {
transition: .5s ease-in-out;
}
a img:hover, a:hover { opacity: 0.7; }
h1 {
font-size: 40px;
line-height: 1.5;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
}
h2 {
font-size:25px;
line-height: 1.5;
font-weight:700;
}
h3, h4, h5, h6 { font-size: 18px; line-height: 1.5; } .header-image { max-width: 250px; margin-top:6rem;} .site-content a {
color: #333333;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #be0000;
}
.site-content a:hover { color: #999; }
.site-content ul { margin-left: 0; }
.site-content ul li {
list-style-type: none;
background-image: url(//clahsen-rollladen.de/wp-content/themes/generatepresschild/images/list2.png);
background-repeat: no-repeat;
padding-left: 20px;
background-size: 5px 5px;
background-position: left 12px;	
}
.site-content ol { margin-left: 20px; }
.site-content ol li { padding-left: 15px !important; } .main-navigation .main-nav ul li a { 
font-size: 20px;
line-height: 50px; 
text-transform: uppercase; 
color: #0a0a0a; 
}
.main-navigation .main-nav ul li a:hover { color: #be0000!important; }
.main-navigation.is_stuck { background-color: #fff; }
.main-nav ul li[class*="current-menu-"] > a { color: #333!important; font-weight: 700; } .tel a  {
background:#333;
color:#fff!important;
font-weight:700;
}
.tel a:hover {
background:#ccc;
} .main-navigation .gp-icon svg:hover { color: #666; }
.main-navigation .gp-icon svg { color: #be0000; font-size: 35px;  margin:10px 20px 0 0; } .slideout-navigation.main-navigation { background-color: rgba(0,0,0,0.8)!important; }
.slideout-navigation.main-navigation ul li a {
line-height: 3;
color: #fff;
font-weight: 500;
}
.slideout-navigation.main-navigation ul li a:hover { color: #be0000 !important; }
.slideout-navigation ul li[class*="current-menu-"] > a { color: #fff !important; font-weight: 700!important; } .site-footer { text-align: center; }
.footer-widgets img { max-width: 40px; }
.footer-widgets a, .footer-widgets a:visited { color: #333; }
.footer-widgets a:hover { color: #be0000; }
.footer-widgets strong { text-transform: uppercase; font-weight: normal; }
.site-info a, .site-info a:visited { color: #333; }
.site-info a:hover { color: #be0000; }
.copyright-bar ul { margin-left: 0; }
.copyright-bar li { background-image: none; display: inline; list-style: none; margin-right: 10px; }
.footer-bar-align-right .copyright-bar { float: none; } .current-menu-parent a { color: #be0000 !important; } a.generate-back-to-top {
background-color: #5c5457 !important;
width: 48px;
height: 48px;
border-radius: 100%;
padding-top: 5px;
}
a.generate-back-to-top:hover { background-color: #5c5457 !important; }
a.generate-back-to-top svg { width: 24px; height: 24px; fill: #fff !important; } #cv, #cv td { border: none; }
#cv td { vertical-align: top; } form {
border: 1px solid #7e1210;
padding: 20px;
font-size: 16px;
border-radius: 5px;
}
input[type="text"], input[type="email"], input[type="tel"], textarea, select {
padding: 10px;
width: 100%;
color: #000;
background-color: #e7e7e5;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover, textarea:hover, select:hover {
background: #e2e4e0 !important;
}
input[type="submit"] { background-color: #7e1210 !important; border-radius: 5px; }
.wpcf7 .wpcf7-submit:disabled { background-color: #bbd051; }
.weightno { font-weight: normal; } .center { text-align: center; }
.rechts { text-align: right; }
.rechts img { float: right; }
.none { display: none; }
.gallery { text-align: center; }
.screen-reader-text { color: black !important; background: #fff !important; } .generate-sections-container {
padding: 8% 0;
} .home .page-hero {
padding:15% 5% ;
}
.home .page-hero h1, .home .page-hero h2 {
color:#333 ;
text-shadow: 2px 2px 2px #fff;
}
.herostart {
text-align:left!important;
} .custom-button {
display: inline-flex; 
align-items: center;
gap: 6px; 
background: #333;
color: #fff!important; 
padding: 10px 15px;
border-radius: 5px;
font-size: 16px;
}
.custom-button .sun {
color: #f5c400;   
}
.custom-button:hover {
color: #f5c400!important;   
} .herostart .custom-button {
margin-top:15px;
transform: translateY(20px);
opacity: 0;
animation: slideUp 0.6s ease forwards 1.2s; }
@keyframes slideUp {
to {
transform: translateY(0);
opacity: 1;
}
} .page-hero h1 {
color:#fff;
font-size:60px;
opacity: 0;
transform: scaleY(0.5);
transform-origin: top;
animation: markiseIn 1s ease-out forwards;
}
@keyframes markiseIn {
to {
opacity: 1;
transform: scaleY(1);
}
}
.page-hero h2 {
font-size:30px;
color:#fff;
opacity: 0;
transform: translateY(20px); 
animation: textIn 1s ease-out forwards;
animation-delay: 0.6s; }
@keyframes textIn {
to {
opacity: 1;
transform: translateY(0);
}
}
.start .su-column {
padding: 40px;
background-color:#ccc;
text-align:center;
} .page-id-28 .page-hero {
padding:15% 2% ;
}
.anfrage {
text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
color: #fff;
background: rgba(0,0,0,0.2);
padding: 10px 10px;
}
.contact img  {
float:left;
margin-right:70px;
}  .page-id-30 h3 {
border-left:solid 25px #be0000;
padding-left:15px;
font-weight:700;
margin-bottom:35px;
} #metaslider-id-138 .flexslider .caption-wrap {
background: none !important;
display: flex;
justify-content: center; 
}
#metaslider-id-138 .flexslider .caption {
max-width: 60%;
font-size: 50px;
line-height: 1.5;
font-weight:700;
text-transform:uppercase;
text-shadow: 1px 1px 2px rgba(0,0,0,0.9);
color: #fff;
background: rgba(0,0,0,0.3);
padding: 10px 20px;
text-align: center;
} .impressum {
padding:30px 50px;
background-color:rgba(204, 204, 204, 0.1);
box-shadow: rgba(0,0,0,0.2) 0px 0px 100px 0px;
} @media screen and (max-width: 1200px) {
.main-navigation {
background:#fff!important;
}
}
@media screen and (max-width: 992px) { .page-hero h1 {
font-size:40px;
}
.page-hero h2 {
font-size:20px;
}
.start  {
padding:0px;
}
.start h3 {
font-size:14px;
} #metaslider-id-138 .flexslider .caption {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.header-image { max-width: 150px; }
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled { background-color: transparent; }
.inside-header.grid-container { flex-direction: column; align-items: center; }
.inside-header nav#mobile-menu-control-wrapper { margin: 0 auto; }
body, blockquote, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info { font-size: 16px; line-height: 25px; }
h1 { font-size: 20px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h1, h2, h3 {
text-align:center;
}
.herostart h1, .herostart h2 {
text-align:left;
}
.main-nav ul li a { font-size: 20px; }
.copyright-bar ul { margin: 0; }
.copyright-bar ul li { display: block; padding: 0; margin: 10px 0; }
.abstand { margin-bottom: 10px; } .page-hero h1 {
font-size:20px;
}
.page-hero h2 {
font-size:18px;
}
.start h3 {
font-size:16px;
}
.start .su-column {
padding:0;
background-color: transparent;
} .custom-button {
padding: 5px 10px;
font-size: 14px;
}
.herostart .custom-button {
margin-top:10px;
}  #metaslider-id-138 .flexslider .caption {
max-width: 90%;
font-size: 20px;
padding:10px 0;
}
.page-id-30 h3 {
text-align:left;
margin-bottom:30px;
} .page-id-28 .page-hero {
padding:11% 2% ;
}
.contact  {
text-align:center;
}
.contact img  {
max-width:60px!important;
float:none;
margin-right:0;
}
.impressum {
padding:20px 30px;
}
}
@media(min-width: 769px) {
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled { background-color: transparent; }
.inside-header>.site-branding,
.inside-header>.navigation-branding,
.inside-header>.site-logo,
.site-branding-container,
#site-navigation .navigation-branding .site-logo,
#sticky-navigation .navigation-branding {
position: absolute;
left: 50%;
transform: translateX(-50%);
z-index: 1000;
}
#site-navigation { margin-left: unset !important; display: flex; }
.site-header .main-navigation:not(#sticky-navigation) .inside-navigation { margin: unset; }
#site-navigation, #primary-menu, .main-navigation .inside-navigation { flex: 1; }
.main-navigation ul li:nth-child(4) { margin-left: auto; }
}
@media (hover: hover) and (min-width: 1024px) {
body {
background-attachment: fixed;
background-color: transparent!important;
}
}