/*
Theme Name: Piper
Theme URI: https://wpastra.com/
Template: astra
Author: Anja Kauer
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 0.0.1.1736952438
Updated: 2025-01-15 15:47:18
*/
body {
font-family: Roboto, sans-serif;
background: #fff;
}
p {
margin-bottom: 0;
font-size: 17px;
line-height: 1.4;
color: #003f59;
}
/*Ăberschriften*/
h1, .entry-content h1 {
color: #003f59;
font-size: 35px;
font-weight: bold;
}
h2, .entry-content h2, h3, .entry-content h3, h4, .entry-content h4, h5, .entry-content h5, h6, .entry-content h6 {
color: #fff
}
/*Allgemeine Funktionen*/
body .mobile {display:none;}
@media(max-width: 781px) {
body .no-mobile {display:none;}
body .mobile {display:block;}
}
/*Top-Header*/
.ast-above-header.ast-above-header-bar {
background-color: #554848;
}
.ast-mobile-header-wrap .ast-above-header-bar, .ast-above-header-bar .site-above-header-wrap {
min-height: 20px;
}
.idmLogo {
width: 100px;
height: auto;
}
/*Header*/
.ast-primary-header-bar {
background-color: #fff;
}
.site-logo-img img {
min-width: 150px;
}
@media(max-width: 420px) {
.ast-builder-grid-row>.site-header-section {
flex-wrap: wrap;
}
}
.pbIdm {
display: flex;
justify-content: space-around;
min-width: 210px;
margin-top: 6px;
}
.pbIdm > div {
position: relative;
min-width: 90px;
}
.pbIdm p {
position: absolute;
top: 7px;
}
@media(max-width: 921px) {
.pbIdm p {
top: 15px;
}
}
/*Footer*/
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
background-color: #554848;
border-top-width: 0px;
}
.site-primary-footer-wrap p, .site-primary-footer-wrap a {
color: #fff;
}
.site-footer-section p {
line-height: 1.8;
}
.site-footer-section img {
width: 70%;
}/*
.site-footer-section-2 {
width: 110%;
}
@media(max-width: 544px) {
.site-footer-section-2 {
width: 100%;
}
}*/
.ast-footer-html-1 {
margin-left: 25px;
}
.info-item {
position: relative;
}
.site-primary-footer-wrap i.phone {
display: block;
position: absolute;/*
top: -45px;*/
left: -30px;
content: url("data:image/svg+xml,");
/**/
}
.site-primary-footer-wrap i.at::before {
display: block;
position: absolute;/*
top: -45px;*/
left: -30px;
content: url("data:image/svg+xml,");
/**/
}
.site-primary-footer-wrap i.globe::before {
display: block;
position: absolute;/*
top: -45px;*/
left: -30px;
content: url("data:image/svg+xml,");
/*
*/
}
@media(max-width: 781px) {
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
grid-template-columns: repeat(2, 1fr);
}
.ast-builder-footer-grid-columns {
grid-gap: 20px;
}
}
@media (max-width: 544px) {
.ast-builder-footer-grid-columns.site-primary-footer-inner-wrap.ast-builder-grid-row {
grid-template-columns: 1fr;
}
}
/*Scroll-Button*/
#ast-scroll-top {
background-color: #554848;
color: #fff;
font-size: 14px;
font-size: 1.25rem;
width: 44px;
height: 44px;
line-height: 44px;
display: block;
border-radius: 3px;
}
/*Icon-Bar*/
.icon-bar {
position: fixed;
top: 50%;
right: 0;
transform: translateY(-50%);
background-color: #554848;
padding: 10px 10px 0 10px;
}
.icon-bar a {
position: relative;
width: fit
}
.icon-bar i.phone::before {
content: url("data:image/svg+xml,");
/*content: url("data:image/svg+xml,");*/
}
.icon-bar i.envelope::before {
content: url("data:image/svg+xml,");
}
/*Abschnitt EFS*/
.EFS .videoTunnel {
max-width: 100%;
}
.EFS2 {
display: none !important;
}
/*Abschnitt Leistungen*/
ul.leistungen {
padding-left: 45px;
}
ul.leistungen li {
list-style: none;
text-align: left;
padding: 15px 0px;
font-size: 20px;
position: relative;
}
ul.leistungen li::before {
display: block;
position: absolute;
top: 3px;
left: -45px;
content: url("data:image/svg+xml,");
}
@media(max-width: 781px) {
.leistungen .wp-container-core-columns-is-layout-2 {
gap: 0em;
}
}
/*Abschnitt Fragen*/
.fragen .wp-block-column {
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.fragen h2 {
margin-top: 0;
font-size: 35px;
color: #fff;
text-transform: uppercase;
margin-bottom: 40px;
}
.fragen h3 {
padding: 13px 10px 10px 10px;
background: rgba(0, 0, 0, 0.15);
color: #003f59;
font-size: 27px;
}
.fragen p {
padding: 0 30px 25px;
font-size: 19px;
word-wrap: break-word;
}
/*Abschnitt Marktplätze*/
.marktplaetze {
padding-bottom: 0 !important;
}
.marktplaetze .wp-block-image img {
width: 150px;
}
/*Abschnitt Funktionen*/
.funktionen {
gap: 0;
}
.funktionen h2 {
margin-top: 0;
font-size: 33px;
color: #003f59;
text-transform: uppercase;
padding: 20px 0;
}
.funktionen .wp-block-image img {
width: 150px;
}
.funktionen p {
padding: 20px 40px 0;
font-size: 22px;
}
.funktionen > div {
column-gap: 45px;
}
@media(max-width: 781px) {
.funktionen > .wp-block-group {
display: flex;
}
}
@media(max-width: 380px) {
.funktionen {gap: 10px;}
}
ul.funktionListe {
padding-left: 30px;
}
.funktionZeile ul {
display: flex;
flex-wrap: wrap;
gap: 67px;
}
@media(max-width: 607px) {
.funktionZeile ul {display: block;}
}
.funktionen ul li {
list-style: none;
text-align: left;
padding: 15px 0px;
font-size: 20px;
color: #003f59;
position: relative;
}
.funktionen ul li::before {
display: block;
position: absolute;
top: 3px;
left: -45px;
content: url("data:image/svg+xml,");
}
/*Abschnitt aus einer Hand*/
.eineHand h2 {
margin-top: 0;
font-size: 35px;
color: #fff;
text-transform: uppercase;
}
.eineHand ul {
padding-left: 45px;
}
.eineHand ul li {
list-style: none;
text-align: left;
padding: 10px 0px;
font-size: 20px;
position: relative;
}
.eineHand ul li::before {
display: block;
position: absolute;
top: 3px;
left: -45px;
content: url("data:image/svg+xml,");
}
.eineHand .teaser-box {
}
.transition {
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-ms-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
transition: all 600ms ease-in-out;
}
.eineHand .teaser-box .piperBox, .eineHand .teaser-box .shopBox, .eineHand .teaser-box .gdiBox, .eineHand .teaser-box .progBox {
min-height: 14rem;/*calc(50% - 0.3rem);*/
}
.eineHand .teaser-box .schrift {
display: flex;
position: absolute;
top: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
opacity: 0;
font-weight: bold;
font-size: 23px;
background: #0b4a68e6;
}
.eineHand .teaser-box .schrift p {
color: #fff;
}
.eineHand .teaser-box .schrift:hover {
opacity: 1;
}
/*Abschnitt Kontakt*/
.kontakt h2 {
margin-top: 0;
font-size: 35px;
margin-bottom: 100px;
color: #003f59;
}
.kontakt .wp-block-column {
position: relative;
}
.kontakt p {
font-size: 22px;
line-height: 1.4;
}
.kontakt i.envelope::before {
display: block;
position: absolute;
top: -45px;
left: calc(50% - 30px);
content: url("data:image/svg+xml,");
}
.kontakt i.phone::before {
display: block;
position: absolute;
top: -45px;
left: calc(50% - 30px);
content: url("data:image/svg+xml,");
}
.kontakt i.pencil::before {
display: block;
position: absolute;
top: -45px;
left: calc(50% - 30px);
content: url("data:image/svg+xml,");
}
/*
*/
/**/
/**/