/*-- 
Name:          Gebäudereinigung Kubau, Nistertal
Url:           https://kubau-gebaeudereinigung.de
Description:   Gebäudereinigung Kubau, Nistertal | Gebäudereinigung Westerwald Rhein-Sieg-Kreis
Version:       2.0 (Relaunch Responsive)
______________ Webdesign by elf42 - Hameln Emmerthal */

/*-- 
_________________________ HTML > CSS; [© by elf42] -- */


@media print { 

@page { size:21cm 29.7cm; margin: 1.5cm 2cm 1cm 2.5cm; }

h1, h2, h3, h4, h5 {    page-break-after: avoid;}
table, figure, c-mire { page-break-inside: avoid;}


body { margin: 0; font-size: 11pt; font-family: Arial; color: rgb(82,82,82); }

#kopf #menue,#kopf img, #nav, #breadcrumb, .slogan, #nav-2, #bc, #abschluss img, #elf42, 
video, iframe, a[href*="facebook"] { display: none; }

.c-mire:nth-child(2) .box:nth-child(1) { display: none; } 
body#kontakt .c-mire:nth-child(2) .box:nth-child(1) { display: none; } 

footer { margin: 1cm 0 0 0; }

#kopf-2 { height: 4cm; margin: 0 0 1cm 0;
          background: url(img/00--hg-kopf-2.jpg) no-repeat center top; background-size: cover; 
          print-color-adjust: exact; -webkit-print-color-adjust: exact; }

.logo { width:5cm; margin: 1cm 0 0 0.6cm; padding: 0; }

/*-- inhalt --*/

.c-flow {                  display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; 
                           flex-direction: column; }
.c-mire {              display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;
                           align-items: flex-start; -ms-flex-align: start; flex-wrap : wrap; -ms-flex-wrap : wrap; }

.box {     width: 100%; }
.box-txt { width: 48%; float:left;  margin:0; padding:0; display: inline-block; }
.box-bi {  width: 48%; float:right; margin:0; padding:0; display: inline-block;}
.box-bi figure { margin: 0 0 0.7cm 0; padding:0 0 0 0.7cm; }


.c-mi figure, 
.c-full figure { margin-block-start:0; margin-block-end:0; margin-inline-start:0; margin-inline-end:0; margin:0; padding:0; float:left; }
.c-full figure:nth-child(1) { width: 66.66%; margin:0; padding:0; display: inline-block; }
.c-full figure:nth-child(2) { width: 33.33%; margin:0; padding:0; display: inline-block; }

.box, .flex, row, section, .colum, .c-full, figure, #logo, 
h1, .h1, h2, .h2, h3, .h3 ,h4, .h4, h5, h6, .h6 
{ padding-bottom: 0.5cm; }

/*-- profil --*/
.profil {              display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;
                       align-items: flex-start; -ms-flex-align: start; flex-wrap : wrap; -ms-flex-wrap : wrap;
                       flex-direction: row; }

.profil div:nth-child(odd) {  width: 30%; float:left;  margin:0; padding:0; text-align:right; font-weight:700; }
.profil div:nth-child(even) { width: 60%; float:right; margin:0; padding:0 0 0 20px; 
                              border-left: 2px solid rgb(222,222,222);
                              align-items : stretch; -ms-flex-align : stretch; }

/*-- lesen sie mehr --*/
.c-lsm {     width: 100%; margin:0 auto 1cm auto; padding: var(--a-box) var(--a-cont);
             display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify;
             flex-wrap : wrap; -ms-flex-wrap : wrap; }
.c-lsm figure:nth-child(1) { width: 30%; margin:0; padding:0; }
.c-lsm .lsm:nth-child(2) {   width: 65%; margin:0; padding:0; }


/*-- inhalt --*/

h1, h2, h3, h4, h5 { page-break-after: avoid; color: rgb(82,82,82); }
h1 {            font-size: 14pt; margin: 0 0 0.7cm 0; padding: 0; }
h2, h3 {        font-size: 12pt; margin: 0 0 0 0; padding: 0; }
#abschluss h2 { font-size: 12pt; margin: 0 0 1cm 0; padding: 0; }

main a:after { content: " (" attr(href) ") "; color: gray; font-size: smaller; }

body#impressum a:after { content: "  "; }
body#impressum a {       color: rgb(82,82,82); text-decoration:none; }
body#impressum h4 a {    color: rgb(82,82,82); text-decoration:none; }

body#webdesign main, 
body#sitemap main { display: none; }



/*-- impressum/kontakt --*/

.addi {     width: 100%; margin:0; padding:0; display: flex; display: -ms-flexbox; flex-wrap: wrap; 
            justify-content: flex-start; -ms-flex-pack : start; align-items : flex-start; -ms-flex-align : start; }

.addi .ad {   width: 100%; display: flex; display: -ms-flexbox; flex-direction: column; } 
.addi table { margin:0; padding::0 0.8cm 0 0; }
.addi h2 {    padding: 0; }

.addi [class*="ad-"] { width: auto; margin:0; padding:0 1cm 0.5cm 0;  }

.addi [class*="ad-"] td:nth-child(1) { padding:0 0.5cm 0 0; color: rgb(140,140,140); }
.addi .ad-2 td:nth-child(1), .addi .ad-3 td:nth-child(1), .addi .ad-4 td:nth-child(1) { min-width: 60px; }

.addi table td:nth-child(1) { font-weight:300; padding:0; color: rgb(140,140,140); }

/*-- abschluss --*/


#abschluss {     width: 100%; margin:0; padding:0; display: flex; display: -ms-flexbox; flex-wrap: wrap; 
                 justify-content: flex-start; -ms-flex-pack : start; align-items : flex-start; -ms-flex-align : start; }
#abschluss .elem { width: 100%; display: flex; display: -ms-flexbox; flex-direction: column; } 
[class*="elem-"] { margin:0; padding:0 0.5cm 0 0; }

#abschluss table { margin:0; padding::0 0.8cm 0 0; }

[class*="elem-"] td:nth-child(1) {   padding:0 0.5cm 0 0; color: rgb(140,140,140); }
.elem-2 td:nth-child(1) { min-width: 50px; }
.elem-3 td:nth-child(1) { min-width: 50px; }

#abschluss [class*="elem-"] a { color: rgb(82,82,82); text-decoration:none; }
#abschluss [class*="elem-"] a:after { content: "  "; }


}