﻿* {
	border:0;
}
/* neu */

/* Schatten stressrot */
.shadow2rt1 {	text-shadow:2px 2px rgba(215,0,0,1);	}
.shadow3rt1 {	text-shadow:3px 3px rgba(215,0,0,1);	}

/* Schatten white */
.shadow2ws8 {	text-shadow:2px 2px rgba(255,255,255,0.8);	}
.shadow3ws8 {	text-shadow:3px 3px rgba(255,255,255,0.8);	}
/* Schatten black */
.shadow2bk8 {text-shadow:2px 2px rgba(0,0,0,0.8);	}
.shadow3bk8 {	text-shadow:3px 3px rgba(0,0,0,0.8);	}
.shadow2bk1 {text-shadow:2px 2px rgba(0,0,0,1);	}
.shadow3bk1 {	text-shadow:3px 3px rgba(0,0,0,1);	}

#masthead {width:75%; margin: 0 auto;}

#emailform {width:100%; padding-left:0px; padding-right:0px; }

#titel1 {
	font-family: 'Tulpen One', cursive;
	color: white;
	text-align:center;
	text-shadow:2px 2px black;
}

#table1 {
	 width: 50%"; align="left; position:absolute;
	 text-align:right; 
	 z-index:888;
}
#table2 {
/*	 width: 50%; position:relative;

	 width: 50%"; align="right; position:relative;
	 left: 428px; 
	 top: 20px; 
	 width: 476px; */
}
.rightalign {text-align: right;}
 
.ls, .ls2, .ts {
	font-family: 'Tulpen One', cursive; color: white;
	text-shadow:2px 2px black;
}
 
 
.R {
	font-weight:bold; 	color:#d70000;
	text-shadow:2px 2px white;
}

.eingabefeld {position:relative; text-align: left; }
.textarea {position:relative; text-align: left; }
.abdamit { margin-right:6px; text-align:center; border:0; height: 44px;
	background-color: #2CACA5;
}
.abdamit:hover {background-color: seagreen;}
.abdamit:active {background-color: rgba(213,1,21, 0.88);}

@media only screen and (min-width:910px) {
#titel1 {font-size: 42pt; margin-top:0px; padding-left:0px;}
.ls {font-size: xx-large; margin-right:10px;}
.ls2 {font-size: xx-large; margin-right:10px;}
.ts {font-size: xx-large; margin-right:100px;}
.abstand {margin-left:10px;}
.eingabefeld {margin-left:10px; font-family:Georgia; font-size: x-large; height: 24px; padding: 8px;margin-bottom: 10px; width: 320px;}
.textarea {margin-left:10px; font-family:Georgia;	font-size: x-large; height: 48px;padding: 8px;margin-bottom: 10px; width: 320px;}
#tswcheck1, #tswcheck2, #tswcheck3, #tswcheck4, #tswcheck5, #tswcheck6, #tswcheck7, #tswcheck8{height:18px; width:18px;}
.abdamit {height: 44px; width: 336px;  margin-right:5px;}
.flextext {	font-size: 30px; font-weight: 700; padding-left:80px; padding-right:80px;}

}

@media only screen and (width:909px) {
#titel1 {font-size: 32pt; margin-top:10px; padding-left:10px;}
.ls {font-size: x-large; margin-right:10px;}
.ls2 {font-size: x-large; margin-right:10px;}
.ts {font-size: x-large; margin-right:95px;}
.abstand {margin-left:5px;}
.eingabefeld {margin-left:5px; font-family:Georgia;	font-size: large; height: 18px;padding: 4px;margin-bottom: 5px; width: 260px;}
.textarea {margin-left:5px; font-family:Georgia;	font-size: large; height: 36px;padding: 4px;margin-bottom: 5px; width: 260px;}
#tswcheck1, #tswcheck2, #tswcheck3, #tswcheck4, #tswcheck5, #tswcheck6, #tswcheck7, #tswcheck8{height:14x; width:14x;}
.abdamit {	height: 36px; width: 268px; margin-right:6px;}
.flextext {	font-size: 18px; font-weight: 500; padding-left:5px; padding-right:5px;}

}

@media only screen and (max-width:909px) {
#titel1 {font-size: 32pt; margin-top:10px; padding-left:10px;}
.ls {font-size: x-large; margin-right:10px;}
.ls2 {font-size: x-large; margin-right:10px;}
.ts {font-size: x-large; margin-right:95px;}
.abstand {margin-left:5px;}
.eingabefeld {margin-left:5px; font-family:Georgia;	font-size: large; height: 18px;padding: 4px;margin-bottom: 5px; width: 260px;}
.textarea {margin-left:5px; font-family:Georgia;	font-size: large; height: 30px;padding: 4px;margin-bottom: 5px; width: 260px;}
#tswcheck1, #tswcheck2, #tswcheck3, #tswcheck4, #tswcheck5, #tswcheck6, #tswcheck7, #tswcheck8{height:14x; width:14x;}
.abdamit {	height: 30px; width: 268px; margin-right:6px; }
.flextext {	font-size: 18px; font-weight: 500; padding-left:5px; padding-right:5px;}

}

/* ##Device = Low Resolution Tablets, Mobiles (Landscape)  ##Screen = B/w 481px to 767px */
@media (min-width: 481px) and (max-width: 767px) {
#unterhalb {position:absolute;  clear:both; margin-top:140pt;}
#titel1 {font-size: 28pt; margin-top:0px; padding-left:0;}
.ls {font-size: large; margin-right:5px;}
.ls2 {font-size: large; margin-right:5px;}
.ts {font-size: large; margin-right:80px;}
.abstand {margin-left:3px;}
.eingabefeld {margin-left:3px; font-family:Georgia;	font-size: medium; height: 16px;padding: 3px;margin-bottom: 3px; width: 250px;}
.textarea {margin-left:3px; font-family:Georgia;	font-size: medium; height: 28px;padding: 3px;margin-bottom: 3px; width: 250px;}
#tswcheck1, #tswcheck2, #tswcheck3, #tswcheck4, #tswcheck5, #tswcheck6, #tswcheck7, #tswcheck8{height:14px; width:14px;}
.abdamit {	height: 28px; width: 258px; margin-right:5px; }
.flextext {	font-size: 14px; font-weight: 400; padding-left:3px; padding-right:3px;}

}

/* ##Device = Most of the Smartphones Mobiles (Portrait)  ##Screen = B/w 320px to 479px */
@media (min-width: 320px) and (max-width: 480px) {
#unterhalb {position:absolute;  clear:both; margin-top:140pt;}
#titel1 {font-size: 26pt; margin-top:0px; padding-left:0px;}
.ls {font-size: medium; margin-right:2px;}
.ls2 {font-size: medium; margin-right:2px;}
.ts {font-size: medium; margin-right:80px;}
.abstand {margin-left:2px;}
.eingabefeld {margin-left:2px; font-family:Georgia;	font-size: medium; height: 15px;padding: 2px;margin-bottom: 2px; width: 240px;}
.textarea {margin-left:2px; font-family:Georgia;	font-size: medium; height: 24px;padding: 2px;margin-bottom: 2px; width: 240px;}
#tswcheck1, #tswcheck2, #tswcheck3, #tswcheck4, #tswcheck5, #tswcheck6, #tswcheck7, #tswcheck8{height:12px; width:12px;}
.abdamit {	height: 24px; width: 244px; margin-right:6px;}
.flextext {	font-size: 12px; font-weight: 400; padding-left:2px; padding-right:2px;}
	
}

/* ##Device = kleiner als 320px */
@media (max-width: 319px) {
#unterhalb {position:absolute;  clear:both; margin-top:160pt;}
#titel1 {font-size: 24pt; margin-top:0px; padding-left:0px;}
.ls {font-size: medium; margin-right:2px;}
.ls2 {font-size: medium; margin-right:120px;}
.ts {font-size: medium; margin-right:80px;}
.abstand {margin-left:2px;}
.eingabefeld {margin-left:2px; font-family:Georgia;	font-size: medium; height: 15px;padding: 2px;margin-bottom: 2px; width: 240px;}
.textarea {margin-left:2px; font-family:Georgia;	font-size: medium; height: 24px;padding: 2px;margin-bottom: 2px; width: 240px;}
#tswcheck1, #tswcheck2, #tswcheck3, #tswcheck4, #tswcheck5, #tswcheck6, #tswcheck7, #tswcheck8{height:10px; width:10px;}
.abdamit {	height: 24px; width: 244px; margin-right:6px;}
.flextext {	font-size: 10px; font-weight: 400; padding-left:2px; padding-right:2px;}

}
