|
|
|
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: 'TitilliumWeb-Regular';
|
|
|
|
src: url('font/TitilliumWeb-Regular.ttf');
|
|
|
|
}
|
|
|
|
|
|
|
|
@font-face {
|
|
|
|
font-family: 'TitilliumWeb-Bold';
|
|
|
|
src: url('font/TitilliumWeb-Bold.ttf');
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
background: #40264c;
|
|
|
|
background-image: url("image/neon-scene.png");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center top;
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#content {
|
|
|
|
max-width: 1000px;
|
|
|
|
margin: 0 auto;
|
|
|
|
padding: 0 75px;
|
|
|
|
}
|
|
|
|
|
|
|
|
#event {
|
|
|
|
background-image: url("image/event.png");
|
|
|
|
padding-right: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#dates {
|
|
|
|
background-image: url("image/dates.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
#ctt {
|
|
|
|
background-image: url("image/CCTLogo.webp");
|
|
|
|
background-blend-mode: multiply;
|
|
|
|
padding-right: 25%;
|
|
|
|
background-size: auto 80%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#shedhalle {
|
|
|
|
background-image: url("image/shedhalle.png");
|
|
|
|
padding-right: 15%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#assemblies {
|
|
|
|
background-image: url("image/assemblies.png");
|
|
|
|
background-position: left;
|
|
|
|
}
|
|
|
|
|
|
|
|
#costs {
|
|
|
|
background-image: url("image/costs.png");
|
|
|
|
background-position: bottom;
|
|
|
|
background-size: 100% auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
#banner {
|
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
|
|
|
width: 100%;
|
|
|
|
height: auto;
|
|
|
|
mix-blend-mode: lighten;
|
|
|
|
}
|
|
|
|
|
|
|
|
.right-align {
|
|
|
|
text-align: right;
|
|
|
|
}
|
|
|
|
|
|
|
|
p,
|
|
|
|
h2 {
|
|
|
|
color: #ffff00;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: #ffffaa;
|
|
|
|
}
|
|
|
|
|
|
|
|
p,
|
|
|
|
a {
|
|
|
|
font-family: "TitilliumWeb-Regular";
|
|
|
|
font-size: 1.2em;
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
font-family: "TitilliumWeb-Bold";
|
|
|
|
text-transform: uppercase;
|
|
|
|
font-size: 3em;
|
|
|
|
margin-top: 0em;
|
|
|
|
margin-block-end: 0em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.box {
|
|
|
|
background: #352040;
|
|
|
|
margin-bottom: 2em;
|
|
|
|
padding: 1em 2em 0.7em;
|
|
|
|
border-style: solid;
|
|
|
|
border-color: #1473cc;
|
|
|
|
border-width: 1px;
|
|
|
|
box-shadow: 0px 0px 10px 0px rgba(0, 255, 255, 0.5),
|
|
|
|
inset 0px 0px 10px 0px rgba(0, 255, 255, 0.5);
|
|
|
|
background-blend-mode: soft-light;
|
|
|
|
background-size: auto 100%;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: right;
|
|
|
|
text-shadow: 0px 0px 5px #352040,
|
|
|
|
0px 0px 10px #352040,
|
|
|
|
0px 0px 15px #352040,
|
|
|
|
0px 0px 20px #352040,
|
|
|
|
0px 0px 25px #352040,
|
|
|
|
0px 0px 30px #352040;
|
|
|
|
}
|
|
|
|
|
|
|
|
.big {
|
|
|
|
font-family: "TitilliumWeb-Bold";
|
|
|
|
font-size: 1.5em;
|
|
|
|
margin-top: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.label {
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
.label-sub {
|
|
|
|
margin-top: 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
.flex {
|
|
|
|
height: 200px;
|
|
|
|
display: flex;
|
|
|
|
margin-bottom: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.box-sub {
|
|
|
|
display: flex;
|
|
|
|
flex: 33.33%;
|
|
|
|
padding: 10%;
|
|
|
|
background: #352040;
|
|
|
|
padding: 1em 2em 0.7em;
|
|
|
|
background-blend-mode: soft-light;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-blend-mode: normal;
|
|
|
|
}
|
|
|
|
|
|
|
|
#sponsor-pagina {
|
|
|
|
margin-right: 20px;
|
|
|
|
margin-top: 35px;
|
|
|
|
max-width: 100px;
|
|
|
|
max-height: 150px;
|
|
|
|
background-image: url("image/pagina_logo.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
#sponsor-daasi {
|
|
|
|
margin-top: 50px;
|
|
|
|
max-width: 100px;
|
|
|
|
max-height: 150px;
|
|
|
|
background-image: url("image/daasi_logo.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
#sponsor-tuebingen {
|
|
|
|
margin-top: 35px;
|
|
|
|
max-width: 100px;
|
|
|
|
max-height: 150px;
|
|
|
|
background-image: url("image/tuebingen_logo.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
#sponsor-no-budget {
|
|
|
|
margin-right: 20px;
|
|
|
|
margin-top: 50px;
|
|
|
|
max-width: 300px;
|
|
|
|
max-height: 150px;
|
|
|
|
background-image: url("image/no_budget_logo.svg");
|
|
|
|
}
|
|
|
|
|
|
|
|
#veranstalter-ctt {
|
|
|
|
width: 150px;
|
|
|
|
height: 150px;
|
|
|
|
background-image: url("image/CCTLogo.webp");
|
|
|
|
background-size: auto 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
#veranstalter-shedhalle {
|
|
|
|
margin-top: 2em;
|
|
|
|
height: 136px;
|
|
|
|
width: 38px;
|
|
|
|
background-image: url("image/shedhalle_logo.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
#veranstalter-kims {
|
|
|
|
margin-top: 2em;
|
|
|
|
width: 150px;
|
|
|
|
height: 150px;
|
|
|
|
background-image: url("image/kims_logo.png");
|
|
|
|
}
|
|
|
|
|
|
|
|
.verlinkung {
|
|
|
|
display: block;
|
|
|
|
height: 100%;
|
|
|
|
width: 100%;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|