@charset "utf-8";
/* CSS Document */

/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
    src: url(../fonts/titilliumweb.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/titilliumweb_2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	-ms-box-sizing: border-box;
}

html {
		-ms-text-size-adjust: 100%;
	    word-wrap: break-word;
}

h1 {
	padding-top:40px;
	margin:0px;
	min-width:500px;
}

h1~p{
	margin:0px;
	min-width:500px;
}

a {
	color:white;
}



h2 {
	font-size:22px;
	text-transform:uppercase;
	margin-top:5px;

}

.anmeldebox {
  border: 10px solid white;
  border-radius: 8px 8px 8px 8px;
  background-color: white;
  color: #00458c;
}

.mailbody {
  border: 1px solid #00458c;
  padding: 10px;
  border-radius: 8px 8px 8px 8px;
  background-color: white;
  color: #00458c;
  align: left;
}

body {
  font-family: 'Titillium Web', sans-serif;
	background-image: url(../images/background.jpg);
	background-position: top;
	background-size:cover;
	color:white;
	text-align:center;
	padding-bottom:200px;
	margin-left:80px;
	margin-right:70px;
}

img:first-child
{
	width:100px;
	position: absolute;
	top:30px;
	left:60px;
	padding-left:20px;
}

/*** Head ***/

.head-content
{
	margin:auto;
	min-width:500px;
	border-bottom: 1px white solid;
	position:sticky;
	display:block;
	height:80px;
	margin-left:100px;
	margin-right:30px;
}

.head-content p
{
	font-weight:600;
	font-size:22px;
	text-align:left;
	line-height: 20px;
	padding-top:20px;
	position: absolute;
	top:10px;
}




.head-content img, .head-content a, .head-content a:checked
{
	position: absolute;
	top:47px;
	right:100px;
}


.head-content a ,.head-content a:checked
{
	color:white;
	text-align:right;
	text-align:-ms-center;
	right:130px;
	top:55px;
	text-transform: uppercase;
	font-size:12px;
}

.head-content img
{
	width:20px;
}

.content
{
	background-color:white;
	max-width:800px;
	min-width:500px;
	height:auto;
	border-radius: 10px;
	padding:15px;
	margin:auto;
	margin-top:50px;
	color:#00448b;
	margin-bottom:30px;
	box-shadow: 5px 5px 10px black ;
}


/** Abschnitt **/

.abschnitt img, .abschnitt_last img {
	position: inherit;
	width:30px;
	padding-left:0px;
	padding-top:15px;
}

.abschnitt, .abschnitt_last {
max-width:600px;
width:80%;
min-width:450px;
display:inline-block;
padding:20px 0px;
border-bottom: 2px solid #00458c;
}

.abschnitt_button {
	padding-top:30px;
}

.abschnitt_last {
border-bottom: none;
}

.right, .left {
	display:inline-block;
}

.left {
	max-width:245px;
	padding-right:5px;
}

.right {
	max-width:345px;
	text-align:left;
	padding-left:20px;
	vertical-align:top;
}


.right input[type="text"], .right input[type="mail"]  {
	display:block;
	margin-top:15px;
	height:25px;
	border-radius:6px;
	border-style: none;
	border: solid 1px #00458c;
	width: 250px;
	font-family: 'Titillium Web', sans-serif;
	padding-left:5px;
	color:#00458c;
	font-size: 16px;
}

.right input[type="file"] {
	display:block;
	margin-top:15px;
	height:25px;
	border-radius:6px;
	border-style: none;
	border: solid 1px #00458c;
	width: 250px;
	font-family: 'Titillium Web', sans-serif;
	padding-left:5px;
	color:#00458c;
	font-size: 12px;
}

.right textarea {
 	  border: solid 1px #00458c;
    border-radius: 8px 8px 8px 8px;
    width: 19em;
    height: 15em;
    padding: 0.5em;
 	  font-family: 'Titillium Web', sans-serif;
 	  color:#00458c;
 }

.selection{
	display:block;
	margin-top:15px;
	height:25px;
	border-radius:6px;
	border-style: none;
	border: solid 1px #00458c;
	width: 250px;
	font-family: 'Titillium Web', sans-serif;
	padding-left:5px;
	color:#00458c;
	font-size: 16px;
}


.left {
	text-align:right;
}

/** Radio Button-Abschnitte*/

label
{
	padding-right:20px;
	padding-left:5px;
}

.radio_class {
	margin-top:0px;
	padding-top:30px;
	padding-left:20px;
}



/** Small kleiner Bereich **/

.small {
	font-size:11px;
	width:245px;
	margin-right:0px;
	text-align:left;
}

/** Button **/

button {
	display:block;
	background-color:goldenrod;
	color:white;
	border:none;
	padding:8px;
	font-family: 'Titillium Web', sans-serif;
	border-radius: 10px;
	width:90px;
	text-transform: uppercase;
}

input#anzahl {
	width:50px;
	margin-top:5px;
}

p.stueckzahl {
	width:120px;
	display:block;
	padding-top:50px;
	margin:0px;
}
