@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; } body * { text-shadow: 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; } @media only screen and (max-device-width: 480px) { .content { padding: 50px 10px 50px 10px; } } .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; }