/*.lang-fr { display: none; }*/
.hide-on-mobile { display: none; }

/***** Resets *****/
html                                            { font-size:14px; overflow:-moz-scrollbars-vertical; overflow-y:scroll; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
body                                            { margin:0; font-family:'sans-serif'; line-height:1.45; }
*, *:before, *:after                            { margin:0; padding:0; border:none; box-sizing:inherit; }
.mod_article { padding: 40px 10px !important; }
img { max-width: 100%; height: auto; }
.image_container { max-width: 100%; height: auto; }
/***********************************************
Links
***********************************************/
/* old color #cd0102 */
a { color:#b00000; text-decoration:underline; outline:0; text-decoration: none;
  transition:
    color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s
  ;
  -moz-transition:
    color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s
  ;
  -webkit-transition:
    color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s
  ;
  -o-transition:
    color 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    fill 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s,
    background 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s
  ;
}
a:focus                                         { outline:none; -moz-outline-style:none; }
a:hover { color:#333; text-decoration:underline; outline:0; text-decoration: none; }



/*Google Fonts*/
/* noto-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/noto-sans-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/noto-sans-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/noto-sans-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/noto-sans-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* material-icons-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/material-icons-v140-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*  Titel  */
.home h1 { font-size: 24px; }
.mod_article h2 { text-transform: uppercase; font-weight: 700; border-left: 5px #b00000 solid; padding-left: 10px; margin-top: 0; margin-bottom: 25px; min-height: 50px; }
.no-border h2 { border: 0; }

/* Alt geändert Urs 29.9.9
.home h3 { text-decoration: none; text-transform: uppercase; font-weight: 700; color: #555555; font-size: 18px; line-height: 24px; margin-top: 0; border: 0; padding: 0; } */
.home h3 { text-decoration: none; text-transform: uppercase; font-weight: 700; color: #555555; font-size: 18px; margin-top: 0; border: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { text-transform: uppercase; font-weight: 700; }


body { font-family: 'Noto Sans', sans-serif; font-size: 14px; line-height: 22px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #454545; background: #fff; }
/*#wrapper { padding: 0 20px; }*/
#header { height: 80px; }
.mod_article:nth-child(2n) { background: #efefef; padding: 20px 0; }


/*  Mobile Menu  */
.mobile_menu_trigger { cursor: pointer; width: 50px; height: 35px; display: block; position: absolute; top: 20px; left: 10px; background:url("if_menu-alt_134216.svg") top left no-repeat; background-size: contain;}

.mobile_menu .inner { background: #333; padding: 10px; }
.mobile_menu .inner li { width: 100%; }
.mobile_menu .inner li a { line-height: 30px; border-bottom: 1px solid #666; width: 100%; display: block; color: #fff; }
.mobile_menu .inner #nav_main_mobile li strong { border-bottom: 1px solid #666; line-height: 30px; color: #ccc; display: block; }
.mobile_menu .inner li .level_2 li { font-size: 0.8em; padding-left: 10px; }
.mobile_menu .inner li strong { color: #666; line-height: 30px; }





/*  Logo  */
#logo { width: 180px; height: 39px; margin-top: 20px; right: 54px; position: absolute; }
#logo a { width: 224px; height: 39px; background: url(SE_Logo_rechts.svg) top right no-repeat; display: block; }

/*  chlang  */
#chlang ul li { float: left; width: 30%; }
#chlang ul li a { border-bottom: 0; }

/*  Slider . */
#slider { width: 100%; height: 150px; background: url(headerimages/img_header_start_02.jpg) center center no-repeat; background-size: cover; }
#slider .inside { width: 100%; margin: 0 auto; }
.services #slider, .dienstleistungen #slider { margin-bottom: 25px; } 

.team #slider { background: none; background-size: cover; height: 5px; }
.publikationen #slider { background: none; background-size: cover; height: 5px; }
.dienstleistungen #slider { background: none; background-size: cover; height: 5px; }
.news #slider { background: none; background-size: cover; height: 5px; }


/*  Artikel . */
.mod_article { padding: 40px 0; }

/*  LEAD  */
.lead.mod_article:first-child ce_t.ext { width: 1280px; margin: 0 auto; }
/*.lead { font-size: 17px; line-height: 24px; }*/
.lead h1 { margin-top: 1em; margin-bottom: 1em; }
.lead ul { color:#cd0102; }

/*  NEWS  */



.mod_newslist .layout_latest { width: 100%; display: block; margin-bottom: 25px; border-bottom: #ccc 1px solid; }
.mod_newslist h2 a { text-decoration: none; text-transform: uppercase; font-weight: 700; color: #454545; }
/* ALT URS geändert 29.9 .mod_newslist h2 { font-size: 18px; line-height: 24px; margin-top: 0; border: 0; padding: 0;}*/
.mod_newslist h2 { font-size: 18px; margin-top: 0; border: 0; padding: 0;}

.mod_newslist .more a { text-decoration: none; }
.mod_newslist .red-bg { background: rgba(233,0,0,0.4); height: 28px; position: relative; top: -34px; }

.mod_newslist { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; }
.mod_newslist.hide-on-mobile {display: none;}

/* ALT URS geändert 29.9 .news .headline { font-size: 18px; line-height: 24px; margin-top: 0; border: 0; padding: 0; height: auto; text-transform: uppercase; color: #555; font-weight: 700; } */

.news .headline { font-size: 18px; margin-top: 0; border: 0; padding: 0; height: auto; text-transform: uppercase; color: #555; font-weight: 700; }

.news .info time { color: #999; margin-top: 3px; }
.news .accordion_link p { color: #555555; }
.news .accordion_link { width: 100%; margin-top: 10px; padding-top: 25px; border-top: 1px solid #ccc; color: #555 !important;  }


.news .accordion_item{
  display: none;
}

/*  Text / Bild  */
.text-bild .image_container { max-width: 100%; height: auto; }

/*  Downloads  */
.ce_downloads { line-height: 50px; }
.ce_downloads ul { border-top: 1px solid #dbdbdb; }
.ce_downloads ul li { border-bottom: 1px solid #dbdbdb; }
.ce_downloads ul li.ext-pdf { background: url(img_icon_pdf.png) right center no-repeat; }
.ce_downloads a { width: 100%; display: block; color: #454545; }
.ce_downloads .size { position: relative;  }
	
/*  Archiv  */	

/*  Formular / Newsletter  */
form button { background: rgba(233,0,0,0.4); color: #ffffff; line-height: 50px; padding: 0 18px; }
form input[type="email"] { background: #f7f7f7; color: #454545; line-height: 50px; border: #e4e4e4 1px solid; padding: 0 18px; width: 100%; }
form .checkbox_container { margin: 20px 0; }
form .checkbox_container span { width: 250px; display: block; line-height: 30px; float: left; }
form .checkbox { background: #f7f7f7; color: #454545; border: #e4e4e4 1px solid; width: 20px; height: 20px; }
.adresse { padding: 10px; }

/*  Footer  */
#footer { background:#d4d4d4; color: #454545; }
#footer .inside { width: 100%; margin: 0 auto; padding: 50px 20px; }
#footer .col { width: 100%; display: block; }

/*  Bottom  */
#footer #bottom-nav { display: inline; line-height: 40px; }
#footer #bottom-nav a { color: #454545; text-decoration: none; font-size: 13px; padding: 0 10px 0 0; width: 100%; }
#footer #bottom-nav a:hover, #bottom #bottom-nav strong { color: #999; text-decoration: none; font-size: 13px; padding: 0 10px 0 10px; width: 100%; font-weight: 300; }



/*  TEAM  V.2  */
.home .layout_simple, .team .layout_simple { width: 100%; float: none; margin-right: 0; opacity: 0.8; height: 260px; margin-bottom: 10px !important;

	-webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;

}

.team .layout_simple .workers-name { opacity: 0; background: #b00000; height: 280px !important; display: block; position: relative; top: -237px; width: 100%; color: #fff; }

.team .layout_simple .workers-name .headline { opacity: 0; font-weight: 700; position: relative; top: 60px; left: 20px; 
	-webkit-transition: top 300ms ease-out;
    -moz-transition: top 300ms ease-out;
    -o-transition: top 300ms ease-out;
    transition: top 300ms ease-out;
}
.team .layout_simple .workers-name .subheadline { opacity: 0; font-weight: 300; position: relative; top: 60px; left: 20px; 
	-webkit-transition: top 300ms ease-out 50ms;
    -moz-transition: top 300ms ease-out 50ms;
    -o-transition: top 300ms ease-out 50ms;
    transition: top 300ms ease-out 50ms;
}

.team .layout_simple .image_container { height: 260px !important; background: green !important; }

.team .layout_simple:hover .workers-name { opacity: 0.9; background: #b00000; height: 281px !important; display: block; position: relative; top: -260px; width: 100%; color: #fff; }
.team .layout_simple:hover .workers-name .headline { opacity: 0.9; font-weight: 700; position: relative; top: 20px; left: 20px; }
.team .layout_simple:hover .workers-name .subheadline { opacity: 0.9; font-weight: 300; position: relative; top: 20px; left: 20px; }

.news-left { width: 400px; margin-right: 50px; float: left; }
.news-left h2 { padding: 0; border: 0; font-weight: 300; }
.news-right .ce_text { margin-top: 27px; }
.news-right .image_container { margin-right: 40px; }

.weitere_publikationen .layout_simple { width: 33%; float: left; border-top: #ccc 1px solid; padding: 25px 25px 25px 0; }

.mosaik .layout_simple:hover { opacity: 1; }
.mosaik .layout_simple:nth-child(3n+3) { margin-right: 0; }
.mosaik .layout_simple:nth-child(4) { margin-left: calc(100% / 5); margin-right: 0; }
.mosaik .layout_simple:nth-child(5) { margin-left: calc(100% / 5);  }
.mosaik .layout_simple:nth-child(6) { margin-right: calc(100% / 5); }
.mosaik .layout_simple:nth-child(7) { margin-right: 0;  }
.mosaik .layout_simple:nth-child(8) { margin-left: calc(100% / 5); }
.mosaik .layout_simple .image_container {margin: 0; padding: 0; background: red; height: 237px; }
.mosaik .layout_simple .image_container img { width: 100%; height: auto; }

.matrix .layout_simple:hover { opacity: 1; }
.matrix .layout_simple .image_container {margin: 0; padding: 0; background: red; height: 237px; }
.matrix .layout_simple .image_container img { width: 100%; height: auto; }
.matrix .layout_simple { margin: 0;}


/*  Service  */
.service .wrapper { width: 100% !important; margin: 0 auto; }
.service .icon { text-align: center; border-bottom: 1px solid #efefef; width: 100%; float: none; background: #fff url(icon.svg) 12px 12px no-repeat; background-size: 50px auto; line-height: 113px; display: inline-block; height: 80px; }

.service .icon.ico_regulierung { background: #fff url(icons/ico_regulierung.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_wirtschaftspolitik { background: #fff url(icons/ico_wirtschaftspolitik.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_wettbewerbsoekonomik { background: #fff url(icons/ico_wettbewerbsoekonomik.svg) center 12px no-repeat; background-size: 30px auto; }

.service .icon.ico_schadensbemessung { background: #fff url(icons/ico_schadensbemessung.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_bewertung { background: #fff url(icons/ico_bewertung.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_preisgestaltung { background: #fff url(icons/ico_preisgestaltung.svg) center 12px no-repeat; background-size: 30px auto; }

.service .icon.ico_effizienzanalyse { background: #fff url(icons/ico_effizienzanalyse.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_blockketten { background: #fff url(icons/ico_blockketten.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_datenanalyse { background: #fff url(icons/ico_datenanalyse.svg) center 12px no-repeat; background-size: 30px auto; }

.service .icon.ico_telekom { background: #fff url(icons/ico_telekom.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_medien { background: #fff url(icons/ico_medien.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_finanzen { background: #fff url(icons/ico_finanzen.svg) center 12px no-repeat; background-size: 30px auto; }

.service .icon.ico_gesundheit { background: #fff url(icons/ico_gesundheit.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_energie { background: #fff url(icons/ico_energie.svg) center 12px no-repeat; background-size: 30px auto; }
.service .icon.ico_verkehr { background: #fff url(icons/ico_verkehr.svg) center 12px no-repeat; background-size: 30px auto; }


.dienstleistungen .icon.big { color: #555555; height: auto; float: none; background: #fff url(icon.svg) 0 40px no-repeat; background-size: 50px auto; display: inline-block; padding: 30px 0 0 0; border-bottom: 1px solid #efefef; 

	-webkit-transition: background 350ms ease-in;
    -moz-transition: background 350ms ease-in;
    -o-transition: background 350ms ease-in;
    transition: background 350ms ease-in;

}

.dienstleistungen .icon.big p:nth-of-type(2) { color: #b00000; }

.dienstleistungen .icon.big:nth-child(3n+3) { border-right: 0; }

.dienstleistungen .icon.ico_regulierung.big { background: #fff url(icons/ico_regulierung.svg) 0 6px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_wirtschaftspolitik.big { background: #fff url(icons/ico_wirtschaftspolitik.svg) 0 6px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_wettbewerbsoekonomik.big { background: #fff url(icons/ico_wettbewerbsoekonomik.svg) 0 6px no-repeat; background-size: 35px auto; }

.dienstleistungen .icon.ico_schadensbemessung.big { background: #fff url(icons/ico_schadensbemessung.svg) 0 6px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_bewertung.big { background: #fff url(icons/ico_bewertung.svg) 0 6px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_preisgestaltung.big { background: #fff url(icons/ico_preisgestaltung.svg) 0 6px no-repeat; background-size: 35px auto; }

.dienstleistungen .icon.ico_effizienzanalyse.big { background: #fff url(icons/ico_effizienzanalyse.svg) 0 6px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_blockketten.big { background: #fff url(icons/ico_blockketten.svg) 0 6px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_datenanalyse.big { background: #fff url(icons/ico_datenanalyse.svg) 0 6px no-repeat; background-size: 35px auto; }

/*Sektoren*/
.dienstleistungen .icon.ico_telekom.big { background: #fff url(icons/ico_telekom.svg) 0 6px no-repeat; background-size: 35px auto;  }
.dienstleistungen .icon.ico_medien.big { background: #fff url(icons/ico_medien.svg) 0 6px no-repeat; background-size: 35px auto;  }
.dienstleistungen .icon.ico_finanzen.big { background: #fff url(icons/ico_finanzen.svg) 0 6px no-repeat; background-size: 35px auto; }

.dienstleistungen .icon.ico_gesundheit.big { background: #fff url(icons/ico_gesundheit.svg) 0 6px no-repeat; background-size: 35px auto;  }
.dienstleistungen .icon.ico_verkehr.big { background: #fff url(icons/ico_verkehr.svg) 0 6px no-repeat; background-size: 35px auto;  }
.dienstleistungen .icon.ico_energie.big { background: #fff url(icons/ico_energie.svg) 0 6px no-repeat; background-size: 35px auto;  }


/*  Publikationen  */
.weitere_publikationen .layout_simple { width: 100%; float: none; border-top: #ccc 1px solid; padding: 25px 25px 25px 0; }
.c33l, .c33r { width: 100%; }
.subcl, .subc, .subcr { padding: 0 !important; }

/*  Formular / Newsletter  */
form button { background: #b00000; color: #ffffff !important; line-height: 50px; padding: 0 18px; cursor: pointer; display: block; width: 200px; }
form button:hover { background: #b00000; }


form input { background: #f7f7f7; color: #555555; line-height: 50px; border: #e4e4e4 1px solid; padding: 0 18px; width: 100%; margin-bottom: 12px; }
form textarea { background: #f7f7f7; color: #555555; line-height: 50px; border: #e4e4e4 1px solid; padding: 0 18px; width: 100%; margin-bottom: 12px; }
form .checkbox_container { margin: 20px 0; }
form .checkbox_container span { width: 250px; display: block; line-height: 30px; float: left; }
form .checkbox { background: #f7f7f7; color: #555555; border: #e4e4e4 1px solid; width: 20px; height: 20px; }
form { margin-bottom: 50px; }

/*  Rote Linie unter Bildern  */
.mod_newslist img, .ce_text img { border-bottom: 5px solid #b00000; }
#footer img { border-bottom: 0 !important; }

/*  Team  */
.team .news-left { width: 100%; float: none; display: block; }
.team .news-right { width: 100%; float: none; display: block; }
.team .news-right .image_container { width: 100% !important; height: auto; float: none; display: block; }
.team .subcolumns .col_1, .subcolumns .col_2 { width: 100%; display: block; }

.team.detail h2 { margin-bottom: 0; padding-bottom: 0; }

.team.detail #main ul { padding: 0 0 0 20px; }
.team.detail #main ul.no-bullets { padding: 0 0 0 0; }
.team.detail #main ul li { margin-bottom: 5px; padding-bottom: 5px; list-style-type: square; }
	


/*  Publikationen - alt, neu unten ohne abstand
.publikationen .headline { font-size: 18px; line-height: 24px; margin-top: 0; border: 0; padding: 0; height: auto; text-transform: uppercase; color: #555; font-weight: 700; }
.publikationen .info time { color: #999; margin-top: 3px; }
.publikationen .accordion_link p { color: #555555; }

  Publikationen  */
.publikationen .headline { font-size: 18px; margin-top: 0; border: 0; padding: 0; height: auto; text-transform: uppercase; color: #555; font-weight: 700; }
.publikationen .info time { color: #999; margin-top: 3px; }
.publikationen .accordion_link p { color: #555555; }

.publikationen .image_container { padding: 25px 0 0 !important; margin-top: 10px !important; border-top: #ccc 1px solid !important; }
.publikationen .accordion_link p:last-child { margin-bottom: 18px; }

#slider { border-bottom: 5px solid #b00000; }
/* Original 5px */




.hideback .back {
	display: none !important;
}

*:focus {
outline: none;
}



/******************************** Back to top *******************************/
.back-to-top {
	text-indent: -9999px;
	background:#fff url("se-totop.svg") center center no-repeat;
	background-size: 80% 80%;
	position: fixed;
	bottom:20px;
	right:20px;
	padding:1em;
	width: 50px;
	height: 50px;
}





/********************************* Accordeon ***************************/

/*special adjustemnts for akkordeon team projects and publications*/

.hideback .back {
	display: none !important;
}

*:focus {
outline: none;
}


/*akkordeon se team projects and publications*/
input {
    display: none;
}

label {
    display: block;
    positiontion: absolute;   
    cursor: pointer;
    color: #b00000;
    transition: ease .5s;
    margin-top: 10px;
    /*margin-top:10px;*/

}

label:hover {
    background: #FFF;
}


.de + label::before  {
  content: 'mehr ';
  position:relative;
  bottom: 5px;
  /*content: url("img_acc_open.png") 'mehr ... ';*/
}

.en + label::before  {
  content: ' more ';
  position:relative;
  bottom: 5px;
}

label::after  {
  font-family: 'Material Icons'; 
  font-size: 20px;
  content:'\e5cc';
  /*content: '\25B6' ' mehr ...';*/
  /*content: url("img_acc_open.png") 'mehr ... ';*/
}

.content {
    background: #FFF;
    /*padding: 10px 25px;*/
    /*border: 1px solid #A7A7A7; */
    /*margin: 0 0 1px 0; */
    /*border-radius: 3px; */
}

input + label + .content {
    display: none;
    /*height: 0px*/
    max-height: 0px;
    transition: height 2s;
}

input:checked + label + .content {
    display: block;
    max-height: 10000px;
    transition: max-height 5s;
}

input:checked + label.de::before {
    content: 'weniger ';
    position:relative;
    bottom: 5px;
}

input:checked + label.en::before {
    content: 'less ';
    position:relative;
    bottom: 5px;
}

input:checked + label::after  {
  font-family: 'Material Icons'; 
  font-size: 20px;
  content:'\e5cf';
  /*content: '\25B6' ' mehr ...';*/
  /*content: url("img_acc_open.png") 'mehr ... ';*/
}