@charset "utf-8";
/*============================================================================================================================================*/
/*Thank you for looking at my code © Sonja Degen*/
/*============================================================================================================================================*/
/*@import url('https://fonts.googleapis.com/css?family=Ubuntu:300i,400,500');*/
/*@import url('https://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400i,700');*/
 @import url("https://use.typekit.net/ejm4fyz.css");


/* Auf alle Elemente bezogen */
/*============================================================================================================================================*/
* { padding: 0; margin: 0; } /* RESET; kann auch auf body statt * angewendet werden*/



/*header {	border: 1px solid red;}
section {	border: 1px solid pink;}
div {	border: 1px solid yellow;}
footer { border: 1px solid green;}
nav {	border: 1px solid blue;}
img {	border: 1px dotted orangered;}
h1,h2,h3 { border: 1px dotted #5AC5F3;}
p {	border: 1px dashed orange;}
ul { border: 1px solid #863637;}
li { border: 1px dashed #ff58ff;}
a { border: 1px dotted #32BB54;}
*/


/*Flexbox Sticky Footer Lösung relevant*/
/*Danke an: https://ueberdosis.io/artikel/sticky-footer-mit-css-flexbox/*/
/*============================================================================================================================================*/

html, body {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-direction: column;
		 -moz-flex-direction: column;
			-ms-flex-direction: column;
  				flex-direction: column;
  height: 100%; /* 1, 3 */
}

footer, header {
	-webkit-flex: none;						/* OLD - iOS 6-, Safari 3.1-6, Chrome */
		 -moz-flex: none;        		  /* OLD - Firefox 19- */
			-ms-flex: none;							  /* IE 10 */
					flex: none;
}

main {
	-webkit-flex: 1 0 auto;      /* OLD - iOS 6-, Safari 3.1-6, Chrome */
  	 -moz-flex: 1 0 auto;         /* OLD - Firefox 19- */
  		-ms-flex: 1 0 auto;					 /* IE 10 */
  				flex: 1 0 auto; /* 2 */
  width: 100%;
}

.wrapper {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
		 -moz-flex-direction: column;
			-ms-flex-direction: column;
  				flex-direction: column;
  height: 100%; /* 1, 3 */
}

/*Ende --- Flexbox Sticky Footer Lösung*/
/*============================================================================================================================================*/

/*Allgemeine Angaben*/
/*============================================================================================================================================*/
html {
	-webkit-text-size-adjust: none;  /*verhindert, dass die Schrift beim drehen von Hoch- auf Querformat (landscape) skaliert. Diese Angabe muss Global im html Tag angeben werden. */
	font-size: 100%; /*Hier die Grundgrösse der Schrift anpassen, 100%=16px*/
}

body {
  background-color: #fff;
  color: #444;
  font-family: 'proxima-nova', sans-serif;
  font-size: 1.1em;
	font-style: normal;
  font-weight: 300;
  line-height: 1.5em;
}

section {
	margin: 0 auto;
	max-width: 1496px;
	max-width: 93.5rem;
}

.flex_column {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column wrap;
			 -moz-flex-flow: column wrap;
				-ms-flex-flow: column wrap;
						flex-flow: column wrap;
	}
.flex_row {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row wrap;
		 -moz-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
  				flex-flow: row wrap; 
}
p + p {
	margin-top: 1.4em;
}
b {
	font-weight: 500;
}
ul li {
	list-style: none;
}
.datenschutz * ul li {
	list-style: disc;
	margin-left: 1.8rem;
}
.datenschutz * a {
	-ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  white-space:pre-wrap;
  word-wrap: break-word;
}
ul.text_kleiner  li {
	font-size: 0.9em;
}
address {
	color: #444;
	font-style: normal;
	/*margin: 0.7em 0.7rem 0.7em 0.7rem;*/
  margin: 0 0 0.7em 0;
}
address.margin-links {
	margin-left: .7rem;
}
blockquote, i, em {
  font-style: italic;
}
blockquote:before {
  content: '«';
  font-size: 1.2em;
}
blockquote:after {
  content: '»';
  font-size: 1.2em;
}
.no_underline {
	text-decoration: none;
}
.unsichtbar {
	opacity: 0.0;
}
.versteckt {
	visibility: hidden;
}
.cursor_lupe {
	cursor: zoom-in;
	}	
.bg_color_weiss {
	background-color: #fff;
}
.bg_color_beige {
	background-color: #DBD4CE;
}
.bg_color_weiss_transparent {
	background-color: rgba(255,255,255,0.7);
}
.bg_color_beige_transparent {
	background-color: rgba(214,190,201,0.7);
}
.einblenden {
	-webkit-animation: einfaches_einblenden 2s 1 ease-in-out; /*Safari*/
		 -moz-animation: einfaches_einblenden 2s 1 ease-in-out; /*Mozilla*/
			-ms-animation: einfaches_einblenden 2s 1 ease-in-out;  /*Microsoft*/
					animation: einfaches_einblenden 2s 1 ease-in-out;
	}	
@-webkit-keyframes einfaches_einblenden {  /*der Name der Animation*/
		/*animieren der Deckkraft*/
	0% 		{opacity: 0; /*left: 0%;*/}  /*am Anfang der Zeit*/
	100% 	{opacity: 1;/*left: 20%*/} 	/*am Ende der Zeit*/
	}
@-moz-keyframes einfaches_einblenden {  /*der Name der Animation*/
		/*animieren der Deckkraft*/
	0% 		{opacity: 0; /*left: 0%;*/}  /*am Anfang der Zeit*/
	100% 	{opacity: 1;/*left: 20%*/} 	/*am Ende der Zeit*/
	}
@keyframes einfaches_einblenden {  /*der Name der Animation*/
		/*animieren der Deckkraft*/
	0% 		{opacity: 0; /*left: 0%;*/}  /*am Anfang der Zeit*/
	100% 	{opacity: 1;/*left: 20%*/} 	/*am Ende der Zeit*/
	}

/* Header Top */
/*============================================================================================================================================*/
header#home_top {
	-webkit-justify-content: space-between;
		 -moz-justify-content: space-between;
			-ms-justify-content: space-between;
					justify-content: space-between;
	
	height: 80%;
	min-height: 80%;
}
.row_top {
	background-color: #111;
  color: #DBD4CE;
  padding: .7em 1.4rem;
}
#slogan {
	background: rgba(0,0,0,0.8);
	color: #fff;
	font-family: 'proxima-nova-condensed', sans-serif;
	font-size: 1.2em;
  font-style: italic;
	font-weight: 500;
	letter-spacing: .08em;
	line-height: 1.2em;
	margin: 0 -0.5rem -0.35em -0.5rem;
	padding: .7em 1.4rem;
	text-align: left;
	text-transform: uppercase;
}

#telefon_nav ul li {
	font-family: 'proxima-nova', sans-serif;
	font-size: .8em;
	font-style: normal;
	font-weight: 300;
	/*margin-top: 2.4em;
	padding: 0 .7rem;*/
	position: relative;
	text-align: right;
	z-index: 10;
}

.fa-phone {
	vertical-align: baseline;
}
section#header_top_rubrik {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row nowrap;
			 -moz-flex-flow: row nowrap;
				-ms-flex-flow: row nowrap;
						flex-flow: row nowrap;
		-webkit-justify-content: space-between;
			 -moz-justify-content: space-between;
				-ms-justify-content: space-between;
						justify-content: space-between;
		-webkit-align-items: flex-start;
			 -moz-align-items: flex-start;
				-ms-align-items: flex-start;
					 	align-items: flex-start;
  
	/*margin-top: 0.7em;*/
}
#nav_top/*, #nav_top_home*/ {
	position: absolute;
	top:-900px;
}
#logo_nav_rubrik > * > img {
		display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;

		height: 3rem;
		width: auto;
		transition: all ease 0.5s;
}
#logo_nav_rubrik > * > img:hover {
	opacity: 0.5; 
}
	#logo_nav_rubrik {
		display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
    align-self: center;

		height: auto;
		min-height: 1px; /*behebt ie11 bug: passt container an höhe des img an (https://connect.microsoft.com/IE/feedbackdetail/view/891815)*/
		width: auto;
    margin-bottom: .7em;
		/*margin-left: 0.7rem;*/
		margin-top: .7em;
    z-index: 5; 
	}	

/*Menu Mobile Version Quelle: http://codepen.io/flurrd/pen/RaKJLY*/
#logo_nav_mobil {
	position: absolute;
		left: 0;
		top: 0;
	z-index: 5;
}
#logo_nav_mobil img {
	height: 2.5rem;
  margin: 0 0.7rem 0 0.7rem;
	width: auto;
}
.menu_mobil_button {
  color: #c685b3;
}
.menu_mobil_button:hover {
	color: #fff;
	cursor: pointer;
}
.menu-container {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-align-items: stretch;
		 -moz-align-items: stretch;
			-ms-align-items: stretch;
					align-items: stretch;
	
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
		top:0;
		left:0;
	width: 100%;
  z-index: 2;
}
.menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-justify-content:center;
		-moz-justify-content: center;
		 -ms-justify-content: center;
				 justify-content: center;
	-webkit-align-items: center;
		 -moz-align-items: center;
			-ms-align-items: center;
					align-items: center;
	
	height: 100vh;
	padding-top: 1em;
  position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	-webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  				transition: -webkit-transform 0.5s;
  				transition: transform 0.5s;
  				transition: transform 0.5s, -webkit-transform 0.5s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
	visibility: hidden;
  width: 100vw;
  z-index: 3;
}
.menu ul li {
	font-family: 'proxima-nova', sans-serif;
	font-size:1em;
	font-weight: 500;
	letter-spacing: 0.08em;
	padding: 0.3em 0.3rem;
  text-align: center;
	text-transform: uppercase;
}
.menu ul li a {
	color: #C685B3;
  cursor: pointer;
}
.menu ul li a:hover {
  color: #fff;
	text-decoration: none;
}
.menu-sliders {	
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-justify-content:center;
		-moz-justify-content: center;
		 -ms-justify-content: center;
				 justify-content: center;
	-webkit-align-items: center;
		 -moz-align-items: center;
			-ms-align-items: center;
					align-items: center;
	-webkit-flex: 1;
		 -moz-flex: 1;
  		-ms-flex: 1;
  				flex: 1;
	
  -webkit-transition: -webkit-box-flex 0.45s;
  				transition: -webkit-box-flex 0.45s;
  transition: flex 0.45s;
  transition: flex 0.45s, -webkit-box-flex 0.45s, -ms-flex 0.45s;
}
.menu-sliders:nth-child(2) {
  -webkit-flex: 1;
		 -moz-flex: 1 0 100%;
 			-ms-flex: 1 0 100%;
  				flex: 1 0 100%;
	
  background: transparent;
}
.menu-sliders:nth-child(odd) {
	background: rgba(0,0,0,0.9);
}
.plus-btn-pos {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row nowrap;
		 -moz-flex-flow: row nowrap;
			-ms-flex-flow: row nowrap;
  				flex-flow: row nowrap; 
	-webkit-align-items: center;
		 -moz-align-items: center;
			-ms-align-items: center;
					align-items: center;
	
	font-family: 'proxima-nova', sans-serif;
	font-size:0.8em;
	font-weight: 500;
	letter-spacing: 0.08em;
  position: absolute;
		top: 3.5em;
		right: 1.1rem;
	text-transform: uppercase;
  z-index: 5;
}
.plus-btn {
  cursor: pointer;
  height: 40px;
  position: relative;
	width: 20px;
}
.plus-btn div {
	background: #C685B3;
	height: 2px;
  position: absolute;
		left: 50%;
		top: 48%;
  width: 12px;

  -webkit-transition: -webkit-transform 0.3s;
  				transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.plus-btn .r1 {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
          transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}
.plus-btn .r2 {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-180deg);
          transform: translateX(-50%) translateY(-50%) rotate(-180deg);
}
 
.plus-btn:hover div {
  background: #fff;
}
.plus-btn:active {
  box-shadow: none;
}
body.menu-open .menu-sliders:nth-child(2) {
  -webkit-flex: 0;
		 -moz-flex: 0 0 0%;
   		-ms-flex: 0 0 0%;
  		 		flex: 0 0 0%;
}
body.menu-open .menu {
  -webkit-transform: translateY(0%);
  				transform: translateY(0%);
	pointer-events: all;
  visibility: visible;
}
body.menu-open .plus-btn .r1 {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  				transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
body.menu-open .plus-btn .r2 {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-135deg);
  				transform: translateX(-50%) translateY(-50%) rotate(-135deg);
}
/*Ende Menu Mobile Version*/




 

/* Footer Bottom */
/*============================================================================================================================================*/
footer#bottom {
	background-color: #111;
	color: #fff;
	font-family: 'proxima-nova', sans-serif;
	font-style: normal;
	font-size:0.8em;
	font-weight: 300;
	padding: 1em 0.5rem 1em 0.5rem;
}
#footer_inhalt {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: column wrap;
		 -moz-flex-flow: column wrap;
			-ms-flex-flow: column wrap;
  				flex-flow: column wrap;

	height: auto; /*behebt ie11 bug: passt container an höhe des img an (https://connect.microsoft.com/IE/feedbackdetail/view/891815)*/
	margin: 0.7em 0.7rem 0.7em 0.7rem;
	max-width: 100%;
	min-height: 1px; /*behebt ie11 bug: passt container an höhe des img an (https://connect.microsoft.com/IE/feedbackdetail/view/891815)*/
}
#footer_inhalt_oben {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: column wrap;
		 -moz-flex-flow: column wrap;
			-ms-flex-flow: column wrap;
  				flex-flow: column wrap;
	-webkit-justify-content: flex-start;
		 -moz-justify-content: flex-start;
			-ms-justify-content: flex-start;
					justify-content: flex-start;
}
#footer_meinedaten {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: column wrap;
		 -moz-flex-flow: column wrap;
			-ms-flex-flow: column wrap;
  				flex-flow: column wrap;
}
#footer_meinedaten_inhalt {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: column wrap;
		 -moz-flex-flow: column wrap;
			-ms-flex-flow: column wrap;
  				flex-flow: column wrap;
	
	margin: 0.7em 0 0 0
}

#footer_inhalt address {
	color: #fff;
	font-style: normal;
	margin: 0;
	text-align: left;
}
#tel_mail_footer {
  text-align: left;
}
#qr_code {
  display: none;
}

nav.bottom ul {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row wrap;
		 -moz-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
  				flex-flow: row wrap; 
	-webkit-justify-content: flex-start;
		 -moz-justify-content: flex-start;
			-ms-justify-content: flex-start;
					justify-content: flex-start;
}
nav.bottom ul li {
	padding-right: 0.7rem;
	color: #DBD4CE;
}

#oeffnungszeiten {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row wrap;
		 -moz-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
  				flex-flow: row wrap; 
	-webkit-justify-content: flex-start;
		 -moz-justify-content: flex-start;
			-ms-justify-content: flex-start;
					justify-content: flex-start;
	-webkit-align-items: center;
		 -moz-align-items: center;
			-ms-align-items: center;
					align-items: center;
}
#copyright {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row wrap;
		 -moz-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
  				flex-flow: row wrap; 
	-webkit-justify-content: flex-start;
		 -moz-justify-content: flex-start;
			-ms-justify-content: flex-start;
					justify-content: flex-start;
	
	padding-top: 1.5em;
}
#toplink {
	bottom: 0px;
	display:none; 
	height: auto;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	position: fixed;
		right: 0px;
	text-align: right;
}
.fa-arrow-up {
	color: #C685B3;
	font-size:16px;
	font-size: 1rem;
	}
.fa-arrow-up:hover {
	color: #4F4F4F;
	}

/* Main Inhalt */
/*============================================================================================================================================*/
main section {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: column wrap;
		 -moz-flex-flow: column wrap;
			-ms-flex-flow: column wrap;
  				flex-flow: column wrap;
	-webkit-align-items: center;
		 -moz-align-items: center;
			-ms-align-items: center;
					align-items: center;
}
#seitentitel {
	padding-bottom: 0;
	padding-top: 0;
}
.row {
	padding: 0.7em 0.5rem 2em 0.5rem;
	position: relative;
}
.first_row {
	padding-top: 1em;
}
#map_row {
  padding: 0;
}
.inhalt_center {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row wrap;
		 -moz-flex-flow: row wrap;
			-ms-flex-flow: row wrap;
					flex-flow: row wrap;
	-webkit-justify-content: flex-start;
		 -moz-justify-content: flex-start;
			-ms-justify-content: flex-start;
					justify-content: flex-start;

	height: auto; /*behebt ie11 bug: passt container an höhe des img an (https://connect.microsoft.com/IE/feedbackdetail/view/891815)*/
	max-width: 100%;
	min-height: 1px; /*behebt ie11 bug: passt container an höhe des img an (https://connect.microsoft.com/IE/feedbackdetail/view/891815)*/
	text-align: left;
	width: 100%;
}
.inhalt_center + .inhalt_center {
	margin-top:0;
}
.inhalt_center > p {
	margin: 0.7em 0.7rem 0.7em 0.7rem;
}
.inhalt_center p {
		-webkit-flex-basis: 100%;
			 -moz-flex-basis: 100%;
				-ms-flex-basis: 100%;
						flex-basis: 100%;
	}
.inhalt_center > img {
	height: auto;
	margin: 0.7em 0.7rem 0.7em 0.7rem;
	max-width: 500px;
	width: 100%;
}
.inhalt_links  {
	margin: 0.7em 0.7rem 0.7em 0.7rem;
	max-width: 100%;
	width: 100%;
	height: auto;
}
.inhalt_links_order {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	order: 2;
}
.inhalt_rechts {
	max-width: 100%;
	width: 100%;
	height: auto;
	margin: 0.7em 0.7rem 0.7em 0.7rem;
}
.inhalt_rechts_order {
	order: 1;
}

.kat_titel, .kat_titel h3 {
	line-height: 1.5em;
	margin-bottom: 0;
}
.kat_titel h3 {
	margin-top: 0.7em;
}
.kat_beschreibung, .preis_gruppe {
	margin-bottom: 0;
	margin-top: 0;
}
.kat_beschreibung {
	margin-top: 0.7em;
}
.preis_titel {
  display: none;
}
.preis_gruppe {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row nowrap;
		 -moz-flex-flow: row nowrap;
			-ms-flex-flow: row nowrap;
  				flex-flow: row nowrap;
}
.preis {
  padding: 0 1.4rem 0 0;
}
.preis p + p {
	margin-top: 0;
}
.inhalt_links img, .inhalt_rechts img {
	height: auto;
	max-width: 100%;
	padding-top: 0.4em;
	width: 100%;		
}
.inhalt_links ul li, .inhalt_rechts ul li {
	list-style-type: disc;
	margin-top: 0;
	margin-left: 1.1rem;
}
.inhalt_links p + ul li, .inhalt_rechts p + ul li {
	margin-top: 0.35em;
}
#tel_mail_main {
  margin-bottom: 1.4em;
}
.dreispalten {
	-webkit-justify-content: center;
		 -moz-justify-content: center;
			-ms-justify-content: center;
					justify-content: center;	
  -webkit-align-content: flex-start;
		 -moz-align-content: flex-start;
			-ms-align-content: flex-start;
					align-content: flex-start;
	
	margin: 0.7em 0.7rem 0.7em 0.7rem;
	width: 100%;
}
.dreispalten_text {
  padding: 0.7em 1.4rem 1.4em;
  width: 100%;
}
article.dreispalten img{
	height: auto;
	width: 100%;
}
#map {
	/*height: auto;
	margin-bottom: -0.4em;
	max-height: 20%;
	max-width: 100%;
	width: 100%;*/	
	/*height: 400px;*/
	height: 30em;
	max-height: 30em;
  width: 100%;
}
.buttoneckig, #kontaktformSD [name=senden] {
	background: #8A4389;
	border: 2px solid  #8A4389;
	color: #fff;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 500;
	letter-spacing: 0.05em;
	outline: none;
  padding: 0.7em 1.25rem 0.7em 1.25rem;
}
.buttoneckig:hover, #kontaktformSD [name=senden]:hover {
	background-color: transparent;
	color: #8A4389;
}

/*Überschriften h1, h2, h3*/
/*============================================================================================================================================*/
h1, h2, h3, h4 {
	color: #333;
	font-family: 'proxima-nova-condensed', sans-serif;
	font-weight: 500;
	line-height: 1.2em;
	text-align: left;
	width: 100%;
		-ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  white-space:pre-wrap;
  word-wrap: break-word;
}
h1	{
	color: #333;
	font-family: 'proxima-nova-condensed', sans-serif;
	font-size:2.2em;
	margin: 1.4em 0.7rem 0.2em 0.7rem;
}
h1.titel_home {
	font-size: 0.2em;
	line-height: 0.5em;
	margin:0;
	padding:0;		
}
h2	{ 
	font-size:1.7em;
	margin: 1.4em 0.7rem 0.35em 0.7rem;
}
.inhalt_links h2, .inhalt_rechts h2, .inhalt_links h3, .inhalt_rechts h3, .inhalt_links h4, .inhalt_rechts h4 {
  margin-left: 0;
  text-align: left;
}
h3	{ 
	font-size:20px;
	font-size:1.4em;
	margin: 0.35em 0 0.35em 0;
}
h3 ~ h3 {
	margin-top: 1.4em;
}
h4	{ 
	font-size:18px;
	font-size:1.15em;
	margin: 0.35em 0 0.35em 0;
}
.inhalt_center > h3, .inhalt_center > h4 {
	margin-left: .7rem;
}
.dreispalten_text h3 {
  margin: 0;
}
.inhalt_links h3, .inhalt_links h4 {
	text-align: left;
}
#footer_inhalt h3 {
	color: #fff;
	font-size: 1.25em;
	letter-spacing: 0.08em;
	line-height: 1.5em;
	margin: 1.4em 0 0.2em 0
}
#oeffnungszeiten h3, #sitemap_social * h3 {
	display: block;
	text-align: left;
	width: 100%;
}

/*Links (Reihenfolge zwingend beibehalten*/
/*============================================================================================================================================*/
a { 
	color: #8A4389;
	text-decoration: none;
} 

#nav_top a {
  color: #C685B3;
}

#nav_top_home a {
	color: rgba(255,255,255,0.5);
}
#telefon_nav a {
	color: #C685B3;
	text-decoration: none;
}
h2 a {
	color: #333;
	text-decoration: none;
}
a:link { 
	color: #8A4389;
}
a:visited { 
	color: #8A4389;
} 	
a:focus { 
	color: #C685B3;
} 
a:hover { 
	color: #4F4F4F;
	text-decoration: none;
} 
#nav_top_home a:hover {
	color: #fff;
}
#nav_top a:hover, #telefon_nav a:hover {
	color: #fff;
	text-decoration: none;
}
 a:active { 
	color: #4F4F4F;
}

/*-------footer bottom----------*/
#footer_inhalt a {
	color: #C685B3;
}
#footer_inhalt a:hover {
	color: #fff;
	/*text-decoration: underline;*/
}
.link_impressum {
  color: #DBD4CE;
}
a#sitemap {
	color: #fff;
}

/*Kontaktformular Parsley Elemente*/
/*============================================================================================================================================*/

.bg_confirm {
	background-color: #DBD4CE;
}
#kontaktformSD {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: column wrap;
		 -moz-flex-flow: column wrap;
			-ms-flex-flow: column wrap;
  				flex-flow: column wrap;
	-webkit-align-items: center;
		 -moz-align-items: center;
			-ms-align-items: center;
					align-items: center;
	
	margin-top: 0.7em;
	max-width: 100%;
	width: 100%;
}
#kontaktformSD ul, #kontaktformSD ul li { list-style: none;}
#kontaktformSD ul { 
	margin: 0 0 0 0; 
	padding:0; 
}
#kontaktformSD ul li { 
	margin-left: 0; 
	padding-top: 0.35em;
}
#kontaktformSD .inhalt_center > ul {
	margin: 0 0.7rem;
	max-width: 100%;
	width: 100%;
}
#kontaktformSD .inhalt_rechts, #kontaktformSD .inhalt_links {
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 0;
}
#kontaktformSD .form_anrede  {
	margin-top: 0;
	padding-top: 0;
}
#kontaktformSD input, #kontaktformSD textarea {
	border: 1px solid #DBD4CE;
	box-sizing: border-box;
	color: #333333;
	font-family: 'proxima-nova', sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em;
	margin-bottom: 0.35em;
	padding: 0.35em 0.7rem;
}
.nichtpflicht {
	color: #BFAF9E;
}

#kontaktformSD [required] {
	border: 1px solid #DBD4CE;
	background-color: #DBD4CE;
	color: #333333;
	font-family: 'proxima-nova', sans-serif;
	font-size: 0.9em;
	font-style: normal;
	font-weight: 300;
	line-height: 1.5em;
}
#kontaktformSD [type=text], [type=tel], [type=email], [type=url], textarea {
	width: 100%;
}
*::-webkit-input-placeholder {
  color: #A6939C;
	opacity: 0.6;
}
*:-moz-placeholder {
    /* FF 4-18 */
  color: #A6939C;
	opacity: 0.6;
}
*::-moz-placeholder {
    /* FF 19+ */
  color: #A6939C;
	opacity: 0.6;
}
*:-ms-input-placeholder {
    /* IE 10+ */
  color: #A6939C;
	opacity: 0.6;
}
*[required]::-webkit-input-placeholder {
	color: #4F4F4F;
	opacity: 0.7;
}
*[required]:-moz-placeholder {
    /* FF 4-18 */
  color: #4F4F4F;
	opacity: 0.7;
}
*[required]::-moz-placeholder  {
    /* FF 19+ */
  color: #4F4F4F;
	opacity: 0.7;
}
*[required]:-ms-input-placeholder  {
    /* IE 10+ */
  color: #4F4F4F;
	opacity: 0.7;
}
#kontaktformSD [name=email_spamschutz], .verstecktes_feld {
	line-height: 0.1em;
	font-size: 0.5em;
	margin: 0;
	padding: 0;
	visibility: hidden;
	width: 10%;
}
input.parsley-success, select.parsley-success, textarea.parsley-success {
  background-color: #DBD4CE !important;
  border: 1px solid #DBD4CE !important;
}
input.parsley-error, select.parsley-error, textarea.parsley-error {
  background-color: rgba(173,85,172,0.5) !important;
  border: 1px solid #AD55AC !important;
  color: #403A35 !important;
}
.parsley-errors-list {
  color: #AD55AC;
  font-size: 0.7em;
  line-height: 0.7em;
  list-style-type: none;
  opacity: 0;
  padding: 0;
  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}
.parsley-errors-list.filled {
  opacity: 1;
}
.form_fehler p {
	width: 100%;
}


/*Ende Kontaktformular*/
/*============================================================================================================================================*/



/*Ansicht für iPhone landscape*/
/*============================================================================================================================================*/
@media screen and (min-width : 30em ){
	
	.menu ul li {
		font-size: 1.1em;
		padding: 0.6em 0.6rem;
	}
	.inhalt_center  {
		max-width: 70%;
		width: 70%;
	}
	form #kontaktformSD {
		margin: 0 auto;
	}
}

/* Ansicht für kleine Tablets, iPad mini */
/*============================================================================================================================================*/
@media screen and (min-width : 45em ){
		
	p { text-align: center;
	}
	h1 { 
		font-size: 2.5em;
		margin-top: 2.1em;
		text-align: center;
	}
	h2 {
		font-size:1.8em;
		margin: 2.1em 0.7rem 0.5em 0.7rem;
		text-align: center;
	}
	h3, h4 {
		text-align: center;
	}
  .inhalt_links h2, .inhalt_links h3, .inhalt_links h4  {
    margin-right: 0.7rem;
    text-align: right;
  }
	#slogan {
/*		font-size: 2.5em;
		line-height: 1.5em;*/
		text-align: center;
	}
	
	.menu ul li {
		font-size: 1.2em;
		padding: 1em 1rem;
	}
	#footer_inhalt {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column wrap;
			 -moz-flex-flow: column wrap;
				-ms-flex-flow: column wrap;
						flex-flow: column wrap;
	}
	#oeffnungszeiten p {
		text-align: left;
	}
	#footer_inhalt_oben {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
			 -moz-flex-flow: row wrap;
				-ms-flex-flow: row wrap;
						flex-flow: row wrap;
		-webkit-justify-content: space-around;
			 -moz-justify-content: space-around;
				-ms-justify-content: space-around;
						justify-content: space-around;
		-webkit-align-self: center;
			 -moz-align-self: center;
				-ms-align-self: center;
						align-self: center;

		max-width: 100%;
		width: 100%;
	}
	#footer_meinedaten {
		-webkit-flex-flow: row nowrap;
			 -moz-flex-flow: row nowrap;
				-ms-flex-flow: row nowrap;
						flex-flow: row nowrap;
		-webkit-justify-content: flex-end;
			 -moz-justify-content: flex-end;
				-ms-justify-content: flex-end;
						justify-content: flex-end;
		-webkit-flex-basis: 0;
			 -moz-flex-basis: 0;
				-ms-flex-basis: 0;
						flex-basis: 0;
		-webkit-flex-grow: 1;
			 -moz-flex-grow: 1;
				-ms-flex-grow: 1;
						flex-grow: 1;
		
		margin: 0 2.1rem 0 1.5rem;
	}
	#footer_meinedaten_inhalt {
		-webkit-flex-flow: column nowrap;
			 -moz-flex-flow: column nowrap;
				-ms-flex-flow: column nowrap;
						flex-flow: column nowrap;
	}	
	#footer_inhalt address {	
		text-align: right;
	}
  #footer_inhalt h3 {
    margin-top: 0.7em;
  }
	#tel_mail_footer {
    text-align: right;
  }
	#footer_meinedaten h3 {
		text-align: right;
	}	
	#sitemap_social {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: column wrap;
			 -moz-flex-flow: column wrap;
				-ms-flex-flow: column wrap;
						flex-flow: column wrap;
		-webkit-flex-basis: 0;
			 -moz-flex-basis: 0;
				-ms-flex-basis: 0;
						flex-basis: 0;
		-webkit-flex-grow: 1;
			 -moz-flex-grow: 1;
				-ms-flex-grow: 1;
						flex-grow: 1;
	
		margin: 0 1.5rem 0 2.1rem;
	}
	nav.bottom { margin: 0;
	}
	#copyright {
		-webkit-justify-content: center;
			 -moz-justify-content: center;
				-ms-justify-content: center;
						justify-content: center;
	}	
	.inhalt_center {
		-webkit-justify-content: center;
		 	 -moz-justify-content: center;
				-ms-justify-content: center;
						justify-content: center;
		max-width: 90%;
		text-align: center;
		width: 90%;
	}
	.inhalt_links + h3, .inhalt_rechts + h3, .kat_titel > h3 {
		margin-top: 0;
	}
	h3 ~ h3 {
		margin-top: 1.4em;
	}
	.inhalt_links  {
		-webkit-flex-basis: 0;
			 -moz-flex-basis: 0;
				-ms-flex-basis: 0;
						flex-basis: 0;
		-webkit-flex-grow: 1;
			 -moz-flex-grow: 1;
				-ms-flex-grow: 1;
						flex-grow: 1;
		
		margin: 0.7em 2.1rem 0.7em 0.7rem;
		text-align: right;
	}
	.inhalt_links_order {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		order: 1;
}
	.inhalt_links p, .inhalt_links h3 {
		text-align: right;
	}
	.inhalt_rechts {
		-webkit-flex-basis: 0;
			 -moz-flex-basis: 0;
				-ms-flex-basis: 0;
						flex-basis: 0;
		-webkit-flex-grow: 1;
			 -moz-flex-grow: 1;
				-ms-flex-grow: 1;
						flex-grow: 1;
		
		margin: 0.7em 0.7rem 0.7em 2.1rem;
		text-align: left;
	}
	.inhalt_rechts_order {
		order: 2;
	}
	
	.inhalt_rechts p {
		text-align: left;
	}	
	
	.inhalt_links ul li{
		list-style: none;
	}
  .kat_titel h3 {
    line-height: 1em;
  }
  .kat_titel {
    margin-right: 2.1rem;
  }
	.space-between {
		-webkit-justify-content: space-between;
    	 -moz-justify-content: space-between;
    		-ms-justify-content: space-between;
            justify-content: space-between;
	}
	.preis_gruppe, .kat_beschreibung {
		margin-top: 0;
	}
  .preis_titel {
    display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
    -webkit-justify-content: flex-start;
			 -moz-justify-content: flex-start;
				-ms-justify-content: flex-start;
						justify-content: flex-start;
  }
  .preis_titel + .preis {
    align-self: flex-end;
  }
  .preis_titel_aus {
    display: none;
  }
  .preis {
    padding: 0 0.7rem 0 0;
    width: 4rem;
  }
  .dreispalten {
    -webkit-flex-basis: 29%;
			 -moz-flex-basis: 29%;
				-ms-flex-basis: 29%;
						flex-basis: 29%;
		-webkit-flex-grow: 1;
			 -moz-flex-grow: 1;
				-ms-flex-grow: 1;
						flex-grow: 1;
		
		max-width: 29%;
		width: 29%;
  }
	.lebenslauf_datum ul li{
		margin-top: 0;
	}
	.inhalt_center > h3 {
		margin-left: 0;
	}
	.dreispalten_text h3 {
		text-align: center;
	}
	.projekt_beschreibung p {
		line-height: 1.3em;
	}
	#vorname, #telefon {
		text-align: right;
	}
	#Bemerkungen {
		text-align: center;
	}
	address.margin-links {
		margin-left: 0;
	}
}

/* Ansicht für grössere Tablets */
/*============================================================================================================================================*/
@media screen and (min-width : 50em ){
	
	.row {
		padding: 0.7em 0.5rem 2.8em 0.5rem;
	}
	h2 {
		margin: 2.1em 0.7rem 0.5em 0.7rem;
	}
}


/* Ansicht für kleine Desktop-Monitore */
/*============================================================================================================================================*/
@media screen and (min-width:57.5em) {
	
	/*header#home_top {
    height: 90%;
  }*/
	.row_top {
  	padding: 1.4em 1.4rem;
	}
	.box_tel_nav {
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		height: 5.8rem;
	}
	#nav_top_mobil_home, #nav_top_mobil { display: none; }
	#nav_top ul li, #nav_top_home ul li {
		display: inline;
	}
	#nav_top_home li, #nav_top li {
		padding: 0 0.7rem;
	}
	#nav_top_home li:last-of-type, #nav_top li:last-of-type {
		padding-right: 0;
	}
	#nav_top, #nav_top_home {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
			 -moz-flex-flow: row wrap;
				-ms-flex-flow: row wrap;
						flex-flow: row wrap;
		-webkit-justify-content: flex-end;
			 -moz-justify-content: flex-end;
				-ms-justify-content: flex-end;
						justify-content: flex-end;
	
		font-family: 'proxima-nova', sans-serif;
		font-size:1em;
		font-weight: 500;
		letter-spacing: 0.08em;
		text-transform: uppercase;
		position: static;
	}
	#logo_nav_rubrik > * > img {
		height: 5rem;
	}
	#logo_nav_rubrik {
   /* margin-bottom: 0.35em;*/
	}	
	#telefon_nav ul li {
		margin-top: 0;
		margin-bottom: 1.4em;
	}
	#slogan {
		font-size: 2.5em;
		line-height: 1.5em;
	}
  .dreispalten {
		-webkit-flex-basis: 30.5%;
			 -moz-flex-basis: 30.5%;
				-ms-flex-basis: 30.5%;
						flex-basis: 30.5%;
		
		max-width: 30.5%;
		width: 30.5%;
	}
}


/* Ansicht für Desktop-Monitore */
/*============================================================================================================================================*/
@media screen and (min-width:80em) {

	html {
		font-size: 100%;
	}
	/*#logo_home {
		height: auto ;
		margin: 10em 0 0;
		width: 50%;
	}*/
	#qr_code {
		display: inline;
		margin: 1.3em 0 0 1.4rem;
		text-align: right;
	}
	#qr_code img {
		display: inline;
		height: 120px;
		min-width: 100px;
		width: 120px;
	}
	.inhalt_center {
		max-width: 70%;
		width: 70%;
	}	
	.fa-arrow-up {
		font-size: 1.5rem;
	}
}