html {height: 101%; box-sizing: border-box; background-color: #FFFFFF;}
*,*:before,*:after { box-sizing: inherit;}
body {position: relative; margin: 0; padding-bottom: 6rem; min-height: 100%; font-family: Verdana,Arial,Calibri,Tahoma; font-size: 80%; color:#333333;}
div {border: 0px solid #C0C0C0;}
h1 {color: #990033; font-size: 180%; font-weight: normal; margin: 2% 0; padding: 0; font-family: "Times New Roman", Times, serif;}
h2 {color: #333333; font-size: 110%; font-weight: bold; margin: 0 0 2% 0; padding: 0;}
h3 {color: #333333; font-size: 100%; font-weight: bold; margin: 0; padding: 0;}
a {color: #CC0000; text-decoration: none;}
ul {padding: 0 0 0 1em; margin: 0; list-style: disc;}
li {padding: 0;}
.hidden {position:absolute;left:-1000px;}
.clear {clear: both; line-height: 0; font-size: 0; height: 0;}
.b3 {border: 3px solid #990033; padding: 0.5em; text-align: center; color: #990033; font-weight: normal; font-size: 110%;}
.rot {color: #990033;}
/* TOP */
#head {float: left; width: 100%; height: auto; margin:0; padding:0; background: linear-gradient(to right, #990033 50%, #FFFFFF 50%);}
#head .wrap {margin: 0 auto; max-width: 850px;}
#head .ll {float: left; width: 0; margin-top: 2.5em; padding: 0; text-align: left;}
#head .l {float: left; width: 49.9%; margin-top: 2.5em; padding: 0; text-align: left;}
#head .m {float: left; width: 10%; margin: 0; padding: 62.5px 4.5%; background:#FFFFFF; background: linear-gradient(to right bottom, #990033 50%, #FFFFFF 50%);}
#head .r {float: left; position: relative; width: 40%; height: 125px; margin: 0; padding: 0; text-align: right; background-color: #FFFFFF; font-size: 120%; color: #333333;}
#head .tel {position: absolute; right: 0; bottom: 1.8em; border: 1px solid #FF0000: color: #333333;}
#head .logo_o {max-width: 53px; height: auto; margin-left: -70px; padding: 0; border: 0;}
#head .logo {max-width: 100%; height: auto; margin: 0; padding: 0; border: 0;}
#head .logo a {border: 0;}
/* NAVI */
.navi {float: left; width: 100%; height: auto; margin:0; padding:0; background-color: #F8F8F8; border-bottom: 1px solid #EDEDED;}
.wrapper {margin: 0 auto; max-width: 840px;} ,
.navi_l {float: left; width: 70%; text-align: left;}
nav {}
nav .nav_element {float: left; margin: 1% 4.5% 0.8% 0;}
nav a {text-decoration: none; color: #333333;}
nav .hnp {font-size: 120%;}
nav .hnp:hover {color: #990033; text-decoration: underline;}
nav .hnp_a {font-size: 120%; color: #990033;}
.navi_r {float: right; width: 20%; text-align: right; font-size: 120%; color: #333333; margin: 0.9% 0 0 0;}
.navi_r a {text-decoration: none; color: #333333; }
.navi_r a:hover {text-decoration: underline; color: #990033;}
/* CONTENT */
.content {margin: 0 auto; max-width: 850px; padding: 0; line-height: 1.5em;}
.supercol {clear: both; padding: 0;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left; margin: 0 3% 0 0; padding: 0.5% 0;}
.col1.fin, .col2.fin, .col3.fin, .col4.fin, .col5.fin, .col6.fin, .col7.fin, .col8.fin, .col9.fin, .col10.fin, .col11.fin, .col12 {margin: 0;}
.col1 {width: 5.5%;}
.col2 {width: 14%;}
.col3 {width: 22.5%;}
.col4 {width: 31%;}
.col5 {width: 39.5%;}
.col6 {width: 48%;}
.col7 {width: 56.5%;}
.col8 {width: 65%;}
.col9 {width: 73.5%;}
.col10 {width: 82%;}
.col11 {width: 90.5%;}
.col12 {width: 99%; margin: 0;}
/* .col1 img, .col2 img, .col3 img, .col4 img, .col5 img, .col6 img, .col7 img, .col8 img, .col9 img, .col10 img, .col11 img, .col12 img {width: 100%; height: auto;} */
.img_col1 {max-width: 100px; max-height: 100px; border: 1px solid #CCCCCC;}
.reduce1 {padding-right: 1em;}
.aufz1 ul {padding: 0 0 0 1em; margin: 0; list-style: disc;}
.aufz1 li {padding: 0; font-size: 85%;}
.img {border: 1px solid #CCCCCC;}
.aufz2 ul {padding: 0 0 0 1em; margin: 0; list-style: disc;}
.aufz2 li {padding: 1% 0 0 0; font-size: 100%;}
/* FOOTER */
.footer {position: absolute; right: 0; bottom: 0; left: 0; padding: 0; background: linear-gradient(to right, #666666 50.2%, #990033 49.8%); color: #FFFFFF;}
.footer .wrap {margin: 0 auto; max-width: 850px;}
.footer .l {float: left; width: 49.9%; margin-top: 0.8em; padding: 0; text-align: left; display: inline-block}
.footer .m {float: left; width: 10%; margin: 0; padding: 62.5px 4.5%; background:#990033; background: linear-gradient(to right bottom, #666666 50%, #990033 50%);}
.footer .r {float: left; width: 40%; margin-top: 1.6em; padding: 0; text-align: right; background-color: #990033; font-size: 100%; color: #333333;}
.footer .eo {font-size: 125%; border-bottom: 1px solid #FFFFFF; padding: 0 0 0.4em 0;}
.footer .fnavi {float: right; text-align: left; margin: 0; color: #FFFFFF; vertical-align: center;}
.footer ul {padding: 0; margin: 0; list-style: disc;}
.footer li {padding: 0; margin: 0; font-size: 85%;}
.footer a {color: #FFFFFF;}
.a4u {font-size: 80%;}
.a4u a {text-decoration: none;}
/* ====================================================================================================== */
@media (min-width: 536px) and (max-width: 1080px)
{
#head {float: left; width: 100%; height: auto; margin:0; padding:0; background: linear-gradient(to right, #990033 50%, #FFFFFF 50%);}
#head .wrap {margin: 0 auto; width: auto;}
#head .ll {visibility:hidden; display: none !important;}
#head .logo_o {visibility:hidden; display: none !important;}
#head .logo {margin-left: 1em; padding: 0; border: 0;}
#head .tel {right: 1em;}
.navi_l {margin-left: 1em; }
nav .nav_element{margin: 1% 4.5% 0.8% 0;}
.navi_r {margin-right: 1em; }
.content {padding: 1em; font-size: 120%;}
.footer .l {padding-left: 0.5em;}
.footer .r {padding-right: 0.5em;}
}
@media all and (min-width: 536px)
{
nav {visibility: visible;}
#nav-main {visibility:hidden; display: none !important;}
}
@media all and (max-width: 535px)
{
/* .navi_r {margin: 0.1em 0.2em 0 0; text-transform: uppercase; font-weight: bold;}*/
.navi_r {visibility:hidden; display: none !important;}
#head .logo {margin-left: 1em; padding: 0; border: 0;}
#head .tel {right: 1em;}
nav {visibility:hidden; display: none !important;}
#nav-main {visibility: visible; margin: 0 auto; padding: 2.6em 0 0 0; display: inline-block; position: relative; width: 100%; text-align: left; font-size: 120%;
background-color: #808080; opacity: 0.85; filter: alpha(opacity=85); background-image: url('images/navigation.gif'); background-position: 38% 10px; background-repeat: no-repeat;
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#nav-main {margin-top: -1em;}
.mnav-menu {display: none; margin: 0; padding: 0;}
.mnav-menu ul {margin: 0; padding: 0 ; line-height: 200%; font-weight: 600; list-style-type: none;}
#nav-main li {padding: 0 0 0 1em; background: url("images/arr-right-white.gif") no-repeat 0.1em 0.7em;}
.mnav-menu-item {float: none; position: relative; display: block; width: 94%; padding: 0 1.2% 0 5%; line-height: 250%; font-weight: 600; color: #FFFFFF; font-size: 120%;}
.mnav-menu-item a {display: block; text-decoration: none; color: #FFFFFF;}
.mnav-submenu {width: 100%; position: relative; padding-left: 0; z-index: 9999; display: none; list-style-type: none;}
.mnav-submenu-item a{display: block; padding-left: 20px; color: #333333; }
.mnav-mobile-btn {height: 30px; width: 30px; padding: 5px; display: block; cursor: pointer; position: absolute; top: 0; background-image: url('images/mobile-nav-icon.svg'); background-position: 50% 50%; background-repeat: no-repeat; background-color: #252525;}
.mnav-open-close {display: block; float: right;}
.mnav-mobile-arrow {height: 30px; width: 30px; padding: 5px; display: block; cursor: pointer; background-image: url('images/mobile-arrow-icon.svg'); background-position: 50% 50%; background-repeat: no-repeat; background-color: #ccc;}
.mnav-mobile-arrow-mirror {-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg);}
.mnav-theme {background-color: #666666;}
.mnav-theme .mnav-menu-item a:hover {color:#CC0000;}
.mnav-theme .mnav-submenu-item {background-color: #ccc;}
.mnav-theme .mnav-submenu-item a:hover {background-color: #ddd;}
.mnav-theme .mnav-mobile-btn:hover {background-color: #555;}
.mnav-theme .mnav-mobile-arrow:hover {background-color: #333;}
.mnav-theme .mnav-open-close {border-left: 1px solid #aaa; border-bottom: 1px solid #aaa;}
.mnav-theme .mnav-menu-item {border-bottom: 1px solid #aaa;}
.mnav-theme .mnav-submenu-item {border-bottom: 1px solid #aaa;}
.content {padding: 1em; font-size: 130%;}
.footer .l {padding-left: 0.5em;}
.footer .eo {font-size: 80; border: 0; padding: 0;}
.footer .r {padding-right: 0.5em;}
}
/* Mob quer */
@media (min-width: 401px) and (max-width: 768px)
{
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: left; width: 99%;}
.col3.fin {clear: both; float: left; width: 98%; padding:0;}
.content {padding: 1em; font-size: 120%;}
.aufz1 li {font-size: 100%;}
.footer .l {font-size: 85%; padding-left: 0.7em;}
.footer .eo {font-size: 80; border: 0; padding: 0;}
.footer .r {padding-right: 0.7em;}
}
@media all and (max-width: 400px)
{
html {font-size: 0.8em}
.supercol {display: flex; display: -webkit-flex; flex-direction: column;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {float: none; width: 99%;}
.col3.fin {clear: both; float: left;}
.content {padding: 1em; font-size: 130%;}
.aufz1 li {font-size: 100%;}
.footer .l {font-size: 85%; padding-left: 0.7em;}
.footer .eo {font-size: 80; border: 0; padding: 0;}
.footer .r {padding-right: 0.7em;}
}
.cookie_banner-wrapper{z-index:9001;position:relative}
.cookie_container .cookie_btn{cursor:pointer;text-align:center;font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;line-height:1em}
.cookie_container .cookie_message{font-size:0.6em;-webkit-transition:font-size 200ms;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}
@media screen and (min-width:500px){
.cookie_container .cookie_btn{font-size:0.8em}
.cookie_container .cookie_message{font-size:0.8em}
}
@media screen and (min-width:768px){
.cookie_container .cookie_btn{font-size:1em}
.cookie_container .cookie_message{font-size:1em;line-height:1em}
}
@media screen and (min-width:992px){
.cookie_container .cookie_message{font-size:1em}
}
@media print{.cookie_banner-wrapper,.cookie_container{display:none}}
.cookie_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}
.cookie_container .cookie_btn{
padding: 0.8em 1em; background-color:#f1d600;background-color:black;cursor:pointer;-webkit-transition:font-size 200ms;transition:font-size 200ms;text-align:center;font-size:0.6em;display:block;width:33%;margin-left:10px;float:right;max-width:80px
}
.cookie_container .cookie_message{-webkit-transition:font-size 200ms;transition:font-size 200ms;font-size:0.6em;display:block}
@media screen and (min-width:500px){
.cookie_container .cookie_btn{font-size:0.8em}
.cookie_container .cookie_message{margin-top:0.5em;font-size:0.8em}
}
@media screen and (min-width:768px){
.cookie_container{padding:15px 30px 15px}
.cookie_container .cookie_btn{font-size:1em;padding:8px 15px}
.cookie_container .cookie_message{font-size:1em}
}
@media screen and (min-width:992px){
.cookie_container .cookie_message{font-size:1em}
}
.cookie_container{background-color:#4c4c4c; opacity: 0.96; color: #FFFFFF; font-family: Arial; box-sizing: border-box; border-top: 1px solid #CCCCCC;}
.cookie_container::-moz-selection {background: #FF5E99; color: #FFFFFF; text-shadow: none}
.cookie_container .cookie_btn,.cookie_container .cookie_btn:visited{
color: #000000; background-color: #009900; background-color: #33cc33; transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px
}
.cookie_container .cookie_btn:hover,.cookie_container .cookie_btn:active {background-color: #33FF00; color: #000000;}
.cookie_container a,.cookie_container a:visited{text-decoration:none;color:#FFFFFF;-webkit-transition:200ms color;transition:200ms color}
.cookie_container a:hover,.cookie_container a:active{color:#FFFFFF;}
@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(66px);transform:translateY(66px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideUp{0%{-webkit-transform:translateY(66px);-ms-transform:translateY(66px);transform:translateY(66px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.cookie_container,.cookie_message,.cookie_btn{animation-duration:0.8s;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;-webkit-animation-name:slideUp;animation-name:slideUp}
.cookie_container a, .cookie_message a {font-size: 0.8em; font-weight: normal; color: #FFFFFF; text-decoration: underline;}