/* pacifico-regular - latin */
@font-face {
	font-family: 'Pacifico';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/pacifico-v12-latin-regular.eot');
	/* IE9 Compat Modes */
	/* IE6-IE8 */
	/* Super Modern Browsers */
	/* Modern Browsers */
	/* Safari, Android, iOS */
	src: local('Pacifico Regular'), local('Pacifico-Regular'), url('https://schneiderei-carina-petz.de/fonts/pacifico-v12-latin-regular.eot?#iefix') format('embedded-opentype'), url('https://schneiderei-carina-petz.de/fonts/pacifico-v12-latin-regular.woff2') format('woff2'), url('https://schneiderei-carina-petz.de/fonts/pacifico-v12-latin-regular.woff') format('woff'), url('.https://schneiderei-carina-petz/fonts/pacifico-v12-latin-regular.ttf') format('truetype'), url('https://schneiderei-carina-petz.de/fonts/pacifico-v12-latin-regular.svg#Pacifico') format('svg');
	/* Legacy iOS */
}

* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;notiz
	box-sizing: border-box;
	color: #616161;
}

/* General Style */
body {
	background: rgba(255, 255, 255, 0.4);
	font-size: 100%;
	margin: 0em;
	/*margin-left:2em;
	margin-right:2em;*/
	padding: 0em;
	background-image: url("https://schneiderei-carina-petz.de/download/back.jpg");
	background-repeat: no-repeat;
	/*background-attachment:fixed center;*/
	background-attachment: fixed;
	/*height: 500px;*/
	/*background-size: cover;*/
	background-size: contain, cover;
	/*position: relative;*/
	-moz-background-size: contain, cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
}

button {
	cursor: pointer;
}

.header {
	font-size: 2.5em;
	line-height: 3.8em;
	/*line-height:1.8em;*/
	font-family: Helvetica;
	font-weight: 100;
	color: rgba(255, 255, 255, 0.4);
	margin: 0em;
	text-align: left;
	padding-left: 1.15em;
}

.notiz {
	font-family: 'Pacifico';
	font-style: italic;
	/*normal;*/
	font-weight: 400;
	font-size: 1.8em;
	/*2.8*/
	line-height: 2.0;
	color: #042779;
	/*#D5240D;*/
	/*#31312C;*/
	/*green;*/
}

h1 {
	font-size: 2.0em;
	line-height: 2.5em;

	/*font-size: 1.8em;
	line-height: 2.0em;*/
	font-family: Helvetica;
	font-weight: 100;
	color: #6B4906;
	background-color: #E6B9B4;
	/*#ffffff margin:0em;*/
	padding-left: 0.8em;
}

.h1_hidden {
	font-size: 2.5em;
	line-height: 3.8em;
	/*line-height:1.8em;*/
	font-family: Helvetica;
	font-weight: 100;
	color: #800000;
	margin: 0em;
}

h2 {
	font-size: 1.8em;
	line-height: 2.0em;
	/*font-size: 1.563em;
	line-height: 1.8em;*/
	font-family: Helvetica;
	font-weight: 100;
	/*color:#2F2D2C;*/
	color: #31312C;
	background-color: #FFFFFF;
	margin: 0em;
	padding-left: 0.8em;
	text-align: left;
}

h3 {
	font-size:1.563em;
	line-height:1.8em;
	/*font-size: 1.25em;
	line-height: 1.25em;*/
	font-family: Helvetica;
	font-weight: 100;
	color: #774D22;
	margin: 0em;
	padding: 0.8em;
	text-align: left;
}

div {
	color: #616161;
}

p {
	line-height: 1.25em;
	font-family: Helvetica;
	font-weight: 100;
	color: #616161;
	margin: 0em;
	padding: 1.25em;
	text-align: left;
}

#p_002 {
	line-height: 1.25em;
	font-family: Helvetica;
	font-weight: 100;
	color: #616161;
	margin: 0em;
	padding: 1.25em;
	text-align: left;
}

#p_003 {	
	font-family: Helvetica;
	font-weight: 100;
	font-size: 1.25em;
	line-height: 1.5em;
	color: #616161;
	/*color: #171111;	*/
	margin: 0em;
	padding: 0.25em 1.25em 1.25em;
	text-align: left;
}

#p_003:after {
	content: "";
	display: block;
	clear: both;
}

.td_1 {
	font-family: Helvetica;
	font-weight: 100;
	color: #616161;
	margin: 0em;
	padding-left: 1.25em;
	padding-right: 1.25em;
	text-align: left;
}

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

li {
	list-style: square;
	font-family: Helvetica;
	font-weight: 100;
	color: #616161;
	line-height: 1.25em;
	margin: 0em;
	padding: 0em;
	margin: 0.313em 0em 0.313em 0em;
}

img {
	width: 90%;
	height: auto;
	max-width: 100%;
}

/*gibt 3 nicht gleich große container zurück*/
.img150 {
	float: left;
	width: 30%;
	padding: 3px;
	font-size: 0.7em;
}

/*gibt 3 gleich große container zurück*/
#flex-container {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.panel-3divs {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 30%;
	padding: 10px;
	float: left;
	margin: 10px;
	border: 1px solid #AAA;
}

/* Ende Flex-Container*/
/* Tooltip container */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	/* If you want dots under the hoverable text */
}

/* Create a tooltip that appears when the user moves the mouse over an element:*/
/* Tooltip text */
.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: black;
	color: #FFF;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;
	/* Position the tooltip text - see examples below! */
	position: absolute;
	z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
	visibility: visible;
}

/* END - Create a tooltip that appears when the user moves the mouse over an element:*/
/* CSS Image Gallery */
div.gallery {
	margin: 5px;
	border: 2px solid #CCC;
	float: left;
	width: 180px;
}

div.gallery:hover {
	border: 2px solid #777;
	background-color: #CCC;
}

div.gallery img {
	width: 100%;
	height: auto;
}

div.desc {
	padding: 15px;
	text-align: center;
}

/* END - CSS Image Gallery */
.button_re_position {
	width: 32px;
	height: 32px;
	border-radius: 14px;
	background-position: center;
	background-repeat: no-repeat;
}

/************************************************************************************
VIDEO
*************************************************************************************/
video {
	/*width:800px;*/
	width: auto;
	max-width: 100%;
	/*border: solid 5px gray;*/
	margin-bottom: 0.25em;
}

.video-container {
	position: relative;
	padding-bottom: 62.25%;
	padding-top: 0.25em;
	padding-left: 1.85em;
	padding-right: 1.85em;
	height: 0;
	overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*height: 100%;*/
	margin: 1.25em;
}

/* video fixed width wrappers */
.video-wrapper {
	width: 600px;
	max-width: 100%;
}

.video-wrapper2 {
	width: 500px;
	max-width: 100%;
}

/************************************************************************************/
a {
	text-decoration: none;
}

/* Details */
/*
section {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	
}

figure img {
	width: 100%;
}

*/
figure,
figcaption {
	margin: 0;
	/*margin:0.313em 0em 0.313em 0em;*/
	/*padding: 0;*/
	padding: 0.313em 0em 0.313em 0em;
	/*width: 225px;*/
	width: 300px;
}

figure {
	display: inline-block;
}

figure img {
	width: 225px;
}

.oben {
	vertical-align: top;
}

.verteilt {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	background-color: #EBD9CF;
	/* NEU color: entfernt*/
	
}

.divtext{	
	margin-bottom:2.5em; 
	margin-right: 1.25em;	
	margin-top:0.5em;
	color: #91572b; 
	/*font-size:1.563em;
	line-height:1.8em;*/
	font-size:1.25em;
	line-height:1.563em;
}

.header_001 {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.4);
	max-height: 120px;
	line-height: 2.8em;
}

/* Ende Details */
/* Header */
header {
	display: block;
	width: 100%;
	max-width: 1280px;
	background-color: rgba(255, 255, 255, 0.4);
	text-align: center;
}

/* Content Area */
#main {
	display: block;
	/*width:96%;
	max-width:980px;*/
	width: 96%;
	max-width: 1280px;
	/*margin:1.25em auto;*/
	margin: 0 auto;
	padding: 0em;
	/*background-color: #ffffff;*/ /*transparent*/
	background-color: #ebd9cf;
	/*opacity: 0.99;*/
	/*background-image: url("https://schneiderei-carina-petz.de/download/back3_bluejeans.jpg");
	background-repeat: no-repeat;
  	background-size: cover;*/

}

#main article {
	display: inline-block;
	/*width:65.3%; */
	width: 68%;
	/*background:#FFFFFF;*/
	background: white;
	vertical-align: top;
	margin: 0em;
	padding: 0em;
	text-align: center;
	
}

#main article header {
	background: #2F2C2C;
	text-align: center;
}

#main article h2 {
	/*padding:1em 1.8em 1em 1.8em;*/
	font-size: 1.8em;
	line-height: 2.0em;

	/*font-size: 1.563em;
	line-height: 1.8em;*/
	font-family: Helvetica;
	font-weight: 100;
	/*color:#2F2D2C;*/
	color: #AE790F;
	/*#F8F192;*/
	/*leucht gelb (Carsten)*/
	background-color: #FFFFFF;
	margin: 0em;
	padding-left: 0.8em;
	text-align: left;
}

#main article h3 {
	/*padding:1em 1.188em 1em 1.188em;*/
}

#main article img {
	max-width: 560px;
	/*box-shadow:2px 2px 10px -5px #4c4948;*/
	box-shadow: 0px 5px 10px 1px #808080;
	color: #d15e06;
	border-radius: 20px;
}

#main article section {
	margin-bottom: 1.563em;
	/*background: #FFFFFF;*/
	/*border-bottom: 1px solid gray;*/
	/*fuchsia;*/
	
	/*background-image: url("https://schneiderei-carina-petz.de/download/back4_Mamor.jpg");*/
	/*background-repeat: no-repeat;*/
  	/*background-size: cover;*/
  /*	background-size: contain;
	background-repeat: no-repeat;*/
  	background-color: #ebd9cf; 
}

#main article section img {
	max-width: 560px;
	/*box-shadow:0px 0px 10px -5px #4c4948;*/
	/*box-shadow: 0px 5px 10px 1px #808080;*/
	/*color:#808080;*/
	/*border-radius: 5px;*/
	margin-bottom: 5px;
	
}

#main article section ul {
	padding: 0em 1.875em 1.25em 2.5em;
	text-align: left;
}

#main aside {
	display: inline-block;
	/*width:30.6%;*/
	width: 31%;
	/*margin-left:3%; */
	margin-left: 1%;
	padding: 0em;
	vertical-align: top;
}

#main aside h2 {
	font-size: 1.563em;
	line-height: 1.2em;
	font-family: Helvetica;
	font-weight: 100;
	color: #AE790F;
	text-align: center;
	/*background-color:#ffffff;*/
	margin: 0em;
	#ffffff;
}

#main_aside_left {
	display: inline-block;
	width: 20.6%;
	margin-left: 3%;
	padding: 0em;
	vertical-align: top;
}

#main aside section {
	/*margin-bottom: 1.563em;*/
	/*margin-bottom: -0.337em;*/
	background: #FFFFFF !important;
	/*border-bottom: 0.188em solid #E7590B;*/
	/*border-top: 0.188em solid #9F5312;*/
	border: 10px solid #DFDCDB !important;
}

#main aside section img {
	max-width: 560px;
	/*box-shadow:1px 1px 2px 2px #808080;*/
	/*box-shadow:0px 0px 10px -5px #808080;*/
	box-shadow: 0px 5px 10px 1px #808080;

	/*color:#808080;*/
	border-radius: 10px;
}

#main aside section ul {
	padding: 0em 1.875em 1.25em 2.5em;
}

.div_allg {
	/*background-color: white;
	  border: 1px solid black;*/
	padding: 10px;
	margin: 5px;
}

/* DIV */
#div1 {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

#div2 {
	display: table-cell;
}

#div3 {
	background-color: #8D97BA;
	/*border: 1px solid black;*/
	padding: 2.5em;
	margin: 2.5em;
	border-radius: 5px;
}

#div3 img {
	width: 90%;
	/*max-width:400px;*/
	/*box-shadow:0px 0px 10px -5px #4c4948;*/
	/*box-shadow:0px 0px 10px -5px #808080;*/
	/*color:#808080;*/
	/*border-radius: 5px;*/
}

.div4 {
	/* background-color:#8D97BA;*/
	/*background-color: rgba(255,255,255,0.4);*/
	/*border: 1px solid black;*/
	padding: 0;
	margin: 0;
	rgba(255,255,255,0.4);
}

.div4 img {
	width: 100%;
	/*box-shadow:0px 0px 10px -5px #4c4948;*/
	/*box-shadow:0px 0px 10px -5px #808080;*/
	/*color:#808080;*/
	/*border-radius: 5px;*/
}

/* Ende DIV */
/*QR-Code in Kontakt*/
.divbild_qr {
	z-index: 2;
	visibility: hidden;
	position: relative;
	top: -500px;
	left: -200px;
	/*position:absolute; top:-150px; left:-200px; 
	    height:380px; width:330px;*/
	height: 650px;
	width: 400px;
	background-color: #FFFFFF;
	padding-left: 10px;
	border: 1px solid fuchsia;
}

.divbild_qrtab {
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}

/*ENDE -- QR-Code in Kontakt*/
.input_txt {
	width: 100%;
	height: auto;
	font-size: 1.25em;
	padding-left: 5px;
}

.input_txt_err {
	width: 100%;
	height: auto;
	font-size: 1.25em;
	padding-left: 5px;
	border: 2px solid red;
}

.button_change {
	background-color: #3399FF;
	color: white;
	font-family: 'Times New Roman', Times, serif;
	font-size: large;
	width: 100%;
	min-height: 30px;
	text-align: center;
}

.button_change_dis {
	background-color: #3399FF;
	color: #CCCCCC;
	font-family: 'Times New Roman', Times, serif;
	font-size: large;
	width: 100%;
	min-height: 30px;
	text-align: center;
	cursor: wait;
}

/* Preistabelle */
p.MsoNormal {
	margin-bottom: 0.0001pt;
	font-size: 11.0pt;
	font-family: "Calibri", "sans-serif";
	margin-left: 0cm;
	margin-right: 0cm;
	margin-top: 0cm;
}

.preistabelle-style1 {
	font-size: large;
	color: #FFFFFF;
	background-color: #244061;
}

.preistabelle-style2 {
	font-size: large;
	text-align: left;
	color: #FFFFFF;
	background-color: #244061;
}

.preistabelle-style7 {
	text-align: center;
	background-color: #2A2B69;
}

.preistabelle-style8 {
	background-color: #244061;
}

.preistabelle-style10 {
	color: #FFFFFF;
}

.preistabelle-style11 {
	background-color: #4F81BD;
	color: #FFFFFF;
}

.preistabelle-style12 {
	background-color: #4F81BD;
	color: #FFFFFF;
	font-size: 11.0pt;
	font-family: Calibri, sans-serif;
}

.preistabelle-style13 {
	text-align: center;
	background-color: #A7BFDE;
}

.preistabelle-style14 {
	text-align: center;
	background-color: #D3DFEE;
}

.preistabelle-style15 {
	font-size: x-large;
	font-weight: bold;
}

.preistabelle-style16 {
	font-size: xx-large;
	color: #800000;
	font-style: italic;
	font-weight: bold;
}

/* Ende Preistabelle */
/* Google Map */
.iframe_google_map {
	width: 90%;
	height: 600px;
}

/* Footer */
footer {
	display: block;
	/*width:96%;*/
	width: 100%;
	/*max-width:1280px;
	background:#295761;*/
	text-align: left;
}

footer_div {
	display: block;
	width: 100%;
	max-width: 1280px;
	background-color: #FFFFFF;
	/* #F7E7A8";*/
	/*width:96%;
	max-width:1280px;*/
	text-align: left;
	margin: 0px auto;
	font-size: 0.8em;
	color: #E2DBDB;
	padding: 0em 0.625em 0em 0.625em;
}

footer_div a {
	color: white;
}

footer ul {
	display: block;
	/*width:100%;*/
	max-width: 1280px;
	width: 96%;
	/*max-width:1280px;*/
	background-color: #774D22;
	text-align: left;
	margin: 0px auto;
	/*border-top: 0.08em solid #E7590B;*/
	/*border-top: 0.188em solid #E7590B;	*/
}

footer ul li {
	display: inline;
	font-size: 0.8em;
	line-height: 2.8em;
	color: #E2DBDB;
	padding: 0em 0.625em 0em 0.625em;
}

footer ul li a {
	color: #9FD8EF;
}

/* Button ____________________________________________________________________ */
.galerie_jahres_button_alt {
	border-radius: 31px;
	font-size: 1.5em;
	font-family: 'Bauhaus 93';
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: normal;
	background-color: ;
	color: ;
	line-height: 1.3;
	text-shadow: 0 0;
	/*border: 1px solid black;*/
}

.galerie_jahres_button {
	display: inline-block;
	border-radius: 4px;
	background-color: #EF9F4A;
	border: none;
	color: #FFFFFF;
	text-align: center;
	font-size: 28px;
	padding: 7px;
	width: auto;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.galerie_jahres_button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.galerie_jahres_button span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.galerie_jahres_button:hover span {
	padding-right: 25px;
}

.galerie_jahres_button:hover span:after {
	opacity: 1;
	right: 0;
}

.disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

/* END Button ------------------------------------------------------------------- */
#back-top {
	position: fixed;
	bottom: 30px;
	right: 20px;
	padding-top: 5px;
	z-index: 3;
	display: none;
}

#back-top a {
	width: 40px;
	height: 30px;
	display: block;
	text-align: center;
	font-size: 25px;
	color: #FFF;
	background-color: #33363B;
	border-radius: 5px;
	/* -moz-border-radius: 5px; NEU */
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	transition: background-color 0.15s;
	-moz-transition: background-color .15s;
	-webkit-transition: background-color .15s;
	-o-transition: background-color .15s;
	-ms-transition: background-color .15s;
}

#back-top a:hover {
	text-decoration: none;
	background-color: #555;
}

/* Begin Menü */
/* hide the checkbox and the label */
input#responsive-nav,
label.responsive-nav-label {
	display: none;
}

/* declarations for the not-responsove-menu */
nav {
	float: left;
	width: 100%;
	/*background: #3a3a3a;	 */
	background: #774D22;
	font-size: 16px;
	border-top: #FFFFFF;
}

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

nav a {
	display: block;
	color: #FFF;
	text-decoration: none;
}

nav ul li {
	position: relative;
	float: left;
	list-style: none;
	color: #FFF;
	transition: 0.5s;
}

nav ul li a {
	padding: 10px;
}

nav ul > li.submenu > a:after {
	position: relative;
	float: right;
	content: '';
	margin-left: 10px;
	margin-top: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #FFF;
	border-bottom: 5px solid transparent;
}

nav ul ul li.submenu > a:after {
	margin-left: auto;
	margin-right: -10px;
	border-left: 5px solid #FFF;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

nav ul li:hover {
	/*background: #4096ee;*/
	background: #DEC19C;
	color: black;
}

nav ul li a.active {
	/*color:#454040;*/
	/*font-size: 1.125em;
	/*line-height:2.5em;*/
	/*line-height:2em;*/
	/*padding:0.563em 0.938em 0.375em 0.983em;*/
	/*padding:0.563em 0.375em 0.375em 0.375em;*/
	color: white;
	background-color: #B18143;
	border-bottom: 0.188em solid #E5D985;
	/*#E7590B;*/
}

nav ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	/*background: #333;*/
	background: #4D2504;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	z-index: 2;
}

nav ul ul li {
	float: none;
	width: 220px;
	border-bottom: 0;
	z-index: 2;
}

nav ul ul li a {
	padding: 10px 20px;
	z-index: 2;
}

nav ul ul li:last-child {
	border-bottom: none;
}

nav ul li:hover > ul {
	top: 100%;
	left: 0;
}

nav ul ul li:hover > ul {
	top: 0;
	left: 220px;
}

/* Ende Menü*/
/* Begin Menü-Artikel */
/* hide the checkbox and the label */
input#responsive-nav_artikel,
label.responsive-nav_artikel {
	display: none;
}

/* declarations for the not-responsove-menu */
nav_artikel {
	/*float: float; NEU */
	width: 100%;
	/*background: #3a3a3a;	 */
	background: #295761;
	font-size: 16px;
	border-top: #FFFFFF;
}

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

nav_artikel a {
	display: block;
	color: #FFF;
	text-decoration: none;
}

nav_artikel ul li {
	position: relative;
	float: left;
	list-style: none;
	color: #FFF;
	transition: 0.5s;
}

nav_artikel ul li a {
	padding: 10px;
}

nav_artikel ul > li.submenu > a:after {
	position: relative;
	float: right;
	content: '';
	margin-left: 10px;
	margin-top: 5px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #FFF;
	border-bottom: 5px solid transparent;
}

nav_artikel ul ul li.submenu > a:after {
	margin-left: auto;
	margin-right: -10px;
	border-left: 5px solid #FFF;
	border-right: 5px solid transparent;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}

nav_artikel ul li:hover {
	/*background: #4096ee;*/
	background: #8D97BA;
	color: white;
}

nav_artikel ul li a.active {
	/*color:#454040;*/
	/*font-size: 1.125em;
	/*line-height:2.5em;*/
	/*line-height:2em;*/
	/*padding:0.563em 0.938em 0.375em 0.983em;*/
	/*padding:0.563em 0.375em 0.375em 0.375em;*/
	color: #FFFFFF;
	background-color: #43B2B0;
	border-bottom: 0.188em solid #01317F;
	/*#E7590B;*/
}

nav_artikel ul ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	/*background: #333;*/
	background: #30559B;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
	z-index: 2;
}

nav_artikel ul ul li {
	float: none;
	width: 220px;
	border-bottom: 0;
	z-index: 2;
}

nav_artikel ul ul li a {
	padding: 10px 20px;
	z-index: 2;
}

nav_artikel ul ul li:last-child {
	border-bottom: none;
}

nav_artikel ul li:hover > ul {
	top: 100%;
	left: 0;
}

nav_artikel ul ul li:hover > ul {
	top: 0;
	left: 220px;
}

/* Ende Menü-Artikel*/
.bild {
	z-index: 1;
	visibility: hidden;
	position: absolute;
	background-color: #FFFFFF;
	color: silver;
	padding: 2px;
}

/*
@media screen and (max-width:600px) {
	#main aside, #main article {
		width:100%;
		display:block;
		margin:0.625em 0em 0.625em 0em;
	}
	
}
*/
/* Declarations for the responsive menu */
/*@media screen and (max-width: 1680px) {
*/
@media screen and (max-width: 1280px) {
	/* Google Map */
	.iframe_google_map {
		width: 90%;
		height: 600px;
	}
}

@media screen and (max-width: 800px) {
	body {
		font-size: 90%;
	}
	
	/* Google Map */
	.iframe_google_map {
		width: 90%;
		height: 500px;
	}
}

@media screen and (max-width: 600px) {
	#main aside,
	#main article {
		width: 100%;
		display: block;
		margin: 0.625em 0em 0.625em 0em;
	}
	
	/* Google Map */
	.iframe_google_map {
		width: 90%;
		height: 400px;
	}
}

/*
@media screen and (min-width:550px) {
	nav.nav {
		display:block !important;
	}	
	/* Google Map //
	.iframe_google_map {
		width:90%;
		height:400px;
	}
	

	h1 {
		font-size:1.2em;	
		line-height:1.5em;
		font-family:Helvetica;
		font-weight:100;	
		color: #800000;
		margin:0em;
	}


}
*/
@media screen and (max-width: 550px) {
	body {
		font-size: 86%;
	}
	
	* {
		font-size: 18px;
	}
	
	label.responsive-nav-label {
		position: relative;
		display: block;
		padding: 20px;
		background: #222;
		cursor: pointer;
		color: #FFF;
	}
	
	label.responsive-nav-label span {
		margin-right: 10px;
	}
	
	nav {
		position: absolute;
		top: -9999px;
		padding: 10px;
	}
	
	input#responsive-nav[type=checkbox]:checked ~ nav {
		position: relative;
		top: 0;
	}
	
	nav a:after {
		display: none;
	}
	
	nav li {
		float: none !important;
		width: 100% !important;
		border-bottom: none !important;
	}
	
	nav li a {
		margin-bottom: 10px !important;
		padding: 10px 20px !important;
		background: #4A4A4A;
	}
	
	nav ul li:hover {
		background: none;
	}
	
	nav ul li a:hover {
		background: #8D97BA;
	}
	
	nav ul li a.active {
		font-size: 1.125em;
		line-height: 2em;
		padding: 0.563em 0.375em 0.375em 0.375em;
		color: white;
		background-color: #43B2B0;
		border-bottom: 0.188em solid #01317F;
	}
	
	nav ul ul {
		position: relative !important;
		width: 100%;
		left: 0 !important;
		top: 0 !important;
		background: none !important;
		box-shadow: none;
	}
	
	nav ul ul li {
		padding-left: 20px;
	}
	
	h1 {
		font-size: 1.2em;
		line-height: 1.5em;
		font-family: Helvetica;
		font-weight: 100;
		color: #800000;
		margin: 0em;
	}
	
	/* Google Map */
	.iframe_google_map {
		width: 90%;
		height: 300px;
	}
}