/*-- 
Name:          Startadvise, Rechtsanwalt Norman Stegemann, Königstein im Taunus
Url:           https://startadvise.de
Description:   Startadvise, Kanzlei für Wirtschaftsrecht, Rechtsanwalt Norman Stegemann, Königstein im Taunus
Version:       1.0 Neuumsetzung Responsive
______________ Webdesign by elf42 - Hameln Emmerthal */



body#energierecht-beratung-unternehmen #kopf { 
                    justify-content: center; align-items: center; align-content: center;
                    flex-direction: column; flex-wrap: wrap; }

@media only screen and (min-width: 426px ) {
body#energierecht-beratung-unternehmen #kopf { 
                    justify-content: space-between; align-content: flex-start; align-items: center;
                    flex-direction: row; flex-wrap: wrap; }
}

/* ------------ */

body#energierecht-beratung-unternehmen #kopf-2 { 
                    justify-content: flex-start; align-items: stretch; }

/* ------------ */

body#energierecht-beratung-unternehmen .box, 
body#energierecht-beratung-unternehmen [class*="col-"] {
                  margin-bottom: var(--ab);}

/* ------------ */

body#energierecht-beratung-unternehmen #kopf { 
                             min-height: 150px; }

/* ------------ */

  @media only screen and (max-width: 599px) { /* MAX ! */
body#energierecht-beratung-unternehmen #kopf-2 { 
                             background: url(img/00--hg-kopf-2-lp-kl.jpg) center top no-repeat; } 
} @media only screen and (min-width: 600px) {
body#energierecht-beratung-unternehmen #kopf-2 { 
                             background: url(img/00--hg-kopf-2-lp-m.jpg) center top no-repeat; } 
} @media only screen and (min-width: 980px) {
body#energierecht-beratung-unternehmen #kopf-2 { 
                             background: url(img/00--hg-kopf-2-lp.jpg) center top no-repeat; } 
} @media only screen and (orientation: landscape) {}

/* ------------ */

  @media only screen and (max-width: 425px) { /* MAX ! */
body#energierecht-beratung-unternehmen #lp-kopf { 
                           margin: var(--a20); }
} @media only screen and (min-width: 426px) {
body#energierecht-beratung-unternehmen #lp-kopf { 
                           margin: var(--a40) var(--a20) 0 0; }
} @media only screen and (max-width: 767px ) { /* MAX ! */
body#energierecht-beratung-unternehmen #kopf-2 { 
                            height: auto; padding: 25% 0 0 0;
                            background-size: 150%; 
                            border-bottom: var(--no); }
body#energierecht-beratung-unternehmen #kopf-2 { 
                           border-bottom: 10px solid var(--ci01); }
} @media only screen and (min-width: 768px) {
body#energierecht-beratung-unternehmen #kopf-2 h1 { 
                            padding: var(--a20) 15%; }
body#energierecht-beratung-unternehmen #kopf-2 { 
                            height: auto; } 
} @media only screen and (max-width: 979px ) { /* MAX ! */
body#energierecht-beratung-unternehmen #kopf-2 { padding: 30px 0 0 0; }

} @media only screen and (min-width: 980px ) {
body#energierecht-beratung-unternehmen #kopf-2 { 
                            height: auto; max-width: 100%; padding: 0 15%;
                            background-size: cover; 
                            border-bottom: 10px solid var(--ci01); }
body#energierecht-beratung-unternehmen #kopf-2 h1 { 
                            max-width: 38vw; margin: auto 0; padding: var(--ab);
                            border-bottom: var(--no); }
body#energierecht-beratung-unternehmen #kopf-2 h1 { 
                            max-width: 100%; }
} @media only screen and (min-width: 1260px ) {
body#energierecht-beratung-unternehmen #kopf-2 h1 { 
                                             padding: var(--a30) var(--a40); }
} @media only screen and (orientation: landscape) {}

/* ------------ */

.lp-hero { background:none; 
           margin: 0 0 30px 0; padding: 20px; }


.lp-hero h1 {           font-size: 1.5rem; 
                        color: var(--m255); background: rgba(var(--ci03t),0.5) !important; }
.lp-hero .subheadline { font-size: 1.1rem; 
                        margin-bottom: 30px; padding: 10px; background: rgba(var(--ci03t),0.5); 
                        color: var(--m255); text-align:center; font-size: 1.2em; font-weight:600; }


.lp-trust {             margin-top: 30px;  font-size: 0.95em; }

.lp-trust ul { display: flex; 
               justify-content: center; flex-wrap: wrap; gap: 20px;
                        padding:0; background: rgba(var(--ci03t),0.5); 
                        color: var(--m255); list-style: none; }

.lp-trust li {          padding: 10px; }
.lp-trust li:before {   margin-right: 5px; color: var(--m255); font-weight: bold; content: "✓ "; }


.lp-cta-flex { display: flex; 
               justify-content: center; flex-wrap: wrap; gap: 20px;
                        padding: 0; list-style: none; }

.lp-cta-flex a.btn {  width: auto; padding: 20px 30px 20px 20px; 
                      color: var(--m255); background: var(--ci01); }

.lp-cta-flex a.btn:before {  color: var(--m255); }

.lp-cta-primary, 
.lp-cta-secondary {    display: inline-block; }
.lp-cta-primary:hover, 
.lp-cta-secondary:hover {  }


.lp-trust-footer { display: flex; justify-content: center; flex-wrap: wrap; gap: 30px;
                   margin-top: 20px; font-size: 0.95em;}
.lp-trust-footer span:before { content: "✓ ";
                               color: var(--ci02); font-weight: bold; margin-right: 5px; }