/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=c8a58d5b-2594-49d5-be89-71c8c2a64b3f");
@font-face{
font-family:"AvenirNextLTW01-Regular";
src:url("../font/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix");
src:url("../font/e9167238-3b3f-4813-a04a-a384394eed42.eot?#iefix") format("eot"),url("../font/2cd55546-ec00-4af9-aeca-4a3cd186da53.woff2") format("woff2"),url("../font/1e9892c0-6927-4412-9874-1b82801ba47a.woff") format("woff"),url("../font/46cf1067-688d-4aab-b0f7-bd942af6efd8.ttf") format("truetype"),url("../font/52a192b1-bea5-4b48-879f-107f009b666f.svg#52a192b1-bea5-4b48-879f-107f009b666f") format("svg");
}

@font-face{
font-family:"Avenir Next LT W01 Bold";
src:url("../font/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix");
src:url("../font/dccb10af-07a2-404c-bfc7-7750e2716bc1.eot?#iefix") format("eot"),url("../font/14c73713-e4df-4dba-933b-057feeac8dd1.woff2") format("woff2"),url("../font/b8e906a1-f5e8-4bf1-8e80-82c646ca4d5f.woff") format("woff"),url("../font/890bd988-5306-43ff-bd4b-922bc5ebdeb4.ttf") format("truetype"),url("../font/ed104d8c-7f39-4e8b-90a9-4076be06b857.svg#ed104d8c-7f39-4e8b-90a9-4076be06b857") format("svg");
}

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}

/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */
fieldset,hr{border:0;padding:0}
html{color:#222;font-size:1em;line-height:1.4}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border-top:1px solid #ccc;margin:1em 0}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
fieldset{margin:0}
textarea{resize:vertical}

/* Browser Upgrade Prompt */
.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   font-family:"AvenirNextLTW01-Regular";
   font-family:"Avenir Next LT W01 Bold";
   colors: styleguide page 7
   typo: styleguide page 8
   ========================================================================== */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font-family:"AvenirNextLTW01-Regular", sans-serif;
  font-weight:normal;
  font-style:normal;
  background:#fff;
  color:#a59f95;
}

img, embed, object, video { max-width:100%; height:auto; width:100%; }
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin:0 0 25px 0; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

a { color:#ab513b; text-decoration:none; }
a:hover, a.active, a.tel { color:#811114; text-decoration:none; }
a:focus{ outline:0; }

/* anführungszeichen vor link */
.centerwrap a[href]:before { content: "› "; }
.centerwrap .ce-image a[href]:before { display:none; }

/* hier kein anführungszeichen */
.centerwrap figure a:before,
.centerwrap footer .footer_copy a:before,
.centerwrap a.fancybox:before,
.lead_teaser a:before, .teaser_01 a:before, .teaser_02 a:before, .teaser_03 a:before,
.teaser_04 a:before, .teaser_05 a:before, .teaser_06 a:before, .teaser_07 a:before,
.tx-kesearch-pi1 a:before, .centerwrap .bg_image a:before, .providerlogo a:before,
.mysports_teaser a:before { display:none; }

nav, ul { margin:0; padding:0; }
ul li { list-style:none; }

/* centerwrap */
.centerwrap {
  position:relative;
  width:92%;
  max-width:940px;
  margin:0 auto;
}

/* header */
#pageheader {
  position:fixed;
  z-index:999;
  width:100%;
  height:105px;
  top:0;
  background:#fff;
}

#pageheader .pageheader_center { width:92%; max-width:940px; margin:15px auto 0 auto;}
#pageheader .left_col { float:left; width:33.33%; }
#pageheader .right_col { float:right; width:66.67%; }

/* logo */
.logo a.logo-main-de, .logo a.logo-main-fr {
  display:block;
  background-size: contain;
  width:290px;
  height:55px;
}
.logo a.logo-main-de { background:url('../img/logo/suissedigital_logo2_de.svg') no-repeat 0 0; }
.logo a.logo-main-fr { background:url('../img/logo/suissedigital_logo2_fr.svg') no-repeat 0 0; }
.no-svg .logo a.logo-main-de { background:url('../img/logo/suissedigital_logo2_de.png') no-repeat 0 0; }
.no-svg .logo a.logo-main-fr { background:url('../img/logo/suissedigital_logo2_fr.png') no-repeat 0 0; }

/* meta + lang nav */
.meta nav { float:right; }
.meta nav ul { line-height:.875; }
.meta nav ul.quicklinks, .meta nav ul.lang { float:left; display:inline; }
.meta nav ul li { display:inline-block; font-size:.8125em; text-transform:uppercase; }
.meta nav ul.quicklinks li a { padding:0 7px 0 0; margin:0 7px 0 0; border-right:1px solid #ccc; }
.meta nav ul.quicklinks li.loggedin a { border-right:none; padding:0 3px 0 0; margin:0 3px 0 0; }

.meta nav ul.lang li { padding:0 5px 0 0; margin:0 5px 0 0; }
.meta nav ul.lang li.last { padding:0; margin:0; }
.meta nav ul.lang li.active a { color:#811114; }
.meta nav ul.lang li.passive { }

/* 940px header image for content */
#header_image { width:92%; max-width:940px; margin:105px auto 0 auto; }

/* hero slider (flickity) for home */
/* width like content gem. tel. 04.09.15 */
/* #home #header_image { max-width:1600px; position:relative; } */
#home #header_image { max-width:940px; position:relative; }
#home #header_image .suissedigital-slider .slider-cell { width:100%; }

/* dropdown nav for CUG */
#dropdown_nav { width:92%; max-width:940px; margin:0 auto; }
#dropdown_nav_mobile { display:none; }

/* content margin default template */
.content { margin:40px 0 25px 0; clear:both; }

/* content margin detail template */
.content.detail { margin:40px 60px 75px 60px; clear:both; }

/* content regular or bold */
.content h1, .content h2 { font-family:"AvenirNextLTW01-Regular", sans-serif; font-weight:normal; font-style:normal; }
h3, h4, .lead_teaser h1, .lead_teaser p, strong, b, th,
li.loggedin a, .hit { font-family:"Avenir Next LT W01 Bold", sans-serif; font-weight:normal; font-style:normal; letter-spacing:1px; }

/* content styles */
.content h1 { font-size:3em; line-height:1.25; text-align:center; text-transform:uppercase; color:#c1001f; margin:0 0 25px 0; }
.content h2 { font-size:1.875em; line-height:1.33; text-align:center; color:#c1001f; margin:30px 0 15px 0; clear:both; }
.content h3 { font-size:1.25em; line-height:1.3; margin:30px 0 15px 0; text-transform:uppercase; clear:both; }
.content h4 { font-size:1.25em; line-height:1.2; margin:30px 0 5px 0; }

.content p, .teaser p, .content ul, .content ol, .content table, .content dt, .content dd { font-size:1.25em; line-height:1.3; }
.content strong, .content b { }
.content p { margin:0 0 25px 0; }

.content ul, .content ol { margin:0 0 25px 0; padding:0; }
.content ul li {
  background:url('../img/css/list_line.png') no-repeat 0 10px;
  list-style:none;
  margin:0 0 15px 0;
  padding:0 0 0 15px;
}
.content ol li { margin:0 5px 15px 25px; padding:0 0 3px 0; border-bottom:1px solid #a59f95; }

.content hr { display:block; clear:both; height:1px; border:0; border-top:1px solid #a59f95; margin:0 0 25px 0; padding:0; }

.content table { border-collapse:collapse; margin:0 0 25px 0; }
.content table th { text-align:left; }
.content table th, .content table td { padding:5px 10px 5px 5px; vertical-align:top; border:1px solid #a59f95; }

/* img captions */
.csc-textpic-caption, .news-img-caption { margin:5px 0 0 0; font-size:1em; line-height:1.3; font-style:italic; }
.csc-textpic figure { margin:0; }

/* RTE classes */
.content .leadtext { font-size:1.5em; line-height:1.083; color:#ab513b; }
.content .infobox { background:#eee; padding:10px; border:1px solid #a59f95; }

/* title + links for news-slider */
.content h2.newsslider_title { font-size:1.875em; line-height:1.33; text-align:center; color:#a59f95; margin:50px 0 25px 0; padding:5px 0 0 0; border-top:1px solid #a59f95; }
.content p.newsslider_link { text-align:center; border-bottom:1px solid #a59f95; padding:0 0 5px 0; margin:0 0 50px 0; }

/* subnav mit CE special menu */
.content ul.csc-menu { margin:60px 0; }
.content .two_col ul.csc-menu, #cug .content ul.csc-menu { margin:25px 0; }
.content ul.csc-menu li { margin:0; padding:0; background:none; }

/* teaser boxen allgemein */
.teaser { margin:0; text-align:center; }
.teaser h1 { font-size:3em; line-height:1.25; text-align:center; text-transform:uppercase; color:#fff; margin:25px 0; }
.teaser h3 { font-size:1.25em; line-height:1.3; margin:20px 0; text-transform:uppercase; color:#fff; }
.teaser p { color:#fff; }

/* teaser lead thema home */
.lead_teaser {
  height:336px;
  margin:0;
  background:#000;
  position: relative;
  overflow:hidden;
  z-index:1;
}

.lead_teaser .teaser_text {
  position: absolute;
  width:100%;
  padding:0 10%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.lead_teaser .bg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity:0.8;
  background:#fff;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.lead_teaser .bg:hover { opacity:0.5; }
.lead_teaser p { font-size:1.75em; }

/* schweizer karte */
.bg_image { margin:0 0 50px 0; }
.bg_image #ch_map {
  background-image:url('../../../../fileadmin/user_upload/suissedigital/public/common/grafiken_content/suissedigital_schweizer_karte.jpg');
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
}
.bg_image #ch_map .inner {
  padding-top: 44.68%; /* height/width of image */
  display: block;
  height: 0;
}

/* teaser themas */
.themen_teaser { position:relative; overflow:hidden; height:240px; background:#000; z-index:1; text-align:center; }
.themen_teaser:before {
  content: ' ';
  display: block;
  position: absolute;
  z-index:-1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity:1.0;
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}
.themen_teaser:hover:before { opacity:0.5; }

.themen_teaser .teaser_text {
  position: absolute;
  width:100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding:0 10%;
}

/* teaser boxen standard */
.teaser_01.big .themen_teaser { margin:0 0 25px 0; }
.teaser_01.big .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_verband_big.jpg'); }
.teaser_01.small .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_verband_small.jpg'); }
.teaser_02 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_digitalisierung.jpg'); }
.teaser_03 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_schweizer_netz.jpg'); }
.teaser_04 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_mitglieder.jpg'); }
.teaser_05 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_bauen_planen.jpg'); }

/* teaser boxen sdd + hwz, 03.03.2016 */
.teaser_06 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_sdd16.jpg'); }
.teaser_07 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_hwz.jpg'); }
.teaser_06 .themen_teaser, .teaser_07 .themen_teaser { height:368px; }

.teaser_06 .themen_teaser .teaser_text { margin:-35px 0 0 0; }
.teaser_07 .themen_teaser .teaser_text { margin:45px 0 0 0; }
.teaser_07 .teaser h3, .teaser_07 .teaser p { color:#222; }
.teaser_07 .teaser strong { color:#ab513b; }

/* teaser plz-finder */
.plzfinder { position:relative; overflow:hidden; height:240px; background:#000;}
.plzfinder_form {
  position:absolute;
  width:100%;
  top: 50%;
  z-index:2;
  text-align:center;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.plzfinder:before {
  background-image:url('../img/teaser/suissedigital_plz-finder.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  content: ' ';
  display: block;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity:1.0;
}
.plzfinder:hover:before { opacity:0.5; }

/* footer */
footer .footer_copy { margin:40px 0; }
footer .footer_copy .col_left { float:left; width:50%; text-transform:uppercase; margin:2px 0 0 0; }
footer .footer_copy .col_right { float:right; width:50%; text-align:right; }
footer .footer_copy_link:before { content: "//"; padding:0 10px; }

/* social media icons */
footer a.icon_facebook,
footer a.icon_twitter,
footer a.icon_linkedin,
footer a.icon_youtube { display:inline-block; background-size:contain; width:20px; height:28px; opacity:1.0; margin:0 0 0 10px; }
footer a.icon_facebook:hover, footer a.icon_twitter:hover, footer a.icon_linkedin:hover, footer a.icon_youtube:hover { opacity:0.5; }
footer a.icon_facebook { background:url('../img/css/icons_footer/icon_facebook.svg') no-repeat 0 0; }
footer a.icon_twitter { background:url('../img/css/icons_footer/icon_twitter.svg') no-repeat 0 0; }
footer a.icon_linkedin { background:url('../img/css/icons_footer/icon_linkedin.svg') no-repeat 0 0; }
footer a.icon_youtube { background:url('../img/css/icons_footer/icon_youtube.svg') no-repeat 0 0; margin:2px 0 0 10px; }

/* sitemap in 3 cols */
footer .footer_sitemap ul { margin:0 0 20px 0;  }
footer .footer_sitemap .col_01,
footer .footer_sitemap .col_02,
footer .footer_sitemap .col_03 { float:left; width:31%; margin:0 2% 0 0; }
footer .footer_sitemap .col_03 { margin:0; }

/* CE filelist */
ul.ce-uploads{ padding:0; margin:0 0 25px 0; border-top:1px solid #a59f95; }
ul.ce-uploads li { padding:0 0 5px 0; margin:5px 0; border-bottom:1px solid #a59f95; background:none; }
ul.ce-uploads li.csc-uploads-element { }
ul.ce-uploads li.csc-uploads-element:hover { }
ul.ce-uploads span { display:inline; }
ul.ce-uploads span.csc-uploads-fileName { text-decoration:none; }
ul.ce-uploads span.csc-uploads-extension { padding:0 0 0 5px; color:#a59f95; }
ul.ce-uploads span.csc-uploads-description { display:block; color:#a59f95; }

/* ext mitglieder suche aka plz-finder */
.tx-mitgliedersuche { text-align:center; margin:45px 0 75px; }
.plzfinder .tx-mitgliedersuche { margin:0; }
.tx-mitgliedersuche .error { color:#c1001f; margin:25px auto; width:80%; }
.tx-mitgliedersuche .plzfinderPLZ { margin:0 5px 0 0; font-size:1.25em;  }
.tx-mitgliedersuche .startPlzfinder { display:inline-block; vertical-align:top; cursor:pointer; }

.tx-mitgliedersuche #results { margin:50px 0 100px 0; text-align:left; }
.tx-mitgliedersuche #results div { margin:0 0 10px 0; }
.tx-mitgliedersuche #results ul li { margin:0 0 5px 0; font-size:90%; text-align:left; cursor:pointer; }
.tx-mitgliedersuche #results .providersuchabfrage { border-bottom:1px solid #a59f95; margin:0 0 20px 0; }
.tx-mitgliedersuche #results .labeladr,
.tx-mitgliedersuche #results .labelservice { padding:0 5px 0 0; }
.tx-mitgliedersuche #results .mysports { color:#811114; }

/* ext mitgliederliste 3-SPALTIG NEU */
.tx-mitgliedersuche #results .providername { font-family: "Avenir Next LT W01 Bold",sans-serif; font-weight: bold; /*border-top:1px solid #a59f95;*/ padding-top:10px; }
.tx-mitgliedersuche #results .providerlogo {display: table;}
.tx-mitgliedersuche #results .providerlogo .logo { max-width: 90%; /*margin: 20px 0;*/; width:100%; display: block;margin: 0 auto;}
.tx-mitgliedersuche #results .providerlogo .providerlogo-container {display: table-cell;}

@media screen and (min-device-width : 768px) {
  .tx-mitgliedersuche #results .provideradr { float:left; width: 35%;}
  .tx-mitgliedersuche #results .ansprechpartner { float:left; width: 35%;}
  .tx-mitgliedersuche #results .providerlogo { float:left; width: 30%;}
}

/* ext mitgliederliste */
.tx-mitgliederliste .foldable { margin:25px 80px 35px 80px; }
.tx-mitgliederliste .foldable .toggleMitglied { display:inline-block; padding:0; margin:0 0 5px 0; font-size:1.25em; }
.tx-mitgliederliste .foldable .mitgliedDetailBox { border-top:1px solid #a59f95; border-bottom:1px solid #a59f95; margin:20px 50px; }

/* ext plz-finder loading icon */
.spinner{margin:20px auto;width:50px;height:30px;text-align:center;font-size:10px}
.spinner>div{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* ext gridelements >> 2 cols 50/50 */
.two_col { margin:0 0 25px 0; }
.two_col .two_col_left_50, .two_col .two_col_right_50 { width:49%; }
.two_col .two_col_left_50 { float:left; margin:0; }
.two_col .two_col_right_50 { float:right; margin:0; }

/* ext gridelements >> 2 cols 50/40 */
.two_col_50_40 { margin:0 0 25px 0; }
.two_col_50_40 .two_col_left_50 { width:49%; float:left; margin:0; }
.two_col_50_40 .two_col_right_40 { width:42%; float:right; margin:0; }

/* ext gridelements >> 2 cols 50/50 portrait */
.two_col_portrait { float:left; width:48%; margin:0; min-height:380px; }
.two_col_portrait img { max-width:170px; }

.two_col_clear .csc-default:nth-child(2n+1) { clear:both; }

/* ext gridelements >> accordion */
.content-toggler { cursor:pointer; padding:0; margin:0; overflow:hidden; }
.content-toggler h3 { background:url('../img/css/accordeon_bg_arrow_small.svg') no-repeat right 0; margin:0 0 10px 0; padding:0; line-height:2; border:2px solid #a59f95; text-align:center; color:#ab513b; }
.content-toggler h3:hover, .content-toggler h3.active { background:url('../img/css/accordeon_bg_arrow_small.svg') no-repeat right -120px; color:#811114;}
.no-svg .content-toggler h3,
.no-svg .content-toggler h3:hover,
.no-svg .content-toggler h3.active { background:url('../img/css/accordeon_bg_arrow_small.png'); }
.content-toggler:hover { color:#cc66ff; }
.foldable { padding:10px 0 0; overflow:hidden; display:none; }
.all-toggler { margin:0 0 25px 0; text-align:left; }
.all-toggler a { cursor:pointer; }

/* ext gridelements >> accordion mysports provider */
.content-toggler.mysports h3 { line-height:1.3; text-align:left; padding:5px; }
.content-toggler.mysports h3 .provideradr { font-size:80%; text-transform:none; color:#a59f95; }
.content-toggler.mysports h3 .providerlogo { float:left; margin:0 10px 0 0; }
.content-toggler.mysports h3 .providerlogo img { width:50px; margin:0; }

.mysports_provider { margin:20px 0; }
.mysports_provider .providerlogo { float:left; margin:0 20px 20px 0; }
.mysports_provider .providerlogo img { border:1px solid #ccc; width:110px; }

/* ext gridelements >> lightbox-link */
.lightbox-link { cursor:pointer; padding:0; margin:0 0 50px 0; overflow:hidden; }
.lightbox-link h3 { background:url('../img/css/accordeon_bg_arrow_big.svg') no-repeat right 0; font-size:1.875em; margin:0 0 10px 0; padding:0; line-height:2; border:2px solid #a59f95; text-align:center; color:#ab513b; }
.lightbox-link h3:hover, .lightbox-link h3.active {background:url('../img/css/accordeon_bg_arrow_big.svg') no-repeat right -180px; color:#811114;}
.lightbox-link:hover { color:#cc66ff; }
.no-svg .lightbox-link h3,
.no-svg .lightbox-link h3:hover,
.no-svg .lightbox-link h3.active { background:url('../img/css/accordeon_bg_arrow_big.png'); }

/* ext gridelements >> ce-staff */
.ce-staff-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ce-staff-container .ce-staff { 
  background:#fff;
  flex: 0 48%;
  margin-bottom:2%;
 }
.ce-staff-container .ce-staff img { max-width:170px; }

/* ext. felogin */
.tx-felogin-pi1 legend { display:none; }
.tx-felogin-pi1 fieldset { margin:20px 0; }
.tx-felogin-pi1 div { margin:0 0 5px 0; clear:both; overflow:hidden; font-size:1.25em; line-height:1.3; }
.tx-felogin-pi1 form div { font-size:1em; line-height:1.3; }
.tx-felogin-pi1 form label { font-size:1.25em; line-height:1.3; }
.tx-felogin-pi1 label{ display:block; width:180px; float:left; clear:left; text-align:left; margin:5px 0; }
.tx-felogin-pi1 input[type=text], .tx-datamintsfeuser-pi1 input[type=email],
.tx-felogin-pi1 input[type=password] { width:320px; margin:0 0 0 20px; }
.tx-felogin-pi1 input[type="submit"] { width:320px; margin:10px 0 0 200px; font-size:1.125em; }

/* forms */
input[type=text], input[type=email], input[type=number],
input[type=password], input[type=date], textarea {
  background: #fff;
  border:2px solid #a59f95;
  padding:5px;
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}

input[type=text]:focus, input[type=email]:focus, input[type=number]:focus,
input[type=password]:focus, input[type=date]:focus, textarea:focus {
  border:2px solid #811114;
}

input[type="submit"],
input[type="reset"] {
  padding:7px 15px;
  background:#c1001f;
  font-size:1.125em;
  color:#fff;
  border:0 none;
  cursor:pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: none;
}
input[type="reset"] { background:#ccc; }
input[type="submit"]:hover, input[type="reset"]:hover { background:#811114; border-bottom:none; }

/* shariff */
.content .shariff ul li { margin:0 3% 10px 0; padding:0; background:none; }
.centerwrap .shariff a:before { content: ""; }

/* Helper classes */
.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}

/* ========================================================
Media Queries for Responsive Design
======================================================== */

/* Desktop: Design for a width to 1119px */
@media only screen and (min-width: 960px) and (max-width: 1119px) {

  .centerwrap, #pageheader .pageheader_center,
  #header_image, #dropdown_nav { width:89%; }

  .meta nav ul.quicklinks li a { padding:0 5px 0 0; margin:0 5px 0 0; }
  .meta nav ul.quicklinks li:last-child a { border-right:none; margin:0; padding:0; }
  .meta nav ul.lang { display:none; }

}

/* Tablet (Portrait): Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

  #pageheader { position:static; width:100%; height:auto; margin:0}
  #pageheader .left_col, #pageheader .right_col { float:none; width:100%; }
  #pageheader .search_box { position:absolute; top:0; right:80px; }

  .meta nav { margin:15px 0; }
  .meta nav ul.quicklinks li:last-child a { border-right:none; margin:0; padding:0; }
  .meta nav ul.lang { display:none; }

  #header_image { margin:0 auto; }

  .lead_teaser { height:320px; }
  .lead_teaser .bg { background-size:cover; }

  .teaser h1 { font-size:2em; line-height:1.1; color:#fff; margin:15px 0; }
  .teaser_07 .teaser p { font-size:95%; }

  footer .footer_sitemap .col_01 { float:left; width:41%; margin:0 2% 0 0; }
  footer .footer_sitemap .col_02 { float:left; width:26%; margin:0 2% 0 0; }
  footer .footer_sitemap .col_03 { float:left; width:26%; margin:0 2% 0 0; }

}

/* Mobile (Portrait): Design for a width of 320px */
@media only screen and (max-width: 767px) {

  #pageheader { position:static; width:100%; height:120px; margin:50px 0 0 0}
  #pageheader .left_col, #pageheader .right_col { float:none; width:100%; }
  .meta nav { display:none; }
  #header_image { margin:0 auto; }

  .lead_teaser { height:280px; }
  .lead_teaser .bg { background-size: cover; }

  .lead_teaser .teaser_text, .themen_teaser .teaser_text { padding:0 5%; }

  .content h1 { font-size:1.75em;  }
  .content h2 { font-size:1.5em; line-height:1.33; }
  .teaser h1 { font-size:1.5em; line-height:1.4; margin:15px 0; }
  .teaser p { font-size:1.125em; line-height:1.4; }
  .content.detail { margin:40px 0 20px 0; }

  .lightbox-link h3 { background:url('../img/css/accordeon_bg_arrow_small.png') no-repeat right 0; font-size:1.0675em; line-height:2.25; text-align:left; padding:0 0 0 10px; }
  .lightbox-link h3:hover {background:url('../img/css/accordeon_bg_arrow_small.png') no-repeat right -120px; }

  .two_col .two_col_left_50, .two_col .two_col_right_50 { float:none; width:100%; margin:0; }
  .two_col .two_col_left_50, .two_col .two_col_right_50 { margin: 0 0 20px 0; }
  .two_col_50_40 .two_col_left_50, .two_col_50_40 .two_col_right_40 { width:100%; float:none; margin: 0 0 20px 0; }
  .two_col_portrait { float:none; width:100%; margin:0; }

  footer .footer_sitemap .col_01, footer .footer_sitemap .col_02,  footer .footer_sitemap .col_03 { float:none; width:100%; margin:0; }
  footer .footer_copy { margin:0; }
  footer .footer_copy .col_left,   footer .footer_copy .col_right { float:none; width:100%; margin:20px 0; }
  footer .footer_copy_link { display:inline-block; }

  .tx-felogin-pi1 label { width:100%; float:none; margin:0 0 0 20px; text-align:left; }
  .tx-felogin-pi1 input[type="submit"] { margin:20px; }

  .bg_image #ch_map { background-image:url('../../../../fileadmin/user_upload/suissedigital/public/common/grafiken_content/suissedigital_schweizer_karte_700.jpg'); }
  .teaser_01.big .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_verband_big_700.jpg'); }
  .plzfinder:before { background-image:url('../img/teaser/suissedigital_plz-finder_700.jpg'); }

  /* added nav for CUG mobile   */
  #dropdown_nav { display:none; }
  #dropdown_nav_mobile { display:block; width:92%; max-width:768px; margin:0 auto; }

  /* extranet subnav */
  #dropdown_nav_mobile nav ul.level-1 li { margin:10px 0; }
  #dropdown_nav_mobile nav ul.level-1>li>a { position:relative; display:block; margin:0; padding:4px 8px; line-height:2; border:2px solid #a59f95; text-align:left; color:#811114; cursor:pointer; }
  #dropdown_nav_mobile nav ul.level-1>li>a:hover, #dropdown_nav_mobile nav ul.level-1>li.active>a { background:#811114; color:#fff; }

  #dropdown_nav_mobile nav ul.level-1>li.has-sub>a { background:url('../img/css/accordeon_bg_arrow_small.svg') no-repeat right 0; }
  #dropdown_nav_mobile nav ul.level-1>li.has-sub.active>a,
  #dropdown_nav_mobile nav ul.level-1>li.has-sub>a:hover { background:url('../img/css/accordeon_bg_arrow_small.svg') no-repeat right -120px #811114; color:#fff; }

  #dropdown_nav_mobile nav ul.level-1>li>a:hover,
  #dropdown_nav_mobile nav ul.level-1>li.open-dropdown>a { background:#811114; color:#fff; }

  #dropdown_nav_mobile nav ul.level-1 .menu_title { font-family:"Avenir Next LT W01 Bold"; display:block; margin:20px 0 0 0; }

  #dropdown_nav_mobile nav ul.level-2 { display:none; margin:10px 0; }
  #dropdown_nav_mobile nav ul.level-2.current { display: block; }
  #dropdown_nav_mobile nav ul.level-2 li { margin:0; padding:0; }
  #dropdown_nav_mobile nav ul.level-2 li a { display:block; background:none !important; padding:5px 0; border-bottom: 1px solid #999; }
  #dropdown_nav_mobile nav ul.level-2 li:last-child a { border-bottom:none; }
  #dropdown_nav_mobile nav ul.level-2 li.open-dropdown a { }

  .ce-staff-container .ce-staff { flex:0 100%; border-bottom:1px solid #ccc; padding-top:2%; }
  .ce-staff-container .ce-staff:last-child { border-bottom:none; }
  
}

/* Mobile (Landscape): Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

  #pageheader { margin:0 }
  .content h1 { font-size:2.25em; }
  .teaser h1 { font-size:1.75em; line-height:1.1; margin:15px 0; }
  .teaser p { font-size:1.25em; line-height:1.3; }

}

/* Style adjustments for high res devices */
@media print,
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 1.25dppx),
  (min-resolution: 120dpi) {

  .bg_image #ch_map { background-image:url('../../../../fileadmin/user_upload/suissedigital/public/common/grafiken_content/suissedigital_schweizer_karte@2x.jpg'); }
  .teaser_01.big .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_verband_big@2x.jpg'); }
  .teaser_01.small .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_verband_small@2x.jpg'); }
  .teaser_02 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_digitalisierung@2x.jpg'); }
  .teaser_03 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_schweizer_netz@2x.jpg'); }
  .teaser_04 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_mitglieder@2x.jpg'); }
  .teaser_05 .themen_teaser:before { background-image:url('../img/teaser/suissedigital_teaser_bauen_planen@2x.jpg'); }
  .plzfinder:before { background-image:url('../img/teaser/suissedigital_plz-finder@2x.jpg'); }

}

@media print{
  blockquote,img,pre,tr{page-break-inside:avoid}
  *,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
  a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}
  abbr[title]:after{content:" (" attr(title)")"}
  a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
  blockquote,pre{border:1px solid #999}
  thead{display:table-header-group}
  img{max-width:100%!important}
  h2,h3,p{orphans:3;widows:3}
  h2,h3{page-break-after:avoid}
}