/* Buhlmann CSS */
/* thomas engl / design office */

/* Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { font-size: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a { color: #00e; }
a:visited { color: #551a8b; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }


/* Buhlmann */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 1024px;
	background: #e9e9e9 url(../images/walltile.jpg) center top repeat;
	font-family:'AvantGardeGothicITCW01B 731069', sans-serif;
	line-height: 1.4;
	font-size: 14px;

}



.light {
	font-family:'AvantGardeGothicITCW01X';
}

.book {
	font-family:'AvantGardeGothicITCW01B 731069';
}



.medium {
	font-family:'AvantGardeGothicITCW01M 731087';
}

.extrabold {
	font-family:'AvantGardeGothicITCW01B 731063';
}

* {
	margin: 0;
	padding: 0;	
}

::-webkit-scrollbar-thumb:horizontal { height: 9px; background-color:#1bb1e7; }
::-webkit-scrollbar-thumb:vertical { width: 9px; background-color:#1bb1e7; }
::-webkit-scrollbar {
	width: 9px;
	height: 9px;
	background: #e9e9e9;
	border-top: solid 0 #1bb1e7;
}

h1, h3, h4 {
	font-family: 'AvantGardeGothicITCW01B 731063', sans-serif;
	font-weight: normal;
}

h2 {
 	font-family: 'AvantGardeGothicITCW01M 731087', sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 22px;
	color: #fff;
	padding-bottom: 10px;
	text-transform: uppercase;
}

h2 {
	font-size: 16px;
	color: #fff;
	padding-bottom: 10px;
}

h3 {
	font-size: 16px;
	color: #fff;
	padding-bottom: 10px;
}

.no-fontface h1, .no-fontface h2, .no-fontface h3, .no-fontface h4 {
	font-weight: bold;
}

p {
	padding-bottom: 10px;
}

strong, b {
	font-family: 'AvantGardeGothicITCW01M 731087', sans-serif;
	font-weight: normal;
}

.no-fontface strong, .no-fontface b {
	font-weight: bold;
}

.smooth {
	-webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    transition: color 0.5s;
}

#background {
	width: 100%;
	min-width: 1024px;
	min-height: 780px;
	height: 100%;
	background: url(../images/wallbgblank.jpg) center top no-repeat;
}

#container {
	margin: 0 auto;
	position: relative;
	width: 1000px;
	height: 780px;
}

#logo {
	position: absolute;
	display: block;
	top: -1px;
	left: 710px;
	width: 196px;
	height: 212px;
	background: url(../images/logo.png) 0 0 no-repeat;
	text-indent: -9999px;
}

#logo:active {
	top: 0;
}

/* Startseite */

#startwir {
	top: 270px;
	left: 100px;
	width: 190px;
	background: url(../images/start-uns.png) 0 0 no-repeat;
}

#startwir span {
	background: url(../images/start-uns.png) 0 0 no-repeat;
}

#startleistungen {
	top: 270px;
	left: 500px;
	width: 275px;
	background: url(../images/start-leistungen.png) 0 0 no-repeat;
}

#startleistungen span {
	background: url(../images/start-leistungen.png) 0 0 no-repeat;
}

#startfarbe {
	top: 430px;
	left: 390px;
	width: 275px;
	background: url(../images/start-farbe.png) 0 0 no-repeat;
}

#startfarbe span {
	background: url(../images/start-farbe.png) 0 0 no-repeat;
}

#startkontakt {
	top: 430px;
	left: 675px;
	width: 225px;
	background: url(../images/start-kontakt.png) 0 0 no-repeat;
}

#startkontakt span {
	background: url(../images/start-kontakt.png) 0 0 no-repeat;
}

#startwir, #startleistungen, #startfarbe, #startkontakt {
	position: absolute;
	display: block;
	height: 150px;
}

#startwir:hover, #startleistungen:hover, #startfarbe:hover, #startkontakt:hover {
	/*background-position: 0 -150px;*/
}

#startwir:active, #startleistungen:active, #startfarbe:active, #startkontakt:active {
	
}

#startwir span, #startleistungen span, #startfarbe span, #startkontakt span {
	display: block;
	text-indent: -9999px;
    width: 100%;
	height: 150px;
    background-position: 0 -150px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

#startwir:hover span, #startleistungen:hover span, #startfarbe:hover span, #startkontakt:hover span {
	opacity: 1;
	filter: alpha(opacity = 100);
	-webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    cursor: pointer;
}

#startfoto1 {
	position: absolute;
	top: 270px;
	left: 300px;
	width: 190px;
	height: 150px;
	background: url(../fotos/start1.jpg) 0 0 no-repeat;
}

#startfoto2 {
	position: absolute;
	top: 430px;
	left: 100px;
	width: 275px;
	height: 150px;
	background: url(../fotos/start2.jpg) 0 0 no-repeat;
}

#startfoto3 {
	position: absolute;
	top: 270px;
	left: 785px;
	width: 115px;
	height: 150px;
	background: url(../fotos/start3.jpg) 0 0 no-repeat;
}


/* Main */

#content {
	position: absolute;
	top: 270px;
	left: 300px;
	width: 596px;
	height: auto;
	padding-top: 24px;
	background: url(../images/content-top.png) 0 0 no-repeat;
}

#main {
	width: 526px;
	height: 260px;
	padding: 0 35px;
	background: #1bb1e7;
	color: #fff;
}

#mainclear {
	clear: both;
	width: 596px;
	height: 25px;
	top: -2px;
	background: url(../images/content-bottom.png) 0 0 no-repeat;
}


/* Headers */

#uns, #leistungen, #farbe, #kontakt, #impressum {
	position: absolute;
	top: 270px;
	left: 100px;
	width: 190px;
	height: 150px;
	text-indent: -9999px;
}

#uns {
	background: url(../images/uns.png) 0 0 no-repeat;
}

#leistungen {
	background: url(../images/leistungen.png) 0 0 no-repeat;
}

#farbe {
	background: url(../images/farbe.png) 0 0 no-repeat;
}

#kontakt {
	background: url(../images/kontakt.png) 0 0 no-repeat;
}

#impressum {
	background: url(../images/impressum.png) 0 0 no-repeat;
}


/* Buttons */

#leistungbutton {
	left: 300px;
	width: 195px;
	background: url(../images/leistungbutton.png) 0 0 no-repeat;
}

#leistungbutton span {
	background: url(../images/leistungbutton.png) 0 0 no-repeat;
}

#leistungbutton2 {
	left: 504px;
	width: 195px;
	background: url(../images/leistungbutton.png) 0 0 no-repeat;
}

#leistungbutton2 span {
	background: url(../images/leistungbutton.png) 0 0 no-repeat;
}

#farbebutton {
	left: 504px;
	width: 195px;
	background: url(../images/farbebutton.png) 0 0 no-repeat;
}

#farbebutton span {
	background: url(../images/farbebutton.png) 0 0 no-repeat;
}

#kontaktbutton {
	left: 708px;
	width: 190px;
	background: url(../images/kontaktbutton.png) 0 0 no-repeat;
}

#kontaktbutton span {
	background: url(../images/kontaktbutton.png) 0 0 no-repeat;
}

#farbebutton2 {
	left: 708px;
	width: 190px;
	background: url(../images/farbebutton2.png) 0 0 no-repeat;
}

#farbebutton2 span {
	background: url(../images/farbebutton2.png) 0 0 no-repeat;
}

#unsbutton {
	left: 300px;
	width: 195px;
	background: url(../images/unsbutton.png) 0 0 no-repeat;
}

#unsbutton span {
	background: url(../images/unsbutton.png) 0 0 no-repeat;
}

#unsbutton2 {
	left: 100px;
	width: 190px;
	background: url(../images/unsbutton2.png) 0 0 no-repeat;
}

#unsbutton2 span {
	background: url(../images/unsbutton2.png) 0 0 no-repeat;
}

#leistungbutton, #leistungbutton2, #farbebutton, #farbebutton2, #kontaktbutton, #unsbutton, #unsbutton2 {
	position: absolute;
	display: block;
	top: 590px;
	height: 90px;
}


#leistungbutton span, #leistungbutton2 span, #farbebutton span, #farbebutton2 span, #kontaktbutton span, #unsbutton span, #unsbutton2 span {
	display: block;
	text-indent: -9999px;
    width: 100%;
	height: 90px;
    background-position: 0 -90px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
}

#leistungbutton:hover span, #leistungbutton2:hover span, #farbebutton:hover span, #farbebutton2:hover span, #kontaktbutton:hover span, #unsbutton:hover span,  #unsbutton2:hover span {
	opacity: 1;
	filter: alpha(opacity = 100);
	-webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    cursor: pointer;
}

/* Footer */

#footer {
	position: absolute;
	top: 730px;
	right: 110px;
	width: 890px;
	text-align: right;
	font-size: 12px;
	color: #000;
}

#footer a, #footer a:visited {
	text-decoration: none;
	color: #000;
}

#footer a:hover, #footer a:focus {
	text-decoration: none;
	color: #1bb1e7;
}

#footer a:active {
	position: relative;
	top: 1px;
}

/* contactform */

#response {
	position: absolute;
	top: 160px;
	left: -200px;
	width: 140px;
	height: 100px;
	padding: 25px;
	background: url(../images/response.png) 0 0 no-repeat;
	display: none;
}


#kontaktform {
	float: left;
	width: 230px;
	height: auto;
	margin-top: 15px;
}

#kontaktform input, #kontaktform textarea {
	width: 205px;
	padding: 5px 10px;
	margin-bottom: 10px;
	border: none;
	color: #1bb1e7;
	font-family:'AvantGardeGothicITCW01B 731069', sans-serif;
	font-size: 13px;
}

#kontaktform textarea {
	resize: none;
	height: 110px;
}

#sendmail {
	background: #5fc8ee !important;
	color: #fff !important;
	width: auto !important;
	-webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

#sendmail:hover {
	background: #fff !important;
	color: #1bb1e7 !important;
	-webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

#sendmail:active {
	position: relative;
	top: 1px;
}

input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #1bb1e7;
}

#kontaktinfo {
	float: right;
	width: 260px;
	height: auto;
	margin-top: 15px;
}

#kontaktinfo strong, #impressuminfo strong {
	display: inline-block;
	width: 10px;
}

#kontaktinfo h2, #kontaktinfo p {
	padding-bottom: 16px;
}

#download, #download:visited {
	font-family:'AvantGardeGothicITCW01M 731087';
	display: inline-block;
	margin-top: 5px;
	text-decoration: none;
	padding: 5px 10px;
	background: #5fc8ee;
	color: #fff;
	-webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

#download:hover, #download:focus {
	text-decoration: none;
	background: #fff;
	color: #1bb1e7;
	-webkit-transition: background-color 0.5s;
    -moz-transition: background-color 0.5s;
    -o-transition: background-color 0.5s;
    transition: background-color 0.5s;
}

#download:active {
	position: relative;
	top: 1px;
}

/* Impressum */

#impressuminfo {
	width: 250px;
	float: left;
}

#impressuminfo2 {
	padding-top: 15px;
	width: 250px;
	float: right;
}

/* Farbkleckse */

#farbklecks1 {
	position: absolute;
	top: 74px;
	left: 11px;
	width: 41px;
	height: 40px;
	background: url(../images/klecks1.png) 0 0 no-repeat;
}

#farbklecks2 {
	position: absolute;
	top: 127px;
	left: 24px;
	width: 22px;
	height: 37px;
	background: url(../images/klecks2.png) 0 0 no-repeat;
}

#farbklecks3 {
	position: absolute;
	top:130px;
	left: 66px;
	width: 28px;
	height: 64px;
	background: url(../images/klecks3.png) 0 0 no-repeat;
}

#farbklecks4 {
	position: absolute;
	top: 45px;
	left: 133px;
	width: 48px;
	height: 14px;
	background: url(../images/klecks4.png) 0 0 no-repeat;
}

#farbklecks5 {
	position: absolute;
	top: 601px;
	left: 110px;
	width: 116px;
	height: 37px;
	background: url(../images/klecks5.png) 0 0 no-repeat;
}

#farbklecks6 {
	position: absolute;
	top: 646px;
	left: 133px;
	width: 94px;
	height: 21px;
	background: url(../images/klecks6.png) 0 0 no-repeat;
}

#farbklecks7 {
	position: absolute;
	top: 680px;
	right: 9px;
	width: 94px;
	height: 77px;
	background: url(../images/klecks7.png) 0 0 no-repeat;
}


#farbeerleben {
	position: absolute;
	top: 65px;
	left: 45px;
	display: block;
	width: 233px;
	height: 135px;
	text-indent: -9999px;
	background: url(../images/farbeerleben.png) 0 0 no-repeat;
}

#farbeerleben:active {
	top: 66px;
}


.textbox {
	padding: 0 15px 0 0;
}

/* Slider */


#slider {
	width: 526px;
	height: 215px;
	list-style: none;
	overflow-y: auto;
	overflow-x: hidden;
}

#slider p {
	padding-right: 15px;
}

/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
div.anythingSlider .anythingWindow {
	/*border-top: 3px solid #777;
	border-bottom: 3px solid #777;*/
}
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
	background: #777;
	color: #000;
}
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
/* start-stop button, default hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.anythingSlider.activeSlider .anythingWindow {
	/*border-color: #7C9127;*/
}
/* Navigation buttons, active state */
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
	background-color: #7C9127;
}
/* start-stop button, stopped, active state */
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 0 auto;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	padding: 0;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
	position: relative;
}
.anythingBase .panel.vertical {
	float: none;
}

.pager {
	position: absolute;
	left: 0;
	bottom: 0;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	display: block;
	bottom: 18px; /* this is -18px for IE7 */
	position: absolute;
	z-index: 100;
}
div.anythingSlider .arrow a {
	display: block;
	bottom: -20px;
	position: absolute;
	height: 23px;
	width: 15px;
	outline: 0;
	text-indent: -9999px;
}

div.anythingSlider .forward { right: 20px; }
div.anythingSlider .back { right: 50px;  }
div.anythingSlider .forward a { background: url(../images/forward.png) 0 0 no-repeat; }
div.anythingSlider .back a { background: url(../images/backward.png) 0 0 no-repeat;}

div.anythingSlider .arrow a:active {
	bottom: -21px;
}

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; display: none; }
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
div.anythingSlider .anythingControls ul li { display: inline; }
div.anythingSlider .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../images/default.png);
	background-position: center -288px ;
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .anythingControls ul a:hover {
	background-image: none;
}
/* Navigation size window */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/default.png);
	background-position: center -288px;
	background-repeat: repeat-x;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* hide cell shading on hover - makes the button appear to come forward */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

/* Non-semantic helper classes */

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }




/* Print styles */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}