/* reset  */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article,aside,footer,header,main,nav,section,figure {display:block;}
body {line-height:1;}
ol,ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
* {box-sizing:border-box;}

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300.woff2') format('woff2');
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300italic.woff2') format('woff2');
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2');
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-italic.woff2') format('woff2');
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2');
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600italic.woff2') format('woff2');
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700.woff2') format('woff2');
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700italic.woff2') format('woff2');
}


:root {
	--std-color:#000;
	--dark:#000;
	--header-col:#fff;
	--footer-col:#fff;
	--link-color:#002f74;

	--nav-link-color:#fff;
	--nav-active-color:#fff;
	--footer-nav-link-color:#fff;

	--std-bg-col:#fff;
	--header-bg-col:#002f74;
--header-bg-col:#003595;
	--footer-bg-col:#003595;

/*--form-bg:#f5f5f5;
*/
	--button-col:#fff;
	--button-bg:#003595;
	--form-element-border:#666;
	--form-element-border-focus:#000;
    --mandatory:#ff0000;
    --confirmation:#007f00;
	--error:#cf3838;
}


html {height:100%; min-width:320px; /* scroll-behavior: smooth; */}
body {height:100%; font-family:'Open Sans', sans-serif; font-weight:400; font-size:1em; line-height:150%; margin:0; padding:0; color:var(--std-color); background:var(--std-bg-col);
    counter-reset: section;}

/* hyphens */
/*
#main p, #main li, #main dl {-webkit-hyphens:auto; -webkit-hyphenate-limit-before:5; -webkit-hyphenate-limit-after:3; hyphens:auto; hyphenate-limit-chars:9 5 3; hyphenate-limit-lines:2; }
*/
@media screen and (max-width:420px)
{
	#main * {overflow-wrap:break-word;}
	#main p, #main li, #main dl {-webkit-hyphens:auto; -webkit-hyphenate-limit-before:5; -webkit-hyphenate-limit-after:3; hyphens:auto; hyphenate-limit-chars:9 5 3; hyphenate-limit-lines:2; }
	#main h1, #main h2, #main h3, #main h4 {-webkit-hyphens:auto; -webkit-hyphenate-limit-before:5; -webkit-hyphenate-limit-after:3; hyphens:auto; hyphenate-limit-chars:7 4 3; hyphenate-limit-lines:2;} 
}

#main .no-hyphens {-webkit-hyphens:none; hyphens:none;}

.skip {position:absolute; display:block; top:-10em; width:50%; padding:0.5em; font-size:1em; font-weight:500; text-align:center; text-decoration:none; letter-spacing:0.05em; z-index:999; text-decoration:none; border:1px solid var(--std-color); border-radius:0.25em; color:var(--std-color);background:var(--std-bg-col);}
.skip:focus {top:1.0em; left:25%; outline:none; text-decoration:none;}

#wrapper {display:flex; flex-direction:column; width:100%; min-height:100%; margin:0 auto;}
div#container {flex:1;}

#header {position:relative; width:100%; margin:0 auto;}

#main {max-width:1160px; margin:0 auto; padding:7.5em 0 2.5em 0;}
#main .inside {padding:0 20px;}

@media screen and (max-width: 800px) {
    #main {padding:1.5em 0;}
}



h1 {margin:0 0 1em 0; font-weight:400; 
font-weight:300; 
font-size:2.5em; line-height:100%;}
h2 {margin:0 0 0.75em 0; font-size:1.75em; font-weight:300; line-height:120%; text-transform:uppercase;}
h3 {margin:0 0 1.25em 0; font-weight:600;}
h4 {margin:0em 0; font-weight:400; 
font-weight:300; 
}
h5,h6 {margin:0 0 1.25em 0;}
p {margin:0 0 1em 0;}

figure {margin:0;}
img {display:block; max-width:100%; height:auto;}
figcaption{padding:0.45em 0.25em 0 0.25em; font-size:89%; line-height:130%;}

dl {display:grid; grid-template-columns:15em auto; column-gap:0; font-size:0.86363636em; border-bottom:1px solid var(--std-color);}
dt {display:block; padding:0.35em; border-top:1px solid var(--std-color);}
dd {display:block; margin:0; padding:0.35em; border-top:1px solid var(--std-color);}
dd *:last-child {margin-bottom:0;}

ul,ol {margin:0;}
ul.no-bullets {list-style-type:none; margin:0 0 0 0; padding:0;}
ul li {margin:0 0 1.25em 0;}

#main ul {margin:0 0 1em 0;}
#main li {margin:0 0 0 1.2em;}
#main ul li:before {content:""; position:absolute; width:7px; height:7px; margin:0.5em 0 0 -1.125em; border-radius:50%; background:var(--std-color);}
#main ul ul {margin:0.35em 0 1.5em 0;}
#main ul ul li {margin:0 0 0.175em 1.25em;}
#main ul ul li:before {content:"– "; position:absolute; margin:0 0 0 -1.25em; color:var(--std-color); width:1em; height:1em; background:none;}

button {font-family:inherit;font-weight:inherit;outline:none;}
button:focus-visible { outline:1px solid var(--std-color); outline-offset:0.25em; border-radius:0.125em;}

strong, .fett {font-weight:700;}
.uppercase {text-transform:uppercase;}

sup,sub {position:relative; font-size:75%; line-height:0; vertical-align:baseline;}
sup {top:-.5em;}
.versal {text-transform:uppercase;}
.fussnote {padding-top:2em;font-size:85%; line-height:1.2;}

.invisible, .sr-only, #sprach-nav span span {position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); margin:-1px; padding:0; border:0;}

@media screen and (max-width:800px)
{
    /*
    h1 {margin:0 0 0.5em 0; font-size:2.1em;}
    h2 {margin:0 0 0.5em 0; font-size:1.4em;}
    */
}

nav ul {list-style-type:none; margin:0; padding:0;}
nav li {margin:0; padding:0 0.75em 0 0; float:left;}
#main nav li:before {content:none;}


#header .logo {color:var(--header-col); background:var(--header-bg-col);}
#header .logo .inside {max-width:1140px; margin:0 auto; padding:12px 20px 12px 20px;}
#header div.logo a {display:block; width:77px;
width:117px;
}

@media screen and (max-width:680px)
{
    #header div.logo a {width: 112px;}
}





#header nav {display:flex; flex-direction:row; justify-content:flex-end; padding-top:20px;}
#header nav ul {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
    width:30%;
    max-width:544px;
    min-width: 450px;
    min-width:386px;
}

#header nav li {display:block; w---idth:132px; min-width:70px; min-width:58px;  background:var(--std-bg-col);margin:0 20px 0 0; padding:0;}

#header nav.mod_changelanguage li {width:100%;}
#header nav.mod_changelanguage li a, #header nav.mod_changelanguage li strong {display:block; position:relative;overflow:hidden; padding:78% 0 0 0; background:url(../img/layout/de.png) no-repeat top center; background-size: 100%;}
#header nav.mod_changelanguage li a span, #header nav.mod_changelanguage li span {position:relative; top:-100vW;left:-100vW;}
    
#header nav.mod_changelanguage li.lang-de_at a, #header nav.mod_changelanguage li.lang-de_at strong {background-image:url(../img/layout/at.png);}
#header nav.mod_changelanguage li.lang-de_ch a, #header nav.mod_changelanguage li.lang-de_ch strong {background-image:url(../img/layout/ch-de.png);}
#header nav.mod_changelanguage li.lang-fr_ch a, #header nav.mod_changelanguage li.lang-fr_ch strong {background-image:url(../img/layout/ch-fr.png);}
#header nav.mod_changelanguage li.lang-it_ch a, #header nav.mod_changelanguage li.lang-it_ch strong {background-image:url(../img/layout/ch-it.png);}
    


@media screen and (max-width:1023px)
{
    #header nav  {justify-content:center;}    
    #header nav ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 50%;min-width: 450px; width: 33.333%;
        min-width: 386px; margin:16px auto;}
    #header nav li, #header nav.mod_changelanguage li {width:21%; margin:0 6% 20px 6%;}
}

/*
@media screen and (max-width:519px)
*/
@media screen and (max-width:479px)
{
    #header nav  {justify-content:center;}    
    #header nav ul {width:100%; min-width:0;}
    #header nav li, #header nav.mod_changelanguage li  {margin:0 24px 20px 24px; width:calc(33% - 48px);    }
}



/* columns */
.rs-columns {clear:both; position:relative; display:block; margin:0 -20px;}
.rs-columns:after{content:""; clear:both; position:relative; display:table; height:0;}
.rs-column {float:left; width:100%; padding:0 20px;}
.rs-column.-large-first {clear:left;}
.rs-column.-large-col-1-1 {width:100%;}
.rs-column.-large-col-2-1 {width:50%;}
.rs-column.-large-col-2-2 {width:100%;}
.rs-column.-large-col-3-1 {width:33.33333%;}
.rs-column.-large-col-3-2 {width:66.666666%;}
.rs-column.-large-col-3-3 {width:100%;}
.rs-column.-large-col-4-1 {width:25%;}
.rs-column.-large-col-4-2 {width:50%;}
.rs-column.-large-col-4-3 {width:75%;}
.rs-column.-large-col-4-4 {width:100%;}
.rs-column.-large-col-5-1 {width:20%;}
.rs-column.-large-col-5-2 {width:40%;}
.rs-column.-large-col-5-3 {width:60%;}
.rs-column.-large-col-5-4 {width:80%;}
.rs-column.-large-col-5-5 {width:100%;}
.rs-column.-large-col-6-1 {width:16.66667%;}
.rs-column.-large-col-6-2 {width:33.33333%;}
.rs-column.-large-col-6-3 {width:50%;}
.rs-column.-large-col-6-4 {width:66.66666%;}
.rs-column.-large-col-6-5 {width:83.33333%;}
.rs-column.-large-col-6-6 {width:100%;}
  
@media screen and (max-width: 900px) {
  .rs-column.-large-first {clear:none;}
  .rs-column.-medium-first {clear:left;}
  .rs-column.-medium-col-1-1 {width:100%;}
  .rs-column.-medium-col-2-1 {width:50%;}
  .rs-column.-medium-col-2-2 {width:100%;}
  .rs-column.-medium-col-3-1 {width:33.33333%;}
  .rs-column.-medium-col-3-2 {width:66.666666%;}
  .rs-column.-medium-col-3-3 {width:100%;}
  .rs-column.-medium-col-4-1 {width:25%;}
  .rs-column.-medium-col-4-2 {width:50%;}
  .rs-column.-medium-col-4-3 {width:75%;}
  .rs-column.-medium-col-4-4 {width:100%;}
  .rs-column.-medium-col-5-1 {width:20%;}
  .rs-column.-medium-col-5-2 {width:40%;}
  .rs-column.-medium-col-5-3 {width:60%;}
  .rs-column.-medium-col-5-4 {width:80%;}
  .rs-column.-medium-col-5-5 {width:100%;}
  .rs-column.-medium-col-6-1 {width:16.66667%;}
  .rs-column.-medium-col-6-2 {width:33.33333%;}
  .rs-column.-medium-col-6-3 {width:50%;}
  .rs-column.-medium-col-6-4 {width:66.66666%;}
  .rs-column.-medium-col-6-5 {width:83.33333%;}
  .rs-column.-medium-col-6-6 {width:100%;}
}
@media screen and (max-width: 768px) {
  .rs-column {margin-bottom:2em;}
  .rs-column.-medium-first {clear: none;}
  .rs-column.-small-first {clear: left;}
  .rs-column.-small-col-1-1 {width:100%;}
  .rs-column.-small-col-2-1 {width:50%;}
  .rs-column.-small-col-2-2 {width:100%;}
  .rs-column.-small-col-3-1 {width:33.33333%;}
  .rs-column.-small-col-3-2 {width:66.666666%;}
  .rs-column.-small-col-3-3 {width:100%;}
  .rs-column.-small-col-4-1 {width:25%;}
  .rs-column.-small-col-4-2 {width:50%;}
  .rs-column.-small-col-4-3 {width:75%;}
  .rs-column.-small-col-4-4 {width:100%;}
  .rs-column.-small-col-5-1 {width:20%;}
  .rs-column.-small-col-5-2 {width:40%;}
  .rs-column.-small-col-5-3 {width:60%;}
  .rs-column.-small-col-5-4 {width:80%;}
  .rs-column.-small-col-5-5 {width:100%;}
  .rs-column.-small-col-6-1 {width:16.66667%;}
  .rs-column.-small-col-6-2 {width:33.33333%;}
  .rs-column.-small-col-6-3 {width:50%;}
  .rs-column.-small-col-6-4 {width:66.66666%;}
  .rs-column.-small-col-6-5 {width:83.33333%;}
  .rs-column.-small-col-6-6 {width:100%;}
}

.space-bottom {padding-bottom:3em;}

#main a {color:var(--link-color); text-decoration:none; overflow-wrap:break-word;}
#main a.button-style {width:auto; display:table; margin:0 auto; padding:0.5em 1em 0.2em 1em; color:var(--std-bg-col); text-align:center; text-decoration:none; background:var(--link-color); border:2px solid var(--link-color); transition:background 0.25s ease-in-out .125s, color 0.25s ease-in-out .125s; 
    transition:background 0.35s ease-in-out .125s, color 0.35s ease-in-out .125s;}
#main a.button-style:focus,#main a.button-style:hover {background:var(--std-bg-col); outline:none; color:var(--link-color);}



/* startseiten */
.startseite p, .startseite ul, .startseite li {font-size: 112.5%; line-height:inherit;}
.startseite h2 {margin:0 0 0.25em 0; font-weight:300;text-transform:none;}



/* how-to */
#main .how-to ol {display:flex; justify-content:space-between; width:100%; max-width:960px; margin:2em auto 2em auto; list-style:decimal;
list-style-position:inside; margin:3em auto 5em auto;}
#main .how-to ol li {width:33.333%; margin:0; padding:196px 1em 1em 1em; text-align: center; background:center 0 no-repeat; background-size:180px;
    padding:183px 1em 1em 1em; 
    background-size:167px;
}
#main .how-to ol li:before {c---ounter-increment:section; c---ontent:counter(section) ". "; padding:0 0.3em 0 0;}
#main .how-to ol li:nth-of-type(1) {background-image:url(../img/layout/step1.png);}
#main .how-to ol li:nth-of-type(2) {background-image:url(../img/layout/step2.png);}
#main .how-to ol li:nth-of-type(3) {background-image:url(../img/layout/step3.png);}

@media screen and (max-width:1024px)
{
    #main .how-to ol li {width: 33%; padding: 25vW 1em 1em 1em; background-size: 21vW;
        padding: 21vW 1em 1em 1em;
        background-size: 18vW;
    }
}

@media screen and (max-width:767px)
{
    #main .how-to ol {display:block; margin:1em auto 3.5em auto;}
    #main .how-to ol li {width:auto; padding:1.25em 2em 1.25em 3.75em; text-align:left; background-size:2.75em; background-position:left;}
}



/* inside main */

/* steps */
#main .steps ol li {position:relative; display:block; margin:0; padding:0 0 1em 2.5em; background:center 0 no-repeat;}
#main .steps ol li:before {counter-increment: section;
    content: counter(section) ". ";
    padding: 0.35em;
        padding: 5px;
    color: #fff;
    background: blue;
    border-radius: 1em;
    line-height: 100%;
    margin: 0 1em 0 0;
    font-weight: 600;
    font-weight: 900;
    
    width: 1em;
    height: 1em;
    overflow: hidden;
    content: counter(section);
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    t---op: calc(50% - 1.25em);
    top: calc(50% - 1.75em);
    font-size: .6666667em;
    color: var(--header-col);
    background: var(--header-bg-col);}

#main .steps ol li.check:before {content:"✓"; font-weight:600;}
#main .steps ol li.info:before {content:"i"; font-weight:600;}


/* Formulare */
.ce_form.block{width:100%;}
p.error {padding:.125em .5em; color:var(--footer-col); background:var(--error);}
p.help {margin:0;}
span.mandatory {padding:0 0 0 0.2em; color:var(--mandatory);}

form .widget {padding:0 0 .75em 0;}
form .widget.w50 {float:left;width:50%;}
form .widget.w50 {padding-right:6px;}
form .widget.w50 + .widget.w50 {padding-right:0; padding-left:6px;}
form .widget.w50 + .widget.w50 +.widget {clear:both;}
form .widget.datenschutz {padding:1em 0 .75em 0;}

label {line-height:110%; display:inline-block;}

.widget-submit + .widget-explanation {font-size:.85rem;}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {width:100%;padding:.5em 1em;transition:all .3s;font-family:"Open Sans"; font-size:1em;line-height:inherit;border:1px solid var(--form-element-border);}
input[type=date]:focus, input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, .input-file-inner:focus-within, select:focus, textarea:focus {border: 1px solid var(--form-element-border-focus); outline:none; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .1); }
input[type=file] {width:100%; padding:.5em 0; font-family:"Open Sans"; font-size:1em; transition:all .3s;}
.input-file-inner {border:1px solid var(--form-element-border); padding:.5em 1em;}

.widget-select select {-webkit-appearance:none; -moz-appearance:none; appearance:none; 
    min-height: 2em; color:var(--dark);font-size:1em; font-family:inherit; border:1px solid var(--form-element-border);
    background:var(--std-bg-col);
    position:relative;}
.widget-select {position:relative;} 
.widget-select:after {content:""; position:absolute; top:54%; right:1em; pointer-events:none; border-left:0.45em solid transparent; border-right:0.45em solid transparent; border-top:0.45em solid var(--std-color);}
.widget-select select option {padding:0.35em;}
.widget-select select.select {width:100%;}
.widget-select select.select option{padding:5px;}

.widget-submit {width:100%; padding:1em 0 0 0; text-align:center;}
.widget-submit button {width:100%; margin:.5em 0 .25em 0; padding:0.5em; font-size:1em;font-weight:500; color:var(--button-col); background:var(--button-bg); font-weight:700; text-transform:uppercase;}
[type=button]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {cursor: pointer;}


.widget-captcha {padding:0 0 1em 0;}
input.captcha {width:2em; padding:0;}

.widget-checkbox label {position:static; display:table-cell; vertical-align:top; padding:0 0 0 0.5em; line-height:140%;}
.widget-checkbox span {display:table;}
.widget-checkbox span.mandatory {display:inline-block;}
input[type="checkbox"] {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:1em; height:1em; background:#fff; border:1px solid var(--std-color); border-radius:2px;}
input[type=checkbox]:checked {background:var(--std-color) no-repeat 1px 1px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25' viewBox='0 0 50 50'%3E%3Cpath stroke-linejoin='round' d='m8.226 27.98l13.08 13 22.81-32' stroke='%23fff' fill='none' stroke-linecap='round' stroke-width='10'/%3E%3C/svg%3E"); background-size:80%;}

.form-confirmation {width:100%; padding:2em; text-align:center; font-weight:600; color:var(--confirmation);}
.form-confirmation p {margin:0;}
.form-message-error {width:100%; padding:2em; text-align:center; font-weight:600; color:var(--error);}
.form-message-error p {margin:0;}

@media screen and (max-width:880px)
{
    form .widget.w50 {float:none;width:100%;}
    form .widget.w50 {padding-right:0;}
    form .widget.w50 + .widget.w50 {padding-right:0; padding-left:0;}
}

@media screen and (max-width:768px)
{
    .formbody {padding:48px 0 0 0;}
}

@media screen and (max-width:640px)
{
    .widget-checkbox, .widget-radio, .widget-select {width:100%;}
    .formbody {flex-wrap: wrap;}
}



/* actions-nav */

nav.actions-nav ul {width:100%; width:calc(100% + 2em); display:flex; flex-direction: row;
    flex-wrap: wrap; position:relative;left:-1em; right:-1em;}

#main nav.actions-nav ul li {display:flex; width:33.33%; margin:0; padding:1em; b---ackground:#f1f1f1; text-align:center;}



#main nav.actions-nav ul li a {
    w---idth:100%;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    /* flex-wrap: nowrap; */
    align-content: center;
    align-items: center;
    justify-content: flex-end;
    }
#main nav.actions-nav ul li a figure + div {text-transform:uppercase;}    
#main nav.actions-nav ul li a div {margin:.75em 0 1em 0;}
#main nav.actions-nav ul li a div.button {display:inline-block; width:auto !important; margin:0 0 1em 0; padding:0.5em 1.5em; font-size:0.8em; border-radius:2em; color:var(--header-col); background-color:var(--header-bg-col) !important;
        font-weight: 700;
    text-transform: uppercase;
}


/*
html[lang="de"] #main nav.actions-nav ul li:nth-of-type(4) {width:100%;}
html[lang="de"] #main nav.actions-nav ul li:nth-of-type(4) a {
    width: 33%;
    display: block;
}
*/
/*
html[lang="de"] #main nav.actions-nav ul li:nth-of-type(5),
html[lang="de"] #main nav.actions-nav ul li:nth-of-type(6),
html[lang="de"] #main nav.actions-nav ul li:nth-of-type(7),
html[lang="de"] #main nav.actions-nav ul li:nth-of-type(8),
#main nav.actions-nav ul li.w50
{width:50%;}

html[lang="de-CH"] #main nav.actions-nav ul li:nth-of-type(4) {margin-right:66.666%;}

html[lang="fr-CH"] #main nav.actions-nav ul li:nth-of-type(4) {margin-right:66.666%;}
html[lang="fr-CH"] #main nav.actions-nav ul li:nth-of-type(5) {margin-right:50%;}

html[lang="it-CH"] #main nav.actions-nav ul li:nth-of-type(4) {margin-right:66.666%;}
html[lang="it-CH"] #main nav.actions-nav ul li:nth-of-type(5) {margin-right:50%;}

*/

#main nav.actions-nav ul li.card a figure + div { width:100%; padding:0.5em;b---ackground:#F8F4ED;border-radius:.25em;}




nav.actions-nav ul li.card img {border-radius:7px;}

/* 
@media screen and (max-width: 767px) {
    #main nav.actions-nav ul li {width:100%;}
    html[lang="de"] #main nav.actions-nav ul li:nth-of-type(4),
    html[lang="de"] #main nav.actions-nav ul li:nth-of-type(5),
    html[lang="de"] #main nav.actions-nav ul li:nth-of-type(6),
    html[lang="de"] #main nav.actions-nav ul li:nth-of-type(7),
    html[lang="de"] #main nav.actions-nav ul li:nth-of-type(8)
    {width:100%;}
}
*/
/* neu */


#main nav.actions-nav ul li {display:flex; width:50%; margin:0; padding:2em; text-align:center;}
#main nav.actions-nav ul li  a { width:80%; margin:0 auto;}

html[lang="de-CH"] #main nav.actions-nav ul li:nth-of-type(4) { margin-right: 0;}

html[lang="de"] #main nav.actions-nav ul li.card a, html[lang="de-CH"] #main nav.actions-nav ul li.card a { width:66.666%; width:60%; margin:0 auto;}
html[lang="fr-CH"] #main nav.actions-nav ul li.card, html[lang="it-CH"] #main nav.actions-nav ul li.card {width:100%;}
html[lang="fr-CH"] #main nav.actions-nav ul li.card a, html[lang="it-CH"] #main nav.actions-nav ul li.card a { width:33%; margin:0 auto;}

@media screen and (max-width: 767px) {
    #main nav.actions-nav ul li {width:100% !important;}
    #main nav.actions-nav ul li.card a {width: 66%; margin: 0 auto;}
    html[lang="de"] #main nav.actions-nav ul li.card a, html[lang="de-CH"] #main nav.actions-nav ul li.card a, html[lang="fr-CH"] #main nav.actions-nav ul li.card a, html[lang="it-CH"] #main nav.actions-nav ul li.card a {width: 66%; margin: 0 auto;}
}


@media screen and (max-width: 479px) {
    #main nav.actions-nav ul li {padding:1em;}
    #main nav.actions-nav ul li.card a, #main nav.actions-nav ul li  a, html[lang="de-CH"] #main nav.actions-nav ul li.card a, html[lang="fr-CH"] #main nav.actions-nav ul li.card a, html[lang="it-CH"] #main nav.actions-nav ul li.card a  { width:100%; margin:0 auto;}
}









/* aktionsseiten */
.mod_article.steps h1 {margin-bottom:0.5em;}
.mod_article.steps div.versal + div {padding-top:4.5em;}


/* narrow-content */
.narrow-content .mod_article {max-width:760px;}
.narrow-content .mod_article h2 {font-size:1em; font-weight:700; text-transform:none;}

/* impresum */
.impressum h2 {font-size:1em; font-weight:700; text-transform:none;}
.impressum .rs-columns + .content-text {padding-top:1.25em;}



#footer {position:relative; clear:both; width:100%; margin:0 auto 0 0; padding:50px 0 72px 0; color:var(--footer-col); background:var(--footer-bg-col);
        background-image: url(../img/layout/ALC_Pattern_Footer-scaled.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
}

#footer {
    background: rgb(0, 53, 149) url(../img/layout/alcon-com-footer-bg.png) left top repeat;
}

#footer .inside { width:100%; max-width:1140px; margin:0 auto; padding:0 20px;}

#footer div.logo { width:168px; margin: 0 0 20px}
#footer p:last-of-type {margin:0;}

@media screen and (max-width: 767px) {
    #footer .inside {text-align:center;}
    #footer div.logo {width: 136px; margin:0 auto 20px auto;}
}


#footer nav {margin:40px 0 40px 0; font-size:1em; font-weight:500;}
#footer nav:after {content:""; clear:both; display:table; height:0; overflow:hidden;}
#footer nav li {float:none;}
#footer a {color:var(--footer-nav-link-color); text-decoration:none;}
#footer nav strong {font-weight:600; color:var(--footer-nav-link-color);/*text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:0.25em;*/}
#footer a {text-decoration:none; /*underline; text-decoration-color:transparent; text-decoration-thickness:1px; text-underline-offset:0.25em; transition:text-decoration-color .75s ease;*/}
#footer a:focus,#footer a:hover {text-decoration-color:inherit;}

@media screen and (max-width:540px) {
    #footer nav {display:block; clear:both;}
    #footer nav a, #footer nav strong {margin:0 0.5em 0 0;}      
}





@media print
{
    body {margin:0 auto; font-size:1em;}
    #wrapper {display:block; margin:0 auto; max-width:1024px;}
    #header nav, #footer {display:none;}
    /* https://angel-rs.github.io/css-color-filter-generator/
    .logo img {filter: brightness(0) saturate(100%) invert(12%) sepia(98%) saturate(3400%) hue-rotate(216deg) brightness(87%) contrast(101%);}
    */
}