@import url("../fonts/NoticiaText/noticiatext.css");
@import url("../fonts/FaunaOne/faunaone.css");
/* CSS Document */

html {
	font-size:100%;
}

body {
	line-height:1.5em;
	background-color:#fcfcfc;
	padding-top:4rem;
	font-family:"Droid Sans","PT Sans", Verdana, Arial, sans-serif;
	font-size:x-large;
    font-size:1rem;
    line-height:1.8em;
    text-rendering:optimizelegibility;
	color:#333;
	text-shadow:1px 1px 0px #eee;
}

h1 {
	font-family:"Fauna One", Verdana, Arial, sans-serif;
	font-size:150%;
	line-height:1.2em;
	margin-top:0.5em;
	margin-bottom:1.2em;
	font-weight:bold;
}
h1.title {
	font-size:3em;
	text-shadow:0.15rem 0.15rem 0 #FBFBFB, 0.35rem 0.35rem 0 #DADADA;
	text-align:center;
	color:#333;
}
h2 {
	font-size:140%;
	line-height:1.2em;
	margin-bottom:0.5em;
	font-weight:400;
}
h3 {
	font-size:100%;
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0px;
	
	padding:0px;
	line-height:1.2em;
}

h4 {
	font-size:100%;
	font-weight:normal;
	margin-top:0.5em;
	margin-bottom:0px;
	
	padding:0px;
	line-height:1.2em;
	
	text-transform:uppercase;
}

p {
	margin-bottom:0.8em;
}

a {
	/*
	color:#2e7d32;
	*/
	color:#00b0ff;
}

.table {
	display:table;
	table-layout:auto;
	border-collapse:collapse;
}
.tr {
	display:table-row;
}
.td {
	display:table-cell;
	vertical-align:top;
}

.td p {
	margin-bottom:0px;
}

a.linkonly {
	margin:0px !important;
	padding:0px !important;
	text-transform:none;
	display:inline;
	height:auto !important;
	overflow:hidden !important;
}
a.linkonly *, a.linkonly .row, a.linkonly .col {
	text-transform:none;
}

a.linkonly .tr {
	width:100% !important;
}

dl dt {
	font-weight:bold;
}
dl dd, ul li {
	margin-left:2em;
}

main ul, main ul li {
	list-style-type:disc;
}

.bbottom {
	border:1px solid #eee;
	margin-bottom:1em;
	padding-bottom:1em;
}

.smaller {
	font-size:80%;
}
.ptop {
	padding-top:2em !important;
}



/* ---- Material Design: ---- */
.card .card-image {
	vertical-align:middle;
	padding-bottom:0px;
	overflow:hidden;
	background-position:center;
	white-space:nowrap;
	white-space-collapse:collapse;
}

.card figure.card-image {
	margin:0px;
}
.card .card-image img {
	margin:0px;
	padding:0px;
}
.card .card-title {
	color:#000;
}
.card .card-image .card-title {
	text-shadow:0px 0px 5px #000;
	color:#fff;
}
.card .card-action {
	text-align:right;
}

.card .card-action a {
	color:#01579b;
}
.card .card-action a:hover {
	color:#00b0ff;
}

.card+.card {
	margin-top:1.5rem;
}

.col {
	/* background-color:#fff; fraglich! */
}
.col>h2 {
	/*
	margin-top:0px;
	*/
}

.row .col.nopadding {
	padding:0px;
}

.card a.linkonly {
	color:inherit;
	text-transform:none;
}

.container {
	padding:0px;
	width:100%;
}
.container .row {
	margin-left:0px;
	margin-right:0px;
}
.row {
	margin-bottom:0px;
	margin-top:0px;
	/*
	padding-top:1.5rem;
	*/
}

.row.usepadding {
	padding-top:1.5rem !important;
}

.row.mtop_abs {
	margin-top:3rem;
}

main+.row {
	padding-top:0px;
}
.row.line {
	/*
	padding-bottom:1em;
	*/
	border-bottom:1px solid #ccc;
}

.row .card {
	/*
	margin-bottom:0.2rem;
	*/
}

.globalgrey {
	background-color:#eee;
}
.globalwhite {
	background-color:#fff;
}
/* ENDE Material Design: ---- */
#H0 {
	height:4rem;
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	z-Index:998;
	overflow:visible;
	padding-left:0px;
	
	background-color:#01579b;
}


#H0 .slider.header, main .slider.header {
	display:block;
	height:400px;
}

#imgLogo {
	position:absolute;
	width:3rem;
	height:3rem;
	right:0.5rem;
	top:0.5rem;
	z-Index:10;
	
	background-color:#fff;
	border-radius:1.5rem;
	border:3px solid #fff;
}


#Wrapper_main {
	border-bottom:1px solid #eee;
}
#F0 {
	padding-top:1em;
	text-align:center;
	border-top:2px solid #fff;
	background-color: rgba(255, 255, 255, 0.55);
}

#Content header {
	height:50vw;
	position:relative;
	background-color:#eee;	
}
#Content header.all {
	height:auto;
}
nav {
    background:none;
	height:auto;
	line-height:inherit;
}

nav ul {
	list-style-type:none;
}
nav ul li {
	margin-left:0px;
}

#nav0 {
	height:100%;
	max-height:100%;
	position:relative;
	width:240px;
}
#nav0 a {
	color:#fff;
	line-height:1em;
	height:100%;
	display:inline-block;
	box-sizing:border-box;
	width:auto;
	text-align:center;
	margin-left:1rem;
}
#nav0 li a {
	padding-top:1rem;
}
#nav0 a:hover {
	color:#000;
}

#nav0 .td {
	vertical-align:middle;
	line-height:1em;
}
#nav0 .pagetitle {
	padding-left:2em;
}


#nav0 ul {
	background:none;
	height:auto;
}
#nav0 li {
	font-size:1rem;
	padding:0.5rem;
	line-height:2rem;
	float:none;
	display:block;
}
#nav0 li:first-of-type {
	margin-top:1em;
}
#nav0 li:last-of-type {
}
#nav0 li a {
	color:#000;
	padding-top:0px;
	padding-left:0px;
}
#nav0 li a i {
	margin-right:1em;
	font-size:2rem;
	line-height:2rem;
}
#nav0 li a:hover, #nav0 li a.active {
	color:#00b0ff;
}

.navtext {
	position:relative;
	margin-top:-1em;
	line-height:2rem;
	display:inline-block;
	vertical-align:middle;
}



#nav1 {
	text-align:center;
	box-shadow:none;
}
#nav1 ul {
	margin:0px;
	padding:0px;
	float:none;
	text-align:center;
}
#nav1 li {
	margin:0px;
	padding:0px;
	display:inline-block;
	float:none;
}
#nav1 li:hover {
	background:none;
}

#nav1 a {
	color:#00b0ff;
}


ul.lightbox {
}
ul.lightbox li {
	box-shadow:none;
	border:none;
	margin:2px;
}

ul.lightbox li a {
	display:inline;
	font-size:0px;
}
ul.lightbox li img {
	border:1px solid #eee;
	padding:2px;
	width:75px;
	height:auto;
}

ul.lightbox li:hover {
	box-shadow:none;
}

ul.lightbox li:hover img {
    box-shadow: 0px 0px 5px #bb1540;
}
ul.lightbox li button, ul.lightbox li a.menu {
	display:block;
	font-size:90%;
	color:#900;
	padding:0.1em;
}

#SEO {
	background-color:#eee;
	border-bottom:1px solid #c6c6c6;
	padding-bottom:1em;
}

.BOBtn2FS {
	display:none;
}

#CMsg_Kontakt {
	padding:1em;
	display:none;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	margin:1em;
}

.SMFacebook {
	background-image:url(../../../svg/icons/icon_facebook.svg);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:2em 2em;
	line-height:2em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:2.5em;
}


/* ---- Home: ---- */
.kontakt .table {
	width:100%;
}
.kontakt .table .tr .td {
	text-align:left;
	border-bottom:1px solid #eee;
	padding:1em;
}
.kontakt .table.last .tr .td {
	border-bottom:none;
}
.kontakt .table .tr .td:first-of-type {
	width:4rem;
	text-align:left;
}
.kontakt .table .tr .td:last-of-type {
	width:4rem;
	text-align:rignt;
}
/* ENDE Home: ---- */


/* ---- Über uns: ---- */
.spruch {
	margin-top:1em;
	text-align:center;
	font-size:80%;
	font-style:italic;
}
.spruch:first-line {
	font-size:150%;
}
/* ENDE Über uns: ---- */


/* ---- News: ---- */
#CNews .slider {
	max-width:400px;
	margin:auto;
	overflow:hidden;
	margin-bottom:2em;
}
#CNews h2 {
	line-height:1.2em;
	margin-bottom:0px;
}
#CNews .subline {
	margin-top:0px;
	font-size:70%;
}

#CNews article {
	border-bottom:1px solid #eee;
	padding-bottom:1em;
	margin-bottom:1em;
}
#CNews article:last-of-type {
	border-bottom:none;
}
/* ENDE News: ---- */


/* ---- Ihr Nutzen: ---- */
#ulTaetigkeiten {
	border:1px solid #eee;
	background-color:#f0f0f0;
	padding:1em;
	font-size:90%;
	border-radius:1em;
}
/* ENDE Ihr Nutzen: ---- */
fieldset {
	border:none;
	margin:0px;
	padding:0px;
}

a.btn, button.btn, input[type=button].btn, input[type=submit].btn {
	color:#fff;
	font-weight:bold;
}

.input-field i {
	margin-top:0.6rem;
}

h2+.input-field {
	margin-top:0px;
}

select {
	display:inline-block;
	width:auto;
	color:#fff;
	border:none;
	
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

/* label color */
.input-field label {
	color: #000;
}
/* label focus color */
.input-field input[type=text]:focus + label,
.input-field input[type=email]:focus + label {
	color: #000;
}
/* label underline focus color */
.input-field input[type=text]:focus,
.input-field input[type=email]:focus {
	border-bottom: 1px solid #00b0ff;
	box-shadow: 0 1px 0 0 #000;
}
/* valid color */
.input-field input[type=text].valid,
.input-field input[type=email].valid {
	border-bottom: 1px solid #40c4ff;
	box-shadow: 0 1px 0 0 #000;
}
/* invalid color */
.input-field input[type=text].invalid,
.input-field input[type=email].invalid {
	border-bottom: 1px solid #900;
	box-shadow: 0 1px 0 0 #000;
}
/* icon prefix focus color */
.input-field .prefix.active {
	color: #000;
}
@media only screen and (min-width: 992px) {
	html, body {
		width:100%;
		height:100%;
	}
	body {
		padding-top:0px;
		height:100%;
	}
	#H0 {
		box-sizing:border-box;
		width:auto;
		position:relative;
		height:400px;
		box-shadow:0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		top:0px;
		padding-left:240px;
		right:0px;
		margin-top:0px;
		padding-top:0px;
		background-color:#fff;
		margin-bottom:1rem;
		
		background-image:url(../images/IMG_HP_GmbH2_w1920.jpg);
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
	}
	
	#H0 .tr {
		display:block;
		margin-left:240px;
		z-Index:11;
	}
	#imgLogo {
		display:none;
	}
	#F0 {
		position:relative;
		padding-left:240px;
	}
	
	#nav0 {
		overflow:hidden;
		height:auto;
		background-color:#fff;
		position:fixed;
		left:0px;
		top:0px;
		bottom:0px;
		z-Index:10;
		width:240px;
	}
	#nav0 ul {
		background-color:#fff;
		background-image:url(../images/myPA_Logo_w500.png);
		background-position:center bottom;
		background-repeat:no-repeat;
		background-size:80%;
		
		padding-bottom:0px;
		height:100%;
		z-Index:1;
	}
	#nav0 ul.side-nav.fixed {
		height:100%;
	}
	
	#nav0 li {
		background-color:#fff;
		display:block;
		float:none;
	}
	
	.container {
		box-sizing:content-box;
		width:auto;
		padding-left:240px;
	}
	
	#CTitel a {
		display:inline-block;
	}
	.ptop {
		padding-top:0em !important;
	}
}


@media only screen and (max-width: 1252px) {
	.container {
		padding-right:0px;
	}
}

/* ---- Tablet, etc.: ---- */
@media only screen and (max-width: 992px) {
	.container {
		padding:0px;
	}
	
	body {
		padding-top:4rem !important;
	}
	
	#H0 {
		text-shadow:none;
		background-image:none !important;
	}
	
	#nav0 {
		box-shadow:none;
	}
	#nav0 ul {
		background-color:#fff;
		padding-bottom:0px;
		height:100%;
	}
	
	#nav0 li {
		text-shadow:none;
	}
}

@media only screen and (min-width: 600px) {
}
/* ENDE Tablet, etc.: ---- */


/* ---- Smartphones, etc. ---- */
@media handheld, only screen and (max-width: 600px) {
}
/* ENDE Smartphones, etc. ---- */