/*-- 
Name:          Pferdewelt Waldgut Höhnscheid, Bad Arolsen
Url:           http://www.http://www.pferd-aquatrainer.de
Description:   Pferdewelt Waldgut Höhnscheid, Bad Arolsen | Aquatrainer Pferd
Version:       2.0 (Relaunch Responsive)
______________ Webdesign by elf42 - Hameln Emmerthal */


@media print { 

@page { size:21cm 29.7cm; margin: 1cm 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, #nav, #breadcrumb, .slogan, #nav-2, #bc, #abschluss img, #elf42, 
video, iframe, a[href*="facebook"] { display: none; }

footer { margin: 1cm 0 0 0; }

#logo img { width: 30%; margin: 0; padding: 0; }

.c-flow {                  display: flex; display: -ms-flexbox; justify-content: space-between; -ms-flex-pack: justify; 
                           flex-direction: column; }
.cflow-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;
                           flex-direction: row; }

.cflow-mire:nth-child(2) .c-mire { width: 48%; margin: 1cm 0 0 0; }

.c-mire {          width: 100%; }
.c-mire-bi-1 {     width: 33.33333333%; float: left; }
.c-mire-bi-2 {     width: 66.66666667%; float: right; }
.c-mire-bi-3 {     width: 66.66666667%; float: left; }
.c-mire-bi-4 {     width: 33.33333333%; float: right; }
.c-mire-txt-1 {    width: 66.66666667%; float: left; }
.c-mire-bi-5 {     width: 33.33333333%; float: right; }


.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; }


/*-- inhalt --*/

h1, h2, h3, h4, h5 { page-break-after: avoid; color: rgb(82,82,82); }
h1 {            font-size: 14pt; }
h2, h3 {        font-size: 12pt; }
#abschluss h6 { font-size: 12pt; margin: 0 0 0.5cm 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; }

/*-- inhalt --*/




/*-- 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: "  "; }







}