/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   CSS-Reset
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup {
    vertical-align: super;
    font-size: small;
}

/* End CSS Reset */

/* lato-100 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'),
       url('../fonts/lato-v17-latin/lato-v17-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v17-latin/lato-v17-latin-100.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'),
       url('../fonts/lato-v17-latin/lato-v17-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v17-latin/lato-v17-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('../fonts/lato-v17-latin/lato-v17-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v17-latin/lato-v17-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('../fonts/lato-v17-latin/lato-v17-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v17-latin/lato-v17-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'),
       url('../fonts/lato-v17-latin/lato-v17-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/lato-v17-latin/lato-v17-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


p {
	margin-bottom:1em;
	line-height:1.2em;
}


html {
	width:100%;
	height:100%;
	overflow-x:hidden;
}
body {
	position:relative;
	width:100%;
	height:100%;
	font-family:'Lato',sans-serif;
	font-style:normal;
	font-size:10pt;
	/* background-image:url("/images/background/background.jpg");
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	*/
	box-sizing:border-box;
	overflow-x:hidden;
}


#grayBox {
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.8) !important;
	z-index:100;
	cursor:-webkit-zoom-out;
	cursor:-moz-zoom-out;
}
#grayBoxContent {
	position:absolute;
	display:block;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	max-width:95vw;
	max-height:95vh;
}
#grayBox img {
	display:block;
	vertical-align:middle;
	width:100%;
	cursor:-webkit-zoom-out;
	cursor:-moz-zoom-out;
}	
img.zoom {
	cursor:-webkit-zoom-in;
	cursor:-moz-zoom-in;
}
#loader {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:999;
	display:none;
	background-color:rgba(255,255,255,0.7);
	background-image:url("/images/ajax-loader.gif");
	background-repeat:no-repeat;
	background-position:center center;
}

.outer {
	position:absolute;
	height:100%;
	width:100%;
	box-sizing:border-box;
	overflow-x:hidden;
}
.container {
	position:relative;
	width:100%;
	height:100%;
	overflow-x:hidden;
}
.header {
	width:95%;
	margin:30px 0px 2.5% 2%;
	box-sizing:border-box;
	border-bottom: 0!important;
}
.logo {
	width:11%;
}
.logo img {
	width:100%;
}
.content {
	height:auto!important;
	margin-bottom:100px;
	box-sizing:border-box;
	width:94%;
	margin-left:3%;
	min-height:1350px;
}
.hypens, p, li {
	hyphens:auto;
	-moz-hyphens:auto;
	-o-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
}


#footerPanel {
	position:relative;
	bottom:0;
	background-color:#bfbfbf;
	color:black;
	width:100%;
	/* height:4vh;
	min-height:30px;
	*/
	padding-top:30px;
	padding-bottom:30px;
	line-height:1.2em;
}
#footerPanel .col1 {
	width:25%;
	box-sizing:border-box;
	padding-right:3%;
}
#footerPanel .col1:first-child{
	width:50%;
	padding-left:25%;
	box-sizing:border-box;
}
#footerPanel .allways_cell {
	padding-left:25px;
	padding-right:25px;
}
#footerPanel .impress {
	font-size:12px;
}
#footerPanel a {
	color:black;
	text-decoration:none;
}
#footerPanel .social {
    width: 29px;
    height: 29px;
    margin-right: 5px;
}

#footerPanel .social.ytb {
    width: 41px;
}


.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
} 

.clearfix::after {
  clear: both;
}

.clearfix {
  /* zoom: 1;  */ /* Für den IE6 und IE7 */
}

/* ******************************  Schriften ****************************** */
h1 {
	font-size:2em;
	margin-bottom:1em;
}
h2 {
	font-size:1.5em;
	margin-bottom:1em;
}
h3 {
	font-size:1.25em;
	margin-bottom:1em;
}
h4 {
	font-size:1.4em;
	margin-bottom:1em;
}
h5 {
	font-size:1.2em;
	margin-bottom:1em;
}
strong, b {
	font-weight:bold;
}

.fw800 {
	font-weight:800;
}

.TextBild a, .textspalte a, .KachelHeader a {
    text-decoration: underline;
}

.TextBild a:hover, .textspalte a:hover, .KachelHeader a:hover {
    color: #f7a800;
}

/* ******************************  Tabellen, Ausrichtungen ****************************** */ 

.table {
	display:table;
	box-sizing:border-box;
}
.allways_table {
	display:table !important;
	box-sizing:border-box;
}
.row, .allways_row {
	display:table-row;
	box-sizing:border-box;
}
.allways_row {
	display:table-row !important;
	box-sizing:border-box;
}
.cell, .allways_cell {
	display:table-cell;
	box-sizing:border-box;
}
.allways_cell {
	display:table-cell !important;
	box-sizing:border-box;
}
.top {
	vertical-align:top;
}
.middle {
	vertical-align:middle;
}
.bottom {
	vertical-align:bottom;
}
.right {
	text-align:right;
}
.left {
	text-align:left;
}
.center {
	text-align:center;
}
.leftImportant {
	text-align:left !important;
}
.centerImportant {
	text-align:center !important;
}
.rightImportant {
	text-align:right !important;
}
.col1 {
	float:left;
}
.col2 {
	float:right;
}

/* ******************************  Abstände, Padding, Grössen ****************************** */ 
.spacer {
	padding:10px;
}
.spacer1p {
	width:1%;
}
.spacer1_5p {
	width:1.5%;
}
.spacer2p {
	width:2%;
}
.spacer3p {
	width:3%;
}
.abstand {
	margin-top:10%;
}
.vspace {
	margin-top:15px;
}
.vspace50px {
	margin-top:50px;
}
.w33p {
	width:33.3333%;
}
.w50p {
	width:50%;
}
.w60p {
	width:60%;
}
.w63p {
	width:63%;
}
.w66p {
	width:66.6666%;
}
.w75p {
	width:75%;
}
.w84p {
	width:84%;
}
.w90p {
	width:94%;
}
.w100p {
	width:100%;
}
.h1vw {
	height:1vw;
}
.h2vw {
	height:2vw;
}

.h3vw {
	height:3vw;
}
.h5vw {
	height:5vw;
}
.h10vw {
	height:10vw;
}
.h1 {
	height:0px !important;
	display:none !important;
}
/* ***** Breiten ***** */
.w5p {
	width:5%;
}

.w20p {
	width:20%;
}
.w24p {
	width:24.7%;
}
.w30p {
	width:30%;
}

/****** Abstand nach rechts ****/
.mr1em {
    margin-right: 1em;
}

/* ****************************** Sonstiges ****************************** */   
.none {
	display:none;
}
.noneImportant {
	display:none !important;
}
.db {
	border:3px dotted red;
}
.invalid {
	display:none !important;
}

.underline {
	text-decoration: underline;
}

.absolute {
    position: absolute;
}

/* ******************************  Responsive ****************************** */ 

@media (min-width:1001px) {
 	.smartphone { display:none; } 
	.smartphone_inline { display:none; }
	/* .desktop { display:block; } */
}

@media (max-width:1000px) {
	.smartphone { display:block; } 
	.smartphone_inline { display:inline-block; }
	.desktop { display:none !important; }
	.outer {
		left:0;
		float:left;
		transition:left 0.7s linear;
	}
	#sm_opener {
		position:absolute;
		background-image:url("/images/menu/opener.png");
		background-repeat:no-repeat;
		width:34px;
		height:28px;
		top:15px;
		right:15px;
		z-index:5;
	}
	.content {
		width:90%;
		margin-left:5%;
	}
	.table, .row, .cell {
	/*	display:block; */
	}
	.allways_table { display:table; }
	.allways_row { display:table-row; }
	.allways_cell { display:table-cell; }
	.sm_w90p {
		width:90%;
	}
	.sm_w100p {
		width:100%;
	}
	#grayBoxContent {
		width:100%;
	}
}