@charset "utf-8";
html	{	height:100%; width:100%; margin:0px; cursor:default; }
body	{	height:100%; width:100%; margin:0px; -webkit-text-size-adjust:none; }

div, table, td		{ font-family: 'Tinos', serif; font-weight:normal; font-size:14px; line-height:20px; color:#000000; }

h1						{ font-weight:normal; margin:0px; margin-bottom:20px; font-weight:normal; font-size:40px; line-height:32px; color:#000000; letter-spacing:0.05em; }
h2						{ font-weight:normal; margin:0px; margin-bottom:4px; font-weight:700; font-size:14px; line-height:16px; color:#000000; text-transform:uppercase; }
.titel_orange		{ font-weight:normal; margin:0px; margin-bottom:10px; font-weight:normal; font-size:12px; line-height:15px; color:#ffffff; letter-spacing:1px; background-color:#ff7900; padding:2px 8px 2px 8px; }

.small					{ font-weight:normal; font-size:12px; line-height:14px; text-align:justify; }

a							{ text-decoration: none; color: #808080; }
a:link					{ text-decoration: none; color: #808080; }
a:visited				{ text-decoration: none; color: #808080; }
a:hover				{ text-decoration: none; color: #ff7900; }
a:active				{ text-decoration: none; color: #ff7900; }
#aktiv, #aktiv2	{ text-decoration: none; color: #ff7900; }

ul, ol, li				{	margin:0px; padding:0px; }
li							{	margin-left:15px; list-style:none; }

.sand					{	background-color:#e2e8c4; }
.orange					{	background-color:#ff7900; }
.braun					{	background-color:#b25500; }
.blue					{	background-color:#0091b2; }
.blue2					{	background-color:#00cfff; }
.blue3					{	background-color:#b4e7f7; }

.grey					{	color:#808080; }


/* Kopf */
.head_neu			{	width:1000px; max-width:90%; margin:20px auto 0px auto; display:flex; flex-direction:row; justify-content:space-between; }
.head_neu1			{	width: 40%; font-weight:normal; font-size:20px; line-height:20px; }
.head_neu2			{	width: 40%; font-weight:normal; margin-top:38px; font-weight:normal; font-size:12px; line-height:20px; text-align: right; }

.head					{	width:1000px; max-width:90%; margin-top:20px; }
.head td				{	width:50%; font-weight:normal; font-size:20px; line-height:20px; }
.head1				{	position:relative; margin-top:20px; font-weight:normal; font-size:20px; line-height:20px; }
.head2				{	position:relative; margin-top:-2px; font-weight:normal; font-size:12px; line-height:20px; }
.head3				{	position:relative; margin-top:38px; font-weight:normal; font-size:12px; line-height:20px; }
@media (max-width: 520px) {
.social1				{	display:none; }
}
.social2				{	display:none; margin:20px auto 20px auto; width:90%; text-align:center; }
.social2 img		{	margin:0 5% 2% 5%; width:14%; height:auto;
								-webkit-box-shadow: 2px 2px 3px 1px #666666; box-shadow: 2px 2px 3px 1px #666666;
								-webkit-border-radius: 8px; border-radius: 8px; }
.social2 img:hover { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.linie_social		{	display:none; margin:20px auto 0 auto; width:1000px; max-width:90%; height:1px; }
@media (max-width: 520px) {
.social2				{	display:block; }
.linie_social		{	display:block; }
}
/* Kopf Ende */





/* Menü */
.menu					{	display:block; margin:20px auto 0 auto; width:1000px; max-width:90%; }
.box1					{	position:relative; margin-left:0px; width:192px; height:200px; border:0px solid; float:left;
								-webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; -o-transition: all 0.05s ease-out; transition: all 0.05s ease-out;
								-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.box1:hover 		{	-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.box2					{	position:relative; margin-left:10px; width:192px; height:200px; border:0px solid; float:left;
								-webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; -o-transition: all 0.05s ease-out; transition: all 0.05s ease-out;
								-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.box2:hover 		{	-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.box3					{	position:relative; margin-left:10px; width:192px; height:200px; border:0px solid; float:left;
								-webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; -o-transition: all 0.05s ease-out; transition: all 0.05s ease-out;
								-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.box3:hover 		{	-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.box4					{	position:relative; margin-left:10px; width:192px; height:200px; border:0px solid; float:left;
								-webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; -o-transition: all 0.05s ease-out; transition: all 0.05s ease-out;
								-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.box4:hover 		{	-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }
.box5					{	position:relative; margin-left:10px; width:192px; height:200px; border:0px solid; float:left;
								-webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; -o-transition: all 0.05s ease-out; transition: all 0.05s ease-out;
								-moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.box5:hover 		{	-moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

.box_titel1			{	position:relative; margin:150px 10px 0px 10px; font-weight:normal; font-size:20px; line-height:20px; color:#ffffff; }
.box_titel2			{	position:relative; margin:0px 5px 5px 10px; font-weight:normal; font-size:12px; line-height:14px; color:#ffffff; }
@media (max-width: 1120px) {
.box1					{	position:relative; margin-left:0px; width:18%; height:200px; border:0px solid; float:left; }
.box2					{	position:relative; margin-left:2%; width:18%; height:200px; border:0px solid; float:left; }
.box3					{	position:relative; margin-left:2%; width:18%; height:200px; border:0px solid; float:left; }
.box4					{	position:relative; margin-left:2%; width:18%; height:200px; border:0px solid; float:left; }
.box5					{	position:relative; margin-left:2%; width:20%; height:200px; border:0px solid; float:left; }
}
@media (max-width: 860px) {
.box1					{	position:relative; margin-left:0px; width:18%; height:200px; border:0px solid; float:left; }
.box2					{	position:relative; margin-left:2%; width:18%; height:200px; border:0px solid; float:left; }
.box3					{	position:relative; margin-left:2%; width:18%; height:200px; border:0px solid; float:left; }
.box4					{	position:relative; margin-left:2%; width:18%; height:200px; border:0px solid; float:left; }
.box5					{	position:relative; margin-left:2%; width:20%; height:200px; border:0px solid; float:left; }

.box_titel1			{	position:relative; margin:100px 10px 0px -60px; width:160px; height:auto; border:0px solid #000;
								-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
								}
.box_titel2			{	position:relative; margin:-18px 0px 0px -45px; width:160px; height:auto; border:0px solid #000;
								-moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
								}
}
/* Menü Ende */





/* Kontakt */
.kontakt				{	display:block; margin:40px auto 40px auto; width:1000px; max-width:90%; }
.kontakt_box1	{	position:relative; margin-left:0px; width:596px; height:235px; border:0px solid; float:left; }
.kontakt_box2	{	position:relative; margin-left:10px; width:394px; height:220px; border:0px solid; float:left; }

.kontakt_text		{	position:absolute; width:74%; height:100%; }
.kontakt_text td {	padding-left:10px; padding-bottom:10px; }
.ich						{	position:absolute; left:100%; margin-left:-75px; margin-top:0px; width:auto; height:220px; }
.umbruch			{	white-space:nowrap; }

@media (max-width: 1120px) {
.kontakt_box1	{	margin-left:0px; width:60%; }
.kontakt_box2	{	margin-left:2%; width:38%; }
}
@media (max-width: 640px) {
.kontakt_box1	{	margin:0px; margin-bottom:20px; width:100%; height:inherit; float:none; }
.kontakt_box2	{	margin:0px; width:100%; height:300px; float:none; }
.ich						{	position:absolute; left:100%; margin-left:-100px; margin-top:0px; width:auto; height:300px; }
}
.kontakt_block			{	position:relative; margin-left:0px; margin-bottom:4px; width:192px; float:left; }
.kontakt_block2		{	position:relative; margin-left:10px; margin-bottom:4px; width:192px; float:left; }
.kontakt_block_gr	{	width:596px; clear:both; border:0px solid; }
@media (max-width: 1120px) {
.kontakt_block			{	margin-left:0px; width:32%; }
.kontakt_block2		{	margin-left:2%; width:32%; }
.kontakt_block_gr	{	width:100%; }
}
@media (max-width: 640px) {
.kontakt_block			{	margin-left:0px; width:100%; float:none; }
.kontakt_block2		{	margin-left:0px; width:100%; float:none; }
}
.kontakt_feld				{	margin-top:4px; margin-bottom:6px; width:100%; height:20px; padding:2px 5px 2px 5px;
										box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
										font-family: 'Tinos', serif; font-size:14px; line-height:18px; color:#000000; background-color:#ffffff; border:0px solid; border-bottom:1px solid #808080; border-left:1px solid #808080;
										}
.kontakt_feld_gr		{	margin-top:4px; margin-bottom:9px; width:100%; height:70px; padding:2px 5px 2px 5px;
										box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
										font-family: 'Tinos', serif; font-size:14px; line-height:18px; color:#000000; background-color:#ffffff; border:0px solid; border-bottom:1px solid #808080; border-left:1px solid #808080;
										}
.kontakt_btn				{	display:block; height:20px; width:120px; margin:10px 0px 20px 0px;
										font-family: 'Tinos', serif; font-weight:normal; font-size:14px; line-height:18px; color:#000000; background-color:#ffffff; border:1px solid #808080;
										}
.kontakt_dank			{	display:block; margin:40px auto 40px auto; width:1000px; max-width:90%; text-align:center; }
/* Kontakt Ende */





/* Impressum */
.impressum				{	display:block; margin:20px auto 0 auto; width:1000px; max-width:90%; margin-top:20px; }
.spalten						{	text-align: justify; margin-bottom:10px;
										-webkit-column-count: 5; -webkit-column-gap: 10px; -webkit-column-rule-color: #2e424d; -webkit-column-rule-style: solid; -webkit-column-rule-width: 0px;
										-moz-column-count: 5; -moz-column-gap: 10px; -moz-column-rule-color: #2e424d; -moz-column-rule-style: solid; -moz-column-rule-width: 0px;
										column-count: 5; column-gap: 10px; column-rule-color: #2e424d; column-rule-style: solid; column-rule-width: 0px;
									}
@media (max-width: 1120px) {
.spalten						{	-webkit-column-count:4; -moz-column-count:4; column-count:4;
										-webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px; }
}
@media (max-width: 840px) {
.spalten						{	-webkit-column-count:3; -moz-column-count:3; column-count:3;
										-webkit-column-gap:5%; -moz-column-gap:5%; column-gap:5%; }
}
@media (max-width: 640px) {
.spalten						{	-webkit-column-count:2; -moz-column-count:2; column-count:2;
										-webkit-column-gap:5%; -moz-column-gap:5%; column-gap:5%; }
}
@media (max-width: 480px) {
.spalten						{	-webkit-column-count:1; -moz-column-count:1; column-count:1;
										-webkit-column-gap:5%; -moz-column-gap:5%; column-gap:5%; }
}
/* Impressum Ende */




.linie					{	display: block; margin:25px auto 0 auto; width:1000px; max-width:90%; height:1px; }
.linie_legal			{	display: block; margin:20px auto 30px auto; width:100%; height:1px; }
.clear					{	clear:both; }
.head_pic			{	display: block; margin:20px auto 0 auto; width:1000px; max-width:90%; height:auto; }