body {padding:0; margin:0; overflow: auto; background-color:#078F8F; background:#078F8F url(images/hatter_oldal.jpg) center top no-repeat; font:14px/1.5em Verdana,Arial,Helvetica}
h1 {padding:20px 0 0; margin:0 0 15px; font-size:1.5rem; line-height:1.4em; font-weight:700; color:#0091D9}
h2 {padding:0 15px 0 0; margin:30px 0 6px; font-size:1.2rem; font-weight:700; color:#006428}
h3 {padding:0 15px 0 0; margin:15px 0 11px; font-size:1rem; font-weight:700; color:#006428}
h4 {padding:0 15px 0 0; margin:14px 0 3px; font-size:1rem; font-weight:400; font-style:italic}
p,span {padding:0; margin:8px 0 0}
a {text-decoration:underline; font-weight:700; color:#004785}
a:hover {text-decoration:underline; font-weight:700; color:#000}
.sup {font-size:6px; vertical-align:top}
.icon-button {margin:4px; padding:5px 3px; min-width:26px; min-height:22px; display:inline-block; text-align:center; text-decoration:none; color:#7AD3FF; border:1px solid #7AD3FF; border-radius:8px; background-color:#07908f}
.icon-button span {vertical-align:middle;display:inline-block;margin: 0}

.button-home,.button-contact {float:left}
.button-home.thispage,.button-contact.thispage {background-color:#fff}
.button-close,#button-menu-toggler {float:right}
#button-menu-toggler {display:none; float:right; padding:18px 8px 6px; margin-top:0; margin-right:12px; border-top:none; border-right:none; border-radius:0 0 12px 12px}
#test-msg {background:#fafad2; text-align:left}
#aligner {height:100%; text-align:center; margin:0; padding:0; top:0}
#container {width:940px; text-align:left; margin:0 auto; padding:0}
.left-column {float:left}
#contenttextbckg {margin:0 0 0 210px; padding:0; border-radius:0 15px 15px 15px; background-color:#f8ffff; background:rgba(248,255,255,0.85)}
#contenttext {margin:5px 15px 0 30px; padding:0 0 30px; min-height:172px; background:none}
.homepage #contenttextbckg {width:518px; margin-left:auto; margin-right:auto; background:rgba(248,255,255,0/* 0.6 */)}
.homepage #contenttext {margin:5px 25px 25px; padding-bottom:25px;background:none;}
#contenttext ul {margin:0 0 10px; padding:0; display:inline-block; list-style:inside square}
#contenttext ul ul {margin-bottom:30px; list-style-type:disc}
#contenttext li {margin-left:1.8em; padding-top:8px; text-indent:-1.5em}
#contenttext ul ul li {margin-left:3.3em; padding-top:0}
#content {margin:0}
#header {width:100%; margin:0; padding:0; background:none}
#header .logo {float:left; vertical-align:middle}
#header .logo-pict {margin:10px 10px 0 0;display:inline-block}
#header .logo-text {margin:24px 0 0; max-width:290px; vertical-align:top;display:inline-block}
#header .navi {height:25px; margin:0; padding:10px 0 0 10px; text-align:right; color:#00B359}
#header .navi a:hover,#footer .navi a:hover {color:#fff; border:1px solid #fff; border-radius:8px; background-color:#07908f}
#footer {margin:20px 0 0}
#footer .navi {padding-left:8px; width:210px}
#footer .navi .icon-button {margin-top:-15px}
#footer .navi .icon-button.button-home.thispage,#footer .navi .icon-button.button-contact.thispage {background:rgba(7,143,143,0); border:none}
.impressum {margin:45px 0 0 210px; padding:0 0 4px; background:#6CC3EE; border-radius:15px 15px 0 0;}
.homepage .impressum {margin-right:210px}
.impressum p {margin:0 auto 2px; text-align:center; color:#fff; font-size:12.5px}
.impressum p span {white-space:nowrap}
.impressum .logo {margin:-46px 0 0; text-align:center}
.impressum .logo span {margin:-30px 0 0; padding:3px 6px 4px; background:#6CC3EE; border-radius:100% 100% 0 0;display:inline-block}
/*.impressum .logo img {margin:-30px 0 0; padding:3px 6px 4px; background:#6CC3EE; border-radius:100% 100% 0 0}*/
.imagebanner {height:210px; width:390px; margin-left:530px; position:absolute; background-image:url(images/meta_bg.gif); background-repeat:no-repeat}
.imagebanner img {padding:0; margin:0}
.contentcita {width:100%; margin:20px 25px 0 0; padding:5px 15px 13px; background-color:#6CC3EE; border-radius:15px}
.contentcita img {margin:-5px 15px 5px -15px; padding:0; border:none; border-radius:15px 0}
div.contentpict {float:right; margin:0 -15px 5px 10px; padding:0 0 10px; border-color:#6CC3EE; border-radius:0 15px; border-style:solid; border-width:0; background-color:#6CC3EE}
div.contentpict img {border-radius:0 15px}
div.contentpict p {margin:5px 10px 0; text-align:center; color:#FFF; font-weight:700}
.picts {margin:15px 15px 0 0; text-align:center; vertical-align:top}
.picts img {margin:2px 2px 0 0; max-width:100%}
.menu a,.navi a,#contentnavi a {font-size:12px}
#mainmenu {padding:57px 10px 7px 0; margin:0; display:block}
#mainmenu a {padding:4px 7px 5px; margin:0 4px 0 0; height:30px; text-decoration:none; font-weight:400; color:#7AD3FF; border:1px solid #7AD3FF; border-bottom:none; border-radius:8px; background-color:#07908f; font-size:12px}
#mainmenu .icon-button {padding-top:1px; padding-bottom:1px; margin-top:-2px; display:block; float:left; height:auto}
#mainmenu a:hover {color:#fff; border:1px solid #07908f; border-bottom:none; border-radius:8px; background-color:#07908f}
#mainmenu .thispage {height:20px; padding:7px 7px 15px; margin:0 4px 0 0; color:#006428; border:1px solid #3f732c; border-bottom:none; border-radius:8px 8px 0 0; background-color:#FFF}
#contentnavi {float:left; width:210px; margin:0; padding:0; border:none}
#contentnavi>img {margin:14px 6px -22px 4px}
#contentnavi .title {margin:0; padding:0 6px 6px 0; display:inline-block}
#contentnavi ul {margin:0 0 0 14px; padding:18px 0 6px 10px; background-color:#07908f; border-radius:5px 0 0 5px; list-style:outside square; color:#fff}
#contentnavi ul ul {margin:0; padding:0; text-align:left; list-style:outside square; color:#fff}
#contentnavi li {margin:5px 0; padding:4px 0 4px 6px; list-style:none; display:block}
#contentnavi ul ul li {margin:0; padding:0; font-weight:400}
#contentnavi .thispage {margin:5px 0; padding:6px 0 0 6px; text-align:right; color:#006428; border:1px solid #3f732c; border-radius:10px 0 0 10px; border-right:none; background-color:#FFF}
#contentnavi li a,#contentnavi ul ul li a {margin:5px 0; padding:4px 5px 4px 6px; color:#7AD3FF; font-weight:700; border:1px solid #7AD3FF; border-radius:5px 0 0 5px; border-right:5px solid #7AD3FF; text-decoration:none; display:block}
#contentnavi ul ul li a {margin:0; padding:4px 5px 4px 6px; border-top:none; border-left:none}
#contentnavi li a:hover {text-decoration:none; color:#fff; border-right:5px solid #FFF}
#overlay {z-index:1000; position:fixed; overflow:hidden; display:none; top:0; right:0; bottom:0; left:0; width:100%; height:100%; background-color:rgba(108,195,238,0.8); cursor:pointer}
#offcanvas {z-index:1001; position:fixed; overflow:auto; visibility:hidden; top:0; right:0; width:auto; height:100%; margin:0; padding:0}
#offcanvas-menu {margin:0; padding:0 0 18px; background-color:rgba(255,255,255,.8); border:#0094de 3px solid; border-radius:0 0 8px 8px}
#offcanvas-menu A {font-weight:400; text-decoration:none}
#offcanvas-menu-header {vertical-align:text-top; text-align:center; min-height:40px}
#offcanvas-menu-header .button-home,#offcanvas-menu-header .button-close {margin:0; border-top:none; border-radius:12px}
#offcanvas-menu-header .button-home {border-left:none; border-top-left-radius:0}
#offcanvas-menu-header .button-close {border-right:none; border-top-right-radius:0; float:right; padding-top:10px; padding-bottom:0}
#offcanvas-menu-header .logo {width:160px; margin:12px 36px 6px}
.icon-logo {display:inline-block}
#offcanvas-menu .menu-category {margin-left:16px; overflow:hidden; border-bottom:3px solid #6CC3EE; transition:max-height .5s ease-in-out; border-bottom-left-radius:12px}
#offcanvas-menu .menu-category .menu-title {display:inline-block; margin:16px 8px 0 0; padding:4px 10px 6px; width:88%; color:#006428; border:1px solid #6CC3EE; border-width:1px 1px 0; border-radius:12px 12px 0 0; transition:background .3s .3s ease-in,color .3s ease-in}
#offcanvas-menu .menu-category.thispage .menu-title {font-weight:700}
#offcanvas-menu .menu-category.open .menu-title {color:##07908f; background:#6cc3ee}
#offcanvas-menu .menu-category.closed .menu-title {color:#FFF; background:#07908f}
#offcanvas-menu .menu-category.closed .menu-title:hover {cursor:pointer}
#offcanvas-menu .menu-category.open UL {background:#6cc3ee}
#offcanvas-menu .menu-category.closed UL {background:#07908f}
#offcanvas-menu UL {margin:0; padding-left:20px; width:100%; border-left:1px solid #6CC3EE; transition:background .3s .3s ease-in}
#offcanvas-menu UL UL {color:#07908f; padding-left:0}
#offcanvas-menu LI.menu-item {margin:0; padding:3px 3px 6px 10px; border-top:1px solid #6CC3EE; border-radius:0 8px 8px 0; list-style:none; background-color:#07908f; background:linear-gradient(to bottom,#07908f,#167c7b); transition:color 300ms,background 300ms}
#offcanvas-menu UL UL LI {padding-left:10px; list-style:none; border:1px solid #7AD3FF; border-radius:8px 0 0 8px; border-width:0 0 1px}
#offcanvas-menu LI.menu-item.thispage {padding:8px 3px 8px 10px; font-weight:700; color:#006428; background:#FFF}
#offcanvas-menu LI.menu-item.thispage UL {margin:6px 0 -2px 6px; background:#07908f; border-radius:5px 0 0 5px}
#offcanvas-menu LI.menu-item.thispage a {color:#fff}
#offcanvas-menu LI.menu-item a {padding:0; display:inline-block; width:100%; background:none; color:#fff; border-radius:0 8px 8px 8px; font-size:inherit; line-height:1.2em}
table.datatbl td {border-left:#fff solid 1px; border-bottom:#fff solid 1px; border-right:none; background:none}
table.datatbl td p {margin:0}
tr.blue td {background-color:#8adde8; color:#043f49}
tr.green td {background-color:#e4f2d7; color:#006421}
tr.red td {background-color:#f1e6ed; color:#5a0463}
.content-accordion {margin-top:20px}
.content-accordion .title {display:block; text-align:left; background-color:#07908f; color:#fff; cursor:n-resize; padding:6px 6px 8px 10px; width:100%; outline:none; transition:.4s ease-out; border:1px solid #6CC3EE; border-width:1px 1px 0; border-radius:12px 12px 0 0}
.content-accordion .title h2 {margin:2px 0 5px; color:#fff}
.content-accordion .title p {margin:0; color:#88d8ff}
.content-accordion .title:before,.content-accordion .title.active:before {float:right; display:inline-block; vertical-align:top; margin-left:5px}
.content-accordion .title:before {content:'\02795'}
.content-accordion .title.active {background-color:#6CC3EE; color:#000}
.content-accordion .title.active:before {content:"\2796"}
.content-accordion .title.active p {color:#006428}
.content-accordion .content {padding:3px 15px 10px; overflow:hidden; max-height:0; transition:max-height .8s cubic-bezier(0.17,0.03,0.36,-0.01)}

.sprite:before {content: "";display:block;float:left;background:url(images/sprites.svg)}
.sprite-logo:before {width:50px;height:40px;background-position:0 0} 
.sprite-logo-inverse-light:before {width:50px;height:40px;background-position:-52px 0} 
.sprite-slogan:before {width:220px;height:22px;background-position:-181px 0} 
.sprite-menu:before {width:16px;height:16px;background-position:-104px 0}
.sprite-close:before {width:14px;height:14px;background-position:-121px 0}
.sprite-contact:before {width:18px;height:22px;background-position:-137px 0}
.sprite-home:before {width:24px;height:20px;background-position:-157px 0}


@media (min-width:940px) {
	.maxw-940 {display:none}
}
@media (max-width:940px) {
body.homepage {background-color:#078f8f; background-image:url(images/hatter_cimlap_mobil_blur.jpg); background-position:center top}
body:not(.homepage) {background-color:#effcff; background-image:url(images/hatter_oldal_mobil.jpg)}
.left-column,#mainmenu {display:none}
#header {display:block; clear:both; position:fixed; top:0; margin-bottom:12px; width:100%; height:30px; border-bottom-left-radius:6px; border-bottom-right-radius:6px; border-bottom:6px solid #6CC3EE; background:#fff; box-shadow:0 3px 5px rgba(0,0,0,.35)}
#header .logo {height:26px; margin-top:4px}
#header .logo-pict {height:40px; width:auto; margin:0 0 0 10px; vertical-align:middle}
#header .logo-text {width:220px; margin-top:3px; margin-left:2px; vertical-align:top}
#button-menu-toggler {display:block}
#container {width:100%}
#content {margin-top:40px}
#contenttextbckg {margin:-11px 0 0; padding-top:10px; background:none}
#contenttext {margin:5px 25px 30px; padding-bottom:10px}
.homepage #contenttext {margin-top:-8px}
.contentcita {margin-right:0; width:auto}
div.contentpict {margin-right:0}
#footer {margin-left:0; border-radius:10px 10px 0; background:#6CC3EE; box-shadow:0 -3px 5px rgba(0,0,0,.35)}
#footer .navi {width:auto}
#footer .impressum {margin-left:0; margin-right:0; clear:both; background:#6CC3EE; border-radius:0}
#footer .impressum .logo {background:none}
#footer .impressum .logo img {margin-top:-40px; background:#6CC3EE}
}
@media (max-width:520px) {
#home-page-content #contenttextbckg {width:auto}
#header .logo-text {width:174px; margin-top:5px}
.content-accordion .title h2,.content-accordion .title p {font-size:.9rem}
div.contentpict {float:left; margin:20px -12px 15px 0; padding-right:12px; width:100%; height:auto}
div.contentpict img {/* margin-left:-25px; */ width: 100%/*auto*/; height:auto}
}

@media only print {
h1,h2,h3,h4,.content-accordion .title {page-break-inside: avoid; page-break-after: avoid}
ul {page-break-inside: avoid; page-break-before: avoid}
li {page-break-inside: avoid} 
#overlay,#header.navi,#footer .navi,#mainmenu,#button-menu-toggler,#offcanvas,.left-column, .picts {display:none}
body,#aligner,#container,#content,#header,#contenttextbckg,.homepage #contenttextbckg,#contenttext,#footer {background:none;background-color:#fff;background-image:none;}
#header {display:block;position:sticky}
#footer{margin-top:96px;}
#contenttextbckg, .impressum { margin-left:0;}
.content-accordion .content {max-height:none;}
.impressum p {color: #006428;}
}