html {
scroll-behavior: smooth;
}
.screen-reader-text {
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
}  #ast-mobile-header {
display: block;
}
body {
color: #253b47;
}
h1, h2, h3, .entry-content h1, .entry-content h2, .entry-content h3 {
font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;
color: #253b47;
}
h1, .entry-content h1 {
font-size: 36px;
font-size: calc(2.4rem + 1.4vw);
line-height: 1.2;
font-weight: 700;
}
h2, .entry-content h2 {
font-size: 28px;
font-size: 1.8rem;
line-height: 1.2;
font-weight: 700;
}
.vp-portfolio__items-style-emerge h2.vp-portfolio__item-meta-title {
font-size: 1.3em !important;
}
h3, .entry-content h3 {
font-size: 24px;
font-size: 1.75rem;
line-height: 1.2;
font-weight: 700;
}
h4, .entry-content h4 {
font-size: 20px;
font-size: 1.5rem;
line-height: 1.2;
}
p {
font-size: 18px;
font-size: 1.125rem;
line-height: 1.6;
font-weight: 500;
color: #253b47;
}
.entry-content a, #secondary a {
text-decoration: underline;
color: #cc3333;
}
.entry-content a:hover, .entry-content a:focus, .entry-content a:active, 
#secondary a:hover, #secondary a:focus, #secondary a:active {
text-decoration: none;
}
a, .vp-pagination__style-minimal .vp-pagination__item > a {
color: #253b47;
text-decoration: none;
}
.vp-pagination__style-minimal .vp-pagination__item > a {
font-size: 16px;
font-size: 1rem;
letter-spacing: 0.05em;
text-transform: none;
}
a:hover, a:focus, a:active, .vp-pagination__style-minimal .vp-pagination__item > a:hover, 
.vp-pagination__style-minimal .vp-pagination__item > a:focus, .vp-pagination__style-minimal .vp-pagination__item > a:active {
color: #297297;
text-decoration: underline;
}
a.uagb-buttons-repeater {
text-decoration: none;
}
a[target="_blank"]::after {
content: "\f504";
font-family: dashicons;
line-height: 1;
font-weight: 400;
font-style: normal;
text-transform: none;
text-rendering: auto;
font-size: 20px;
text-align: center;
display: inline-block;
position: relative;
top: 0.15em;
}
.site-footer a[target="_blank"]::after {
content: "";
}
.post-thumb a > img {
display: inline-block;
}
ol, ul {
font-size: 1.125rem;
}
.site-content li {
margin-bottom: 0.25em;
line-height: 1.6;
}
.alternate-colors a {
color: #fff;
text-decoration: underline;
}
.alternate-colors a:hover, .alternate-colors a:focus, .alternate-colors a:active {
color: #fff;
text-decoration: none;
}
.two-level-ol ol li {
font-weight: bold;
margin-bottom: 2em;
}
.two-level-ol ol li li {
font-weight: normal;
margin-bottom: 1em;
line-height: 1.6;
}
.widget-title {
color: #fff;
background-color: #297297;
padding: .2em .5em;
border-radius: 4px;
}
input[type="email"], input[type="number"], input[type="password"], 
input[type="reset"], input[type="search"], input[type="tel"], 
input[type="text"], input[type="url"], select, textarea {
background-color: #e8f3f9;
border-color: #c0deee;
border-radius: 4px;
}
input[type="email"]:focus, input[type="password"]:focus, 
input[type="reset"]:focus, input[type="search"]:focus, 
input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, 
select:focus, textarea:focus {
background-color: #fff;
border-color: #c0deee;
}
#comments .submit, .search .search-submit {
border-radius: 4px;
}
pre {
background-color: #e8f3f9;
background-image: repeating-linear-gradient(transparent 0, transparent 1.6em, #c0deee 1.6em, #c0deee 3.65em);	
border: 1px solid #c0deee;
border-radius: 4px;
font-size: 0.875em;
}
.wp-block-code code {
display: inline; 
white-space: pre;
}
.wp-caption-text {
line-height: 1.6;
font-size: 0.937rem;
}
.ast-row {
margin-left: 0;
margin-right: 0;
}
.ast-container #primary {
margin-top: 0;
}
.blog.ast-plain-container #primary, .single.ast-plain-container #primary, .archive.ast-plain-container #primary {
margin-top: 0;
margin-bottom: 1.5em;
}
#secondary select {
width: 100%;
}
#ast-scroll-top {
border-radius: 50%;
}
.uagb-columns__inner-wrap {
justify-content: space-between;
}
.uagb-column__inner-wrap .wp-block-uagb-advanced-heading {
margin-bottom: 1.5em;
} .vp-portfolio.vp-uid-46b411f7 .vp-portfolio__item-wrap {
width: calc(20% - 30px);
} .ast-desktop .ast-primary-header-bar.main-header-bar {
padding-left: 30px;
padding-right: 30px;
}
.ast-primary-header .ast-container, .ast-above-header .ast-container {
padding: 0;
}
.ast-above-header-section-wrap {
justify-content: flex-end;
}
#ast-fixed-header .main-header-bar {
box-shadow: 0 2px 10px rgba(205, 235, 245,.5);
}
.ast-header-break-point .ast-above-header {
line-height: 1.8;
}
.service-top {
display: block;
font-size: 16px;
font-size: 1rem;
}
.main-header-bar-wrap {
height: 100px;
}
.custom-logo-link {
display: block;
max-height: 50px;
}
.header-image-container::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background-color: #92BDE0;
z-index: -1;
clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 18% 100%, 0% 50%);
}
.header-image-container .wp-block-cover {
clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 20% 100%, 10% 50%);
}
.header-image-container .uagb-column__overlay {
height: 100%;
width: 100%;
top: 0;
left: 0;
position: absolute;
z-index: -1;
background-color: #0075be;
clip-path: polygon(18% 0%, 100% 0%, 100% 100%, 18% 100%, 0% 50%);
opacity: 1;
}
.image-shape {
margin-bottom: 0;
}
.full-height {
height: 0;
}
.ast-button-wrap .menu-toggle {
font-size: 2em;
}
.ast-logo-title-inline .site-logo-img {
padding-top: 1.5em;
}  .site-content {
padding: 0 0 3em;
}
.site-content .ast-container, .site-content .ast-container-fluid {
padding: 0;
}
.wp-block-uagb-columns .uagb-columns__inner-wrap.uagb-columns__columns-2, .wp-block-uagb-columns.uagb-columns__wrap .uagb-columns__inner-wrap {
max-width: 1510px;
}
.featured-box blockquote {
background-color: #e8f3f9;
border-color: #297297;
}
.start-teaser .uagb-columns__inner-wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.start-teaser .uagb-columns__wrap .uagb-column__wrap {
width: 100%; border-radius: 5px;
margin-bottom: 2em;
padding: 1em;
}
.start-teaser .wp-block-uagb-buttons.uagb-buttons__outer-wrap {
position: relative;
} .uagb-column__wrap.v-overflow {
overflow: visible;
}
.double-headline::before {
content: "";
position: absolute;
display: block;
font-family: "Open Sans Condensed";
font-size: 1.5em;
color: rgba(41, 114, 151,0.3);
z-index: -1;
margin: -0.7em 0.5em 0 0;
line-height: 1.2;
white-space: pre;
}
.double-headline.individuell::before {
content: "INDIVIDUELL ";
}
.double-headline.punktgenau::before {
content: "PUNKTGENAU ";
}
.double-headline.performance::before {
content: "PERFORMANCE ";
}
.double-headline.glossar {
margin-top: 1em;
}
.double-headline.glossar::before {
content: "GLOSSAR ";
} .start-teaser .uagb-columns__wrap .uagb-column__wrap {
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,.2);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,.2);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,.2);
transition: box-shadow .3s ease 0ms;
}
.start-teaser .uagb-columns__wrap .uagb-column__wrap:hover {
-webkit-box-shadow: 0px 0 80px 0px rgba(0,0,0,.2);
-moz-box-shadow: 0px 0 80px 0px rgba(0,0,0,.2);
box-shadow: 0px 0px 80px 0px rgba(0,0,0,.2);
} .wp-block-uagb-icon-list {
margin: 0 2em;
} ol.list-numbers-increment {
counter-reset: li;
list-style: decimal;
margin: 1em 0 1em 3em;
}
ol.list-numbers-increment > li {
position: relative;
margin: 0 0 1em 0;
padding: 0 8px 8px 0;
list-style: none;
}
ol.list-numbers-increment > li::before {
content: counter(li);
counter-increment: li;
position: absolute;
top: -0.4em;
left: -1.6em;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1.6em;
margin-right: 0;
padding: 0;
color: #297297;
font-size: 2.75rem;
text-align: center;
}
.list-numbers-increment ul {
margin-left: 0;
}
.list-numbers-increment ul li {
list-style: none;
} .ba-portfolio-on-background .vp-portfolio {
--vp-images-lazy__background-color: rgba(0, 0, 0, .1);
}
.vp-portfolio, .vp-portfolio * {
border-radius: 4px;
}
.vp-portfolio__items-style-fade .vp-portfolio__item a {
padding: var(--vp-items-style-fade--meta__padding-v) var(--vp-items-style-fade--meta__padding-h);
}
.vp-portfolio__item-wrap .vp-portfolio__item-img-wrap, .vp-portfolio__items-style-fade figcaption.vp-portfolio__item-overlay { }
.vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:hover, .vp-portfolio__items-style-emerge .vp-portfolio__item-caption a:focus {
color: #fff;
}
.vp-portfolio__items-style-emerge .vp-portfolio__item-meta-excerpt > div {
opacity: 1;
}
.portfolio .uagb-column__inner-wrap {
padding: 0 !important;
}
.portfolio .uagb-columns__wrap .uagb-columns__inner-wrap {
display: flex;
justify-content: space-between;
max-width: 100%;
}
.portfolio .uagb-columns__columns-2 > .wp-block-uagb-column.uagb-column__wrap {
width: 100%;
}
.portfolio .wp-block-image {
margin: 0.5em 1em 1em 0.5em;
}
.portfolio .wp-block-image img {
-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); 
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
}
blockquote.referenz {
position: relative;
border: none;
margin: 5em 0;
padding: 6em 0 0 3.5em;
font-size: 1em;
}
blockquote.referenz::before {
content: "";
position: absolute;
height: 6em;
width: 6em;
background-image: url(//www.css-manufaktur.de/wp-content/themes/astra-child/images/quote.svg);
background-repeat: no-repeat;
top: 0;
left: 0;
z-index: -1;
}
.vp-portfolio__item-img-wrap {
-webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1); 
box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.1);
margin: 0.5em 1em 1em 0.5em;
} .anchor-space {
position: relative;
top: 20px;
display: inline-block;
visibility: hidden;
line-height: 1;
} #optimieren {
counter-reset: myitem;
}
#optimieren .uagb-columns__columns-3 .list-box {
counter-increment: myitem 1;
padding: 0;
margin-bottom: 4em;
}
#optimieren .uagb-columns__columns-3 .list-box:last-child {
margin-bottom: 0;
}
#optimieren .uagb-columns__columns-3 .list-box h3 {
font-family: 'Open Sans Condensed';
}
#optimieren .uagb-columns__columns-3 .list-box p {
font-size: 1em;
line-height:	1.6;
}
#optimieren .uagb-columns__columns-3 .list-box.links .uagb-section__inner-wrap {
margin-right: 3em;
text-align: right;
}
#optimieren .uagb-columns__columns-3 .list-box.rechts .uagb-section__inner-wrap {
margin-left: 3em;
text-align: left;
}
#optimieren .uagb-columns__columns-3 .list-box::before {
content: '0' counter(myitem);
font-family: 'Open Sans Condensed';
position: absolute;
top: 0;
width: 1.5em;
height: 1.5em;
font-size: 1.5em;
font-weight: bold;
color: #c33;
line-height: 1.5;
}
#optimieren .uagb-columns__columns-3 .list-box.links::before {
right: 0;
text-align: right;
}
#optimieren .uagb-columns__columns-3 .list-box.rechts::before {
right: unset;
left: 0;
text-align: left;
} .ast-single-post .entry-title {
font-size: 36px;
font-size: calc(3rem + 1vw);
line-height: 1.2;
font-weight: 700;
}
.content-area h2 {
font-size: 28px;
font-size: 1.8rem;
line-height: 1.2;
font-weight: 700;
}
.post-thumb img {
border-radius: 50%;
}
.widget ul, .widget .textwidget {
margin-left: 0.7em;
}
.widget li {
line-height: 2;
}
.ast-single-post .ast-comment-content {
padding-left: 20px;
} #colophon, #colophon p {
font-size: 14px;
font-size: 0.875rem;
} @media only screen and (min-width: 600px) {
.blog.ast-plain-container #primary, .single.ast-plain-container #primary, .archive.ast-plain-container #primary {
margin-top: 3.5em;
margin-bottom: 1.5em;
}
.wp-singular.ast-plain-container #primary {
margin-top: 0;
}
.service-top {
display: inline-block;
margin-left: 1em;
margin-right: 1.2em;
color: #fff;
}	
.service-top:first-child {
margin-left: 0.2em;
} .double-headline::before {
font-size: 1.95em;
margin: -0.7em 0.5em 0 -0.3em;
}
.double-headline.glossar {
margin-top: 1em;
padding-right: 0.5em;
text-align: right;
}
.double-headline.glossar::before {
right: 0;
margin-right: 0;
} .blog-layout-3 {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
}
.blog-layout-3 .post-thumb.ast-col-md-6 {
width: calc(180px - 1em);
float: none;
}
.blog-layout-3 .post-content.ast-col-md-6 {
width: calc(78% - 1em);
float: none;
}	
.read-more {
font-size: 1em;
}
}
@media only screen and (min-width: 768px) {
.full-height {
height: 50vh;
} .ast-above-header-section {
flex: unset;
align-items: center;
justify-content: flex-end;
}
.portfolio .uagb-columns__columns-2 > .wp-block-uagb-column.uagb-column__wrap {
width: calc(100%/2 - 2%);
} }
@media only screen and (min-width: 990px) {  .site-content {
padding: 3em 0;
}
.ast-right-sidebar #secondary {
padding-left: 30px;
padding-right: 20px;
}
.ast-right-sidebar #primary {
padding-left: 30px; 
padding-right: 4em;
} #glossar {
margin-top: -5em;
} #ast-desktop-header {
display: block;
}
#ast-mobile-header {
display: none;
}
#ast-fixed-header .main-header-bar {
background-color: #fff;
}
header .site-logo-img .custom-logo-link img {
max-width: 230px;
} .main-header-menu .menu-item a::before {
position: absolute;
top: 100%;
left: 0%;
right: 100%;
height: 4px;
margin-top: -4px;
z-index: 1;
content: "";
-o-transition: all .5s ease;
-webkit-transition: all .5s ease;
transition: all .5s ease;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
background: rgba(41, 114, 151,1);
}
.main-header-menu .menu-item a:hover::before, .main-header-menu .menu-item a:focus::before, .main-header-menu .menu-item a.active::before,
.blog .main-header-menu .menu-item.current_page_item a::before, .archive .main-header-menu .menu-item.current_page_parent a::before, .single-post .main-header-menu .menu-item.current_page_parent a::before  {
left: 0%;
right: 0%;
}
.main-header-menu .menu-item-has-children a::before {
width: 0;
}
.main-header-menu .menu-item-has-children a:hover::before, .main-header-menu .menu-item-has-children a:focus::before {
width: 230px;
}
.main-header-menu .sub-menu .menu-item a::before {
display: none;
}
.main-header-menu .sub-menu {
width: 230px;
background: #fff;
left: -999em;
position: absolute;
top: 100%;
z-index: 99999;
transition: opacity .7s ease-in-out;
transform: translateZ(0);
opacity: 0;
border-top-width: 4px;
margin-top: -4px !important;
}
.main-header-menu li:hover > ul, .main-header-menu li:focus > ul {
right: auto;
left: 0;
opacity: 1;
}
h2, .entry-content h2 {
font-size: 35px;
font-size: 2.2rem;
line-height: 1.2;
font-weight: 700;
}
}
@media only screen and (min-width: 1190px) {
header .site-logo-img .custom-logo-link img {
max-width: 250px;
}
}
@media only screen and (min-width: 1230px) { .start-teaser .uagb-columns__wrap .uagb-column__wrap {
width: calc(100%/4 - 2.5%);
padding: 1em 1em 8%;
}	
}
@media only screen and (min-width: 1430px) {
.full-height {
height: 100vh;
}
.start-teaser .uagb-columns__wrap .uagb-column__wrap {
width: calc(100%/4 - 4%);
padding: 1em 1em 7%;
}		
}
@media only screen and (min-width: 1550px) {
.ast-right-sidebar #primary {
padding-left: 0; 
}	
}
@media only screen and (min-width: 1600px) {
.double-headline::before {
margin-left: -0.5em;
}	
} @media only screen and (min-width: 600px) and (max-width: 767px) {
.glossar-flex .uagb-columns__inner-wrap.uagb-columns__columns-3 {
display: flex;
justify-content: space-between;
}
.glossar-flex.uagb-columns__stack-mobile .wp-block-uagb-column.uagb-column__wrap {
width: calc(100%/2 - 2em) !important;
align-items: flex-start;
}	
}
@media only screen and (min-width: 600px) and (max-width: 989px) {
#secondary .sidebar-main {
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
margin-left: -30px;
margin-right: -30px;
}
}
@media only screen and (min-width: 990px) and (max-width: 1520px) {
.portfolio .uagb-column__inner-wrap {
padding: 0 20px !important;
}	
} @media only screen and (max-width: 989px) {
.ast-right-sidebar #secondary, .ast-right-sidebar #primary {
padding-left: 20px;
padding-right: 20px;
}
.ast-pagination {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (max-width: 1400px) {
.featured-box blockquote {
margin-left: 1em;
}
}
@media only screen and (max-width: 767px) { .wp-block-uagb-column.uagb-column__wrap.hidden-column {
display: none;
} }
@media only screen and (max-width: 576px) {
.vp-uid-a641372c .vp-portfolio__items .vp-portfolio__item-wrap .vp-portfolio__item { }
.wp-block-visual-portfolio {
max-width: 400px;
margin: 0 auto;
}
}
@media only screen and (max-width: 369px) {
.bt-zweifach.uagb-buttons__outer-wrap .uagb-buttons__wrap {
flex-direction: column;
justify-content: center !important;
align-items: center !important;
}
.wp-block-uagb-buttons-child.uagb-buttons__outer-wrap .uagb-button__wrapper {
margin-left: 12.5px !important;
margin-bottom: 12.5px;
}
}