/* @import must be at top of file, otherwise CSS will not work */
/* @import url("//hello.myfonts.net/count/3aea6a"); */
@font-face {
font-family: 'CastBlackItalic';
src: url('webfonts/CastBlackItalic.woff');
src: url('webfonts/CastBlackItalic.woff?#iefix') format('embedded-opentype'),
url('webfonts/CastBlackItalic.woff2') format('woff2'),
url('webfonts/CastBlackItalic.woff') format('woff'),
url('webfonts/CastBlackItalic.ttf') format('truetype');
}
@font-face {
font-family: 'CastHeavyItalic';
src: url('webfonts/CastHeavyItalic.eot');
src: url('webfonts/CastHeavyItalic.eot?#iefix') format('embedded-opentype'),
url('webfonts/CastHeavyItalic.woff2') format('woff2'),
url('webfonts/CastHeavyItalic.woff') format('woff'),
url('webfonts/CastHeavyItalic.ttf') format('truetype');
}
@font-face {
font-family: 'CastRegularItalic';
src: url('webfonts/CastRegularItalic.eot');
src: url('webfonts/CastRegularItalic.eot?#iefix') format('embedded-opentype'),
url('webfonts/CastRegularItalic.woff2') format('woff2'),
url('webfonts/CastRegularItalic.woff') format('woff'),
url('webfonts/CastRegularItalic.ttf') format('truetype');
}
@font-face {
font-family: 'AlbulaPro-ExtraBold';
src: url('webfonts/AlbulaPro-ExtraBold.woff');
src: url('webfonts/AlbulaPro-ExtraBold.woff?#iefix') format('embedded-opentype'),
url('webfonts/AlbulaPro-ExtraBold.woff2') format('woff2'),
url('webfonts/AlbulaPro-ExtraBold.woff') format('woff'),
url('webfonts/AlbulaPro-ExtraBold.ttf') format('truetype');
}
@font-face {
font-family: 'AlbulaPro-Medium';
src: url('webfonts/AlbulaPro-Medium.eot');
src: url('webfonts/AlbulaPro-Medium.eot?#iefix') format('embedded-opentype'),
url('webfonts/AlbulaPro-Medium.woff2') format('woff2'),
url('webfonts/AlbulaPro-Medium.woff') format('woff'),
url('webfonts/AlbulaPro-Medium.ttf') format('truetype');
}
@font-face {
font-family: 'AlbulaPro-MediumOblique';
src: url('webfonts/AlbulaPro-MediumOblique.eot');
src: url('webfonts/AlbulaPro-MediumOblique.eot?#iefix') format('embedded-opentype'),
url('webfonts/AlbulaPro-MediumOblique.woff2') format('woff2'),
url('webfonts/AlbulaPro-MediumOblique.woff') format('woff'),
url('webfonts/AlbulaPro-MediumOblique.ttf') format('truetype');
}
@font-face {
font-family: 'AlbulaPro-ExtraBoldOblique';
src: url('webfonts/AlbulaPro-ExtraBoldOblique.eot');
src: url('webfonts/AlbulaPro-ExtraBoldOblique.eot?#iefix') format('embedded-opentype'),
url('webfonts/AlbulaPro-ExtraBoldOblique.woff2') format('woff2'),
url('webfonts/AlbulaPro-ExtraBoldOblique.woff') format('woff'),
url('webfonts/AlbulaPro-ExtraBoldOblique.ttf') format('truetype');
}
.AlbulaPro-Medium { 
font-family: AlbulaPro-Medium;
font-weight: normal;
font-style: normal;
}
.AlbulaPro-ExtraBold { 
font-family: AlbulaPro-ExtraBold;
font-weight: normal;
font-style: normal;
}
.AlbulaPro-MediumOblique { 
font-family: AlbulaPro-MediumOblique;
font-weight: normal;
font-style: normal;
}
.AlbulaPro-ExtraBoldOblique { 
font-family: AlbulaPro-ExtraBoldOblique;
font-weight: normal;
font-style: normal;
}
/* Reset some basic elements for better cross-browser compatibility */
body, h1, h2, h3, h4, h5, h6, p, ul, li, img {
margin: 0;
padding: 0;
border: 0;
}
body {
background-color: #FF40B4;
background-repeat: no-repeat;
background-position: top left;
background-size: cover; /* Adjust this based on your design requirements */
font-family: CastBlackItalic, sans-serif;
font-size: 18px;
margin: 0;
padding: 0;
min-width: 1160px; /* Mindestbreite der Seite */
min-height: 1640px; /* Mindesthöhe der Seite */
}
#Hintergrundbild{
width: 1052px;
background-image: url(graphics/bg_2b.png), url(graphics/bg_2b.png);
background-repeat: no-repeat, repeat-y;
background-position: 0px 0px, 0px 0px;
margin-top: 103px;
}
#Container {
min-height: 1335px;
padding-bottom: 103px;
}
#rahmenunten {
background-color: #FF40B4;
}
#logos {
background-color: white;
position: absolute;
left: 481px;
}
#conti {
padding: 95px 0 0 225px; 
}
#layer0 {
}
#layer1 {
z-index: 1;    
}    
#layer2 {
position: absolute;
left: 244px;
top: 205px;
z-index: 2;
}    
#layer3 {
position: absolute;
left: 660px;
top: 1240px;
z-index: 3;    
}    
#kopf {
position: absolute;
left: 107px;
top: 0px;
z-index: 4;
}    
#hinweis {
position: absolute;
left: 545px;
top: 550px;
z-index: 4;
font-size: 44px;
line-height: 58px;    
}    
#inhalt {
width: 672px;
min-height: 1230px;
background-color: #fff;    
background-image: url('graphics/bg_2a.png');
background-repeat: no-repeat;
margin: 179px 0 0 244px;    
}    
#inhalt p {
font-family: AlbulaPro-Medium;    
font-size: 20px;
line-height: 1.4375em;
}
#inhalt p.hfett {
font-family: AlbulaPro-ExtraBoldOblique;    
font-weight: normal;
letter-spacing: 0.5px;
}
#inhalt p.heavyitalic {
font-family: AlbulaPro-ExtraBold;    
font-weight: normal;
letter-spacing: 0.5px;
}
#inhalt p.hfettbold {
font-family: CastBlackItalic;    
font-weight: normal;
letter-spacing: 0.5px;
}
#inhalt p.hfettboldv {
font-family: CastBlackItalic;    
font-weight: normal;
letter-spacing: 0.5px;
color: black;
}    
#inhalt p.hfettw {
font-family: AlbulaPro-ExtraBold;    
font-weight: normal;
letter-spacing: 0.5px;
color: black;
}
#inhalt p.black {
font-size: 20px;
/*margin-bottom: 9px;*/
font-family: AlbulaPro-ExtraBold;    
font-weight: normal;
letter-spacing: 0.5px;
color: black;
}
#inhalt p.blackworkshops {
font-size: 20px;
margin-bottom: 20px;
font-family: CastBlackItalic;    
font-weight: normal;
letter-spacing: 0.5px;
color: black;
}
#inhalt h1 {
font-family: AlbulaPro-ExtraBold;    
font-size: 27px;
font-weight: normal;
color: black;
letter-spacing: 0.5px;
line-height: 1.0;    
padding-bottom: 26px;
}    
#inhalt a {
text-decoration: none;
font-family: AlbulaPro-ExtraBoldOblique;
}
#inhalt a:link,
#inhalt a:visited,  
#inhalt a:hover,
#inhalt a:focus {
color: black;    
font-family: AlbulaPro-MediumOblique;;    
font-size: 20px;
line-height: 1.4375em;
}    
#inhalt a:hover,
#inhalt a:focus {
color: #40E0D0;    
}    
#spalte {
padding: 50px 44px 55px 44px; 
min-height: 1125px;
z-index: 4;
background-color: white;
}
#navigation {
position: absolute;
left: 25px;
top: 390px;
z-index: 5;
font-size: 20px;
}    
ul#navigation {
margin-left: 18px;
list-style-type: none;    
}
#navigation li {
margin-bottom: 14px;
font-family: AlbulaPro-ExtraBold, sans-serif;
list-style-image: none;
color: black;
}    
#navigation a {
text-decoration: none;
}    
#navigation a:link,
#navigation a:visited {
font-family: AlbulaPro-Medium, sans-serif;
color: black;
}    
#navigation a:hover,
#navigation a:focus {
font-family: AlbulaPro-ExtraBold, sans-serif;
color: #40E0D0;
}
/*  Anmeldeformular   */
#formular {
z-index: 6 !important;
}
#formular label {
float: left;
width: 135px;
}
#formular input {
opacity: 0.80;
-moz-opacity: 0.80;
filter: Alpha(opacity=80);    
}
#person {
z-index: 6 !important;
}    
#person p {
margin: 10px 0 10px 0;
z-index: 6 !important;
} 
#credit2 {
position: absolute;
bottom: 27px;
right: 4px;
width: 130px;
font-size: 0.5em;
color: #cccccc;
}    
#zusatzfrage p {
margin-left: 20px;
}
.halberdurchschuss {
margin-top: 0.5em;
}
.neg {
color: #fff;
background-color: #ff0000;
padding-top: 1px;
}    
.bouton,
#ausgabe {
font-family: CastRegularItalic;
font-size: 18px;
padding: 0 2px 1px 2px;    
}    
#link {
position: absolute;
top: 904px;
}
#datum {
position: absolute;
left: 1052px;
top: 100px;
}
#logos {
position: absolute;
left: 481px;
top: auto;
background-color: #FF40B4;
}
@media (max-width: 450px) {
	
#navigation {
position: absolute; /* Auf mobilen Geräten absolute Positionierung beibehalten */
left: 0px; /* Linken Abstand anpassen */
top: 140px; /* Oberen Abstand anpassen */
z-index: 5; /* Z-Index beibehalten */
font-size: 11px; /* Schriftgröße eventuell anpassen */
}
#navigation li {
margin-bottom: 5px;
font-family: AlbulaPro-ExtraBold, sans-serif;
list-style-image: none;
color: black;
}
body {
background-position: center top; /* Hintergrundbild zentriert oben */
background-size: center; /* Hintergrundbild deckt den gesamten Bildschirm ab */
min-width: 100%; /* Mindestbreite auf 100% setzen */
min-height: 100%; /* Mindesthöhe auf 100% der Sichtfensterhöhe setzen */
font-size: 16px; /* Schriftgröße für mobile Ansichten anpassen */
}