/* Theme Name: pfiffig_onepage */

/* ------------------------ 
GLOBAL RESET
------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
		margin:0;padding:0;border:0;outline:0;vertical-align:baseline;/*background:transparent*/
	}
	article,aside,dialog,figure,footer,header,hgroup,nav,section {
		display:block
	}
	nav ul { list-style:none }
	a { margin:0;padding:0;border:0;vertical-align:baseline;background:transparent }
	
	
	/* ------------------------ 
	GLOBAL RULES
	------------------------ */
	* {
		padding: 0px; 
		margin: 0px;
		border: 0px;
		
		-webkit-box-sizing: border-box;
   		-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}
	
	/* ------------------------ 
	BASICS GRID
	------------------------ */
	.col-12 { width: 100%;  }
	.col-11 { width: 91.66666666666666%; }
	.col-10 { width: 83.33333333333334%; }
	.col-9 { width: 75%; }
	.col-8 { width: 66.66666666666666%; }
	.col-7 { width: 58.333333333333336%; }
	.col-6 { width: 50%; }
	.col-5 { width: 41.66666666666667%; }
	.col-4 { width: 33.33333333333333%; }
	.col-3 { width: 25%; }
	.col-2 { width: 16.666666666666664%; }
	.col-1 { width: 8.333333333333332%; }
	.col { 
		font-size: 0px; 
		line-height: 0px;
		padding: 0px; 
		display: inline-block;
		vertical-align: middle;
		margin: auto;
	}
	
	/* ------------------------ 
	ANIMATE
	------------------------ */
	.animate {
	  opacity: 0;
	  margin-top: 100px;
	   transition: .6s ease all;
	  -moz-transition: .6s ease all;
	  -webkit-transition: .6s ease all;
	}
	.animate.moveup {
	   opacity: 1;
	   margin-top: 0px; 
	}
	
	
	/* ------------------------ 
	STUFF
	------------------------ */	
	.nbr { white-space: nowrap;}

	/*ul, li { list-style: none; }*/
	
	.inline { display: inline-block; }
	
	.center { text-align: center; }
	.t-left { text-align: left; }
	.t-right { text-align: right; }
	
	.underline {text-decoration: underline; }
	
	.uppercase { text-transform: uppercase; }
	.lowercase { text-transform: none; }
	
	.left { float: left; }
	.right { float: right; }
	.clear { clear: both; } 

	.v-top { vertical-align: top; }
	.v-middle {vertical-align: middle;}
	.v-bottom {vertical-align: bottom;}
	
	.fix { position: fixed; }
	.abs { position: absolute; }
	.rel { position: relative; }
	
	.italic { font-style: italic}
	
	.shadow {text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;}
	.box-shadow {box-shadow: box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
	
	img { 
		width: 100%; 
		height: auto;
		object-fit: cover; 
	}
	
    hr { 
		 height:1px;
		 background:#000;
		 margin: -5px 0 15px; 
	 } 
	
	/* ------------------------ 
	list style
	------------------------ */	
	.list { 
		position: relative; 
		margin-left: 15px; 
	}
	.list:before {
		content: '';
		position: absolute;
		bottom: 12px;
		left: -15px;
		width: 5px;
		height: 5px;
		background-color: #000;
		border-radius: 50%;
	}
	
	ul {margin-left: 20px;}
	/*li { color: #555; }*/
	
	/* ------------------------ 
	z-index
	------------------------ */	
	header { z-index: 3; }
	
	/* ------------------------ 
	DISPLAY
	------------------------ */	
	#searchform,
	.comments,
	.mobile,
	#extrapages,
	.data #onepager, 
	.error404 #onepager,
	.comingsoon #burger-outer,
	.comingsoon nav { display: none; }
	
	.desk,
	.data #extrapages, 
	.error404 #extrapages {display: block; }
	
	/* ------------------------ 
	TRANSITION
	------------------------ */	
	.trans-1 {
		transition: .1s ease all;
		-moz-transition: .1s ease all;
		-webkit-transition: .1s ease all;
	}
	.trans-1-5 {
		transition: .15s ease all;
		-moz-transition: .15s ease all;
		-webkit-transition: .15s ease all;
	}
	a, 
	.but,
	.trans-2 {
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}
	
	.trans-3 {
		transition: .3s ease all;
		-moz-transition: .3s ease all;
		-webkit-transition: .3s ease all;
	}
	.trans-4 {
		transition: .4s ease all;
		-moz-transition: .4s ease all;
		-webkit-transition: .4s ease all;
	}
	.trans-5 {
		transition: .5s ease all;
		-moz-transition: .5s ease all;
		-webkit-transition: .5s ease all;
	}
	
	/* ------------------------ 
	COLOR
	------------------------ */	
	.white {color: #fff; }
	.green { color: #99B19B; }
	.dark { color: #978B88; }
	.beige { color: #D3C4BB; }
	
	.bg-pf-white { background: #efefef; }
	.bg-pf-lightgreen { background: #B5D0B7; }
	.bg-pf-green { background: #99B19B; }
	/*.bg-pf-green { background: #A7C6A8; }*/
	.bg-pf-beige { background: #D3C4BB; }
	.bg-pf-dark { background: #978B88; }
	
	.bg-dark {background: #343530;}
	
	/* ------------------------ 
	FONTS STYLE
	------------------------ */ 
	.sans-700 {font-family: 'museo-sans-700'; font-weight: 400; }
	.sans-700.bold {font-family: 'museo-sans-700'; font-weight: 600; }
	.sans-500 {font-family: 'museo-sans-500'; }
	.sans-300 {font-family: 'museo-sans-300'; }
	.sans-100 {font-family: 'museo-sans-100'; }
	
	.playfair-black {font-family: 'playfair-black'; }
	.playfair-bold {font-family: 'playfair-bold'; }
	.playfair-semibold {font-family: 'playfair-semibold'; }
	.playfair-medium {font-family: 'playfair-medium'; }
	.playfair-reg {font-family: 'playfair-regular'; }
	.playfair {font-family: 'playfair-medium'; }
	
	body,
	p, .data h3, nav li a { font-family: 'museo-sans-500'; }
	h1, h2, h3 { font-family: 'museo-sans-100'; }
	.bold, strong, b { font-family: 'museo-sans-700'; font-weight: 400; }
	
	.upper { text-transform: uppercase; }
	
	h1 { font-size: 5rem; line-height: 1.05em; }
	h2 { font-size: 3rem; line-height: 1.15em; }
	h3 { font-size: 2rem; line-height: 1.3em;}
	h4 { font-size: 1.5rem; line-height: 1.3em;}
	
	p, li  { font-size: 1.2rem; }
	footer li, .copyright  { font-size: 1.1rem; }
	.small { font-size: 1rem; }
	
	.data h3 {line-height: 1.15em;}
	p, li { line-height: 1.5em;}
	
	
	/* ------------------------ 
	underline
	------------------------ */ 
	#kontakt #contentbox p a { color: #fff; }
	#termine #contentbox p a { color: #292929; }
	
	.underline,
	#contentbox a { 
		position: relative; 
		display: inline-block;
		text-decoration: none; 
	}
	.underline:after,
	#contentbox a:after  {
		content: "";
		position: absolute;
		width: 100%;
		height: 1px;
		bottom: 3px;
		left: 0;
		background: #000;
		visibility: hidden;
		transform: scaleX(0);
		
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}
	#kontakt #contentbox a:after  {background: #fff;}
	
	.underline:hover:after,
	#contentbox a:hover:after {
		visibility: visible;
		transform: scaleX(1);
	}
	
	
	/* ------------------------ 
	Link
	------------------------ */
	a:focus,
	*:focus { outline: none !important; } 
	
	a,
	a:link,
	a:visited { 
		outline:none; 
		text-decoration: none;
		cursor: pointer;
	}
	
	/* ------------------------ 
	BUT
	------------------------ */
	/*.but {
		padding: 10px 35px;
		display: inline-block;
		
		width: auto; 
		border-radius: 25px;
		margin-top: 30px;
		background: #F3B229;
	}
	.but:hover {
		background: #883380;
	}*/
	
	.but {
	    /*padding: 10px 15px 0px;*/
		padding: 4px 15px 10px !important;;
	    display: inline-block;
	    width: auto;
	    border-radius: 10px;
	    /*background: #D3C4BB;*/
		background: #99B19B;
		color: white;
	    /*line-height: .7em;*/
		
		margin-bottom: 1rem; 
	}