369 lines
6.0 KiB
CSS
369 lines
6.0 KiB
CSS
/* @font-face{
|
|
font-family: Simonetta;
|
|
src: url('Simonetta-Regular.otf');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
} */
|
|
html, body {
|
|
padding: 0;
|
|
margin: 0;
|
|
height:100%;
|
|
width: 100%;
|
|
background-image: url("../Images/Rauten.jpg");
|
|
}
|
|
body {
|
|
background-color: #fff;
|
|
font-family: Arial, Helvetica, Verdana;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: #666;
|
|
position: relative;
|
|
-webkit-text-size-adjust: none;
|
|
width:100%;
|
|
overscroll-behavior: contain;
|
|
}
|
|
|
|
p.alert {display:none;}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
line-height: 1;
|
|
font-weight: bold;
|
|
margin: 20px 0 10px 0;
|
|
}
|
|
h1, h2, h3 {
|
|
font-size: 18px;
|
|
}
|
|
h4, h5, h6 {
|
|
font-size: 16px;
|
|
}
|
|
p {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
a, a:link, a:active, a:visited, a:hover {
|
|
color: inherit;
|
|
text-decoration: underline;
|
|
}
|
|
nav:not(.mm-menu) {
|
|
display: none;
|
|
}
|
|
.header,
|
|
.footer {
|
|
text-align: center;
|
|
}
|
|
.header,
|
|
.footer {
|
|
background: #777;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: #fff;
|
|
line-height: 40px;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 40px;
|
|
padding: 0 50px;
|
|
z-index: 100;
|
|
}
|
|
.footer a {
|
|
float: right;
|
|
}
|
|
.header.fixed {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.footer.fixed {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.header a {
|
|
display: block;
|
|
width: 28px;
|
|
height: 18px;
|
|
padding: 11px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.header a:before,
|
|
.header a:after {
|
|
content: '';
|
|
display: block;
|
|
background: #fff;
|
|
height: 2px;
|
|
}
|
|
.header a span {
|
|
background: #fff;
|
|
display: block;
|
|
height: 2px;
|
|
margin: 6px 0;
|
|
}
|
|
.content {
|
|
padding: 70px 50px 60px 50px;
|
|
}
|
|
.Rahmen {
|
|
width:85%;
|
|
padding: 10px 10px 10px 10px;
|
|
Display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background-color:#FFFFFF;
|
|
opacity: 0.85;
|
|
border:4px solid rgba(170, 170, 170, 1);
|
|
border-style:dashed;
|
|
-webkit-border-radius: 13px;
|
|
-moz-border-radius: 13px;
|
|
border-radius: 13px;
|
|
font-family: Simonetta;
|
|
}
|
|
.center {
|
|
text-align:center;
|
|
}
|
|
.mediacenter {
|
|
display:flex;
|
|
justify-content: center;
|
|
}
|
|
.button {
|
|
width:200px;
|
|
height:50px;
|
|
margin:5px 5px;
|
|
border:0px solid;
|
|
background-color:rgba(170,170,170,1.00);
|
|
color: #FFF;
|
|
font-size: 24px;
|
|
}
|
|
.button:hover {
|
|
background-color:rgba(0,170,230,1.00);
|
|
color:#FFF
|
|
}
|
|
.FormElement {
|
|
width:350px;
|
|
margin:6px auto;
|
|
height:40px;
|
|
}
|
|
.TField {
|
|
height:35px;
|
|
width:300px;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Comic Sans MS, Comic Sans, cursive;
|
|
font-size:17px;
|
|
}
|
|
.CField {
|
|
height:50px;
|
|
width:200px;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Comic Sans MS, Comic Sans, cursive;
|
|
font-size:17px;
|
|
}
|
|
.CMField {
|
|
height:150px;
|
|
width:300px;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Comic Sans MS, Comic Sans, cursive;
|
|
font-size:17px;
|
|
}
|
|
.NField {
|
|
height:35px;
|
|
width:100px;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Comic Sans MS, Comic Sans, cursive;
|
|
font-size:17px;
|
|
}
|
|
|
|
table.Print_table {
|
|
border: 1px solid #000000;
|
|
text-align: left;
|
|
border-collapse: collapse;
|
|
}
|
|
table.Print_table td, table.Print_table th {
|
|
border: 1px solid #AAAAAA;
|
|
padding: 3px 2px;
|
|
}
|
|
table.Print_table tbody td {
|
|
font-size: 12px;
|
|
}
|
|
table.Print_table thead {
|
|
border-bottom: 2px solid #444444;
|
|
}
|
|
table.Print_table thead th {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
.invite {
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
color: red;
|
|
}
|
|
.DSGVO {
|
|
position:absolute;
|
|
top: 20%;
|
|
left:38%;
|
|
display:inline-block;
|
|
z-index: 200;
|
|
padding:20px;
|
|
width:450px;
|
|
height:250px;
|
|
background-color:#B1D7FC;
|
|
color:#FFF;
|
|
text-align:center;
|
|
}
|
|
.Datenschutz {
|
|
color:#000;
|
|
}
|
|
.Datenschutz h1, h3 {
|
|
line-height: 1;
|
|
font-weight: bold;
|
|
margin: 20px 0 10px 0;
|
|
}
|
|
.Datenschtuz h1 {
|
|
font-size: 18px;
|
|
}
|
|
.Datenschutz h3 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
@media only screen and (max-device-width: 480px)
|
|
{
|
|
.content {
|
|
padding: 50px 5px 50px 5px;
|
|
}
|
|
.Rahmen {
|
|
width:85%;
|
|
padding: 10px 10px 10px 10px;
|
|
Display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background-color:#FFFFFF;
|
|
opacity: 0.85;
|
|
border:4px solid rgba(170, 170, 170, 1);
|
|
border-style:dashed;
|
|
-webkit-border-radius: 13px;
|
|
-moz-border-radius: 13px;
|
|
border-radius: 13px;
|
|
font-family: Simonetta;
|
|
}
|
|
.button {
|
|
width:200px;
|
|
height:50px;
|
|
margin:5px 5px;
|
|
border:0px solid;
|
|
background-color:rgba(170,170,170,1.00);
|
|
color: #FFF;
|
|
font-size: 24px;
|
|
}
|
|
.button:hover {
|
|
background-color:rgba(0,170,230,1.00);
|
|
color:#FFF
|
|
}
|
|
|
|
.FormElement {
|
|
width:100%;
|
|
margin:6px auto;
|
|
height:40px;
|
|
}
|
|
|
|
.TField {
|
|
height:35px;
|
|
width:95%;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:17px;
|
|
}
|
|
|
|
.CField {
|
|
height:50px;
|
|
width:100%;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:17px;
|
|
}
|
|
|
|
.CMField {
|
|
height:50px;
|
|
width:100%;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:17px;
|
|
}
|
|
|
|
.NField {
|
|
height:35px;
|
|
width:100px;
|
|
border:1px solid #E0DFDF;
|
|
padding-left:6px;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
font-size:17px;
|
|
}
|
|
.TextElement {
|
|
width:100%;
|
|
height:250px;
|
|
margin-top:10px;
|
|
|
|
}
|
|
.TextElement textarea {
|
|
width: 100%;
|
|
height: 100%;
|
|
border:1px solid #E0DFDF;
|
|
font-size:20px;
|
|
font-family:arial;
|
|
}
|
|
|
|
.table-container
|
|
{
|
|
width: 100%;
|
|
overflow-y: auto;
|
|
_overflow: auto;
|
|
margin: 0 0 1em;
|
|
}
|
|
|
|
table.Print_table {
|
|
border: 1px solid #000000;
|
|
text-align: left;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
width:100%;
|
|
}
|
|
table.Print_table td, table.Print_table th {
|
|
border: 1px solid #AAAAAA;
|
|
padding: 3px 2px;
|
|
}
|
|
table.Print_table tbody td {
|
|
font-size: 12px;
|
|
}
|
|
table.Print_table thead {
|
|
border-bottom: 2px solid #444444;
|
|
}
|
|
table.Print_table thead th {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
@media only screen and (orientation:landscape) and (max-device-height:650px){
|
|
* {display:none;}
|
|
html,body,p.alert {
|
|
clear:both;
|
|
display:block;
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
p.alert {display:block;
|
|
position:absolute;
|
|
top:50px;
|
|
bottom:50px;
|
|
font-size:50px;
|
|
line-height:50px;
|
|
text-align:center;
|
|
}
|
|
|
|
} |