/* 31.03.23 by webFormat */

/* fonts: Roboto */
@font-face {
   font-family:'roboto_condensedlight_italic';
   src:url('fnt/robotocondensed-lightitalic-webfont.ttf');
   src:url('fnt/robotocondensed-lightitalic-webfont.eot');
   src:url('fnt/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
       url('fnt/robotocondensed-lightitalic-webfont.woff') format('woff'),
       url('fnt/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
       url('fnt/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
   font-weight:normal;
   font-style:normal;
}

@font-face {
   font-family:'roboto_condensedlight';
   src:url('fnt/robotocondensed-light-webfont.ttf');
   src:url('fnt/robotocondensed-light-webfont.eot');
   src:url('fnt/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('fnt/robotocondensed-light-webfont.woff') format('woff'),
       url('fnt/robotocondensed-light-webfont.ttf') format('truetype'),
       url('fnt/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
   font-weight:normal;
   font-style:normal;
}

@font-face {
   font-family:'roboto_condensedregular';
   src:url('fnt/robotocondensed-regular-webfont.ttf');
   src:url('fnt/robotocondensed-regular-webfont.eot');
   src:url('fnt/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('fnt/robotocondensed-regular-webfont.woff') format('woff'),
       url('fnt/robotocondensed-regular-webfont.ttf') format('truetype'),
       url('fnt/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
   font-weight:normal;
   font-style:normal;
}

/* swissnewsletter.ch */
.contact_form{padding:0;}
.contact_form input,.contact_form select,.contact_form textarea{box-sizing:border-box;width:15rem;max-width:100%;margin:0;padding:.25em .5em;border:solid 1px #cccccc;font-size:1em;line-height:1.5;color:#000000;}
.contact_form input[type="checkbox"]{width:auto;}
.contact_form textarea{height:100px;}
.contact_form .choice_item{float:none;padding:2px 0;}
.contact_form .choice_item .required {display:none;}
.contact_form .choice_item input{height:15px;width:15px;padding:0;margin:0;}
.contact_form .choice_item label{display:inline;line-height:18px;height:18px;margin:0;padding:0 5px;bottom:0;}
.contact_form .submit_button{width:auto;margin:.625rem 0;padding:.5em 1em;border:none 0 transparent;font-size:1em;line-height:1.5;color:#ffffff;background-color:#80c0dc;cursor:pointer;}
.contact_form .submit_button:hover{background-color:#999999;}
.contact_form div.line{background:transparent;border:0;border-top:1px dotted #000;padding:0;height:5px;color:#fff;margin-top:15px;}
.contact_form p.text{margin:10px 0;}
#contact_form_1_de_submitted h1,.contact_form h1,.contact_form h1.headline1{color:#000;font-size:18px;line-height:28px;font-weight:normal;margin-bottom:4px;padding:0;}
.contact_form h2,.contact_form h2.headline2{color:#000;font-size:14px;line-height:20px;font-weight:normal;margin-bottom:4px;padding:0;}
.contact_form label{display:block;}
.contact_form .field_container{margin:10px 0;}
.contact_form ul.field_errors,.contact_form ul.field_errors li,.contact_form .global_errors,.contact_form .global_errors li{list-style:none;color:#f00;padding:0;margin:0;}
.contact_form.validate_type_field .field_errors input,.contact_form.validate_type_field .field_errors textarea,.contact_form.validate_type_field .field_errors select,.contact_form.validate_type_all .field_errors input,.contact_form.validate_type_all .field_errors textarea,.contact_form.validate_type_all .field_errors select {border-color:#f00;border-style:solid;}
.contact_form.validate_type_all .field_errors .choice_item input,.contact_form.validate_type_field .field_errors .choice_item input{outline:1px solid #f00;padding:2px 0;}
.contact_form.validate_type_field ul.field_errors,.contact_form.validate_type_field ul.global_errors{display:none;}
.contact_form .date_widget select{width:64px;}
.contact_form_cols_2 .col_0{float:left;width:48%;}
.contact_form_cols_2 .col_1 {float:right;width:48%;}
.contact_form .phonenumber_widget select{width:60px;}
.contact_form .phonenumber_widget input{width:130px;}

/*
.fom li{position:relative;margin:.5em 1.125em .5em 0;}
.fom .cpt{margin-right:-1.125em;}
.fom .cpt img{width:100%;height:auto;}
.fom .inp{width:100%;margin:0;padding:.25em .5em;border:solid 1px #cccccc;font-size:1em;line-height:1.5;color:#000000;}
.fom .chk .inp{display:block;position:absolute;left:0;top:0;bottom:0;width:auto;margin:auto 0;padding:0;}
.fom .chk .lbl{margin-left:1.5em;}
.fom .chk .cnf{position:absolute;left:0;top:0;bottom:0;}
.fom .cnf{color:#cccccc;}
.fom .lbl{font-size:1em;line-height:1.5;display:block;}
.fom .err .inp{border-color:#ff0000;color:#ff0000;}
.fom .err .lbl{color:#ff0000;}
.fom .btn{padding:.5em 1em;border:none 0 transparent;font-size:1em;line-height:1.5;font-family:roboto_condensedregular,Arial,sans-serif;color:#ffffff;background-color:#80c0dc;}
.fom .btn:hover{background-color:#999999;cursor:pointer;}
.etx{color:#ff0000;}
*/


/* dateiweit */
*{outline:none 0px #000000;-moz-outline-width:0;font-family:roboto_condensedlight,Arial,sans-serif;-webkit-text-size-adjust:none;color:#1a171b;letter-spacing:.02em;line-height:1.5;word-wrap:break-word;}
html{overflow-y:scroll;}
html,body,form{margin:0px;padding:0px;}
html,body{height:100%;}
body{font-size:16px;background-color:#f7f7f8;}
a{text-decoration:none;}
a:active{background-color:transparent;}
a{-webkit-tap-highlight-color:transparent;}
nav,header,footer,main,aside,section,article,address{display:block;}
address{font-style:normal;}
h1,h2,h3,h4,h5{margin:0px;font-weight:normal;}
p{margin:0em;}

/* allgemein */
.hov{-moz-transition:background-color 0.3s ease;-webkit-transition:background-color 0.3s ease;-o-transition:background-color 0.3s ease;-ms-transition:background-color 0.3s ease;transition:background-color 0.3s ease;}
.lnk:before{content:'\BB\a0';}

/* --- Basisgrösse: <21em (336px) ----------------------------------------------------------------------------------------------------------- */

/* Hauptbereich */
.ctr{height:100%;background-color:#80c0dc;}
.bxn{background-color:#ffffff;}
.bxc{overflow:auto;}

/* Navi */
.nav{
   position:relative;margin-bottom:1em;
   -webkit-box-shadow:rgba(0,0,0,.5) 0px 5px 10px -5px;-moz-box-shadow:rgba(0,0,0,.5) 0px 5px 10px -5px;box-shadow:rgba(0,0,0,.5) 0px 5px 10px -5px;
}
.nav .box{overflow:hidden;}
.nav ul{margin:0px;padding:0px;list-style-type:none;background-color:#80c0dc;overflow:hidden;}
.nav a{display:block;font-family:roboto_condensedlight,Arial,sans-serif;}
.nav a:hover{background-color:#e6f2f8;}
.nav a.sel:before{content:'\BB\a0';}
.nav .nv1 a{padding:.4em 1em;font-size:1.25em;line-height:1.2;}
.nav .nv2 a{padding:.65em 1.25em .65em 2em;font-size:1em;line-height:1.2;}
.nav ul.nv2{overflow:hidden;height:0px;}
.nav ul.nv2.akt{height:auto;}
.nav .nv1 li{border-top:solid 1px #ffffff;}
.nav .nv2 li{border-top:solid 1px #e6f2f8;}
.nav .nv1 li:first-child{border-top:none 0px;}
.nav .nv2 li:first-child{border-top:solid 1px #ffffff;}
.nav .btn{
   position:absolute;bottom:-2em;right:1em;display:block;width:4em;height:2em;background-color:#80c0dc;font-family:roboto_condensedregular,Arial,sans-serif;line-height:2em;text-align:center;color:#ffffff;
   -moz-border-radius-bottom-left:.4em;-webkit-border-bottom-left-radius:.4em;border-bottom-left-radius:.4em;
   -moz-border-radius-bottom-right:.4em;-webkit-border-bottom-right-radius:.4em;border-bottom-right-radius:.4em;
   -webkit-box-shadow:rgba(0,0,0,.5) 2px 5px 10px -5px;-moz-box-shadow:rgba(0,0,0,.5) 2px 5px 10px -5px;box-shadow:rgba(0,0,0,.5) 2px 5px 10px -5px;
}
.nav .nv1.lng a{padding:.5em 1.25em;font-size:1em;line-height:1.5;}
.nav .nv1.lng li:first-child{border-top:solid 1px #ffffff;}

/* Head */
.hed{padding:3em 20% 0em 20%;}
.hed a{display:block;max-width:20em;margin:0px auto;}
.hed img{width:100%;height:auto;padding-bottom:10%;}
.hed .sml{display:block;}
.hed .big{display:none;}

/* Content */
.cnt{margin:0em 1em;}
.cnt h1{margin-top:1em;font-size:1.5em;line-height:1.3;}
.cnt h2{margin-top:1em;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1em;}
.cnt h3{margin-top:1em;margin-bottom:-1em;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1em;}
.cnt p{margin:1.5em 0em;}
.cnt p.cit{font-family:roboto_condensedlight_italic,Arial,sans-serif;}
.cnt .hhs,.cnt .hhs *{font-family:roboto_condensedregular,Arial,sans-serif;}
.cnt .hhs span{color:#0081b8;}
.cnt ul{margin:1.5em 0em;padding:0em;list-style-type:none;}
.cnt .lst li{padding-left:1em;background-image:url(img/bul.png);background-image:url(img/bul.svg),none;background-repeat:no-repeat;background-position:0px .65em;}
.cnt .img{display:block;width:100%;height:auto;margin:1.5em 0em;}
.cnt a{color:#0081b8;}
.cnt a:hover{color:#000000;}
.cnt strong{font-family:roboto_condensedregular,Arial,sans-serif;font-weight:normal;}
.cnt em{font-family:roboto_condensedlight_italic,Arial,sans-serif;font-style:normal;}

/* Content: Buchlist */
.cnt .bok{margin:1.5em 0em;}
.cnt .bok h3{margin:0em;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1.25em;;}
.cnt .bok h4{margin:0em;font-size:1em;color:#0081b8;}
.cnt .bok p{margin:0em;}
.cnt .bok p.pss{margin-top:.25em;font-family:roboto_condensedlight_italic,Arial,sans-serif;}

/* Content: Linkliste */
.cnt ul.zlk{margin:1.25em 0em;}
.cnt .zlk li{padding:.25em 0em;}

/* Content: iFrame (z.B. Youtube) */
.cnt .ifm{position:relative;height:0;margin:1.5em 0em;}
.cnt .ifm iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* Content: Bildserie */
.cnt .lim{position:relative;width:100%;height:0;margin:1.5em 0;padding-bottom:56.25%;overflow:hidden;}
.cnt .lim ul{position:relative;width:100%;height:100%;margin:0;}
.cnt .lim li{z-index:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.cnt .lim li.akt{z-index:2;}
.cnt .lim .img{margin:0;}
.cnt .lim .bar{
   z-index:3;position:absolute;bottom:0;width:100%;height:2.5em;background-color:rgba(255,255,255,.7);
   -moz-transition:bottom 0.3s ease;-webkit-transition:bottom 0.3s ease;-o-transition:bottom 0.3s ease;-ms-transition:bottom 0.3s ease;transition:bottom 0.3s ease;
}
.cnt .lim a{display:block;position:absolute;top:0;width:50%;height:2em;font-size:2em;line-height:1;color:#333333;}
.cnt .lim a:hover{font-family:roboto_condensedregular,Arial,sans-serif;color:#000000;}
.cnt .lim a.prv{left:0;}
.cnt .lim a.nxt{right:0;text-align:right;}

/* Content: Übersicht */
.cnt ul.ovl{margin:1.5em -1em;border-bottom:solid 1px #cccccc;}
.cnt li.ovl{border-top:solid 1px #cccccc;}
.cnt .ovw{display:block;padding:1em;overflow:auto;background-repeat:no-repeat;background-position:right 1.5em;}
.cnt .ovw.opn{background-image:url(img/opn.svg);}
.cnt .ovw.cls{background-image:url(img/cls.svg);}
.cnt a.ovw:hover{background-color:#e6f2f8;}
.cnt .ovw h2{margin:0;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1em;line-height:1.25;}
.cnt .itr{margin:1.5em 0;overflow:auto;}
.cnt .itr .img{float:left;width:30%;margin:0em;}
.cnt .itr h3{float:left;width:65%;margin:0;padding-left:5%;font-size:1em;}
.cnt .oct{margin-bottom:-.5em;padding:0 1em;border-top:solid 1px #cccccc;overflow:hidden;}

/* Content: Preisträger */
.cnt .prt{margin:1.5em 0;}
.cnt .prt h2{margin:.5em 0;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1.25em;color:#0081b8;}
.cnt .prt h3{margin:.5em 0;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1em;}
.cnt .prt p{margin:.5em 0;}

/* Content: Personen */
.cnt .ovw .img{margin:0 0 1em 0;width:60%;}
.cnt .ovw .txt{}
.cnt .ovw h2{margin:0;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1.25em;color:#0081b8;}
.cnt .ovw h3{margin:0;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1em;}
.cnt .ovw .led p{margin:.5em 0;}
.cnt .ovw p.cit{margin:.5em 0 1em 0;font-size:.875em;}
.cnt .ovw .led{clear:left;margin:1em 0 0 0;}

/* Marginalie */
.asd{margin-top:2em;}
.asd .tsr{display:block;padding:1.5em 1em;border-bottom:solid 2px #000000;overflow:auto;font-size:.875em;}
.asd .tsr:first-child{border-top:solid 2px #000000;}
.asd .tsr:hover{background-color:#e6f2f8;}
.asd h1{margin:0em 0em .8em 0em;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1.25em;line-height:1.25;}
.asd h2{margin:.5em 0em 0em 0em;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1em;}
.asd h3{margin:1em 0em;font-family:roboto_condensedregular,Arial,sans-serif;font-size:1em;color:#0081b8;}
.asd h3.flw{margin-bottom:-1em;}
.asd p{margin:1em 0em;}
.asd img{display:block;width:100%;height:auto;margin-bottom:1.5em;}
.asd .txt{margin-bottom:-1em;}
.asd h1.add{margin:-.6em 0em;}

/* Foot */
.fot{padding:.3em 1em 1.3em 1em;background-color:#80c0dc;overflow:auto;}
.fot *{color:#ffffff;}
.fot .adr{margin:1.5em 0;border-top:solid 1px #ffffff;font-size:.875em;}
.fot .adr:first-child{border-top:none 0px;}
.fot h3{margin:1.3em 0em 1em 0em;font-size:1.285714285714286em;font-family:roboto_condensedregular,Arial,sans-serif;}
.fot p{margin:1em 0em;}
.fot a:hover{color:#1a171b;}
.fot .grp{clear:left;max-width:16em;border-top:solid 1px #ffffff;}
.fot .grp:first-child{border-top:none 0px;}

/* Maske und Popup */
.msk{z-index:10;display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,1);}
.pup{z-index:10;display:none;position:fixed;top:1.5em;right:1.5em;left:1.5em;bottom:1.5em;}
.pup .mvi{position:relative;left:0;right:0;top:0;bottom:0;width:100%;height:100%;}
.pup iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.pup .cls{z-index:1;display:block;position:fixed;top:0;left:0;width:8em;height:2.5em;text-align:center;line-height:2.5em;background-color:#ffffff;color:#0081b8;border-bottom-right-radius:1em;}
.pup .cls:hover{color:#000000;}
.mov .msk{display:block;}
.mov .pup{display:block;}

/* Teilen */
.shr{margin-top:2em;border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc;}
.shr>p{float:left;display:inline-block;margin:1.5em 1em 1.5em 0;font-size:.875em;line-height:1.285714285714286;}
.shr ul{margin:0;overflow:hidden;}
.shr li{float:left;displey:block;margin:0.25em 0;}
.shr a{display:block;width:3.125em;height:3.125em;overflow:hidden;}
.shr a p{margin:0;font-size:.75em;text-align:center;}
.shr a:hover p{color:#0081b8;}
.shr a img{display:block;width:2em;height:2em;margin:0 auto;overflow:hidden;}

/* Formular */
.fom li{position:relative;margin:.5em 1.125em .5em 0;}
.fom .cpt{margin-right:-1.125em;}
.fom .cpt img{width:100%;height:auto;}
.fom .inp{width:100%;margin:0;padding:.25em .5em;border:solid 1px #cccccc;font-size:1em;line-height:1.5;color:#000000;}
.fom .chk .inp{display:block;position:absolute;left:0;top:0;bottom:0;width:auto;margin:auto 0;padding:0;}
.fom .chk .lbl{margin-left:1.5em;}
.fom .chk .cnf{position:absolute;left:0;top:0;bottom:0;}
.fom .cnf{color:#cccccc;}
.fom .lbl{font-size:1em;line-height:1.5;display:block;}
.fom .err .inp{border-color:#ff0000;color:#ff0000;}
.fom .err .lbl{color:#ff0000;}
.fom .btn{padding:.5em 1em;border:none 0 transparent;font-size:1em;line-height:1.5;font-family:roboto_condensedregular,Arial,sans-serif;color:#ffffff;background-color:#80c0dc;}
.fom .btn:hover{background-color:#999999;cursor:pointer;}
.etx{color:#ff0000;}

/* Preview */
#prvw{display:block;position:fixed;top:18px;left:15px;z-index:300;width:170px;height:30px;background-color:#cc0000;color:#ffffff;line-height:30px;font-size:12px;font-weight:bold;text-align:center;border:solid 1px #990000;}
#prvw:hover{background-color:#ee0000;}

/* --- min-width: >=21em (336px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:21em){

   /* Ränder (1.5em) */
   .cnt{margin:0 1.5em;}
   .cnt ul.ovl{margin:1.5em -1.5em;}
   .cnt .ovw{padding:1em 1.5em;}
   .cnt .oct{padding:.5em 1.5em;}
   .asd .tsr{padding:2em 1.5em;}
   .fot{padding:.3em 1.5em 1.3em 1.5em;}

   /* Content: Übersicht, Bild separate Spalte */
   .cnt .ovw .img{float:left;width:20%;}
   .cnt .ovw .txt{float:left;width:75%;padding-left:5%;}

   /* Marginalie, Bild separate Spalte */
   .asd img{float:left;width:28%;margin:0em;}
   .asd .txt{float:left;width:65%;padding-left:7%;}

}

/* --- min-width: >=25em (400px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:25em){

   /* Standard-Logo */
   .hed{padding-top:2em;}
   .hed .sml{display:none;}
   .hed .big{display:block;}
   .cnt h1{font-size:2em;}
   .cnt h2{font-family:roboto_condensedlight,Arial,sans-serif;font-size:1.5em;}

}

/* --- min-width: >=30em (480px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:30em){

   /* Ränder (2em) */
   .cnt{margin:0 2em;}
   .cnt ul.ovl{margin:1.5em -2em;}
   .cnt .ovw{padding:1em 2em;}
   .cnt .oct{padding:1em 2em;}
   .asd .tsr{padding:2em;}
   .fot{padding:.3em 2em 1.3em 2em;}

   /* Marginalie: Bild/Text-Verhältnis anpassen */
   .asd img{width:54%;}
   .asd .txt{width:39%;}

   /* Marginalie: Linienstärke anpassen */
   .asd .tsr{border-bottom-width:1px;}
   .asd .tsr:first-child{border-top-width:1px;}

}

/* --- min-width: >=36em (576px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:36em){

   /* Footer zweispaltig */
   .fot .grp{max-width:none;}
   .fot .adr{float:left;width:50%;margin:.5em 0;border-top:none 0px;}

}

/* --- min-width: >=40em (640px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:40em){

   /* Inhaltsbox zweispaltig */
   .bxc{margin:0em 2em;}
   .cnt{float:left;width:63%;margin:0em 0em .5em 0em;}
   .asd{float:left;width:37%;margin:2em 0em 2em 0em;}
   .asd .tsr{margin-left:2em;padding-left:0em;padding-right:0em;}

   /* Content: Übersicht, Ränder */
   .cnt ul.ovl{margin:1.5em 0;}
   .cnt .ovw{padding:1em 0;}
   .cnt .oct{padding:1em 0;}

   /* Marginalie einspaltig */
   .asd img{float:none;width:90%;margin-bottom:2em;padding:0em 5%;}
   .asd .tsr,.asd .tsr:first-child{border-color:#cccccc;}
   .asd .txt{float:none;width:90%;padding:0em 5%;}
   .asd .add{padding:0em 5%;}

   /* Footer, mehr Abstand */
   .fot{padding:.8em 4em 1.8em 4em;}
   .fot .adr{width:42%;}
   .fot .adr:first-child{margin-right:16%;}
   .fot .grp{border-top:none 0px;}
   .fot .adr{border-top:solid 1px #ffffff;}
   .fot .adr:first-child{border-top:solid 1px #ffffff;}
   .fot .grp:first-child .adr{border-top:none 0px;}

}

/* --- min-width: >=54em (864px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:54em){

   /* Marginalie verbreitern */
   .cnt{float:left;width:60%;}
   .asd{float:left;width:40%;}
   .asd .tsr{margin-left:3em;}

   /* Marginalie, Bild separate Spalte */
   .asd img{float:left;width:27%;margin:0em;padding:0em 0em 0em 3%;}
   .asd .txt{float:left;width:62%;padding:0em 3% 0em 5%;}

   /* Footer, Verhältnis anpassen */
   .fot{padding:1.3em 6em 2.3em 6em;}
   .fot .adr{width:32%;}
   .fot .adr:first-child{margin-right:34%;}

}

/* --- min-width: >=58em (928px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:58em){

   /* Logo vergrössern */
   .hed a{max-width:25em;}

   /* Navi in Hauptbereich */
   .bxn{overflow:hidden;}
   .nav{
      display:block;float:left;width:14em;margin-top:13.125em;
      -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;
   }
   .nav ul{background-color:transparent;}
   .nav ul.nv1{border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc;}
   .nav .nv1 li{border-top:solid 1px #cccccc;}
   .nav .nv2 li{border-top:solid 1px #f6f6f6;}
   .nav .nv2 li:first-child{border-top:solid 1px #cccccc;}
   .nav .btn{display:none;}
   .nav .nv1.lng{margin-top:3em;}
   .nav .nv1.lng li:first-child{border-top:none 0px;}
   .bxc{overflow:none;margin:0em;padding-left:3em;}
   .cnt{width:61%;}
   .asd{width:39%;}

   /* Marginalie einspaltig */
   .asd img{float:none;width:90%;margin-bottom:2em;padding:0em 5%;}
   .asd .tsr,.asd .tsr:first-child{border-color:#cccccc;}
   .asd .txt{float:none;width:90%;padding:0em 5%;}
   .asd .add{padding:0em 5%;}

}

/* --- min-width: >=63em (1008px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:63em){

   /* Footer, vierspaltig */
   .fot{padding:.3em 2em 1.3em 2em;}
   .fot .grp{clear:none;float:left;width:47.5%;}
   .fot .grp:first-child{margin-right:5%;}
   .fot .adr{width:45%;}
   .fot .adr:first-child{width:55%;margin:.5em 0;}
   .fot .grp .adr{border-top:none 0px;}

}

/* --- min-width: >=72em (1152px) ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:72em){

   /* vertikale Abtsände vergrössern */
   .hed{margin:1em 0em;}
   .bxn{padding-bottom:1.5em;}
   .nav{margin-top:15.125em;}

   /* Marginalie verbreitern */
   .cnt{float:left;width:58%;}
   .asd{float:left;width:42%;}

   /* Marginalie, Bild separate Spalte */
   .asd img{float:left;width:27%;margin:0em;padding:0em 0em 0em 3%;}
   .asd .txt{float:left;width:62%;padding:0em 3% 0em 5%;}

   /* Footer, Ränder vergrössern */
   .fot{padding:.1em 3em 1.1em 3em;}

}

/* --- min-width: >=80em (1280px) ----------------------------------------------------------------------------------------------------------- */

@media only screen and (min-width:80em){

   /* vertikale Abstände vergrössern */
   .hed{margin:1em 0em 1.5em 0em;}
   .bxn{padding-bottom:2.5em;}
   .nav{margin-top:15.5625em;}

   /* Breite fixieren */
   .ctr{
      width:75em;margin:0px auto;
      -webkit-box-shadow:rgba(0,0,0,.07) 1px 1px 15px;-moz-box-shadow:rgba(0,0,0,.07) 1px 1px 15px;box-shadow:rgba(0,0,0,.07) 1px 1px 15px;
   }

   /* Verhältnisse anpassen */
   .bxc{padding-left:4em;}
   .cnt{width:56%;}
   .asd{width:44%;}
   .asd .tsr{margin-left:4em;}

   /* Marginalie: Bild/Text-Verhältnis anpassen */
   .asd img{width:30%;}
   .asd .txt{width:53%;padding:0em 9% 0em 5%;}

   /* Footer, Ränder vergrössern */
   .fot{padding:.6em 4em 1.6em 4em;}

}