@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'bebas_neueregular';
    src: url('../Fonts/bebasneue-webfont.eot');
    src: url('../Fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/bebasneue-webfont.woff2') format('woff2'),
         url('../Fonts/bebasneue-webfont.woff') format('woff'),
         url('../Fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../Fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
     font-display: swap;
}

@font-face {
    font-family: 'fontinbold';
    src: url('../Fonts/Fontin-Bold-webfont.eot');
    src: url('../Fonts/Fontin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Fontin-Bold-webfont.woff2') format('woff2'),
         url('../Fonts/Fontin-Bold-webfont.woff') format('woff'),
         url('../Fonts/Fontin-Bold-webfont.ttf') format('truetype'),
         url('../Fonts/Fontin-Bold-webfont.svg#fontinbold') format('svg');
    font-weight: normal;
    font-style: normal;
 font-display: swap;
}
@font-face {
    font-family: 'fontinitalic';
    src: url('../Fonts/Fontin-Italic-webfont.eot');
    src: url('../Fonts/Fontin-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Fontin-Italic-webfont.woff2') format('woff2'),
         url('../Fonts/Fontin-Italic-webfont.woff') format('woff'),
         url('../Fonts/Fontin-Italic-webfont.ttf') format('truetype'),
         url('../Fonts/Fontin-Italic-webfont.svg#fontinitalic') format('svg');
    font-weight: normal;
    font-style: normal;
 font-display: swap;
}
@font-face {
    font-family: 'fontinregular';
    src: url('../Fonts/Fontin-Regular-webfont.eot');
    src: url('../Fonts/Fontin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Fontin-Regular-webfont.woff2') format('woff2'),
         url('../Fonts/Fontin-Regular-webfont.woff') format('woff'),
         url('../Fonts/Fontin-Regular-webfont.ttf') format('truetype'),
         url('../Fonts/Fontin-Regular-webfont.svg#fontinregular') format('svg');
    font-weight: normal;
    font-style: normal;
 font-display: swap;
}
@font-face {
    font-family: 'fontin_smallcapssmallcaps';
    src: url('../Fonts/Fontin-SmallCaps-webfont.eot');
    src: url('../Fonts/Fontin-SmallCaps-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/Fontin-SmallCaps-webfont.woff2') format('woff2'),
         url('../Fonts/Fontin-SmallCaps-webfont.woff') format('woff'),
         url('../Fonts/Fontin-SmallCaps-webfont.ttf') format('truetype'),
         url('../Fonts/Fontin-SmallCaps-webfont.svg#fontin_smallcapssmallcaps') format('svg');
    font-weight: normal;
    font-style: normal;
 font-display: swap;
}		
header, nav, section, footer {
    display: block;
}
header {
    background-color: transparent;
}
nav {
    background-color: orange;
}
section {
    background-color: yellowgreen;
}
footer {
    background-color: transparent;
	position:absolute;
	z-index: 11;
	width:100%;
	height: 30px;
	margin-top:auto;
	margin-bottom:0;
	bottom:0;
	left:0;
	font-family: bebas_neueregular; 
	font-size: 22px;  
	text-decoration: none; 
	text-align: center; 
	color: #ffffff; 
	color: rgba(255, 255, 255, 1);
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,visitenkarte,telefon,a { font-family: fontinbold; font-size: 20px; 
	margin:0;
	padding:0;
}
html,body { 
	margin:0;
	padding:0;
}
p {word-spacing:25px;}
a {font-weight:normal; text-decoration: none; text-align: center; }

a:link {color: rgba(255, 255, 255, 1);  font-family: fontinbold;
}
a:visited {color: rgba(255, 204, 41, 1);
}
a:hover {color: rgba(0, 168, 89, 1);
}
a:active {color: rgba(62, 64, 149, 1);
}
ol,ul {
	list-style:none;
}
h1{font-size: 38px;  text-decoration: none; text-align: center; color: #000000; color: rgba(255, 255, 255, 1);
}
h2{font-size: 18px;  text-decoration: none; text-align: center; color: #000000; color: rgba(255, 255, 255, 1);
}
.FullSite{min-height:100%;
			position:relative;
	}
.telefon{text-decoration: none; text-align: center; color: rgba(255, 255, 255, 1);}
.visitenkarte {position:relative; 
width: 450px; 
margin:auto; margin-top:50px;
padding:2.5%; 
text-decoration: none; text-align: center; color: rgba(255, 255, 255, 1); background-color: #43170d; background-color: rgba(0, 0, 0, 0.65); 
border: 0px solid rgb(0, 0, 0); 
z-index: 11;  
box-shadow:0px 0px 0px 0px #000; 
border-radius: 0px;
    font-family: fontinbold;
}
.Info,ul,ol,li,body,a {font-family: fontinbold; font-size: 20px;text-decoration: none; text-align: left; color: rgba(255, 255, 255, 1); background-color: #43170d; background-color: rgba(0, 0, 0, 0.00); list-style-type:disc;}
.Capoeira{font-family: fontinbold; font-size: 20px;text-decoration: none; text-align: center; color: rgba(255, 255, 255, 1); background-color: #43170d; background-color: rgba(0, 0, 0, 0.00); list-style-type:disc;}
.Liste{width: 400px; padding-left: 50px; background-color: rgba(0, 0, 0, 0.00); font-size: 24px;}
a{text-align: center}
.logo {position:relative; 
width: 70%;
display:block;
margin:auto; margin-top:0px;
padding-top:35%;
font-family: bebas_neueregular; font-size: 24px;  text-decoration: none; text-align: center; color: #ffff00; color: rgba(255, 255, 0, 1); background-image:url(../Bilder/ZazzaLogo.svg); background-size: 100%; background-repeat:no-repeat; background-color:transparent;
border: 00px solid rgb(0, 0, 0); 
z-index: 12;  
box-shadow:0px 0px 0px 0px #000; 
border-radius: 0px
}
.footertext{font-family: Arial; font-size: 20px; font-weight:bold; color: rgba(255, 255, 255, 1); text-shadow: 1px 1px 4px #000000,-3px -3px 5px #43170d;}

.Impressum {position:relative; 
width: auto; 
margin:4%;
padding:4%; 
font-family: Arial; font-size: 15px;  text-decoration: none; text-align: center; color: rgba(255, 255, 255, 1); background-color: #43170d; background-color: rgba(0, 0, 0, 0.85); 
border: 0px solid rgb(0, 0, 0); 
z-index: 13;  
box-shadow:0px 0px 0px 0px #000; 
border-radius: 0px
}
.Impressum2 {position:absolute; 
width: auto;
background-color: transparent; 
border: 0px solid rgb(255, 0, 0); 
z-index: 12;  
box-shadow:0px 0px 0px 0px #000; 
border-radius: 10px
}
.Impressum h1,h2,h3{font-family: bebas_neueregular; font-size: 34px;  text-decoration: none; text-align: center; color: #43170d; color: rgba(255,255,255, 0.35);
}
.Impressum a{font-family: Arial; font-size: 15px;  text-decoration: none; text-align: center; color: #ffffff; color: rgba(255, 255, 255, 1);
}
.Impressum p{word-spacing:normal}
.Impressum strong{font-size: 24px; color: rgba(255,255,255, 1);}

@media screen and (max-device-width: 480px)  and (orientation: portrait){ 
    h1,a{font-size: 55px;}
    .visitenkarte,a{font-size: 35px;}
	.visitenkarte {width: 70%; margin:auto; margin-top:5%;padding:5%;}
	.Impressum {width: 80%; margin:5%; margin-top:5%; padding:5%;}
.Impressum2 {width: 100%; margin:auto; margin-top:5%;border: 0px solid rgb(255, 0, 0);}
.Impressum h2{font-size: 22px;}
.Impressum strong{font-size: 14px; color: rgba(255,255,255, 1);}
}
@media screen and (max-device-height: 480px) and (orientation: landscape){ 
	footer {position:relative;
	margin-top:5%;
	margin-bottom:5%}
}