@charset "utf-8";
/*============================================================================================================================================*/
/*Thank you for looking at my code © Sonja Degen*/
/*============================================================================================================================================*/



/* 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 black;}
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*/
	background-color: #fff !important;
}

body {
	/*background-color: #E5D2BD;*/
	background-color: #fff !important;
	/*color: #7F7569;*/
	color: #000 !important;
	/*font-family: 'Lato', Arial, Helvetica, sans-serif;*/
	font-family: Arial !important;
	font-size: 1.1em;
	font-weight: 400;
	line-height: 1.5em;
}

.backstretch {
	display: none;
}

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;
}

ul li {
	list-style: none;
}
ul.text_kleiner  li {
	font-size: 0.9em;
}

address {
	color: #000;
	font-style: normal;
	margin: 0.7em 0.7rem 0.7em 0.7rem;
}

.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: #fff;
}
.bg_color_weiss_transparent {
	background-color: rgba(255,255,255,0.7);
}
.bg_color_beige_transparent {
	background-color: rgba(229,210,189,0.7);
}
.weiss {
	background-color: #fff;
}
.beige {
	/*background-color: #E5D2BD;*/
	background-color: #fff;
}

.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*/
	}

.fa {										
	color: #7F7569;
	text-decoration: none;
}
.fa:focus { 				
	color: #BFAF9E;
	text-decoration: none;
}
.fa:hover { 				
	color: #BFAF9E;
	text-decoration: none;
}
.fa:active { 				
	color: #BFAF9E;
	text-decoration: none;
}




/* Header Top */
/*============================================================================================================================================*/
header#home_top {
	color: #000;
	height: 5rem;
	padding: 0.7em 0.5rem;
	background-color: #fff;
}
header#top {
	color: #000;
	height: auto;
	padding: 0.7em 0.5rem;
	background-color: #fff;
}
section#header_top {
	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: 5rem;
	margin-top: 0.7em;
	background-color: #fff;
}
section#header_top_rubrik {
	margin-top: 0.7em;
	background-color: #fff;
}
#nav_top, #nav_top_home {
	display: none;
}
#nav_top ul li, #nav_top_home ul li {
	display: none;
}
#logo_home {
	display: none;
}
#logo_home img {
	display: none;
}
#logo_nav_rubrik > * > img {
		display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;

		height: 3rem;
		width: auto;
	}

#logo_nav_mobil img {
	height: 3rem;
	margin: 1.4em 0.7rem 1.4em 0.7rem;
	width: auto;
}

.menu-container {
	display: none;
}
.menu { 
	display: none;
}
.menu ul li {
	display: none;
}
.menu ul li a {
	display: none;
}


.plus-btn-pos {	
	display: none;
}

/*Ende Menu Mobile Version*/




 

/* Footer Bottom */
/*============================================================================================================================================*/
footer#bottom {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif  !important;
	font-weight: 400;
	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;
	
	color: #000;
	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: #000;
	font-style: normal;
	margin: 0;
	text-align: left;
}

#qr_code {
		display: none;
	}

nav.bottom ul {
	display: none;
}
nav.bottom ul li {
	display: none;
}

#social {
	display: none;
}

#toplink {
	display: none;
}
#toplink .fa, #toplink a {
		display: none;
	}



/* Main Inhalt */
/*============================================================================================================================================*/
.first_speech-bubble_home {
	display: none;
}
.speech-bubble_first_links {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	
	border-right: 1em solid transparent; 
	border-bottom: 1em solid #fff; 
	height: 0; 
	position: relative;
	width: 50%; 
}
.speech-bubble_first_rechts {
	display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
	
	border-bottom: 1em solid #fff; 
  border-left: 1em solid transparent; 
	height: 0; 
	position: relative;
	width: 50%; 
}

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 0.5rem 0 0.5rem;
	position: relative;
}
.first_row {
	padding-top: 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;
}


.inhalt_links img, .inhalt_rechts img {
	height: auto;
	max-width: 300px;
	padding-top: 0.4em;
	width: 300px;		
}

.inhalt_links ul li, .inhalt_rechts ul li {
	list-style: disc;
	margin-top: 0;
	margin-left: 1.1rem;
}
.inhalt_links p + ul li, .inhalt_rechts p + ul li {
	margin-top: 0.35em;
}
.inhalt_links address {
	margin: 0 0 1.4em 0;
}

.projekt {
	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: center;
		 -moz-justify-content: center;
			-ms-justify-content: center;
					justify-content: center;
	-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;
	
	color: #FFE9D2;
	margin: 0.7em 0.7rem 0.7em 0.7rem;
	position: relative;
}

div.projekt img{
	opacity: 0.5;
	height: 100%;	
	width: 100%;
}

.projekt_beschreibung { 
	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: space-between;
		 -moz-justify-content: space-between;
			-ms-justify-content: space-between;
					justify-content: space-between;
	
	color: #000;
	font-size: 1em;
	font-weight: 300;
	height: 100%; /*Höhe des Layers angeben, auto oder 100% füllt ganzes div*/
	margin: 0;
	max-height: 100%;
	max-width: 100%;
	opacity: 1;
	padding: 0;
	position: absolute;
		left:0;
		top:0;
	-webkit-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
	width: 100%;
	z-index:1;
}

.projekt_beschreibung p {
	padding:  0.2em 1.4rem 0.2em 1.4rem;
}

.button_projekt {
	display: none;
}
.button_lightbox {
	display: none;
}

.kenntnisse_icons_row {
	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: flex-start;
		 -moz-justify-content: flex-start;
			-ms-justify-content: flex-start;
					justify-content: flex-start;
	-webkit-align-items: flex-start;
		 -moz-align-items: flex-start;
			-ms-align-items: flex-start;
					align-items: flex-start;
	
	margin-top: 0.35em;
	max-width: 100%;
	width: 100%;
}
.kenntnisse_icons_links {
	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: flex-start;
		 -moz-align-items: flex-start;
			-ms-align-items: flex-start;
					align-items: flex-start;
	
	margin-top: 0;
	max-width: 100%;
	order: 1;
	width: 100%;
}
.kenntnisse_icons_rechts {
	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: flex-start;
		 -moz-align-items: flex-start;
			-ms-align-items: flex-start;
					align-items: flex-start;
	
	margin-top: 0;
	max-width: 100%;
	width: 100%;
}
.icons_img img {
	height: auto;
	width: 100%;
}
.icons_img {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
		 -moz-align-items: flex-start;
			-ms-align-items: flex-start;
					align-items: flex-start;
	-webkit-flex-basis: 8rem;
		 -moz-flex-basis: 8rem;
			-ms-flex-basis: 8rem;
					flex-basis: 8rem;
	
	height: auto;
	margin: 0.7em 0.7rem 0.7em 0.7rem;
	max-width: 8rem;
	min-height: 1px; /*behebt ie11 bug: passt container an höhe des img an (https://connect.microsoft.com/IE/feedbackdetail/view/891815)*/
}
.icons_img_links {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
		 -moz-align-items: flex-start;
			-ms-align-items: flex-start;
					align-items: flex-start;
	-webkit-flex-basis: 5rem;
		 -moz-flex-basis: 5rem;
			-ms-flex-basis: 5rem;
					flex-basis: 5rem;
	
	height: auto;
	margin: 0.35em 0.35rem 0.35em 0.35rem;
	max-width: 5rem;
	min-height: 1px; /*behebt ie11 bug: passt container an höhe des img an (https://connect.microsoft.com/IE/feedbackdetail/view/891815)*/
	padding: 0.35em;
}
.icons_img_rechts {
	display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	-webkit-align-items: flex-start;
		 -moz-align-items: flex-start;
			-ms-align-items: flex-start;
					align-items: flex-start;
	-webkit-flex-basis: 5rem;
		 -moz-flex-basis: 5rem;
			-ms-flex-basis: 5rem;
					flex-basis: 5rem;
	
	height: auto;
	margin: 0.35em 0.35rem 0.35em 0.35rem;
	max-width: 5rem;
	min-height: 1px; /*behebt ie11 bug: passt container an höhe des img an (https://connect.microsoft.com/IE/feedbackdetail/view/891815)*/
	padding: 0.35em;
}
.icons_img_links img, .icons_img_rechts img {
	max-width: 5rem;
}

.lebenslauf_datum {
	font-weight: 700;
	margin-top: 0;
	margin-bottom: -1.4em;
}
.lebenslauf_datum ul li {
	list-style: none;
	margin-left: 0;
}
.lebenslauf_liste ul li {
	list-style: disc;
	list-style-position: outside;
	margin-top: 0.35em;
	margin-left: 1.1rem;
}
.lebenslauf_liste p {
	margin-top: 0;
}
.lebenslauf_arbeitgeber {
	font-family: Arial, Helvetica, sans-serif  !important;
	font-size: 1em;
	font-weight: 700;
	margin: 0;
}

#googlemaps_lostorf {
	height: auto;
	margin-top: 2.1em;
	margin-bottom: 2.1em;
	max-height: 20%;
	max-width: 300px !important;
	width: 300px !important;	
	-webkit-filter: sepia(0.1);
  				filter: sepia(0.1);
}

.call_to_action {
	display: none;
}

.buttoneckig, #kontaktformSD [name=senden] {
	display: none;
}


/*Überschriften h1, h2, h3*/
/*============================================================================================================================================*/
h1	{
	color: #000;
	font-family: Arial !important;
	font-size:2em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 2.1em 0.7rem 0.2em 0.7rem;
	text-align: left;
	width: 100%;
	
	background-color: transparent;
}
h1.titel_home {
	color: #000 !important;
	font-size: 2em !important;
	line-height: 1.2em !important;
	background-color: #fff;
	opacity: 1;
}
h1.unsichtbar {
	opacity: 1;
}

h2	{ 
	color: #000;
	font-family: Arial !important;
	font-size:1.5em;
	font-weight: 600;
	line-height: 1.2em;
	margin: 1.4em 0.7rem 0.35em 0.7rem;
	text-align: left;
	width: 100%;
}


h3	{ 
	color: #000;
	font-family: Arial !important;
	font-size:20px;
	font-size:1.25em;
	font-weight: 600;
	margin: 0.35em 0 0.35em 0;
	text-align: left;
}

.projekt_beschreibung h3 {
	margin-top: 0.7em;
	padding: 0 1.4rem 0 1.4rem;
}
.inhalt_links h3 {
	text-align: left;
}

#footer_inhalt h3 {
	display: none;
}
#social h3 {
	display: none;
}



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

#nav_top a {
	display: none;
}

#nav_top_home a {
	display: none;
}

#nav_top_mobil_home a, #nav_top_mobil a {
	display: none;
}

h2 a {
	color: #000;
	text-decoration: none;
}

a:link { 
	color: #000;
}

a:visited { 
	color: #000;
} 	

a:focus { 
	color: #000;
} 

a:hover { 
	color: #000;
	text-decoration: none;
} 

#nav_top_home a:hover {
	display: none;
}
#nav_top a:hover {
	display: none;
}
h2 a:hover {
	text-decoration: none;
}

 a:active { 
	color: #000;
}



/*----------button call-to-action---------*/
a:link.button {
	color: #ffffff;
	text-decoration: none;
}
a:hover.button {
	color: #ffffff;
  text-decoration: none;
}
a.button .fa {
	color: #fff;
	font-size:20px;
	font-size:1.25em;
	font-weight: bold;
}
a:link.buttoneckig {
	color: #403A35;
	text-decoration: none;
}
a:hover.buttoneckig {
	color: #fff;
  text-decoration: none;
}
a.buttoneckig .fa {
	color: #403A35;
	font-size:20px;
	font-size:1.25em;
	font-weight: bold;
}
a:hover.buttoneckig .fa {
	color: #fff;
}

/*-------footer bottom----------*/
#footer_inhalt a {
	color: #000;
	text-decoration: none;
}


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

.bg_confirm {
	background-color: #fff;
}

#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 .form_anrede  {
	margin-top: 0;
	padding-top: 0;
}
#kontaktformSD input, #kontaktformSD textarea {
	border: 1px solid #E5D2BD;
	box-sizing: border-box;
	color: #BFAF9E;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.5em;
	margin-bottom: 0.35em;
	padding: 0.35em 0.7rem;
	max-width: 300px !important;
	width: 300px !important;
}
.nichtpflicht {
	color: #BFAF9E;
}

#kontaktformSD [required] {
	border: 1px solid #E5D2BD;
	background-color: #E5D2BD;
	color: #7F7569;
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 0.9em;
	font-weight: 400;
	line-height: 1.5em;
}

#kontaktformSD [type=text], [type=tel], [type=email], [type=url], textarea {
	max-width: 300px;
	width: 300px;
}

.plzort {
	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-between;
		 -moz-justify-content: space-between;
			-ms-justify-content: space-between;
					justify-content: space-between;
}
#kontaktformSD [for=plz] {
	max-width: 300px;
	width: 300px;
}
#kontaktformSD [for=ort] {
	margin-right: 0;
	max-width: 300px;
	width: 300px;
}

*::-webkit-input-placeholder {
  color: #BFAF9E;
	opacity: 0.6;
}
*:-moz-placeholder {
    /* FF 4-18 */
  color: #BFAF9E;
	opacity: 0.6;
}
*::-moz-placeholder {
    /* FF 19+ */
  color: #BFAF9E;
	opacity: 0.6;
}
*:-ms-input-placeholder {
    /* IE 10+ */
  color: #BFAF9E;
	opacity: 0.6;
}

*[required]::-webkit-input-placeholder {
	color: #7F7569;
	opacity: 0.7;
}
*[required]:-moz-placeholder {
    /* FF 4-18 */
  color: #7F7569;
	opacity: 0.7;
}
*[required]::-moz-placeholder  {
    /* FF 19+ */
  color: #7F7569;
	opacity: 0.7;
}
*[required]:-ms-input-placeholder  {
    /* IE 10+ */
  color: #7F7569;
	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: #E5D2BD !important;
  border: 1px solid #E5D2BD !important;
}

input.parsley-error, select.parsley-error, textarea.parsley-error { 
  background-color: #EC7775 !important;
  border: 1px solid #EC7775 !important;
	color: #403A35 !important;
}

.parsley-errors-list {
	color: #EC5C5A;
  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*/
/*============================================================================================================================================*/