@import "amazium.5.0.css";
@import "fonts.css";

:root {
--color-back:#f1f1f1;
--color-header:#f1f1f1;
--color-hover:#fff;
--color-main:#333;
/*--color-primary:#2196f3;*/
--color-primary:#e74c3c;
--nav-height:37px;
--nav-mobile-top:63px
}

.test {
color:red
}

img {
height:auto;
max-width:100%
}

.success,.btn-primary {
background-color:#2e8b57;
border-color:#2e8b57;
color:#fff!important
}

html,body {
background:#fafafa;
color:#333;
font-family:'Atkinson Hyperlegible Regular';
font-size:15px;
height:100%;
text-align:left;
min-height: 100vh;
min-height: 100dvh;
}

strong,b {
font-family:"Atkinson Hyperlegible Bold"
}

em,i {
font-family:"Atkinson Hyperlegible Italic"
}

strong em,strong i,b em,b i {
font-family:"Atkinson Hyperlegible BI"
}

ol em {
font-family:'Atkinson Hyperlegible Regular';
text-decoration:underline;
text-decoration-color:var(--color-primary)
}

.text-underline {
font-style:normal;
text-decoration:underline;
text-decoration-color:var(--color-primary)
}

.text-highlight {
background-color:var(--color-primary)
}

.dno-red {
color:var(--color-primary)
}

#page {
background:#fff
}

#header {
-moz-box-shadow:0 0 10px 3px rgba(0,0,0,0.5);
-webkit-box-shadow:0 0 10px 3px rgba(0,0,0,0.5);
background:#f1f1f1;
box-shadow:0 0 10px 3px rgba(0,0,0,0.5);
position:fixed;
top:0;
width:100%;
z-index:10
}

#wrap_main {
margin:11rem auto -3rem;
min-height:100%
}

#footer {
background:#ccc;
color:#333;
margin-top:5rem;
padding:.9rem 0;
width:100%;
}

#footer a {
color:#333;
text-decoration:none
}

.row {
max-width:1080px;
padding:0 1rem
}

#logo {
margin:.5em 0 1rem
}

.snap-drawer {
width:190px
}

.snap-drawer ol {
list-style:none
}

.snap-drawer ol,.snap-drawer li {
margin:0
}

.snap-drawer .btn {
background-color:#fafafa;
border-top:0;
margin:0;
padding-left:2rem;
text-align:left;
width:100%
}

.snap-drawer .btn:hover {
background-color:#e75837;
color:#fafafa
}

.snap-drawer .green:hover {
background-color:#2e8b57
}

.snap-content {
-moz-box-shadow:-3px 0 5px 0 rgba(0,0,0,0.25);
-webkit-box-shadow:-3px 0 5px 0 rgba(0,0,0,0.25);
box-shadow:-3px 0 5px 0 rgba(0,0,0,0.25)
}

ul.sidemenulist {
list-style:none;
margin:0;
margin-bottom:2.25rem
}

ul.sidemenulist li {
padding:.25em 0
}

.t2>.ce-bodytext {
margin-top:.5em
}

#header .row {
padding:0 .5em
}

.logo {
margin:.5em 0 1.6rem;
padding:1rem .5rem 0;
text-align:left
}

.logo span {
display:inline-block;
float:left
}

.logo span img {
max-height:4.5em
}

.logo span.txt h1 {
line-height:4.3rem;
margin:0
}

.logo h1 {
margin:0
}

.hero {
background:#2e8b57;
margin-bottom:2rem
}

.hero img {
-moz-box-shadow:8px 0 7px -9px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
box-shadow:8px 0 7px -9px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
height:200px;
width:100%
}

ul[class*="autogrid"] {
margin:0
}

.copy {
text-align:right
}

.side {
padding-left:5%;
padding-top:.35rem
}

.side img {
height:auto;
width:100%
}

.side h3 {
margin:0 0 1.3rem
}

.side p:last-child {
margin:0
}

h1 {
font-size:2.25rem
}

h2 {
font-size:1.75rem
}

h2 span.new {
color:#e75837
}

.csc-textpic-imagewrap {
clear:both;
float:left
}

.success {
background-color:#2e8b57;
border-color:#2e8b57
}

#wrap_main p {
line-height:1.5em;
margin:1em 0
}

#wrap_main a,#wrap_main .side a {
color:#2e8b57;
font-weight:600;
text-decoration:none
}

#wrap_main a:hover,#wrap_main .side a:hover {
text-decoration:underline
}

#wrap_main #maincontent.row,#wrap_main #maincontent > .row {
padding:0
}

.error {
background-color:#e75837;
border-color:#e75837
}

::selection {
background:var(--color-primary);
color:#fff
}

::-moz-selection {
background:var(--color-primary);
color:#fff
}

@media only screen and (max-width:767px) {
#wrap_main .side {
padding-left:0
}

#wrap_main .side>div {
display:inline;
float:left;
margin-right:5%;
width:30%
}

#wrap_main .side>div:nth-child(3n) {
margin-right:0
}

.ce-gallery {
width:45%
}

.logo {
padding:0
}

.logo span {
margin:0
}

h1 {
font-size:1.75rem
}
}

@media only screen and (max-width:480px) {
#wrap_main .side>div {
margin-right:0;
width:47.5%
}

#wrap_main .side>div:last-child {
margin:0;
width:100%
}
}

@media only screen and (min-width:1200px) {
.row {
max-width:1080px
}
}

@media only screen and (min-width:960px) and (max-width:1199px) {
.row {
max-width:1080px
}
}

@media only screen and (min-width:768px) and (max-width:959px) {
#nav .btn {
padding:0 1.25rem
}

#nav li:first-child .btn {
margin-right:.5rem
}
}

@media only screen and (min-width:768px) {
#page {
transform:initial!important
}

.csc-textpic-text {
margin-left:200px;
padding-left:1.5rem
}
}

@media only screen and (max-width:767px) {
img {
height:auto;
margin:.5em 0 2em
}

p {
font-size:13px
}

[class*="grid_"] {
float:left;
margin:0
}

#nav {
display:none
}

#header {
height:4.5rem
}

#wrap_main {
margin-top:4.5rem
}

#footer {
font-size:.8rem;
height:auto;
margin-top:1.5rem;
padding:.25rem 0
}

#footer .row>div {
margin:5px 0 0
}

h2 {
font-size:1.25rem;
line-height:1.75rem
}

.crop {
-moz-box-shadow:6px 0 7px -3px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
box-shadow:6px 0 7px -3px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
overflow:hidden;
width:100%
}

.crop img {
height:auto;
margin:0 -50%;
max-width:200%;
width:200%
}

.hero {
margin-bottom:1rem
}

.csc-textpic-imagewrap.csc-textpic-single-image {
margin:0 1rem .35rem 0;
width:10rem
}
}

ul {
margin:1em 0 .5em 2.5em
}

ol {
margin:1em 0 .5em 1em
}

hr {
height:1.5em;
margin:0
}

.frame-row {
margin-bottom:2em;
padding:0 1em
}

.maincontent--right .frame {
-moz-box-shadow:8px 0 7px -9px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
background:#f1f1f1;
border:2px solid #efefef;
box-shadow:8px 0 7px -9px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
padding-top:1em
}

.maincontent--right header:after {
border-bottom:1px solid #2e8b57;
content:" ";
display:block;
max-width:250px;
width:75%
}

.crop {
-moz-box-shadow:6px 0 7px -3px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
box-shadow:6px 0 7px -3px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5)
}

.crop>img {
height:auto;
object-fit:cover
}

#nav a:hover {
text-decoration:none
}

.copyright {
text-align:right
}

a {
transition:unset
}

@media(max-width:767px) {
.legalnav,.copyright {
padding:0;
text-align:center
}
}

@media(min-width:1024px) {
#footer,.push {
height:3rem
}
}

ul.inline,ol.inline {
margin:0
}

ul.inline li,ol.inline li {
display:inline-block;
list-style-type:none;
margin:0;
padding:0 1em
}

ul.inline li:first-child,ol.inline li:first-child {
padding-left:0
}

ul.inline li:last-child,ol.inline li:last-child {
padding-right:0
}

@media(max-width:1023px) {
#wrap_main {
margin:4.5rem auto -3rem
}

#header .logo {
margin:0;
padding:.75rem
}

#header .img {
width:45vw
}

#header .txt h1 {
font-size:1.5rem;
line-height:3rem
}

.sr-only {
border:0;
clip:rect(0,0,0,0);
height:1px;
margin:-1px;
overflow:hidden;
padding:0;
position:absolute;
width:1px
}

.hy-drawer-scrim {
-webkit-tap-highlight-color:transparent;
background:rgba(0,0,0,0.5);
bottom:0;
display:block;
left:0;
opacity:0;
pointer-events:none;
position:fixed;
right:0;
top:0;
transform:translateX(0);
z-index:19
}

.hy-drawer-content.hy-drawer-left {
left:-300px
}

.hy-drawer-content {
-webkit-overflow-scrolling:touch;
background:#e8e8e8;
bottom:0;
box-shadow:0 0 15px rgba(0,0,0,0.25);
color:#000;
contain:strict;
overflow-x:hidden;
overflow-y:auto;
position:fixed;
top:0;
transform:translateX(0);
width:300px;
z-index:20
}

aside ul {
list-style:none;
margin:0;
padding:0
}

aside ul li {
margin:0
}

aside ul li a,aside ul li a:visited {
border-bottom:1px solid rgba(0,0,0,0.05);
color:#333;
display:block;
padding:1.5rem;
padding-left:6vw
}

aside ul li a:hover {
background:var(--color-primary);
color:#fff;
cursor:pointer;
text-decoration:none
}
}

figure {
border-left:0;
padding:0
}

#wrap_main .crop {
position:relative
}

#wrap_main h1#title {
color:#fff;
font-size:1.8em;
max-width:56%;
padding-left:1em;
padding-top:.5em;
position:absolute;
top:50%;
transform:translate(0,-50%)
}

#wrap_main .artikel>div.frame-row:first-child {
margin-bottom:0
}

#wrap_main .artikel>div.frame-row:nth-child(2) .ce-bodytext p:first-child {
margin-top:0
}

#wrap_main .maincontent--right #subnav ul {
-moz-box-shadow:8px 0 7px -9px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
background:#f1f1f1;
border:2px solid #efefef;
box-shadow:8px 0 7px -9px rgba(0,0,0,0.5),-6px 0 10px -3px rgba(0,0,0,0.5);
list-style-type:none;
margin-bottom:2em;
margin-left:0;
margin-top:0;
padding-bottom:.5em;
padding-top:1em
}

#wrap_main .maincontent--right #subnav ul li {
margin:0;
padding:0 1em .5em
}

#header #nav li.home {
display:none
}

#main {
display:block;
padding:0 1em
}

#main .post-preview {
display:inline-block;
margin:0 0 2em
}

#main h2>i {
color:var(--color-primary)
}

#main h4 {
font-weight:600;
margin-top:1.5em
}

#main img {
margin-top:.5px
}

#main img.left {
float:left;
margin-right:1.5em
}

#main img.right {
float:right;
margin-left:1.5em
}

#main img.center {
display:block;
margin-left:auto;
margin-right:auto
}

#main ul li {
left:1em;
margin:.25em 0;
position:relative
}

#main ol {
list-style:none
}

#main ol li {
line-height:1em
}

#main ol li:before {
color:var(--color-primary);
content:'✓ '
}

#aside #sidebar {
list-style-type:none;
margin:0
}

.hidden {
display:none!important
}

#body-overlay {
background:rgba(0,0,0,0.5);
display:none;
height:100vh;
overflow:hidden;
position:fixed;
top:0;
width:100vw;
z-index:3
}

nav.navigation--main ul {
display:flex;
margin:0;
padding:0
}

nav.navigation--main ul li {
cursor:pointer;
list-style:none;
margin-top:0;
position:relative
}

nav.navigation--main ul li ul {
background:var(--color-back);
display:none;
left:0;
position:absolute
}

nav.navigation--main ul li ul li {
display:block;
min-width:150px;
width:auto
}

nav.navigation--main ul li.active ul {
display:block
}

nav.navigation--main ul li.has-sub>a {
padding-right:25px
}

nav.navigation--main ul li.has-sub>a::before {
color:var(--color-main);
content:"f0d7";
font-family:"Font Awesome 5 Free";
font-weight:900;
line-height:var(--nav-height);
position:absolute;
right:10px
}

nav.navigation--main li.active.has-sub>a::before {
content:"f0d8"
}

nav.navigation--main ul li.has-sub>a:hover::before,nav.navigation--main ul li.has-sub.active-sub>a::before {
color:var(--color-hover)
}

nav.navigation--main ul li a {
color:var(--color-main);
display:block;
height:var(--nav-height);
line-height:var(--nav-height);
padding:0 20px;
text-decoration:none;
white-space:nowrap
}

nav.navigation--main ul li a:hover,nav.navigation--main ul li a.active {
background:var(--color-primary);
color:var(--color-hover)
}

.menu-toggle {
color:var(--color-main);
cursor:pointer;
display:none;
float:right;
font-size:25px;
line-height:var(--nav-height)
}

.menu-toggle>i {
color:var(--color-main);
position:absolute;
right:25px;
top:19px;
transition:.3s ease-in-out
}

.menu-toggle .open {
opacity:1;
translate:transform(1,1)
}

.menu-toggle .close {
opacity:0;
translate:transform(0,0)
}

@media(max-width:1024px) {
.menu-toggle {
display:block
}

nav.navigation--main {
background:rgba(0,0,0,.2);
height:calc(100vh - 50px);
position:absolute;
right:-100%;
top:var(--nav-mobile-top);
transition:.3s;
width:100%
}

nav.navigation--main>ul>li {
background:var(--color-back)
}

nav.navigation--main.active {
right:0
}

nav.navigation--main>ul {
background:var(--color-back);
display:block;
margin:0 3%;
max-height:100%;
text-align:center
}

nav.navigation--main ul li a {
border-bottom:1px solid rgba(0,0,0,.2);
transition:.5s
}

nav.navigation--main ul li.active ul {
background:var(--color-primatry);
position:relative
}

nav.navigation--main ul li ul li {
width:100%
}

.menu-toggle.open .open {
opacity:0;
translate:transform(0,0)
}

.menu-toggle.open .close {
opacity:1;
translate:transform(1,1)
}
}

nav.navigation--main ul li a.home {
color:var(--color-hover);
font-size:1.25em;
padding:2px 15px 0
}

nav.navigation--main a.home {
color:var(--color-hover);
font-size:1.25em;
padding:6px 15px 0
}

nav.navigation--main a.home span {
display:none
}

.grid-container,.grid-container .row--fluid {
margin:0 -1em
}

#page,.hero {
background:unset
}

.row--fluid {
padding:0;
width:100%
}

#main {
padding:0
}

.grid-row .grid-col:first-child {
padding-left:0
}

.grid-row .grid-col:last-child {
padding-right:0
}

#wrap_main .grid-col p:first-of-type {
margin-top:0
}

@media (max-width: 1024px) {
.navigation--main ul {
display:none;
flex-direction:column
}

.navigation--main.active ul {
display:block
}

.navigation--main ul li {
display:block;
margin:0
}

.navigation--main ul li ul.drop-ul {
display:none;
padding-left:20px
}

.navigation--main ul li.active ul.drop-ul {
display:block
}

.menu-toggle {
background-color:#333;
color:#fff;
cursor:pointer;
display:flex;
justify-content:space-between
}

.menu-toggle i {
font-size:24px
}

.menu-toggle.open .fa-bars {
display:none
}

.menu-toggle.open .fa-window-close {
display:block
}

.menu-toggle .fa-bars {
display:block
}

.menu-toggle .fa-window-close {
display:none
}

a.home.success {
display:none
}
}

ul.submenu-nav {
list-style-type:none;
margin:0;
margin-bottom:1em
}

ul.submenu-nav li {
margin:0 0 .5em
}

.obf {
direction:rtl;
unicode-bidi:bidi-override
}

.li--drop--parrent--a::after {
content:"\f078";
/*content:"\f0d7";*/
font-family:"Font Awesome 5 Free";
font-weight:560;
margin-left:3px
}

form input[type=text],input[type=email],input[type=number],select,textarea {
border:1px solid #ccc;
border-radius:4px;
font-family:'Atkinson Hyperlegible Regular';
margin-right:30%;
padding:12px;
resize:vertical;
width:100%;
width:50%
}

form label {
display:inline-block;
padding:12px 12px 12px 0;
width:20%
}

form input[type=submit] {
background-color:#04AA6D;
border:none;
border-radius:4px;
color:#fff;
cursor:pointer;
float:right;
padding:12px 20px
}

form input[type=submit]:hover {
background-color:#45a049
}

form div.checkbox fieldset {
padding-bottom:1em;
padding-left:20%;
width:80%
}

#wrapper_all {
    min-height: calc(100vh - 17.5rem);
}