@font-face {font-family:Garamond;src: url('../p/adobe-garamond.otf')} body {margin:0;background-color:#D9E7CB;font-family:verdana,georgia;text-align:center} .drucker {display: none;} .trennung {-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto} header {position: fixed;top: 0;left: 0;right: 0;border:0px;width:786px;height:96px;margin:auto;background-image:url(../p/centre-qigong-titelbild.jpg);text-align:left;font-family:garamond;font-size:36pt;color:#043F01} main {background-color:#F9FFD5;border-right:solid 1px #374B23;border-left:solid 1px #374B23;width:720px;margin-top:44px;margin-bottom:-14px;margin-left:auto;margin-right:auto;padding:70px 24px 0 24px} nav {font-family:verdana,georgia} nav ul {margin: 0;padding: 0;text-align: center;} nav li {list-style: none;display: block;} nav a, nav span {height:20px;width:130px;padding-top:1px;padding-left:2px;background-color:#F8B974;border:solid 1px #C8C8C8;border-radius:4px;box-shadow: 0px 15px 20px #FEFFDD inset;text-decoration:none;display:block;font-size:11pt;letter-spacing:0.2px;} nav a:focus,nav a:hover,nav span {background-color:#F9FFD5} aside {position:fixed;float:left;} article {width:560px;background-color:#F9FFD5;margin-left:160px} footer {background-color:#FEDC94;width:772px;height:22px;border:solid 1px #374B23;font-size:8pt;margin:auto;display: flex;align-items: center;justify-content: center;} .eingebundenes_objekt {width:560px;} p {font-size:10pt;color:#000000;text-align:justify} .klein {font-size:8pt} li {text-align:justify;font-size:10pt;color:#000000;margin-bottom:6px;-moz-hyphens:auto;-o-hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto} a {text-align:center;color:#00509F;-webkit-transition: all .25s ease-in;transition: all .25s ease-in;} a:link {color:#314E57} a:visited {color:#314E57} a:hover {color:#314E57;background-color:#F9FCFF;} a:active {color:#314E57} a:active, a:focus {outline:none;} a.elf, a.elf:visited {height:12px;width:80px;padding:0 12px 0 12px;background-color:#F8B974;border:solid 1px #C8C8C8;border-radius:4px;box-shadow: 0px 15px 20px #FEFFDD inset;text-decoration:none;} a.elf:hover, a.elf:active {background-color:#F9FFD5} form {text-align:left;width:360px;margin:auto;background-color:#E6FFD2;border: 1px solid silver;border-radius:8px;padding:12px} input {width:340px;padding:4px;border: 1px solid #8c8c8c;border-radius:3px} input:focus,textarea:focus {background-color: #F9FFD5;} h1 {font-size:11pt;font-weight:bold;color:#000000;text-align:center;letter-spacing:.5pt;padding:2px;margin-bottom:-4px;*margin-bottom:-8px;margin-top:-2px;border:solid 1px #A3A3A3;border-radius:4px;box-shadow: 2px 2px 2px #999;background-color:#FEDC94} h2 {font-size:11pt;font-weight:bold;color:#006633;font-style:italic;text-align:center;letter-spacing:1pt;*margin-bottom:4px;margin-top:18px;} h3 {font-size:9pt;font-weight:bold;color:#000000;text-align:center;padding:1px;margin:0 180px 12px 180px;border:solid 1px #A3A3A3;background-color:#FEDC94} h4 {font-size:10pt;font-weight:bold;color:#000000;text-align:center;letter-spacing:.5pt;padding:1px;margin-bottom:4px;margin-top:36px;border:solid 1px #A3A3A3;border-radius:8px;background-color:#FFF7BB} hr.dot {border:none;border-top: 1px dotted #616161;background-color: #FFFFFF;height:1px;} /* ---------------------- RESPONSIVE---------------------- */ @media only screen and (max-width: 380px) and (orientation: portrait) { header {background-size:contain;width:560px;height:69px;font-size:24pt;} main {width:516px;margin-top:69px;margin-left:5px;margin-right:auto;padding:30px 16px 0 16px} nav li {display: inline-block;} nav a, nav span {height:30px;width:120px;font-size:11pt;letter-spacing:0;display: flex;align-items: center;justify-content: center;} aside {position:fixed;top:80px;left:22px;border:0px;width:516px;height:66px;margin:auto;} .logo_sichtbar {display: none;} article {width:516px;margin:auto;padding:40px 0 4px 0;} footer {width:560px;height:16px;margin:auto;} .eingebundenes_objekt {width:516px;} p {font-size:14pt;color:#000000;text-align:justify} h1 {font-size:14pt;} }