/*---------------------------------------------------------
	:: reset styles
	--------------------------------------------------------- */
	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, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		font-size: inherit;
		font-weight: inherit;
		font-style: normal;
		vertical-align: baseline;
		background: transparent;
		border: 0;
		outline: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box; 
	}
	.ie7 *, .ie8 * { box-sizing: content-box; }
	
	/* HTML5 RESETS FOR OLDER BROWSERS */
	article, aside, figure, figure img, hgroup, footer, header, nav, section {
		display: block;
	}

	/* Correct `inline-block` display not defined in IE 8/9. */
	audio, canvas, video {
		display: inline-block;
	}
	
	/* 1. Set default font family to sans-serif.
	 * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
	html {
		font-family: sans-serif; /* 1 */
		-ms-text-size-adjust: 100%; /* 2 */
		-webkit-text-size-adjust: 100%; /* 2 */
	}
	
	/* Remove the gray background color from active links in IE 10. */
	a {
		background: transparent;
	}

	/* Address `outline` inconsistency between Chrome and other browsers. */
	a:focus {
		outline: thin dotted;
	}

	/* Improve readability when focused and also mouse hovered in all browsers. */

	a:active,
	a:hover {
		outline: 0;
	}
	
	/* Address differences between Firefox and other browsers. */
	hr {
		-moz-box-sizing: content-box;
		box-sizing: content-box;
		height: 0;
	}
	
	/* Remove border when inside `a` element in IE 8/9. */
	img {
		border: 0;
	}

	/* Correct overflow displayed oddly in IE 9. */
	svg:not(:root) {
		overflow: hidden;
	}
	
	/* 1. Correct font family not being inherited in all browsers.
	 * 2. Correct font size not being inherited in all browsers.
	 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
	button,
	input,
	select,
	textarea {
		font-family: inherit; /* 1 */
		font-size: 100%; /* 2 */
		margin: 0; /* 3 */
	}

	/* Address Firefox 4+ setting `line-height` on `input` using `!important` in
	 * the UA stylesheet. */
	button,
	input {
		line-height: normal;
	}

	/* Address inconsistent `text-transform` inheritance for `button` and `select`.
	 * All other form control elements do not inherit `text-transform` values.
	 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
	 * Correct `select` style inheritance in Firefox 4+ and Opera. */
	button,
	select {
		text-transform: none;
	}

	/* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
	 *    and `video` controls.
	 * 2. Correct inability to style clickable `input` types in iOS.
	 * 3. Improve usability and consistency of cursor style between image-type
	 *    `input` and others. */
	button,
	html input[type="button"], /* 1 */
	input[type="reset"],
	input[type="submit"] {
		-webkit-appearance: button; /* 2 */
		cursor: pointer; /* 3 */
	}

	/* Re-set default cursor for disabled elements. */
	button[disabled],
	html input[disabled] {
		cursor: default;
	}

	/* 1. Address box sizing set to `content-box` in IE 8/9/10.
	 * 2. Remove excess padding in IE 8/9/10. */
	input[type="checkbox"],
	input[type="radio"] {
		box-sizing: border-box; /* 1 */
		padding: 0; /* 2 */
	}

	/* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
	 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
	 *    (include `-moz` to future-proof). */
	input[type="search"] {
		-webkit-appearance: textfield; /* 1 */
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box; /* 2 */
		box-sizing: border-box;
	}

	/* Remove inner padding and search cancel button in Safari 5 and Chrome
	 * on OS X. */
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	/* Remove inner padding and border in Firefox 4+. */
	button::-moz-focus-inner,
	input::-moz-focus-inner {
		border: 0;
		padding: 0;
	}

	/* 1. Remove default vertical scrollbar in IE 8/9.
	 * 2. Improve readability and alignment in all browsers. */
	textarea {
		overflow: auto; /* 1 */
		vertical-align: top; /* 2 */
	}

	/* Remove most spacing between table cells. */
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	html {
		font-size: 16px;
		line-height: 1.4em;
	}

	/* Remove text-shadow in selection highlight: h5bp.com/i
	 * These selection rule sets have to be separate.
	 * Customize the background color to match your design. */
	::-moz-selection {
		background: #e3241d;
		color: #ffffff;
		text-shadow: none;
	}

	::selection {
		background: #e3241d;
		color: #ffffff;
		text-shadow: none;
	}

	/* Remove the gap between images, videos, audio and canvas and the bottom of
	 * their containers: h5bp.com/i/440 */
	audio,
	canvas,
	img,
	svg,
	video {
		vertical-align: middle;
	}

	/* Remove default fieldset styles. */
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	/* Allow only vertical resizing of textareas. */
	textarea {
		resize: vertical;
	}
	
/*---------------------------------------------------------
	Typography-Trial: Abo bei Fonts.com
	---------------------------------------------------------
	
	// Überschriften, Titel
	font-family:'Clarendon W01 Light 692104';
	font-family:'Clarendon BT W01 Light'; --> sieht interessanter aus.
	
	// Navi
	font-family:'UniversLTW01-57Condense 723821';
	font-family:'UniversLTW01-47LightCn';
	font-family:'UniversLTW01-49LightUlt';
	
	// Special
	font-family:'Flemish ScriptII W01';
	
	// Laufschrift --> html, body
	font-family:'Warnock W01 Regular';
	
	// Laufschrift bold --> strong, b
	font-family:'Warnock W01 SmBd';
		
	--------------------------------------------------------- */
	
/*---------------------------------------------------------
	general styles
	--------------------------------------------------------- */
	body {
		background-color: #ffffff;
		color: #7d7f7d;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", "Gill Sans MT", Calibri, Arial, sans-serif;
		font-weight: normal;
		font-size: 1em;
		min-height: 100%;
	}
	
	a,
	a:visited{
		color: #7d7f7d;
		text-decoration: none;
	}
	
	a:hover,
	a:focus{
		color: #e3241d;
	}
	
	input::-webkit-input-placeholder{
		color: #ffffff;
		text-transform: uppercase;
	}
	input::-moz-placeholder{
		color: #ffffff;
		text-transform: uppercase;
	}
	input:-ms-input-placeholder{
		color: #ffffff;
		text-transform: uppercase;
	}
	
	/* --- custom background-colors ---- */
	
	.grey{
		background-color: #f0f0f0;
	}
	
	.red,
	#primary-navigation .navigationtitle,
	.site-footer #backtotop,
	#outer-wrapper {
		background-color: #e3241d;
	}
	
	.red,
	#primary-navigation .navigationtitle{
		color: #ffffff;
	}
	
	/* --- off canvas --- */
	
	#outer-wrapper {
		position: relative;
		overflow: hidden;
		width: 100%;
	}
	#inner-wrapper {
		background-color: #ffffff;
		position: relative;
		width: 100%;
	}
	
	.mobile-nav{
		background-color: #e3241d;
		position: relative;
		width: 100%;
	}
	
	.js .mobile-nav{
		width: 17em;
	}
	
	.js #inner-wrapper{
		right: 0;
	}
	
	.js.csstransforms3d.csstransitions #inner-wrapper{
		right: 0;
		-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		-moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		-o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
		
	.js .mobile-nav {
		background-color: transparent;
		position: absolute;
		right: -17em;
		width: 17em;
		z-index: 3;
	}
	
	.js.csstransforms3d.csstransitions .mobile-nav{
		right: 0;
		-webkit-transform: translate3d(17em, 0, 0);
		-moz-transform: translate3d(17em, 0, 0);
		-ms-transform: translate3d(17em, 0, 0);
		-o-transform: translate3d(17em, 0, 0);
		transform: translate3d(17em, 0, 0);
		-webkit-transition: -webkit-transform 500ms ease;
		-moz-transition: -moz-transform 500ms ease;
		-o-transition: -o-transform 500ms ease;
		transition: transform 500ms ease;
		-webkit-backface-visibility: hidden;
		-moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		-o-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	.fadeout #inner-wrapper {
		left: -17em;
	}
	
	.csstransforms3d.csstransitions.fadeout #inner-wrapper{
		left: 0;
		-webkit-transform: translate3d(-17em, 0, 0);
		-moz-transform: translate3d(-17em, 0, 0);
		-ms-transform: translate3d(-17em, 0, 0);
		-o-transform: translate3d(-17em, 0, 0);
		transform: translate3d(-17em, 0, 0);
	}
	
	.js .explanation,
	.js .submenu{
		display: none;
	}
	
	.js .active .submenu,
	.js .active .explanation,
	.slideout .submenu,
	.slideout .explanation{
		display: block;
	}
	
	.js .explanation{
		padding: 0 1em 0 1em;
	}
	
	.js.csstransitions .submenu,
	.js.csstransitions .explanation{
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
	}
	
	.js .submenu,
	.js .explanation{
		display: block;
		height: auto;
		max-height: 0;
		opacity: 0;
	}
	
	.slideout .submenu,
	.slideout .explanation{
		display: block;
		height: auto;
		max-height: 34em;
		opacity: 1;
	}	
	
	.slideout .explanation{
		padding: 1em 1em 1.3em 1em;
	}
	
	/* --- abstract global classes --- */
	.right { 
		float: right; 
	}
	.left { 
		float: left; 
	}
	.center{
		text-align: center;
	}
	
	
	.wrapper{
		padding-left: 0.625em;
		padding-right: 0.625em;
	}
	
	.homepage .icon,
	.entry-content .icon{
		background-clip: padding-box;
		background-color: #ffffff;
		border-radius: .5em;
		-webkit-box-shadow: 0 0 .2em .2em #ffffff;
        box-shadow: 0 0 .2em .2em #ffffff;
	}
	
	em{
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", "Gill Sans MT", Calibri, Arial, sans-serif;
		font-style: normal;
	}
	
	strong, b{
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", "Gill Sans MT", Calibri, Arial, sans-serif;
		font-weight: normal;
	}

	h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Gill Sans", "Gill Sans MT", Calibri, Arial, sans-serif;
		font-weight: normal;
	}
	
	h1,.h1{
		font-size: 1.8em;
		line-height: 1.2em;
		margin-bottom: 0.6em;
	}
	
	h2,.h2{
		font-size: 1.7em;
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	
	h3,.h3{
		font-size: 1.6em;
		line-height: 1.2em;
		margin-bottom: 0.4em;
	}
	
	h4,.h4{
		font-size: 1.5em;
		line-height: 1.15em;
		margin-bottom: 0.38em;
	}
	
	h5,.h5{
		font-size: 1.4em;
		line-height: 1.2em;
		margin-bottom: 0.3em;
	}
	
	h6,.h6{
		font-size: 1.35em;
		line-height: 1.15em;
		margin-bottom: 0.3em;
	}
	/* --- fluid video --- */
	
	.video {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
	}

	.video iframe,  
	.video object,  
	.video embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* --- fluid images --- */
	img {
		height: auto;
		max-width: 100%;
	}
		
	.ie8  img { 
		width: auto;
	}
	/* --- header --- */
	
	.site-header{
		padding-top: 1em;
		margin-bottom: 2em;
	}
	
	.header-image-wrapper,
	.header-slider-wrapper{
		display: none;
	}
		
	.site-header.wrapper{
		margin-bottom: 1em;
	}	
		
	.logo{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.png");
		-webkit-background-size: 7.813em 14.188em;
		background-size: 7.813em 14.188em;
		background-repeat: no-repeat;
		background-position: 0 0;
		display: block;
		font-size: 1em;
		height: 5.938em;
		line-height: 1em;
		margin-left:;
		width: 7.813em;
	}
		
	.header-image img{
		width: 100%;
	}
	
	.ie8  .header-image { 
		width: auto;
	}
	
	/* --- navigation --- */
		
	#primary-navigation {
		float: right;
		margin: -1.5em 0 0 0;
		position: relative;
		width: 100%;
	}
	
	.js #primary-navigation {
		margin-top: -3.77em;
		width: auto;		
	}
	
	/* navigationtitle */
	
	.csstransitions .button,
	.csstransitions #primary-navigation .navigationtitle,
	.csstransitions #backtotop,
	.csstransitions #primary-navigation .nolink,
	.csstransitions .sitemap .sitemaptitle,
	.csstransitions .definition .question,
	.csstransitions #primary-navigation li a,
	.csstransitions .search-button{
		-webkit-transition: background-color 0.3s ease-out;
		-moz-transition: background-color 0.3s ease-out;
		-o-transition: background-color 0.3s ease-out;
		transition: background-color 0.3s ease-out;
	}
	
	#primary-navigation .navigationtitle,
	#backtotop{	
		font-size: 1em;
		height: 3.125em;
		right: 0;
		margin: 0;
		overflow: hidden;
		padding: 0 0 0 1.188em; 
		position: absolute;
		text-indent: 6.5em;
		white-space: nowrap;
		width: 6.25em;
		z-index: 3;
	}
	
	.js #primary-navigation .navigationtitle,
	#backtotop{
		display: block;
	}
	
	.fadeout #primary-navigation .navigationtitle{
		padding-left: .95em;
		width: 3em;
	}
	
	.no-js #primary-navigation .navigationtitle{
		display: none;
	}
	
	#primary-navigation .navigationtitle{
		margin-top: -3.125em ;
		top: 0;
	}
	
	#primary-navigation .navigationtitle #toggleicon,
	#backtotop .arrow{
		display: block;
		width: 1.063em;
	}
	
	.js.csstransforms.csstransitions #primary-navigation .navigationtitle #toggleicon.open,
	.js.csstransforms.csstransitions #primary-navigation .navigationtitle #toggleicon.close{
		-webkit-transition: -webkit-transform .6s ease;
		-moz-transition: -moz-transform .6s ease;
		-ms-transition: -ms-transform .6s ease;
		transition: transform .6s ease;
	}
	
	#primary-navigation .navigationtitle #toggleicon.close{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.png");
		-webkit-background-size: 7.813em 14.188em;
		background-size: 7.813em 14.188em;
		background-repeat: no-repeat;
		background-position: -1.2em -12em;
		height: 1.063em;
		margin-top: -.05em;
	}
		
	.js.csstransforms.csstransitions #primary-navigation .navigationtitle #toggleicon.close{
		transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
	}
	
	#primary-navigation .navigationtitle #toggleicon.open{
		border-top: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;
		height: 12px;
		position: relative;
	}
		
	.js.csstransforms.csstransitions #primary-navigation .navigationtitle #toggleicon.open{
		transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
		
	#primary-navigation .navigationtitle #toggleicon.open:after{
		background-color: #ffffff;
		content:"";
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		top: 3px;
		width: 1.063em;
	}
	
	#primary-navigation .navigationtitle:hover,
	.button.red:hover,
	#backtotop:hover{
		background-color: #d6231d;
		cursor: pointer;
	}
		
	/* nolink */
		
	#primary-navigation .nolink,
	.sitemap .sitemaptitle,
	.definition .question{
		color: #ffffff;
		display: block;
		font-size: 1.125em;
		line-height: 1.2em;
		margin: 0;
		padding: .8em 0 .8em 1.5em;
		position: relative;
		text-transform: uppercase;
	}
		
	#primary-navigation .nolink{
		background-color: #dd0e08;
		border-bottom: .056em solid #d10600;
		border-top: .056em solid #e22626;	
	}
	
	#primary-navigation .nolink:hover,
	.sitemap .sitemaptitle:hover,
	.definition .question:hover{
		cursor: pointer;
	}
	
	.js #primary-navigation .nolink:after,
	.js .sitemap .sitemaptitle:after,
	.js .definition .question:after{
		border: transparent .3em solid;
		border-left-color: #ffffff;
		content: "";
		display: block;
		position: absolute;
		top: 1.2em;
	}
	
	.js #primary-navigation .nolink:after{
		right: 1em;
	}
	
	#primary-navigation .slideout .nolink:after,
	.sitemap .slideout .sitemaptitle:after,
	.definition.slideout .question:after{
		border-top-color: #ffffff;
		border-left-color: transparent;
		right: 1.15em;
		top: 1.35em;
	}
	
	/* navilink */
	
	#primary-navigation .first,
	#primary-navigation .second,
	#primary-navigation .submenu{
		list-style: none;
	}
	
	#primary-navigation .submenu{
		background-color: #df1812;
	}
	
	#primary-navigation .first li a,
	#primary-navigation .second li a{
		border-bottom: 1px solid #D41711;
		color: #ffffff;
	}
	
	#primary-navigation li a{
		display: block;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.2em;
		padding: .8em 0 1em 2.5em;
		position: relative;
		text-decoration: none;
	}	
	
	.js #primary-navigation li a{
		display: none;
	}
	
	#primary-navigation .slideout li a{
		display: block;
	}

	#primary-navigation .nolink:hover,
	#primary-navigation li a:hover,
	#primary-navigation ul li li.current a,
	#primary-navigation ul li li.active a{
		background-color: #d61610;
		
	}
		
	
	#primary-navigation .slideout li a:hover,
	#primary-navigation li.active li a:hover,
	#primary-navigation li.current li.current a,
	#primary-navigation li.active li.active a{
		background-color: #d61610;
	}
	
	#primary-navigation li.current .nolink,
	#primary-navigation li.active .nolink,
	#primary-navigation .slideout .nolink{
		background-color: #d10c06;
		border-bottom: .056em solid #C50C07;
		border-top: .056em solid #DB1F1F;
	}

	#primary-navigation li.last{
		border-bottom: 0;
	}
	
	/* --- search --- */
	
	#search{
		padding: 1em;
	}
		
	.search-form{
		position: relative;
	}
	
	.search,
	.search-button{
		background-clip: padding-box;
		background-color: #eb6661;
		border: none;
		border-radius: .4em;
		color: #ffffff;
		font-size: 1em;
	}
	
	.search{
		padding: 1em .8em 1em .8em;
		position: relative;
		width: 100%;
	}
			
	.search-button{
		overflow: hidden;
		padding: 1em 0;
		position: absolute;
		right: 0;
		text-indent: 100%;
		top: 0;
		white-space: nowrap;
		width: 3.5em;
	}
	
	.search-button:after{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.png");
		-webkit-background-size: 7.813em 14.188em;
		background-size: 7.813em 14.188em;
		background-repeat: no-repeat;
		background-position: -2.2em -12.1em;
		content: "";
		display: block;
		height: 2.2em;
		left: .8em;
		position: absolute;
		top: .6em;
		width: 2.188em;
	}

	.search-form:hover,
	.search-form:hover .search-button{
		background-color: #f36c67;
		border-radius: .4em;
	}
	.search-form:hover .search{
		-webkit-box-shadow: inset 0 0 .2em .1em #e6635e;
        box-shadow: inset 0 0 .2em .1em #e6635e;
	}
	
	.search:hover,
	.search:focus{
		outline: 0;
	}
	.search-button:hover,
	.search-button:focus{
		border: none;
		background-color: #f36c67;
		outline: 0;
	}
	
	.js #primary-navigation .navigationtitle{
		margin-top: 2em;
	}
	
	.js #primary-navigation{
		float: right;
		margin-top: 0;
		position: absolute;
		right: 0;
		top: 0;
	}
				
	/* --- content --- */
	
	.entry-content section{
		margin-bottom: 2em;
	}
		
	.page-title{
		color: #7d7e7c;
		line-height: 1em;
		margin-bottom: 0.6em;
		margin-top: 0.2em;
	}
	
	.page-title .small{
		display: block;
		font-size: .7em;
	}
	
	.lead{
		font-size: 1.125em;
	}
	
	.entry-content .icon-title{
		text-align: center;
	}
	
	.entry-content .icon-title .icon{
		background-clip: padding-box;
		border-radius: .1em;
		-webkit-box-shadow: 0 0 .1em .04em #c6c5c5;
		box-shadow: 0 0 .1em .04em #c6c5c5;
		display: block;
		height: auto;
		margin: 0 auto .8em auto;
		width: 3em;
	}
	
	.entry-content p{
		font-size: 1.125em;
		line-height: 1.3em;
		margin-bottom: 1.5em;
	}
	
	.entry-content a,
	.entry-content a:link,
	.entry-content a:visited,
	a.footer-link,
	a.footer-link:visited,
	.news .entry-content a{
		text-decoration: none;
		color: #e3241d;
		background-repeat: repeat-x;
		-webkit-background-size: 2px 2px;
		background-size: 2px 2px;
		background-position: 0 1.1em;
		background-image: none;
	}
	
	.entry-content a:hover,
	a.footer-link:hover{
		text-decoration: none;
		color: #c01b16;
		background-image: none;
		background-repeat: repeat-x;
		-webkit-background-size: 2px 2px;
		background-size: 2px 2px;
	}
	
	.entry-content a:hover,
	a.footer-link:hover{
		background-image: -moz-linear-gradient(top,#fff 50%,#c01b16 50%);
		background-image: -webkit-linear-gradient(top,#fff 50%,#c01b16 50%);
		background-image: -o-linear-gradient(top,#fff 50%,#c01b16 50%);
		background-image: linear-gradient(to bottom,#fff 50%,#c01b16 50%);
		background-position: 0 1.1em;
	}
	
	.news .entry-content a:hover{
		background-image: -moz-linear-gradient(top,#f0f0f0 50%,#c01b16 50%);
		background-image: -webkit-linear-gradient(top,#f0f0f0 50%,#c01b16 50%);
		background-image: -o-linear-gradient(top,#f0f0f0 50%,#c01b16 50%);
		background-image: linear-gradient(to bottom,#f0f0f0 50%,#c01b16 50%);
		background-position: 0 1.1em;
	}

	.entry-content a.button,
	.entry-content a.button:hover{
		background-repeat: repeat;
		-webkit-background-size: auto auto;
		background-size: auto auto;
		background-position: 0 0;
		background-image: none;
	}
	
	/* --- liste --- */
	
	.entry-content ul{
		list-style: none;
		margin-bottom: 1.5em;
	}
	
	.entry-content ul li{
		font-size: 1.125em;
		line-height: 1.3em;
		margin-bottom: .5em;
		margin-left: .2em;
		padding-left: .8em;
		position: relative;
	}
	
	.entry-content ul li:before{
		background-clip: padding-box;
		background-color: #e3241d;
		border-radius: 50%;
		content: "";
		display: block;
		height: .36em;
		position: absolute;
		left: 0;
		top: .5em;
		width: .36em;
	}
	
	.entry-content img{
		margin-bottom: 1.5em;
	}
	
	/* --- caption --- */
	
	.entry-content .wp-caption{
		max-width: 100%;
	}
	
	.ie8 .entry-content .wp-caption{
		width: auto;
	}
	
	/*.entry-content .alignright img,
	.entry-content .alignleft img{
		width: 100%;
	}*/
	
	.entry-content .wp-caption.alignright,
	.entry-content .wp-caption.alignleft{
		margin-bottom: 1em;
	}
	
	.entry-content .wp-caption img{
		margin-bottom: 0;
		max-width: 100%;
		width: 100%;
	}
	
	.entry-content .wp-caption .wp-caption-text{
		display: inline-block;
		font-size: .95em;
		margin: .5em 0;
	}

	
	/* --- gallery --- */
	
	.gallery-item,
	.gallery-item.col-2,
	.gallery-item.col-3,
	.gallery-item.col-4,
	.gallery-item.col-5,
	.gallery-item.col-6,
	.gallery-item.col-7,
	.gallery-item.col-8,
	.gallery-item.col-9{
		margin-bottom: 8%;
		margin-right: 0;
		width: 100%;
	}
			
	.gallery-item.col-2{
		margin-left: 0;
		margin-top: 0;
	}
	
	.gallery-item img{
		margin-bottom: 0;
		width: 100%;
	}
	
	/* --- teaser services --- */
	
	.homepage .page-title{
		color: #7d7e7c;
		line-height: 1.2em;
		margin-bottom: 1.1em;
		margin-top: 0.2em;
	}
	
	.homepage .page-title .small{
		display: block;
		font-size: .6em;
	}
	
	.teaser-services .teaser-icon{
		background-clip: padding-box;
		border-radius: .3em;
		-webkit-box-shadow: 0 0 .4em .05em #a4a4a4;
        box-shadow: 0 0 .4em .05em #a4a4a4;
		width: 5.625em;
	}
	
	.csstransitions .teaser-services .teaser-icon{
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	.teaser-services .teaser-link{
		display: block;
	}
	
	.teaser-services .teaser-link:hover .teaser-icon{
		opacity: .9;
		-webkit-box-shadow: 0 0 .4em .05em #c6c5c5;
        box-shadow: 0 0 .4em .05em #c6c5c5;
	}
			
	.homepage .page-title,
	.teaser-services .teaser{
		text-align: center;
	}
	
	.teaser-services .teaser{
		margin-bottom: 3em;
	}
	
	.teaser-services .teaser-title{
		color: #7d7e7c;
		font-size: 1.2em;
		margin-top: 1em;
		text-transform: uppercase;
	}		
		
	.teaser-services .teaser-description{
		color: #9c9d9f;
		margin-bottom: .5em;
	}
	
	.csstransitions .teaser-services .teaser-title,
	.csstransitions .teaser-services .teaser-description{
		-webkit-transition: color 0.3s ease-out;
		-moz-transition: color 0.3s ease-out;
		-o-transition: color 0.3s ease-out;
		transition: color 0.3s ease-out;
	}
	
	.teaser-services  .teaser-link:hover .teaser-title{
		color: #e3241d;
	}
	
	.teaser-services  .teaser-link:hover .teaser-description{
		color: #eb625d;
	}
				
	/* --- news ---- */
	
	.news,
	.faq{
		padding: 3em 0;
	}
	
	.faq{
		margin-bottom: 2em;
	}
	
	.news .entry-content{
		margin-bottom: 2em;
		margin-top: 3em;
	}
	
	.arrow-title{
		display: block;
		margin-left: .52em;
		padding-left: 1.8em;
		position: relative;
		width: 100%;
	}
	
	.arrow-title:before{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.png");
		-webkit-background-size: 7.813em 14.188em;
		background-size: 7.813em 14.188em;
		background-repeat: no-repeat;
		background-position: 0 -6em;
		content: "";
		display: block;
		font-size: .25em;
		height: 6em;
		left: 0;
		margin-top: -.5em;
		position: absolute;
		top: 0;
		width: 7em;
	}
	
	.news .arrow-title{
		margin-left: 0;
	}
	
	.news .news-entry-title{
		font-size: 1.5em;
		line-height: 1.2em;
	}
	
	.news .lead{
		font-size: 1em;
		line-height: 1.4em;
		margin-bottom: 1.5em;
	}
	
	.news .button{
		color: #fff;
		display: inline-block;
	}
	
	/* ---- faq ---- */
	
	.definition.slideout .explanation{
		background-clip: padding-box;
		background-color: #ffffff;		
		border-radius: .35em;
		padding: 1em;
	}
	
	.faq .arrow-title{
		margin-bottom: .8em;
	}
	
	.js .faq p{
		display: none;
	}
	
	.js .faq .slideout p{
		display: block;
	}
	
	/* --- sitemap --- */
	
	.sitemap{
		padding-bottom: 3em;
		padding-top: 3em;
	}
	
	.sitemap .wrapper{
		border-bottom: .056em solid #ea241d;
		border-top: .056em solid #d91e18;
	}
	
	.sitemap .wrapper,
	.faq .wrapper{
		padding-left: 0;
		padding-right: 0;
	}
	
	.sitemap .sitemaptitle,
	.definition .question{
		background-color: #dd0e08;
		border-bottom: .056em solid #d10600;
		border-top: .056em solid #e22626;
		font-size: 1.25em;
		padding-left: .625em;
		padding-right: 2.3em;
	}
	
	.sitemap .first .sitemaptitle{
		border-top: .056em solid #e5312b;
		margin-top: 0;
	}
	
	.sitemap .last .sitemaptitle{
		border-bottom: .056em solid #d0150f;
	}
	
	.faq .question:hover,
	.sitemap .sitemaptitle:hover,
	.faq .slideout .question,
	.sitemap .slideout .sitemaptitle{
		background-color: #d61610;
	}
	
	.js .sitemap .sitemaptitle:after,
	.js .faq .question:after{
		right: .625em;
	}
	
	.faq .slideout .question:after,
	.sitemap .slideout .sitemaptitle:after{
		right: .775em;
	}
	
	.sitemap .submenu{
		background-color: #df1812;
		list-style: none;
	}
	
	.sitemap a{
		color: #fff;
		display: none;
		line-height: 1.2em;
		padding: .9em 1.5em 1em 1.5em;
	}

	.no-js .sitemap a,
	.sitemap .slideout a{
		border-bottom: 1px solid #D41711;
		display: block;
	}
	
	.no-js .sitemap .last a,
	.sitemap .slideout .last a{
		background-clip: padding-box;
		border-radius: .35em;
	}
	
	.no-js .sitemap a:hover,
	.sitemap .slideout a:hover{
		background-color: #d61610;
	}
	
	/* --- button --- */
	
	.button{
		background-clip: padding-box;
		border: none;
		border-radius: .3em;
		display: inline-block;
		padding: .6em 1.2em .7em 1.2em;
		text-transform: uppercase;
	}
	
	.entry-content .button.red,
	.button.red,
	.button.red:hover{
		color: #fff;
	}
	
	
	/* --- footer --- */
	
	.site-footer{
		overflow: hidden;
		padding: 3em 0 7em 0;
		position: relative;
	}
	
	.footer-box{
		margin-bottom: 3em;
	}
	
	.footer-box.last{
		margin-bottom: 0;
	}
	
	.footer-box .footer-title{
		font-size: 2.1em;
		line-height: 1.2em;
		padding-bottom: .6em;
		padding-top: 2.8em;
		position: relative;
		text-transform: uppercase;
	}
	
	.footer-box .org{
		font-size: 1.3em;
		margin-bottom: .45em;
	}
	
	.footer-box p,
	.impressum{
		font-size: 1.1em;
	}
	
	.footer-box .bottom-gap{
		margin-bottom: 0.45em;
	}
	
	#backtotop{
		bottom: 2em;
	}
	
	#backtotop .arrow{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.png");
		-webkit-background-size: 7.813em 14.188em;
		background-size: 7.813em 14.188em;
		background-repeat: no-repeat;
		background-position: 0 -12em;
		height: 1.3em;
		margin-top: -.6em;
	}	
		
/*---------------------------------------------------------
   helper classes
   --------------------------------------------------------- */

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.clear{
	clear: both;
}

.umbruch{
	display: block;
}

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

#search:before,
#search:after,
.wrapper:before,
.wrapper:after,
.sitemap:before,
.sitemap:after,
.entry-content section:before,
.entry-content section:after,
.inner-footer:before,
.inner-footer:after,
.teaser-services:before,
.teaser-services:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

#search:after,
.wrapper:after,
.sitemap:after,
.entry-content section:after,
.inner-footer:after,
.teaser-services:after,
.clearfix:after {
    clear: both;
}

#search,
.wrapper,
.sitemap,
.entry-content section,
.inner-footer,
.teaser-services,
.clearfix {
    *zoom: 1;
}

/*---------------------------------------------------------
   svg backgrounds for retina screens
   --------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx){ 
	
	.svg .logo{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.svg");
	}
	
	.svg #primary-navigation .navigationtitle #toggleicon.close{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.svg");
		margin-top: -.2em;
	}
	
	.svg .search-button:after{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.svg");
	}
	
	.svg .arrow-title:before{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.svg");
	}
	
	.svg #backtotop .arrow{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.svg");
		margin-top: -.4em;
	}
	
}



/*---------------------------------------------------------
   print styles
   --------------------------------------------------------- */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

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

@media screen and (min-width: 18.75em){ /* bigger than 300px */
	.wrapper{
		padding-left: 1em;
		padding-right: 1em;
	}
	
	.header-image{
		display: block;
	}
		
	.sitemap .sitemaptitle,
	.definition .question{
		padding-left: 1em;
	}
	
	.arrow-title{
		margin-left: .8em;
	}
	
	.js .definition .question:after,
	.js .sitemap .sitemaptitle:after{
		right: 1em;
	}
	.definition.slideout .question:after,
	.sitemap .slideout .sitemaptitle:after{
		right: 1.155em;
	}

}

@media screen and (min-width: 25em){ /* bigger than 400px */
	.fadeout #primary-navigation .navigationtitle{
		padding-left: 1.188em;
		width: 6.25em;
	}
		
	.site-footer{
		padding-bottom: 2em;
	}
	
	.entry-content .icon-title{
		text-align: left;
		margin-bottom: .8em;
	}
	
	.entry-content .icon-title .icon{
		float: left;
		margin: -.2em .5em 0 0;
		width: 1.5em;
	}
	
	.gallery-item{
		float: left;
	}
	
	.gallery-item,
	.gallery-item.col-2,
	.gallery-item.col-3,
	.gallery-item.col-4,
	.gallery-item.col-5,
	.gallery-item.col-6,
	.gallery-item.col-7,
	.gallery-item.col-8,
	.gallery-item.col-9{
		margin-bottom: 4%;
		margin-right: 4%;
		width: 48%;
	}
	
	.gallery-item.col-2 {
		margin-left: 0;
		margin-top: 0;
	}
	
	.gallery-item.col-2 img {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	
	.gallery-item.second,
	.gallery-item:nth-child(2n){
		margin-right: 0;
	}
	
}

@media screen and (min-width: 37.5em){ /* bigger than 600px */
		
	h1,.h1{
		font-size: 2.8em;
		line-height: 1.2em;
		margin-bottom: 0.6em;
	}
	
	h2,.h2{
		font-size: 2.6em;
		line-height: 1.2em;
		margin-bottom: 0.5em;
	}
	
	h3,.h3{
		font-size: 2.4em;
		line-height: 1.2em;
		margin-bottom: 0.4em;
	}
	
	h4,.h4{
		font-size: 2.2em;
		line-height: 1.15em;
		margin-bottom: 0.38em;
	}
	
	h5,.h5{
		font-size: 2em;
		line-height: 1.2em;
		margin-bottom: 0.3em;
	}
	
	h6,.h6{
		font-size: 1.7em;
		line-height: 1.15em;
		margin-bottom: 0.3em;
	}
	
	.wrapper{
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
		padding-right: 0;
		width: 80%;
	}
		
	.header-image-wrapper,
	.header-slider-wrapper{
		display: block;
		overflow: hidden;
		position: relative;
	}
	
	.header-slider-wrapper .loading{
		display: none;
	}
	
	.header-image-wrapper{
		margin-bottom: 2%;
	}
	
	.header-slider-wrapper{
		margin-bottom: 3%;
	}
	
	.header-slider-wrapper .slide{
		position: relative;
	}
	
	.header-slider-wrapper .claim-wrapper.left,
	.header-image-wrapper .claim-wrapper.left{
		float: none;
		left: 10%;
		position: absolute;
	}
	
	.header-image-wrapper .claim-wrapper.left{
		top: 15%;
	}
	
	.header-slider-wrapper .claim-wrapper.left{
		bottom: 40%;
	}
	
	.header-image-wrapper .claim-wrapper.left{
		max-width: 35em;
		width: 52%;	
	}
	
	.header-slider-wrapper .claim-wrapper.left{
		max-width: 15em;
		width: 40%;
	}
	
	.header-slider-wrapper .claim,
	.header-slider-wrapper .claim:link,
	.header-slider-wrapper .claim:visited,
	.header-image-wrapper .claim,
	.header-image-wrapper .person{
		color: #ffffff;
	}
	
	.header-slider-wrapper .flex-control-nav{
		bottom: 1em;
		list-style: none;
		position: absolute;
		text-align: center;
		width: 100%;
	}
	
	.header-slider-wrapper  .flex-direction-nav{
		display: none;
	}
	
	.header-slider-wrapper .flex-control-nav li{
		display: inline-block;
	}
	
	.header-slider-wrapper .flex-control-nav li a{
		overflow: hidden;
		position: relative;
		text-indent: 100%;
		white-space: nowrap;
	}
	
	.header-slider-wrapper .flex-control-nav li a{
		background-clip: padding-box;
		background-color: rgba(0, 0, 0, 0.6);
		border-radius: 50%;
		display: block;
		height: 3.75em;
		margin-right: 2em;
		width: 3.75em;
	}
	
	.header-slider-wrapper .flex-control-nav li:last-child a{
		margin-right: 0;
	}
	
	.header-slider-wrapper .flex-control-nav li a:after{
		background-color: rgba(0, 0, 0, 0.6);
		content: "";
		display: block;
		position: absolute;
		text-decoration: none;
	}
		
	.header-slider-wrapper .flex-control-nav li a:after,
	.header-slider-wrapper .flex-control-nav li a:visited:after{
		background-clip: padding-box;
		background-color: transparent;
		border: 2px solid #fff;
		border-radius: 50%;	
		height: 1.55em;
		right: 26.5%;
		top: 26.5%;
		width: 1.5em;
	}
	
	.header-slider-wrapper .flex-control-nav li a.flex-active:after,
	.header-slider-wrapper .flex-control-nav li a:hover:after{
		background-color: #d6231d;
	}
	
	.header-image-wrapper .claim{
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: .6em;
	}
	
	.header-image-wrapper .person{
		font-size: .9em;
	}
	
	.header-image-wrapper:before,
	.header-image-wrapper:after{
		border: transparent 1.5em solid;
		bottom: 0;
		content:"";
		display: block;
		position: absolute;
		width: 50%;
	}
	
	.header-image-wrapper:before{
		border-bottom-color: #fff;
		left: 0;
		margin-left: -3.05em;
		width: 50%;
	}
	
	.header-image-wrapper:after{
		border-bottom-color: #fff;
		margin-right: -3.05em;
		right: 0;
		width: 50%;
	}
	/* --- homepage slider --- */
	
	.slides{
		list-style: none;
	}
	
	.slides .slide img{
		width: 100%;
	}
	
	.header-slider-wrapper .claim{
		font-size: 1.8em;
		line-height: 1.25em;
		margin-bottom: .8em;
		text-align: left;
	}
	
	.header-slider-wrapper .link{
		display: inline-block;
		font-size: 1em;
		line-height: 1.2em;
		margin: 0 auto;
		text-align: center;
	}
	
	.inner-news{
		padding-left: 8em;
	}
	
	.news,
	.faq{
		padding: 10% 0% 5%;
	}
	
	.arrow-title{
		font-size: 2.8em;
		padding-left: 2.8em;
		margin-left: auto;
	}
		
	.arrow-title:before{
		font-size: .36em;
		margin-top: -1.3em;
	}
	
	.entry-content .icon-title{
		margin-bottom: 1.2em;
	}
	
	.entry-content .icon-title .icon{
		margin-top: -.15em;
	}
	
	.sitemap .wrapper{
		margin-bottom: 0;
		overflow: hidden;
	}
	
	.sitemap .sitemaptitle,
	.definition .question{
		background-clip: padding-box;
		border-radius: .35em;
		font-size: 1.25em;
		margin-top: .5em;
		padding-left: 1em;
		position: relative;
		z-index: 4;
	}
	
	.js .sitemap .sitemaptitle:after,
	.js .definition .question:after{
		right: 1em;
	}
	
	.sitemap .slideout .sitemaptitle:after,
	.faq .slideout .question:after{
		right: 1.15em;
	}
	
	.sitemap .slideout .submenu,
	.definition.slideout .explanation{
		background-clip: padding-box;
		border-radius: .35em;
		padding-top: 1.6em;
		margin-top: -.6em;
	}
	
	.sitemap a{
		padding-left: 1.5em;
		padding-right: 1.5em;
	}
	
	
	.no-js #primary-navigation{
		width: auto;
	}
	
	.no-js .mobile-nav{
		width: 17em;
	}
	
	.no-js #primary-navigation {
		margin: -7em 0 0 0;
	}
	
	.no-js .site-header.wrapper{
		margin-bottom: 0;
	}
	
}

@media screen and (min-width: 50em){ /* bigger than 800px */
			
	.js #primary-navigation .first{
		margin-left: -37em;
		margin-top: -2.9em;
		position: absolute;
	}

	.js #primary-navigation .first li .nolink{
		display: inline-block;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	
	.js #primary-navigation .first li .nolink{
		color: #7d7e7c;
		float: left;
		margin: .6em 2em;
		padding: .2em 0;
	}
	
	.js #primary-navigation .first li{
		float: left;
	}
	
	.js #primary-navigation .first .nolink:after{
		display: none;
	}
	
	.js #primary-navigation .first .nolink{
		border-bottom: none;
		border-top: none;
	}
	
	.js #primary-navigation .first .nolink,
	.js #primary-navigation .first li.active,
	.js #primary-navigation .first li.slideout,
	.js #primary-navigation .first .submenu{
		background-color: transparent;
	}
	
	.js #primary-navigation .first li.active .nolink{
		background-color: transparent;
		border-bottom: 4px solid #e2241d;
		border-top: none;
		color: #7d7e7c;
	}
	
	.js #primary-navigation .first li:hover .nolink,
	.js #primary-navigation .first li .nolink:hover,
	.js #primary-navigation .first li.slideout .nolink{
		background-color: transparent;
		border: none;
		color: #e2241d;
	}
	
	.js #primary-navigation .first li.active.slideout .nolink{
		border: none;
	}
	
	.js #primary-navigation .first li.active .nolink:hover{
		border: none;
	}
	
	.js #primary-navigation .first .submenu{
		display: none;
		background-color: #e2241d;
		list-style: none;
		top: 3.8em;
		position: absolute;
		z-index: 3;
	}
	
	.js #primary-navigation .first .submenu:before{
		border: transparent .6em solid;
		border-bottom-color: #e2241d;
		content: "";
		display: block;
		left: 50%;
		margin-top: -1.1em;
		margin-left: -.5em;
		position: absolute;
		top: 0;
	}
	
	.js #primary-navigation .first .slideout .submenu{
		display: block;
		z-index: 3;
	}
	
	.js #primary-navigation .first .submenu li{
		background-color: transparent;
		clear: both;
		float: none;
	}
	
	.js #primary-navigation .first .submenu .menulink{
		padding: .9em 1.2em 1em 1.2em;
	}
	
	.js #primary-navigation .first .slideout .nolink{
		background-color: transparent;
	}
	
	.header-slider-wrapper .claim-wrapper.left{
		bottom: 35%;
	}
	
	.header-slider-wrapper .flex-control-nav{
		bottom: 1em;
	}
	
	.header-slider-wrapper .claim{
		font-size: 2.6em;
		margin-bottom: .8em;
	}
	
	.header-slider-wrapper .link{
		font-size: 1.2em;
	}
	
	.header-slider-wrapper .claim-wrapper.left{
		max-width: 25em;
		width: 40%;
	}
	
	.header-image-wrapper .claim-wrapper.left{
		max-width: 35em;
		top: 20%;
	}
	
	.header-image-wrapper .claim{
		font-size: 1.45em;
		margin-bottom: 1em;
	}
	
	.header-image-wrapper .person{
		font-size: 1em;
	}
	
	
	/* --- columns --- */
	
	.fifty{
		float: left;
		margin-right: 8%;
		width: 46%;
	}
	
	.thirty{
		float: left;
		margin-right: 8%;
		width: 28%;
	}
	
	.last{
		margin-right: 0;
	}
	
	.faq .wrapper{
		width: 70%;
	}
	
	.site-footer .inner-footer{
		padding-left: 8em;
	}
	
	.footer-box.first{
		position: relative;
	}
	
	.footer-box.first:before{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.png");
		-webkit-background-size: 7.813em 14.188em;
		background-size: 7.813em 14.188em;
		background-repeat: no-repeat;
		background-position: 0 -6em;
		content: "";
		display: block;
		font-size: 1em;
		height: 6em;
		left: 0;
		margin-left: -8em;
		margin-top: -.5em;
		position: absolute;
		top: 0;
		width: 7em;
	}
	
	.footer-box{
		float: left;
		width: 50%;
	}
	
	.footer-box.last{
		width: 100%;
	}
	
}

/*---------------------------------------------------------
   svg backgrounds for retina screens
   --------------------------------------------------------- */

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 50em),
only screen and (   min--moz-device-pixel-ratio: 2) and (min-width: 50em),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (min-width: 50em),
only screen and (        min-device-pixel-ratio: 2) and (min-width: 50em),
only screen and (                min-resolution: 192dpi) and (min-width: 50em),
only screen and (                min-resolution: 2dppx) and (min-width: 50em){ 
	
	.svg .footer-box.first:before{
		background-color: transparent;
		background-image: url("/static/img/sprite_kva-buchs_opt-size.svg");
	}
	
}


@media screen and (min-width: 56.25em){ /* bigger than 900px */
	
	.wrapper{
		margin-bottom: 4%;
	}
		
	.entry-content .alignleft{
		float: left;
		margin: 0 2.5em 1em 0;
		width: auto;
	}
	
	.entry-content .alignright{
		float: right;
		margin: 0 0 2em 2.5em;
		width: auto;
	}
	
	.entry-content .alignright img,
	.entry-content .alignleft img{
		width: auto;
	}
	
	.entry-content img.alignright,
	.entry-content img.alignleft{
		width: auto;
	}
	
}

@media screen and (min-width: 62.5em){ /* bigger than 1000px */
	
	.header-image-wrapper .claim-wrapper.left{
		top: 25%;
	}
	
	.header-image-wrapper .claim{
		font-size: 1.65em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}
	
	.header-slider-wrapper .flex-control-nav{
		bottom: 1.6em;
	}
	
	.header-slider-wrapper .claim{
		font-size: 3em;
		margin-bottom: .8em;
	}
	
	.header-slider-wrapper .link{
		font-size: 1.3em;
	}
	
	.header-slider-wrapper .claim-wrapper.left{
		max-width: 25em;
		width: 40%;
	}
	
	.teaser-services .teaser{
		float: left;
		width: 33.2%;
	}
	
	.inner-news{
		padding-left: 21%;
	}
	
	/* --- gallery --- */
	
	.gallery{
		clear: both;
		margin-bottom: 1em;
		overflow: hidden;
	}
		
	.gallery-item.col-2{
		margin-bottom: 2%;
		margin-top: 2%;
	}
		
	.gallery-item.col-3{
		margin-bottom: 3%;
		margin-right: 3.5%;
		width: 31%;
	}
	
	.gallery-item.col-4{
		margin-bottom: 3%;
		margin-right: 2.6%;
		width: 23%;
	}
	
	.gallery-item.col-5,
	.gallery-item.col-6,
	.gallery-item.col-7,
	.gallery-item.col-8,
	.gallery-item.col-9{
		margin-bottom: 2%;
		margin-right: 2%;
		width: 18%;
	}
	
	.gallery-item.col-6.fifth,
	.gallery-item.col-7.fifth,
	.gallery-item.col-8.fifth,
	.gallery-item.col-9.fifth,
	.gallery-item.col-2.last,
	.gallery-item.col-3.last,
	.gallery-item.col-4.last,
	.gallery-item.col-5.last{
		margin-right: 0;
	}
	
	.gallery-item.col-2.last{
		margin-left: 0;
	}
	
	.faq .wrapper{
		max-width: 50em;
	}
	
	.faq .arrow-title{
		margin-bottom: 1em;
	}
	
	.sitemap .wrapper{
		border-bottom: none;
		border-top: none;
	}
	
	.sitemap-box{
		float: left;
		margin-right: 4%;
		width: 22%;
	}
	
	.sitemap-box.last{
		margin-right: 0;
	}
	
	.sitemap .first .sitemaptitle,
	.sitemap .last .sitemaptitle{
		border: none;
		border-top: none;
		border-bottom: none;
	}
	
	.js .sitemap .sitemaptitle:after{
		display: none;
	}
	
	.sitemap .sitemaptitle,
	.sitemap .slideout .sitemaptitle{
		background-color: transparent;
		border: none;
		border-radius: 0;
		margin-bottom: .9em;
		margin-top: 0;
		padding: 0;
	}
	
	.sitemap .sitemaptitle:hover{
		background-color: transparent;
	}
	
	.sitemap .submenu{
		background-color: transparent;
		border: none;
	}
	
	.sitemap .slideout .submenu{
		border-radius: none;
		padding-top: 0;
		margin-top: 0;
	}
	
	.js .sitemap .submenu,
	.sitemap .slideout .submenu{
		max-height: none;
		opacity: 1;
	}
			
	.sitemap a {
		background-image: none;
		background-repeat: repeat-x;
		-webkit-background-size:  2px 2px;
		background-size: 2px 2px;
		background-position: 0 1.65em;
		display: inline;
		font-size: 1em;
		padding: .5em 0 .6em 0;
	}
	
	.no-js .sitemap a {
		background-color: transparent;
		border-bottom: none;
		display: inline;
	}
	
	.sitemap li {
		margin: .5em 0 .6em 0;
	}
	
	.sitemap .slideout a {
		background-color: transparent;
		border: none;
		border-bottom: none;
		border-top: none;
		display: inline;
	}
	
	.sitemap .slideout a:hover,
	.sitemap a:hover {
		background-color: transparent;
		background-image: -moz-linear-gradient(top,#e3241d 50%,#ffffff 50%);
		background-image: -webkit-linear-gradient(top,#e3241d 50%,#ffffff 50%);
		background-image: -o-linear-gradient(top,#e3241d 50%,#ffffff 50%);
		background-image: linear-gradient(to bottom,#e3241d 50%,#ffffff 50%);
		background-position: 0 1.65em;
		background-repeat: repeat-x;
		-webkit-background-size:  2px 2px;
		background-size: 2px 2px;
	}

	.no-js .sitemap a:hover {
		background-color: transparent;
		border-bottom: none;
	}
	
	.footer-box{
		font-size: .8em;
	}
	
	.footer-box.first:before{
		font-size: 1.2em;
	}
	
	.footer-box{
		margin-right: 2%;
		width: 32%;
	}
	
	.footer-box.last{
		margin-right: 0;
		width: 32%;
	}
	
}


@media screen and (min-width: 75em){ /* bigger than 1200px */
	
	.footer-box{
		font-size: 1em;
	}
	
	.footer-box.first:before{
		font-size: 1em;
	}
	
	
}