@font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 200;
src: url(//www.webgaroo.de/wp-content/themes/generatepresschild/fonts/poppins-v21-latin-200.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 300;
src: url(//www.webgaroo.de/wp-content/themes/generatepresschild/fonts/poppins-v21-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url(//www.webgaroo.de/wp-content/themes/generatepresschild/fonts/poppins-v21-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Poppins';
font-style: normal;
font-weight: 700;
src: url(//www.webgaroo.de/wp-content/themes/generatepresschild/fonts/poppins-v21-latin-700.woff2) format('woff2'); } body {
font-family: 'Poppins', Arial, Helvetica, sans-serif;
color: #333333;
font-size: 18px;
line-height: 30px;
font-weight: 300;
background-image:linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/webdesign-neuss-duesseldorf-bg.jpg);
background-position: center top !important;
background-attachment: fixed!important;
}
blockquote {
border: none;
font-style: normal;
background-color: #transparent;
padding:0px;
font-size: 18px;
line-height: 30px!important;
margin-bottom: 10px;
}
pre {
max-width:100%;
white-space:pre-wrap;
line-height:30px;
padding: 50px;
}
sub, sup {
font-size: 15px; 
font-weight:300;}
hr {
background-image: url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/bar.png);
}
a:focus { 
outline: ; 
}
a, a:visited { 
color:#333;
text-decoration: none!important;
}
strong { 
font-weight: 300;
}
em {
font-style: normal;
font-weight:700;
}
h1 {
font-size:70px; 
line-height:100px;
}
h2 {
font-size:70px;
line-height:100px;
text-align:center;
padding-bottom:50px;
}
.whitetop h2 {padding-bottom:0px;}
h2 strong {
font-size:20px;
}
h3 {
line-height:40px;
font-weight:700;
font-size:20px;
}
h4 {
font-size:25px;
}
.grey h4  {
color:#fdc20c ;
font-weight:300;
margin-bottom:0;
}
h3::first-letter {
font-size: 200%;
border:solid 2px;
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
padding:0 20px;
}
h5 {
text-align:center;
padding-bottom:30px;
}
h5 em {
color: #fdc20c ;
font-size:30px;
font-weight:300;
} .site-header {
background:transparent ;
}
.header-image {max-width:140px;}  .site-content a {
color:#a37f0e;
}
.site-content a:hover {
color:#999;
}
.site-content ul{margin-left: 0px; }
.site-content ol{margin-left: 20px;}
.site-content ul li  {
background-image: url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/list.png);
background-repeat: no-repeat;
background-size: 21px 18px;
list-style-type: none;
padding-left: 30px;
background-position: left top;
}
.site-content ol li  {
background-image: url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/pfeil.png);
background-repeat: no-repeat;
background-size: 16px 5px;
list-style-type: none;
padding: 0 0 20px 25px;
background-position: left 15px;
} .main-navigation  {
background-color:transparent ;
}
.main-nav ul li a {
font-size: 16px;
color:#333;
text-transform:uppercase;
}
.main-nav ul li ul li a {
font-size:15px!important;
text-transform: none;
}
.main-navigation .main-nav ul li a:hover {
color: #fdc20c !important;
}
.main-navigation.is_stuck {
background-color:#fff;
}
.main-navigation.is_stuck ul {
padding-top:15px;
}
.main-navigation.is_stuck a{
color:#333!important;}  .main-navigation .menu-bar-item > a {
font-size: 25px;
background:#333;
color:#fff;
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
}
.main-navigation .menu-bar-item > a:hover {
background:#fdc20c ;
color:#333;
border:solid 1px #333
} .main-navigation.has-menu-bar-items button.menu-toggle {
flex-grow: 1;
}
.menu-toggle{
color:#333!important;
font-size:30px;
margin-top:15px;
}
.menu-toggle:hover{
color:#666!important;
}
.gp-icon svg {
color: #;
} .slideout-navigation.main-navigation {
background-color: rgba(10,10,10,0.8)!important;
}
.slideout-navigation.main-navigation ul li a{
line-height:40px!important;
color:#fff!important;
font-weight:200!important;
}
.slideout-navigation.main-navigation ul li {
margin-bottom:30px!important;
}
.slideout-navigation ul li[class*="current-menu-"] > a {
color: #fdc20c !important;
font-weight:normal;
}
.slideout-navigation.do-overlay .slideout-exit {
position: relative!important;
font-size: 40px!important;
color: #fdc20c !important;
} .footer-widgets {
color: #fff;
background-image:linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/webdesign-neuss-duesseldorf-bg.jpg);
background-position: center top !important;
background-attachment: fixed!important;
}
.footer-widgets ul li {
line-height:30px;
display:inline;
font-size:16px;
}
.menu li{
display:block!important;
line-height:20px!important;
}
.footer-widgets ul em {
color:#fdc20c;
font-weight:300;
}
.footer-widgets a, .footer-widgets a:visited {
color: #ccc; }
.footer-widgets a:hover {
color: #999;
}
.footer-widgets strong {
color: #FFFFFF;
text-transform: uppercase;
font-weight: normal;
}
.textwidget ul li{
font-size:13px;
}
.textwidget ul li a{
font-size:16px!important;
border-bottom:dashed 1px #fdc20c;
}
.site-info {
background-color: transparent;
}
.site-info a, .site-info a:visited {
color: #333; }
.site-info a:hover {
color: #666;
}
.copyright-bar ul {
margin-left:0;
}
.copyright-bar li  {
background-image: none;
display: inline;
list-style-type: none; margin-right:10px;}
.footer-bar-align-right .copyright-bar {
float: none;
} .su-spoiler-title {
min-height: 20px;
line-height: 30px;
padding: 10px 7px 10px 70px!important;
color:#fff;
font-weight: 200!important;
font-size: 16px!important;
background-color:#333;
}
.su-spoiler-icon {
padding-top:3px;
margin-left:30px;
text-align: left!important;
}  li.current_page_item a { 
color:#fdc20c!important;
}   .center {text-align:center;}
.none {
display:none;
}
.rechts {
text-align:right;
} .whitetop img, .shape img {
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
} .emgelb em {
font-weight:300;
color:#fdc20c;
}
.emgelb li {
margin-bottom:20px!important;
} .menuangebote li {
line-height:40px!important;
background-image:none!important;
padding-left:0!important;
}
.menuangebote a, .menuangebote a:visited {
color:#000!important;
border-bottom:dotted 3px #fff;
text-transform:uppercase;
}
.menuangebote a:hover {color:#fff!important;}
.menuangebote ul {
background:rgba(0,0,0,0.4);
background:#fdc20c!important;
text-align:center;
padding:40px 60px 60px 20px;
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
}  .ablauf em  {
position: relative;
color:#333!important;
font-weight:normal;
}
.ablauf em::before { background-color: #fdc20c;
content: "";
position: absolute;
width: calc(100% + 4px);
height: 60%;
left: -2px;
bottom: 0;
z-index: -1;
transform: rotate(-2deg);
}
.ablauf2 em  {
position: relative;
color:#fdc20c!important;
font-weight:normal;
}  .generate-sections-container  {
background-position: center top !important;
background-attachment: fixed!important; }
.white, .grey, .portfolio {
padding-top:200px;
padding-bottom:200px;
}
.portfolio
{background-color:#f8f8f8;} .white{
background-image:linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/webdesign-neuss-duesseldorf-bg.jpg);
}
.white h2 em, .portfolio h2 em {
position: relative;
color:#333!important;
}
.white h2 em::before, .portfolio h2 em::before  { background-color: #fdc20c;
content: "";
position: absolute;
width: calc(100% + 4px);
height: 60%;
left: -2px;
bottom: 0;
z-index: -1;
transform: rotate(-2deg);
} .whitebottom{
padding-top:100px;
padding-bottom:100px;
background-image:linear-gradient(rgba(253, 194, 12, 0.9), rgba(253, 194, 12, 0.9)), url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/webdesign-neuss-duesseldorf-bg.jpg);
}
.whitebottom p {
font-size:13px;
line-height:20px;
border-top:solid 1px #000;
border-style: dotted;
padding:20px
} .grey h2 em {
color: #fdc20c;
}
.grey h3 {
font-weight:normal;
color:#fdc20c!important;
}
.grey a {
color: #fdc20c;
} .grey, .whitetop  {
color: #fff;
background-image:linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/webdesign-neuss-duesseldorf-bg.jpg);
}
.whitetop  {
clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%, 0% 38%);
text-align:center;
padding-top:100px;
padding-bottom:100px;
}
.whitetop h1 strong {
color:#fdc20c ;
font-size: 11px;
font-weight: normal;
line-height: 30px;
text-transform: uppercase;
}
.whitetop h1 em {
font-style: normal;
font-weight:700;
color:#fdc20c;
}
.whitetop h2 {
font-size:25px!important;
line-height:40px;
font-weight:200;
}
.whitetop img {
max-width:80%!important;
}
.whitetop p {
margin-bottom:30px;
} .topleft {
padding:40px 80px 0 ;
} .slogan {
font-size:70px; 
line-height:100px;
}
.slogan em {
font-style: normal;
font-weight:700;
color:#fdc20c;
} .su-button-style-ghost span {
border:none!important;
}
.pbig {
font-size:70px!important;
line-height: 80px!important;
font-weight:700;
margin-bottom:20px!important;
} h6 {
margin-top: 80px;
text-align:center;
}
h6 a{
background-color: #fdc20c;
color:#333!important;
font-weight:normal!important;
padding:30px!important;
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow: rgba(64, 64, 64, 0.4) -5px 5px, rgba(0, 0, 0, 0.3) -10px 10px, rgba(7, 7, 7, 0.2) -15px 15px, rgba(20, 20, 20, 0.1) -20px 20px, rgba(30, 30, 30, 0.05) -25px 25px;
border:solid 2px #fff;
}
h6 a:hover {
background-color:#333;
color:#fff!important;
border-color: #666!important;
}  .box  {
margin:100px 0 0 -200px!important;
background:rgb(253 194 12 / 80%);
padding:60px;
}  .boxes {
padding-bottom:70px;
padding-left:200px
}
.boximg img{
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
max-width:400px!important;
}
.boximg {text-align:center;}   .angebot2 ul, .angebot3 ul {
font-size:15px; padding:10%;
font-size:16px;
min-height:650px;
background-color:#e9aa11;
background:rgba(0,0,0,0.4);
border-radius:2%;
}
.angebot2 ul li, .angebot3 ul li {
background-size: 10px 9px;
background-position: left 10px;
padding-left: 20px;
}
.angebot2 .su-column, .angebot3 .su-column {
padding:0 5%;
}
.angebot2  strong, .angebot3  strong  {
font-weight:300;
font-size:30px;
color:#fdc20c;
}
li.liextra, li.liextra2  {
text-align:center!important;
border-bottom:none!important;
background-image: none!important;
padding-left:0!important;
margin-bottom:10%;
}
li.liextra2  {
padding:!important;
background-image: none!important;
border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
background:#fdc20c;
width:150px;
height:150px;
color:#333;
padding:15% 0 10% 0!important;
margin-left:25%;
}
li.liextra2 strong {
color:#000;
font-weight:700;
font-size:30px;
}
.angebot3 .su-column {
padding:0%;
}  .shape img {
border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;
text-align:center;
} .infos{
text-align:center;
}
.infos ul li{
background-image:none;
padding-left:0;
}
.infos a {
color:#333!important; 
font-weight:700;
}
.infowhite {
display:none; } .farbe .su-column {
padding:30px 30px 5px 30px;
min-height:400px;	
background-color:#e9aa11;
background:rgba(0,0,0,0.4);
border-radius:2%;
} .ablauf img, .ablauf2 img {
max-width:300px!important;
} .fa-solid, .fas {
font-size: 30px;
}  .main-navigation .main-nav ul li a {
font-size: 16px!important;
line-height:30px;
text-transform: none;
}  .gallery-caption {
padding-bottom: 40px;
}
.gallery {
text-align: center;
}
@media screen and (max-width: 1510px) {
h1, h2, .slogan {
font-size:40px!important;
line-height:60px!important;
padding-bottom:0;
}
.topleft h2{
font-size:20px!important;
line-height:35px!important;
}
}
@media screen and (max-width: 1300px) { .topleft {
padding:0 20px;
}
}
@media screen and (max-width: 1100px) { .topleft {
padding:20px;
}
h1, h2, .slogan {
font-size:40px!important;
line-height:60px!important;
padding-bottom:0;
}
h3 {
margin-top:20px!important;
}
h6 {
margin-top: 50px;
} .su-column-size-1-2, .su-column-size-1-4 {
width: 100%!important;
margin-left:0% !important;
} .whitetop .su-row, .ablauf2  {
display: flex; 
flex-direction: column-reverse;
}
.topstart img, .whitetop img {
max-width:50%!important;
}
.boxes.su-row {padding:0 100px 50px;}
.box  {
margin:0!important;
padding:40px;
} 
.home h6 a{
padding:20px 20px 20px 15px!important;
}
.whitetop h1 strong {
text-transform: none!important;
}
.whitetop h2  {
font-size:18px!important;
line-height:30px!important;
}
.grey, .white, .whitetop, .whitebottom, .portfolio {
padding: 100px 0 40px 0!important;
} .farbe .su-column {
min-height:auto;	
padding:20px 15px!important;
font-size:16px;
text-align:center;
}
.farbe h3 {
font-size:16px;
} .angebot2 ul, .angebot3 ul {
padding:5%;
font-size:15px;
}
li.liextra2  {
padding:25% 0 10% 0!important;
margin-left:10%;
}
.menuangebote a {color:#000;}
.menuangebote ul {
padding:25px 30px 35px;
border-radius:2% 2%;
}
@media screen and (max-width: 768px) {
body, blockquote, button, input, select, textarea, .sidebar .widget, .footer-widgets .widget, .footer-widgets .widget-title, .site-info  { 
font-size:16px;
}
h1, h2, .slogan {
font-size:30px!important;
line-height:40px!important;
}
h1 strong, h2 strong {
line-height:30px!important;
}
h2 strong {
font-size:12px!important;
}
h3 {
font-size: 16px;
}  .site-logo {
flex-basis: 100%;
text-align: center;
padding-bottom:50px;
}
button.menu-toggle {
position: absolute;
left: 50%;
bottom: 0px;
transform: translate(-50%, 0%);
size:20px;
}	
.gp-icon svg {
height:0.9em;
widows:0.9em;
color:#fff!important;
}
.mobile-menu-control-wrapper .menu-toggle {
background-color: rgba(0, 0, 0, 0);
}
.site-header {
background-attachment: fixed;
background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.9)), url(//www.webgaroo.de/wp-content/themes/generatepresschild/images/webdesign-bg.jpg);
background-position: center top;
}
.header-image {
max-width: 140px;
filter: brightness(0) saturate(100%) invert(72%) sepia(87%) saturate(624%) hue-rotate(351deg) brightness(100%) contrast(99%);
}    .boxes {
text-align:center;
}	
.boxes.su-row {
padding:0 20px 10px;
}
.boxes img{
max-width:200px!important;
}
.box {
background-color:transparent;
padding:10px 0;
} .ablauf img, .ablauf2 img {
max-width:150px!important;
}
.ablauf h4, .ablauf2 h4 {
text-align:center;
} .grey, .white, .whitetop, .whitebottom, .portfolio {
clip-path: none;
padding: 40px 0!important;
}
.whitetop {
padding-top:0!important;
}
.whitetop img {
max-width:70%!important;
}
.topleft {
padding:20px 5px;
} .gallery-caption {
font-size:12px!important;
padding-bottom:15px;
line-height:15px;
} .angebot2 ul, .angebot3 ul {
min-height:auto;
padding:10%;
}
li.liextra2  {
padding:17% 0 10% 0!important;
margin-left:25%;
} .footer-widgets {
text-align:center;
}
.copyright-bar ul {
margin: 0;
}
.copyright-bar ul li{
display: block;
padding: 0;
margin: 10px 0;
} .abstand {margin-bottom:10px;}
.rechts  {text-align:left;} textarea {resize:horizontal; max-width:100%!important;} table {text-align:left;}
#cv {
border: none;
padding:1px;
}
#cv td{
font-size:15px;
padding: 5px;
} .su-spoiler {
text-align:left;
}
.su-spoiler-content {
padding-left:10px!important;
}
.su-spoiler-title {
font-size: 14px!important;
}
}