/*

Theme Name: Wolfgroup AG
Theme URI: 
Description: Seitengestaltung der Gestaltungsagentur von Hogendorf
Author: Michael Neubert-Zimmer
Author URI: https://vonhogendorf.de/
Version: 1.0
Tags: 

License:
License URI:

*/


body {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background: url("img/HG.jpg");
	background-size: cover;
}

main {

}

a{
	text-decoration:none;
	border:0;
}

a:hover{
	text-decoration:none;
	border:0;
}


ul {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

li {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

p {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

article {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	position: relative;
	box-sizing: border-box;
	width: 1200px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 0 0;
}

.visible {
		opacity: 1 !important;
	}


/*###################################################################################*/
/* Generelle Schriftangaben */
/*###################################################################################*/

h1 {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

h2 {
}

h3 {

}

h4 {

}

strong {
	font-weight:bolder;

}



/*###################################################################################*/
/* Header */
/*###################################################################################*/

header {
	position: fixed;
	z-index: 200;
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: rgba(255,255,255,1.0);
	box-shadow: 0px 3px 4px rgb(0 0 0 / 30%);
}

header .navileiste {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1200px;
	height: 50px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: rgba(255,255,255,1.0);
	text-align: center;
}

header .navileiste a {
	width: 100%;
	height: auto;
	margin: 6px 0 0 0;
	padding: 0 0 0 0;
	font: 2em 'UnifrakturCook', cursive;
	color: rgba(255,255,255,1.0);
	text-shadow: -3px 3px 5px rgb(0 0 0 / 30%);
	transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

header .navileiste a:hover {
	color: rgba(255,255,255,0.8);
}

header .navileiste a.logonav {
	width: 245px;
	height: 30px;
	margin: 10px 0 0 10px;
	padding: 0 0 0 0;
	background: url("img/Logo_nav.png") center no-repeat;
	background-size: 245px 30px;
}
nav {}



/*###################################################################################*/
/* Hauptnavigation */
/*###################################################################################*/

nav.hauptnav {
	width: 70%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.menu-hauptnavigation-container .menu-hauptnavigation-english-container {
	width: 100%;
	height: auto;
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
}

ul#menu-hauptnavigation ul#menu-hauptnavigation-english {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
}


ul#menu-hauptnavigation li {
	display: inline-block;
	width:16%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
}

ul#menu-hauptnavigation li a{
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:rgba(0,0,0,0.40);
	font:1em 'Oswald', sans-serif;
	text-transform: uppercase;
	text-align:right;
	text-shadow: -1px 1px 2px rgb(0 0 0 / 25%);
	transition: all 0.4s ease; 
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease; 
    -o-transition: all 0.4s ease;	
}

ul#menu-hauptnavigation li a:hover {
	text-shadow: -1px 1px 2px rgb(0 0 0 / 35%);
	color:rgba(18,73,129,1.0);
}

/* english */

ul#menu-hauptnavigation-english li {
	display: inline-block;
	width:16%;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-align:right;
}

ul#menu-hauptnavigation-english li a{
	width:auto;
	height:auto;
	margin:0 0 0 0;
	padding:0 0 0 0;
	color:rgba(0,0,0,0.40);
	font:1em 'Oswald', sans-serif;
	text-transform: uppercase;
	text-align:right;
	text-shadow: -1px 1px 2px rgb(0 0 0 / 25%);
	transition: all 0.4s ease; 
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease; 
    -o-transition: all 0.4s ease;	
}

ul#menu-hauptnavigation-english li a:hover {
	text-shadow: -1px 1px 2px rgb(0 0 0 / 35%);
	color:rgba(18,73,129,1.0);
}

/*###################################################################################*/
/* spezielle Menupunktangaben */
/*###################################################################################*/



.beitragsnavi {

}

.beitragsnavi ul {

}

.beitragsnavi ul li {

}

.beitragsnavi ul li a {

}

.beitragsnavi ul li a:hover {
}

a.inaktiv {
	
}

.beitragsnavi ul li span.current {

}




/*###################################################################################*/
/* Spezielle Angaben für die Startseite */
/*###################################################################################*/


section.headerbild {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
	height: 579px;
}

section.headerbild article div.startheader{
	width: 100%;
	height: 579px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url("img/HG_Start.jpg") center no-repeat;
	background-size: 1200px 579px;
}

section.headerbild article div.teamheader{
	width: 100%;
	height: 579px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url("img/HG_Zug.jpg") center no-repeat;
	background-size: 1200px 579px;
}


section.headerbild article div.logoheader{
	width: 100%;
	height: 105px;
	margin: 230px 0 0 0;
	padding: 0 0 0 0;
	background: url("img/Logo_header.png") center no-repeat;
	background-size: 900px 105px;
}

section.seiteninhalt {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

section.seiteninhalt article {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	padding: 0 5% 200px 5%;
	background: linear-gradient(to bottom, rgba(255,255,255,1.0) 70%, rgba(204,204,204,1.0));
}

section.seiteninhalt article h1 {
    width: 100%;
    height: auto;
    margin: 25px 0 20px 0;
    padding: 0 0 0 0;
    color: rgba(18,73,129,1.0);
    font: 400 3em 'Oswald', sans-serif;
    text-align: left;
    border-bottom: solid 2pt rgba(18,73,129,0.6);
}

section.seiteninhalt article p {
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
    color: rgba(0,0,0,0.85);
    font: 1.2em 'Oswald', sans-serif;
    text-align: left;
    line-height: 1.2em;
}

section.seiteninhalt article h2 {
    width: 100%;
    height: auto;
    margin: 20px 0 15px 0;
    padding: 0 0 0 0;
    color: rgba(18,73,129,1.0);
    font: 2.5em 'Oswald', sans-serif;
    text-align: left;
}

section.seiteninhalt article h3 {
    width: 100%;
    height: auto;
    margin: 15px 0 10px 0;
    padding: 0 0 0 0;
    color: rgba(18,73,129,1.0);
    font: 2.3em 'Oswald', sans-serif;
    text-align: left;
}

section.seiteninhalt article h4 {
    width: 100%;
    height: auto;
    margin: 10px 0 5px 0;
    padding: 0 0 0 0;
    color: rgba(18,73,129,1.0);
    font: 2em 'Oswald', sans-serif;
    text-align: left;
}



/*###################################################################################*/


section.seiteninhalt article ul, section.seiteninhalt article ol {
	width: 100%;
    height: auto;
    margin: 0 0 0 0;
	padding:0 0 0 0;
}


section.seiteninhalt article ul li {
	width: 100%;
    box-sizing: border-box;
    height: auto;
    margin: 0 0 15px 0;
    padding: 10px 5% 15px 1%;
    color: rgba(0,0,0,0.85);
    font: 1.1em 'Oswald', sans-serif;
    text-align: left;
    list-style-type: square;
    list-style-position: inside;
    background: rgba(18,73,129,0.2);
}


section.seiteninhalt article ol li {
	width: 100%;
    box-sizing: border-box;
    height: auto;
    margin: 0 0 15px 0;
    padding: 10px 5% 15px 1%;
    color: rgba(0,0,0,0.85);
    font: 1.1em 'Oswald', sans-serif;
    text-align: left;
    list-style-position: inside;
    background: rgba(18,73,129,0.2);
}

/*###################################################################################*/


/*###################################################################################*/


table {
    width: 100%;
    height: auto;
    margin: 35px 0 55px 0;
    padding: 0 0 0 0;
    border-collapse: separate;
    border-spacing: 1em 0.5em;
}

thead {
}

thead tr {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

thead tr td {
    box-sizing: border-box;
    height: auto;
    margin: 0 0 0 0;
    padding: 10px 2% 13px 2%;
    font:400 1.3em 'Oswald', sans-serif;
    line-height: 1.1em;
    text-align: center;
    color: rgba(255,255,255,0.9);
    background: rgba(18,73,129,0.7);
    border-radius: 0 0 0 0;
}

tbody {
}

tbody tr {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 0 5px 0;
    padding: 0 0 0 0;
}

tbody tr th {
    box-sizing: border-box;
    height: auto;
    margin: 0 0 0 0;
    padding: 8px 2% 8px 2%;
    font: 1.4em 'Oswald', sans-serif;
    line-height: 1.2em;
    text-align: center;
    color: rgba(255,255,255,0.9);
    background: rgba(18,73,129,0.40);
    border-radius: 0 0 0 0;
}

tbody tr td {
    box-sizing: border-box;
    height: auto;
    margin: 0 0 0 0;
    padding: 11px 2% 12px 2%;
    font: 1.2em 'Oswald', sans-serif;
    line-height: 1.2em;
    text-align: center;
    color: rgba(255,255,255,0.8);
    background: rgba(18,73,129,0.7);
    border-radius: 0 0 0 0;
}

tbody tr:nth-child(odd) td {
    box-sizing: border-box;
    height: auto;
    margin: 0 0 0 0;
    padding: 11px 2% 12px 2%;
    font: 1.2em 'Oswald', sans-serif;
    line-height: 1.2em;
    text-align: center;
    color: rgba(255,255,255,0.8);
    background: rgba(18,73,129,0.5);
    border-radius: 0 0 0 0;
}






/*###################################################################################*/
/* Spezielle Angaben für die Teamseite*/
/*###################################################################################*/

.widget.passfoto {
	width: 30%;
    height: auto;
    margin: 0 10% 0 10%;
    padding: 0 0 0 0;
}

.widget.passfoto h2{
	display: none
}

.widget.passfoto img{
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background-size: contain;
}

.widget.beschreibung {
	width: 30%;
    height: auto;
   	margin: 0 10% 0 10%;
    padding: 0 0 0 0;
}

.widget.beschreibung h2, section.seiteninhalt aside.kontaktperson h2{
	width: 100%;
    height: auto;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    color: rgba(0,0,0,1.0);
    font: 400 2em 'Oswald', sans-serif;
    text-align: left;
    border-bottom: solid 2pt rgba(18,73,129,0.6);
}

.widget.beschreibung p, section.seiteninhalt aside.kontaktperson p {
	 width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
    color: rgba(0,0,0,0.85);
    font: 1.2em 'Oswald', sans-serif;
    text-align: left;
    line-height: 1.2em;
}


/*###################################################################################*/
/* Spezielle Angaben für die Kontaktseite*/
/*###################################################################################*/


section.seiteninhalt div.karte {
    width: 100%;
    height: 200px;
    margin: 0 0 0 0;
    padding: 0 0 20px 0;
	border-bottom: solid 2pt rgba(18,73,129,0.6);
}

section.seiteninhalt div.karte iframe {
    width: 100%!important;
    height: 200px!important;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-position: center;
    text-align: center;
    overflow: hidden !important;
}

section.seiteninhalt aside.kontaktperson {
	width: 25%;
    height: auto;
    margin: 80px 0 0 0;
    padding: 0 0 20px 0;
}

section.seiteninhalt aside.kontaktformular {
	width: 70%;
    height: auto;
    margin: 50px 0 0 0;
    padding: 0 0 20px 0;
}



/*###################################################################################*/
/* Kontaktformular */
/*###################################################################################*/

.nf-form-fields-required {
	width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	font: 0.8em 'Oswald', sans-serif;
    line-height: 1em;
	text-align: center;
    color: rgba(0,0,0,0.80);
}

.nf-field-label {
	display: none;
}

.nf-form-title{
	display: none;
}

.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: rgba(18,73,129,0.3) !important;
    border: 0pt solid rgba(18,73,129,1.0) !important;
    border-radius: 0px !important;
    box-shadow: 0px 4px 8px rgb(0 0 0 / 15%) !important;
    color: rgba(18,73,129,0.9) !important;
	font: 0.8em 'Oswald', sans-serif !important;
    transition: all .5s;
}

.nf-form-content .list-select-wrap>div select {
	color: rgba(18,73,129,0.5) !important;
	font: 0.8em 'Oswald', sans-serif !important;
}

::-webkit-input-placeholder { 
	color: rgba(18,73,129,0.7);
}
::-moz-placeholder { 
	color: rgba(18,73,129,0.7);
	font-weight:400; 
}

.nf-error-msg, .nf-error-required-error {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font: 0.8em 'Oswald', sans-serif;
    line-height: 1em;
}

.nf-after-form-content {
	width: 100%;
	height: auto;
	margin: 0 0 55px 0;
	padding: 0 0 0 0;
	text-align: center;
}

.nf-field-label label{
	font-weight: 300 !important;
}


#nf-field-8-wrap {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: 40px 0 50px 0;
	padding: 0 0 0 0;
	font:0.8em 'Oswald', sans-serif;
	font-weight: 300 !important;
	color: rgba(18,73,129,0.8);
}


#nf-field-8-wrap .nf-field-description {
	margin: 10px 0 0 0!important;
}



#nf-field-8-wrap a{
	font:600 1em 'Oswald', sans-serif !important;
	color: rgba(18,73,129,0.7);
	transition: all 0.2s ease; 
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease; 
    -o-transition: all 0.2s ease;
}
#nf-field-8-wrap a:hover{
	color: rgba(18,73,129,0.7);
}


.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
	display: block;
    width: 50%!important;
    height: 33px;
    margin: 50px 24% 0 24%;
    padding: 2px 0 0 0;
    font: 1em 'Oswald', sans-serif;
    line-height: 1.5em;
    text-align: center;
    text-decoration: none;
    color: rgba(18,73,129,0.6)!important;
    border: solid 1pt rgba(18,73,129,0.60)!important;
    background: rgba(18,73,129,0.1)!important;
    box-shadow: 0px 3px 4px rgb(0 0 0 / 10%);
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
}

.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover {
	border: solid 1pt rgba(255,255,255,1.0) !important;
	color: rgba(255,255,255,0.9)!important;
	background: rgba(18,73,129,0.9)!important;
	cursor: pointer;
	
}
.nf-response-msg {
	width: 100%;
    height: auto;
    margin: 0 0 100px 0;
    padding: 0 0 0 0;
    font: 1.2em 'Oswald', sans-serif;
    line-height: 1.2em;
    text-align: center;
}

.nf-error.field-wrap .nf-field-element:after {
	border-radius: 6px;
}


div.ncore_custom_user_dialog {
    z-index: 100;
    width: 510px;
    border: 1px solid #ccc;
    position: fixed;
    top: 100px;
    max-height: calc(100vh - 200px);
    overflow: auto;
    left: 50%;
    height: auto;
    padding: 20px;
    margin-left: -255px;
    background: linear-gradient(to bottom, rgba(25,99,83,1.0), rgba(7,40,30,1.0));
    box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}



/*###################################################################################*/
/* Content */
/*###################################################################################*/



.gallery {
	width: 100%;
    height: auto;
    margin: 35px 0 45px 0 !important;
    padding: 0 0 0 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gallery dl.gallery-item{
	float: none !important;
    width: 22% !important;
    height: auto;
    margin: 0 0 25px 0 !important;
    text-align: inherit !important;
    overflow: hidden;
    box-shadow: -7px 7px 9px rgb(0 0 0 / 35%)
}

.gallery dl.gallery-item dt.gallery-icon{}

.gallery dl.gallery-item dt.gallery-icon a{}

.gallery dl.gallery-item dt.gallery-icon.portrait a img{ 
	width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-size: cover;
    border: 0px solid #cfcfcf !important;
}

.gallery dl.gallery-item dt.gallery-icon.landscape a img{
	width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-size: cover;
    border: 0px solid #cfcfcf !important;
}

.gallery br {
	display: none;
}


/*###################################################################################*/
/* Angaben Artikel */
/*###################################################################################*/


/*###################################################################################*/


/*###################################################################################*/
/* Kommentare */
/*###################################################################################*/

#kommentarliste, #kommentareingabe {

}

#kommentarliste{

}

#kommentarliste h1, #kommentareingabe h1 {

}

.einzelKommentar {

}

.autor_kommentar {

}

.datum_kommentar {

}

.inhalt_kommentar {

}

.eingabe_beschreibung {

}

.cptch_block {

}

p.cptch_block label {

}

#author, #email, #url {

}

#comment {

}

.comment-form-comment label {

}

.comment_hinweis {

}

#submit {

}

#submit:hover {

}







/*###################################################################################*/
/* Footer */
/*###################################################################################*/

footer {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content:center;
}


footer article {
	padding: 0 5% 0 5%;
	background: rgba(102,102,102,1.0);
}

footer article div.logofooter {
    width: 252px;
    height: 30px;
    margin: 25px 0 20px 0;
    padding: 0 0 0 0;
    background: url("img/Logo_footer.png") center no-repeat;
    background-size: 252px 30px;
}


footer aside {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

footer aside div {
	width: 25%;
	height: auto;
	margin: 0 0 60px 0;
	padding: 0 0 0 0;
	font: 0.9em 'Oswald', sans-serif;
    color: rgba(255,255,255,0.7);
    line-height: 1.2em;
    text-align: left;
}


footer aside h3 {
	width: 100%;
	height: auto;
	margin: 40px 0 5px 0;
	padding: 0 0 0 0;
	font: 400 1.3em 'Oswald', sans-serif;
    color: rgba(255,255,255,0.8);
    line-height: 1.2em;
    text-align: left;
}


nav.footer {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
}

.menu-footernavigation-container .menu-footernavigation-english-container{
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


ul#menu-footernavigation ul#menu-footernavigation-english {
	width: 100%;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	box-sizing: border-box;
}


ul#menu-footernavigation li {
	width: auto;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	
}

ul#menu-footernavigation li a{
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
	font:0.7em 'Oswald', sans-serif;
	line-height:1.5em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.6);
	transition: all 0.2s ease; 
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease; 
    -o-transition: all 0.2s ease;
}

ul#menu-footernavigation li a:hover{
	color:rgba(255,255,255,1.0);
	text-shadow: -2px 2px 3px rgb(0 0 0 / 37%);
}

ul#menu-footernavigation-english li {
	width: auto;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	
}

ul#menu-footernavigation-english li a{
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box;
	font:0.7em 'Oswald', sans-serif;
	line-height:1.5em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.6);
	transition: all 0.2s ease; 
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease; 
    -o-transition: all 0.2s ease;
}

ul#menu-footernavigation-english li a:hover{
	color:rgba(255,255,255,1.0);
	text-shadow: -2px 2px 3px rgb(0 0 0 / 37%);
}


div.ncore_affiliate_footer {
    display: none;
}






/*###################################################################################*/
/* Hier werden alle Retinagrafiken verwaltet */
/*###################################################################################*/


@media screen and (max-width:1200px)  {
	
	article {
		width: 100%;
	}
	
	header .navileiste {
		width: 100%;
		margin: 0 0 0 0;
	}
	
	section.headerbild article div.logoheader {
		background-size: contain;
		width: 90%;
		margin: 230px 5% 0 5%;
	}

	
}


@media screen and (max-width:850px)  {
	
	header .navileiste {
		height: 75px;	
	}
	
	header .navileiste a.logonav {
		width: 100%;
		height: 30px;
		margin: 10px 0 0 0;
	}
	
	nav.hauptnav {
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	ul#menu-hauptnavigation li a {
		text-align: center;
	}
	
	.menu-hauptnavigation-container {
		width: 100%;
		height: auto;
		margin: 0px 0 0 0;
		padding: 0 0 0 0;
	}
	
	
	section.seiteninhalt article h1 {
		font: 400 2.5em 'Oswald', sans-serif;
	}
	
	section.seiteninhalt article p{
		font: 1.1em 'Oswald', sans-serif;
    	line-height: 1.3em;
	}
	
	footer aside div {
		width: 50%;
		margin: 0 0 25px 0;
	}
	
	.widget.beschreibung h2, section.seiteninhalt aside.kontaktperson h2{
		font: 400 1.7em 'Oswald', sans-serif;
	}

	.widget.beschreibung p, section.seiteninhalt aside.kontaktperson p {
		font: 1em 'Oswald', sans-serif;
	}
	
	section.seiteninhalt article ul li, section.seiteninhalt article ol li {
    	font: 1em 'Oswald', sans-serif;
	}
	
	section.seiteninhalt article h2 {
		font: 2.3em 'Oswald', sans-serif;
	}

	section.seiteninhalt article h3 {
		font: 2.1em 'Oswald', sans-serif;
	}

	section.seiteninhalt article h4 {
		font: 1.8em 'Oswald', sans-serif;
	}
	
	thead tr td {
		font:400 1.1em 'Oswald', sans-serif;
	}
	
	tbody tr th {
		font: 1.1em 'Oswald', sans-serif;
	}

	tbody tr td {
		font: 1em 'Oswald', sans-serif;
	}

	tbody tr:nth-child(odd) td {
		font: 1em 'Oswald', sans-serif;
	}


	
}



@media screen and (max-width:750px)  {

	section.seiteninhalt aside.kontaktperson {
		display: none;
	}

	section.seiteninhalt aside.kontaktformular {
		width: 100%;
		height: auto;
		margin: 50px 0 0 0;
		padding: 0 0 20px 0;
	}
	
	.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
		display: block;
		width: 80%!important;
		height: 33px;
		margin: 50px 8% 0 8%;
	}
}


@media screen and (max-width:500px)  {
	
	
	section.seiteninhalt article h1 {
		font: 400 2.1em 'Oswald', sans-serif;
	}
	
	section.seiteninhalt article p{
		font: 1em 'Oswald', sans-serif;
    	line-height: 1.3em;
	}
	
	footer article div.logofooter {
		width: 100%;
	}
	
	ul#menu-footernavigation li {
		width: 30%;
		margin: 0 0 5px 0;
		padding: 0 0 0 0;
		text-align: center;
	}
	
	footer aside h3 {
		width: 100%;
		margin: 40px 0 5px 0;
		font: 400 1.2em 'Oswald', sans-serif;
		text-align: center;
	}
	
	footer aside div {
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
		font: 0.8em 'Oswald', sans-serif;
		line-height: 1.2em;
		text-align: center;
	}
	
	.widget.beschreibung {
		display: none;
	}
	
	.widget.passfoto h2 {
		display: block;
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
		padding: 0 0 0 0;
		color: rgba(0,0,0,1.0);
		font: 400 1.7em 'Oswald', sans-serif;
		text-align: left;
	}
	
	.widget.passfoto {
		width: 100%;
		height: auto;
		margin: 0 0 25px 0;
		padding: 0 0 0 0;
	}
	
	section.seiteninhalt article ul li, section.seiteninhalt article ol li {
    	font: 0.9em 'Oswald', sans-serif;
	}
	
	section.seiteninhalt article h2 {
		font: 2.1em 'Oswald', sans-serif;
	}

	section.seiteninhalt article h3 {
		font: 1.9em 'Oswald', sans-serif;
	}

	section.seiteninhalt article h4 {
		font: 1.5em 'Oswald', sans-serif;
	}
	
	thead tr td {
		font:400 1em 'Oswald', sans-serif;
	}
	
	thead tr td {
		font:400 1em 'Oswald', sans-serif;
	}
	
	tbody tr th {
		font: 1em 'Oswald', sans-serif;
	}

	tbody tr td {
		font: 0.9em 'Oswald', sans-serif;
	}

	tbody tr:nth-child(odd) td {
		font: 0.9em 'Oswald', sans-serif;
	}


	
	
}