/* lang-fr { display: none; } */
.invers { flex-direction: row-reverse !important; }
.hide-on-screen { display: none !important; }
.fixed-footer #footer { position: fixed; bottom: 0; width: 100% !important; }
.ce_colsetStart { padding-top: 25px !important; }

/*
body{
    zoom: 0.8;
}
*/

/*  Slider  */
html, body, #wrapper {
  height: 100%;
  min-height: 100%;
}

.startseite #wrapper .custom, .home #wrapper .custom { height: 25% !important; }
.startseite #slider, .home #slider { height: 100% !important; }

.mobile_menu_trigger { visibility: hidden; cursor: pointer; }
.adresse { display: none; }
.zwei_spalten.kontakt .mod_article { background: #fff; }

/*Bullets*/
.team.detail #main ul li { margin-bottom: 5px; padding-bottom: 5px; width: 720px;  }
.team.detail #main ul li:last-child { margin-bottom: 0; padding-bottom: 0; }
.team.detail #main ul { margin-bottom: 0; }
.team.detail #main ul:nth-child(3n) li { border-bottom: 0px solid #efefef; }
.project.detail #main ul li { margin-bottom: 5px; padding-bottom: 5px;  }
.project.detail #main ul li:last-child { margin-bottom: 0; padding-bottom: 0; }
.project.detail #main ul { margin-bottom: 0; }
.project.detail #main ul li { border-bottom: 1px solid #ffffff; }
.dienstleistungen #main ul li { margin-bottom: 5px; padding-bottom: 5px; width: 100%; }
.news ul li #main  {  list-style-type: square; margin-left: 18px; margin-bottom: 5px; padding-bottom: 5px; }


.ui-state-active { /*background: #efefef; box-shadow: 0px 20px 0 #efefef;*/ }


/***** CRYPTECON *****/
/*.cryptecon_list ul li { list-style-type: square !important}
.cryptecon {font-style: italic}*/


/***** 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;}


/***********************************************
/*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+ */
}



/***********************************************
Links
***********************************************/
a, form button { color:#b00000; 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 !important; -moz-outline-style:none; }
a:hover { color:#333; outline:0; text-decoration: none; }
.link-bottom { border-top: 1px solid #ccc; top: 30px; position: relative; }

body { font-family: 'Noto Sans', sans-serif; font-size: 16px; line-height: 24px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: 555555; background: #fff; }

/*  Titel */
.home h1 { font-size: 34px; }
.mod_article h2 { text-transform: uppercase; font-weight: 700; border-left: 5px #b00000 solid; padding-left: 10px; margin-top: 3px; margin-bottom: 25px; min-height: 50px; }
/*.cryptecon h2 { border-left: 5px #6699ff solid}*/


.publikationen .mod_article h2 { margin-bottom: 0; }

.no-border h2 { border: 0; }
.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; margin-left: auto}

h1,h2,h3,h4,h5,h6 { text-transform: uppercase; font-weight: 700; }
h1 {line-height: 1em}

/*  Content  */
p { white-space: normal; }
.info2 {font-size: 42px; }

/*  Kopfbereich  */
#header { height: 110px; }
#header .inside { width: 1280px; margin: 0 auto; }

/*  Slider . */

#slider { width: 100%; height: 275px;  border-bottom: 5px solid #b00000; background: url(headerimages/img_header_start_02.jpg) center 40% no-repeat; background-size: 2400px 417px; }

@media only screen and (min-width: 2400px) { #slider { background-size: cover; } }
	
#slider .inside { width: 100%; margin: 0 auto; }
.kontakt #slider { background: none; background-size: cover; height: 5px; }
.kontakt #container { width: 1280px; margin: 0 auto; }
.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; }
.karriere #slider { background: none; background-size: cover; height: 5px; }
.impressum #slider { background: none; background-size: cover; height: 5px; }

.dienstleistungen #container { width: 1280px; margin: 0 auto; }
/*.dienstleistungen #left .inside { padding-top: 40px; }*/
.dienstleistungen #left .inside h4 { margin-top: 0; }
.dienstleistungen .team .layout_latest .ce_text, .dienstleistungen .team .layout_latest .more { display: none; }
.dienstleistungen .team .layout_latest { margin: 0 0 40px 0; }
/*.dienstleistungen .team .layout_latest .image_container { float: left; margin: 0 12px 0 0; }
*/.dienstleistungen .team .layout_latest {  }
.dienstleistungen .mod_article { border-bottom: 1px solid #ccc; }
.dienstleistungen .mod_article:last-child { border-bottom: 0; }
.dienstleistungen h2 { margin-bottom: 25px !important; }
.dienstleistungen .publikationen .layout_latest { display: block; float: none; width: 100%; margin: 0; border-bottom: 1px solid #efefef; margin-bottom: 40px; }
.dienstleistungen .publikationen .layout_latest .image_container { display: none; }


#left .inside { padding-right: 40px; }
#left .inside p { width: 360px; }

/*  LEAD  */
.lead.mod_article:first-child .ce_text { width: 1280px; margin: 0 auto; }
/*.lead { font-size: 16px; line-height: 28px; }
*/.lead h1 { margin-top: 0.5em; margin-bottom: 1em; }
.lead ul { color:#b00000; }
.lead .ce_text:nth-child(2) { column-count: 2; column-gap: 40px; }

/*  META  */

#metabereich { background: #f0f0f0; height: 50px; }
#metabereich .inside { width: 1280px; margin: 0 auto; }
#meta { float: right; }
#meta ul li { display: inline; float: right; line-height: 40px; }
#meta ul li a { color: #555555; text-decoration: none; font-size: 13px; border-left: 1px solid #ccc; padding: 0 10px 0 10px; width: 100%; }
#meta ul li.first a, #meta ul li.first a:hover, #meta ul li.first strong { padding-right: 0; }
#meta ul li.last a, #meta ul li.last a:hover, #meta ul li.last strong { border-left: 0; }
#meta ul li a:hover, #meta ul li strong { color: #999; text-decoration: none; font-size: 13px; border-left: 1px solid #ccc; padding: 0 10px 0 10px; width: 100%; font-weight: 300; }


/*old
#metabereich { background: #f0f0f0; height: 50px; }
#metabereich .inside { width: 1280px; margin: 0 auto; }
#meta { float: right; }
#meta ul li { display: inline; float: right; line-height: 40px; }
#meta ul li a { color: #555555; text-decoration: none; font-size: 13px; border-left: 1px solid #ccc; padding: 0 10px 0 10px; width: 100%; }
#meta ul li.first a, #meta ul li.first a:hover, #meta ul li.first strong { padding-right: 0; }
#meta ul li.last a, #meta ul li.last a:hover, #meta ul li.last strong { border-left: 0; }
#meta ul li a:hover, #meta ul li strong { color: #999; text-decoration: none; font-size: 13px; border-left: 1px solid #ccc; padding: 0 10px 0 10px; width: 100%; font-weight: 300; }
*/

/*  Logo  */
#logo { width: 300px; height: 52px; top: 30px; left: 0px; position: relative; float: left; z-index: 99999; }
#logo a { width: 300px; height: 52px; background: url(SE_Logo_links.svg) top left no-repeat; display: block; }

/*  chlang  */
#chlang { float: right; margin-right: 70px; }
#chlang ul li { display: inline; float: right; line-height: 40px; }
#chlang ul li a { color: #999; text-decoration: none; font-size: 13px; padding: 0 10px 0 10px; width: 100%; }
#chlang ul li.first a, #chlang ul li.first a:hover, #chlang ul li.first strong { padding-right: 0; }
#chlang ul li a:hover, #chlang ul li strong { color: #999; text-decoration: none; font-size: 13px; padding: 0 10px 0 10px; width: 100%; font-weight: 300; }
#chlang ul li a:hover { color: #555555; text-decoration: none; font-size: 13px; padding: 0 10px 0 10px; width: 100%; font-weight: 300; }

/*  Slider - NAV  */
#nav { position: relative; top: 42px; overflow: visible; z-index: 9999999; float: right; }
#nav ul.level_1 { height: 50px; }
#nav ul.level_1 > li { display: inline; float: left; line-height: 50px; height: 50px; }
#nav ul.level_1 > li a { color: #555555; text-transform: uppercase; text-decoration: none; font-size: 18px; line-height: 50px; padding: 0 18px; font-weight: 400; letter-spacing: 1px; }
#nav ul.level_1 li:first-child a, #nav ul.level_1 li:first-child strong { padding-right: 20px !important; }
#nav ul.level_2 li:first-child a, #nav ul.level_2 li:first-child strong { padding-right: 20px !important; }
#nav ul.level_1 > li a:hover, #nav ul.level_1 > li strong { color: #b00000; text-transform: uppercase; text-decoration: none; font-size: 18px; line-height: 50px; padding: 0 18px; font-weight: 400; letter-spacing: 1px; }

#nav .submenu ul.level_2 { position: absolute; top: 50px; left: auto; text-indent: -9999em; z-index: 1001; max-height: 0; height: 0%; display: none !important; }

#nav .submenu:hover .level_2 { max-height: 100%; height: 100%; text-indent: 0; display: block !important; }

#nav.sticky { background: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; border-bottom: 1px solid #efefef; float: right; }
#nav.sticky ul.level_1 { background: url(SE_Logo_rechts.svg) center right no-repeat;  background-size: 170px auto; margin: 0 auto; width: 1280px; }

#nav .submenu:hover .level_2 li a, #nav .submenu:hover .level_2 li a span, #nav .submenu:hover .level_2 li strong { text-indent: 0; display: block; }
#nav ul.level_2 li { line-height: 42px; width: 100%; height: 42px; }
#nav ul.level_2 li a { background: rgba(255,255,255,0.9); font-size: 16px; line-height: 42px; color: #555555; text-shadow: none; letter-spacing: 0; }
#nav ul.level_2 li a span { font-size: 16px; line-height: 42px; color: #555555; text-shadow: none; }
#nav ul.level_2 > li a:hover, #nav ul.level_2 > li strong { font-size: 16px; line-height: 42px; color: #fff; text-shadow: none; letter-spacing: 0; background: #b00000; }
#nav ul.level_2 li a span:hover { color: #fff; }

#nav .submenu .level_2 {
	opacity: 0;
	-webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}

#nav .submenu:hover .level_2 {
	opacity: 1;
	-webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}

/*  NAV Level 2  */
#nav2 { margin: 25px auto; }
#nav2 ul { border-top: 1px solid #ccc; }
#nav2 li { height: 50px; border-bottom: 1px solid #ccc; }
#nav2 li a { color: #555555; }
#nav2 li a:hover, #nav2 li.active strong { color: #b00000; }
#nav2 li a, #nav2 li strong { line-height: 50px;}


/*  Footer  */
#footer { background:#d4d4d4; color: #555555; height: 250px; font-size: 14px; }
#footer .inside { width: 1280px; margin: 0 auto; padding-top: 50px; }
#footer .col { width: calc((100%-80px)/3); float: left; }
#footer .col { width: 400px; margin-left: 40px; }
#footer .col3 { width: 400px; margin-left: 40px; padding-top: 13px; float: right; }
#footer .col3 p { width: 400px; text-align: right; }
#footer .col:first-child { margin-left: 0; }

/*  Bottom  */
/*#bottom { background: #bfbfbf; color: #555555; height: 40px; font-size: 12px !important;  }
#bottom .inside { width: 1280px; margin: 0 auto; }*/
#footer #bottom-nav { display: inline; line-height: 48px; }
#footer #bottom-nav a { color: #999; text-decoration: none; font-size: 13px; padding: 0 10px 0 0; width: 100%; }
#footer #bottom-nav a:hover, #bottom #bottom-nav strong { color: #555555; text-decoration: none; font-size: 13px; padding: 0 10px 0 0; width: 100%; font-weight: 300; }

/*  HOME SEITE  */
/*.mod_article h3 { margin-left: 10px; }*/
.mod_article { padding: 30px 0; }
.mod_article:nth-child(2n) { background: #efefef; }
.dienstleistungen .mod_article:nth-child(2n) { background: #fff; }
.mod_article > * { width: 1280px; margin: 0 auto; }
.zwei_spalten .mod_article > * { width: 880px; margin: 0 auto; }

.text-bild .red-bg { background: rgba(233,0,0,0.4); height: 28px; position: relative; top: 372px; width: 600px; }
.text-bild .float_left { margin-right: 40px; }
.mod_article.spalten .layout_short { width: 620px; float: left; height: 200px; border-bottom: 1px solid #dbdbdb; }
.mod_article.spalten .layout_short:nth-child(2n+1) { margin-right: 40px; }


/*  NEWS  */
.dienstleistungen .mod_newslist .layout_latest:nth-child(2n+1) { margin-left: 0; }
.mod_newslist h2 a { text-decoration: none; text-transform: uppercase; font-weight: 700; color: #555555; }
.mod_newslist h2 { font-size: 18px; line-height: 24px; margin-top: 0; border: 0; padding: 0; height: auto; }
.mod_newslist .more a { text-decoration: none; }
.mod_newslist .image_container { padding: 0; width: 100%; }
.mod_newslist .image_container img { width: 100% !important; height: auto !important; isplay: block; vertical-align: bottom; }
.mod_newslist .image_container, .ce_text img { border-bottom: 5px solid #b00000; }
#footer .ce_text img { border-bottom: 0; }
/*.mod_newslist.publikationen2 .layout_latest { min-height: 580px; margin-bottom: 20px; }
*/

/*  Team  */
#team-wrapper { width: 1280px; margin: 0 auto; background: #333; }
.team-teaser { width: 400px !important; margin: 0 !important; float: left; }
#team-wrapper .mod_newslist { float: right; width: 840px; }

/*  TEAM  V.2  */
.home .layout_simple, .team .layout_simple { width: calc(100% / 5); float: left; margin-right: calc(100% / 5); opacity: 0.8; height: 260px; 

	-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;
}

.publikationen #main img,
.dienstleistungen #publikationen img,
.home .news .mod_newslist .layout_latest img,
.home .publikationen .mod_newslist .layout_latest img{ 
	-webkit-filter: saturate(0.55);
    filter: saturate(0.55);
}

.publikationen #main img:hover,
.dienstleistungen #publikationen img:hover,
.home .news .mod_newslist .layout_latest img:hover,
.home .publikationen .mod_newslist .layout_latest img:hover { 
	-webkit-filter: saturate(0.8);
    filter: saturate(0.8);
}



.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-left-projekte { margin-top: 39px; } /* special case for Projekte Seite: 27px + 12px */
/*.news-right .ce_text:nth-of-type(1) { margin-bottom: 25px; }
*/
.news-right .image_container { margin-right: 50px; }
.layout_full ul { padding-left: 20px; }
.layout_full ul li { list-style-type: square; }
.dienstleistungen #main ul { padding-left: 20px; }
.dienstleistungen #main ul li { list-style-type: square; }
.ce_colsetStart .c66l { border-right: 1px solid #ccc; /*margin-top: 60px;*/ padding-right: 50px; }
.news-right .ce_colsetStart .c66l .ce_text { margin-top: 0px; padding-top: 0 !important; }
.ce_colsetStart .c33r {/*margin-top: 60px;*/ /*padding-right: 50px;*/ }
.ce_colsetStart .c33r ul li { color: #b00000; list-style-type: square; }

.weitere_publikationen .layout_simple { width: 33%; float: left; border-top: #ccc 1px solid; padding: 25px 25px 25px 0; }
.weitere_publikationen_poly .layout_latest { width: 100%; float: none; border-top: #ccc 1px solid; padding: 25px 0 0 0; }
.weitere_publikationen_poly .headline { text-transform: uppercase; font-weight: 700; color: #555555; padding-left: 20px; }
.weitere_publikationen .headline { text-transform: uppercase; font-weight: 700; color: #555555; }
.weitere_publikationen_poly .teaser_text { text-transform: uppercase; font-weight: 300; color: #555555; padding-left: 40px; }
.weitere_publikationen .teaser_text { text-transform: uppercase; font-weight: 300; color: #555555; }
.weitere_publikationen_poly .ce_text { padding-left: 40px; }
.weitere_publikationen .ce_text { display: none; }
.weitere_publikationen_poly p strong { text-transform: uppercase; font-weight: 300; color: #555555; }

.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;}

/*  Newsletter  */
.newsletter { text-align: center; }
.rs-columns { width: 1280px; margin: 0 auto; text-align: left; }

/*  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; }
.startseite form, .home form { margin-bottom: 0; }

/*  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: #555555; }
.ce_downloads .size { position: relative;  }

/*  Archiv  */

.archiv .ce_text { margin-right: 40px; }
.archiv-teaser { width: 400px !important; margin: 0 40px 0 0 !important; float: left; }


/*  Text / Bild Element  */
.text-bild .ce_text h2 { margin-top: 100px; }


/*  Service  */
.service .wrapper { width: 1280px; margin: 0 auto; }
.service .icon { width: calc(100% / 3 - 1px); float: left; background: #fff url(icon.svg) 12px 33px no-repeat; background-size: 50px auto; line-height: 113px; display: inline-block; padding-left: 80px; border-bottom: 1px solid #efefef; border-right: 1px solid #efefef; }
.service .icon:nth-child(3n+3) { border-right: 0; }
.service .icon:nth-last-child(1), .service .icon:nth-last-child(2), .service .icon:nth-last-child(3) { border-bottom: 0; }


.service .icon.ico_regulierung { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_regulierung.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_wirtschaftspolitik { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_wirtschaftspolitik.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_wettbewerbsoekonomik { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_wettbewerbsoekonomik.svg) 12px 33px no-repeat; background-size: 50px auto; }

.service .icon.ico_schadensbemessung { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_schadensbemessung.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_bewertung { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_bewertung.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_preisgestaltung { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_preisgestaltung.svg) 12px 33px no-repeat; background-size: 50px auto; }

.service .icon.ico_effizienzanalyse { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_effizienzanalyse.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_blockketten { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_blockketten.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_datenanalyse { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_datenanalyse.svg) 12px 33px no-repeat; background-size: 50px auto; }

.service .icon.ico_telekom { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_telekom.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_medien { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_medien.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_finanzen { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_finanzen.svg) 12px 33px no-repeat; background-size: 50px auto; }

.service .icon.ico_gesundheit { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_gesundheit.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_energie { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_energie.svg) 12px 33px no-repeat; background-size: 50px auto; }
.service .icon.ico_verkehr { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_verkehr.svg) 12px 33px no-repeat; background-size: 50px auto; border-bottom: 0; }



/*.home .icon.ico_energie { width: calc(100% / 3 - 1px); float: left; background: #fff url(icons/ico_energie.svg) 12px 33px no-repeat; background-size: 50px auto; border-bottom: 0; }*/




/*  Dienstleistungen  */
/*.teaser-text { width: calc(100% / 3 - 1px); float: left; border-bottom: 1px solid #efefef; border-right: 1px solid #efefef; }*/

.dienstleistungen #wrapper {  }
/*.dienstleistungen #main .inside { padding-top: 62px; }
*/
.dienstleistungen .icon.big { height: 340px; width: calc(100% / 3 - 1px); float: left; background: #fff url(icon.svg) 40px 40px no-repeat; background-size: 50px auto; display: inline-block; padding: 70px 40px 40px 40px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; z-index: 777;

	-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 h3, .dienstleistungen .icon.big p:nth-of-type(1) { color: #555555; }

.dienstleistungen a:nth-child(3n+3) .icon.big { border-right: 1px solid #ccc !important; }

.dienstleistungen .icon.ico_regulierung.big { background: #fff url(icons/ico_regulierung.svg) 40px 40px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_wirtschaftspolitik.big { background: #fff url(icons/ico_wirtschaftspolitik.svg) 40px 40px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_wettbewerbsoekonomik.big { background: #fff url(icons/ico_wettbewerbsoekonomik.svg) 40px 40px no-repeat; background-size: 35px auto; }

.dienstleistungen .icon.ico_schadensbemessung.big { background: #fff url(icons/ico_schadensbemessung.svg) 40px 40px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_bewertung.big { background: #fff url(icons/ico_bewertung.svg) 40px 40px no-repeat; background-size: 35px auto;  }
.dienstleistungen .icon.ico_preisgestaltung.big { background: #fff url(icons/ico_preisgestaltung.svg) 40px 40px no-repeat; background-size: 35px auto; }

.dienstleistungen .icon.ico_effizienzanalyse.big { background: #fff url(icons/ico_effizienzanalyse.svg) 40px 40px no-repeat; background-size: 35px auto; border-bottom: 1px solid #ccc;  }
.dienstleistungen .icon.ico_blockketten.big { background: #fff url(icons/ico_blockketten.svg) 40px 40px no-repeat; background-size: 35px auto; border-bottom: 1px solid #ccc;  }
.dienstleistungen .icon.ico_datenanalyse.big { background: #fff url(icons/ico_datenanalyse.svg) 40px 40px no-repeat; background-size: 35px auto; border-bottom: 1px solid #ccc;  }

/*Sektoren*/
.dienstleistungen .icon.ico_telekom.big { background: #fff url(icons/ico_telekom.svg) 40px 40px no-repeat; background-size: 35px auto;  }
.dienstleistungen .icon.ico_medien.big { background: #fff url(icons/ico_medien.svg) 40px 40px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_finanzen.big { background: #fff url(icons/ico_finanzen.svg) 40px 40px no-repeat; background-size: 35px auto;   }

.dienstleistungen .icon.ico_gesundheit.big { background: #fff url(icons/ico_gesundheit.svg) 40px 40px no-repeat; background-size: 35px auto; border-bottom: 1px solid #ccc; }
.dienstleistungen .icon.ico_verkehr.big { background: #fff url(icons/ico_verkehr.svg) 40px 40px no-repeat; background-size: 35px auto; border-bottom: 1px solid #ccc; }
.dienstleistungen .icon.ico_energie.big { background: #fff url(icons/ico_energie.svg) 40px 40px no-repeat; background-size: 35px auto; border-bottom: 1px solid #ccc; }

/*not used*/
.dienstleistungen .icon.ico_post.big { background: #fff url(icons/ico_post.svg) 40px 40px no-repeat; background-size: 35px auto;  }
.dienstleistungen .icon.ico_training.big { background: #fff url(icons/ico_inhouse.svg) 40px 40px no-repeat; background-size: 35px auto; }
.dienstleistungen .icon.ico_strategieentwicklung.big { background: #fff url(icons/ico_strategieentwicklung.svg) 40px 40px no-repeat; background-size: 35px auto; }




.dienstleistungen .icon.big:hover { background: #efefef 40px -50px; 

	-webkit-transition: background 350ms ease-in;
    -moz-transition: background 350ms ease-in;
    -o-transition: background 350ms ease-in;
    transition: background 350ms ease-in;

}

/*  Team in Dienstleistungen/Services  */
.team2 .ce_text, .team2 .caption { display: none; }
.team2 .image_container img { width: 100%; height: auto; }
.team2 .mod_newslist { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; }
.team2 .mod_newslist .layout_latest { width: 48% !important; }


/*  News und Accordeon  */

.news_accordeon h3 { font-size: 18px; margin-top: 0; }
.news_accordeon { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; }


/*  Publikationen Flex  */

.mod_newslist { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; }
.mod_newslist .layout_latest { width: 30% !important; }

.publikationen .accordion_link { width: 100%; margin-top: 25px; padding-top: 25px; border-top: 1px solid #ccc; color: #555 !important; }
.publikationen .accordion_link .image_container {  }
.publikationen .accordion_link .image_container img {  display: block; 
vertical-align: bottom; }
.publikationen .accordion_link .accordion_link { background: #efefef; }
.publikationen .accordion_item p { margin: 0 !important; padding: 0 !important; }
.publikationen .accordion_item { margin: 0 !important; padding: 0 !important; }
.publikationen .accordion_link p { color: #555555 !important; }
.publikationen .accordion_link p:hover { color: #b00000 !important; }

.dienstleistungen .mod_newslist .layout_latest { width: 48% !important; }


/* Umfrage Flex */


.dienstleistungen #right {margin-left: 0px}
.dienstleistungen #right ul { padding-left: 20px; }
.dienstleistungen #right ul li { list-style-type: square; }

/*.dienstleistungen #infoboxinfo {color: red} */


#infoboxinfo {
  animation: cssAnimation 0s 5s forwards;
  visibility: visible;
  margin-top: 205px;
}

#infoboxinfo:hover {
  visibility: visible;	
}

@keyframes cssAnimation {
  to   { visibility: hidden; }
}

.dienstleistungen #myDIV {
	display: none;
}

.dienstleistungen #right {
	/*width: 20px;*/
}

.dienstleistungen #right .mod_article {
	border-bottom: 0px; 
	border-top: 0px solid #ccc;
}


/*<script>
// manual on and off [for Umfragebutton]
//function myFunction2() {
//  var y = document.getElementById("right");
//  if (y.style.border-top === "0px solid #ccc") {
//    y.style.border-top = "1px solid #ccc";
//  } else {
//    y.style.display = "0px solid #ccc";
//  }
//}
</script>*/

.mod_article .right_box {
	margin-top: -30px !important;  
	width: auto;
	/*visibility: hidden;*/
}
.mod_article .right_box h4 {font-size: 16px; width: auto;}
.mod_article .right_box p {font-size: 14px; width: auto; /*margin-right: 50px;*/}


.mod_article .right_text {width: auto !important; font-size:14px ; margin-top: 5px; /*justify*/ }
.mod_article .right_text .ui-accordion-header{font-size:14px}
.mod_article .right_text .ui-accordion-header:hover { color: #b00000 !important; font-size:14px} 
.mod_article .right_text .ui-state-active {color: #b00000; font-size:14px}

.mod_article .right_text .ui-accordion-content-active {	margin-left: 13px; margin-top: 5px; text-align: justify;}

.mod_article .right_text  .toggler.toggler:before {
    content: "▶";
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    font-size: 14px;
    background-image: url("pfad/zum/bild.png");
}

.mod_article .right_text  .toggler.ui-state-active:before {
    content: "▼";
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    font-size: 14px;
    background-image: url("pfad/zum/bild.png");
}






/*  News Flex  */
.headline { font-size: 16px; line-height: 24px; margin-top: 0; border: 0; padding: 0; height: auto; text-transform: uppercase; color: #555; font-weight: 700; }
.info time { color: #999; margin-top: 3px; }
.news .accordion_link { width: 100%; padding-top: 0; overflow: visible; margin-bottom: 0px }
.news .accordion_link .image_container { margin-top: 25px; margin-bottom: 24px; }
.news .right .accordion_link { min-height: 0; }

.news .left { float: left; margin-right: 40px;  }
.news .right { width: 867px; display: inline; margin-left: 430px !important; }
.news .accordion_item .ce_text { margin-left: 440px !important; }


.news .accordion_link p { color: #555555 !important; }
.news .accordion_link p:hover { color: #b00000 !important; }
.news .accordion_link.ui-state-active {  }

/*Required for a custom accordion work with a wrapper container*/
 .news .custom-accordion-wrapper .block {
  overflow: visible;
} 
 .news .accordion_link {
  display: block;
 }
.news .accordion_item {
  display: none;
}

.custom-accordion-wrapper { width: 100%; border-top: 1px solid #ccc; }
/*.custom-accordion { display: none; height: auto; }
.custom-accordion, .custom-accordion-expanded { height: auto; 

    -webkit-transition: height 500ms ease-out;
    -moz-transition: height 500ms ease-out;
    -o-transition: height 500ms ease-out;
    transition: height 500ms ease-out;

}*/

.accordion_item, .accordion_item.custom-accordion-expanded { padding-bottom: 12px; }
/*.accordion_item { min-height: auto; }
.accordion_item.custom-accordion-expanded { min-height: auto; }

.accordion_item { transition: min-height 0.5s ease-in; }*/

/*.news .accordion_link.ui-state-active + .accordion_item .ce_text { min-height: 180px; }
*/
/*.news .accordion_link + .accordion_item { min-height: 1px;  
	transition: min-height 0.5s ease-in;
}
.news .accordion_link.ui-state-active + .accordion_item { min-height: 180px; 
	transition: min-height 0.5s ease-in;
}*/


@media not all and (-webkit-min-device-pixel-ratio:0) {
	.news .accordion_link { width: 100%; padding-top: 0; overflow: visible; margin-bottom: 0px; /*change to -25px*/ }

}




@media only screen and (min-width: 960px) and (max-width: 1300px) {
p {font-size: 15px !important;}
h2.ce_headline {font-size: 1.4em !important;}
h2.name {font-size: 1em !important;}
h1 {font-size: 1.8em !important;}
h3 {font-size: 1.2em !important;}
.mod_newslist h2 { font-size: 16px;}
.home h3 { margin-left: auto}


/*  Kopfbereich  */
#header .inside { width: 960px; margin: 0 auto; }
/*#slider { width: 100%; height: 270px;  border-bottom: 5px solid #b00000; background: url(headerimages/img_header_start_02.jpg) center top no-repeat; background-size: 1600px 278px; }
*/.kontakt #container { width: 960px; margin: 0 auto; }
.mod_article > * { width: 960px; margin: 0 auto; }

/*  LEAD  */
.lead.mod_article:first-child ce_t.ext { width: 960px; margin: 0 auto; }
.lead .ce_text:nth-child(2) { column-count: 2; column-gap: 40px; }

/*  META  */
#metabereich .inside { width: 960px; margin: 0 auto; }


/*  LOGO  */
#logo {width: 230px;height: 45px;top: 37px;right: 0px; margin-top: 0px; position: relative;float: right;z-index: 99999;}
#logo a { width: 230px; height: 45px; margin-top: 0px; background: url(SE_Logo_rechts.svg) top right no-repeat; display: block; }



/*  NAV  */
#nav { position: absolute}
#nav ul.level_1 > li a, #nav ul.level_1 > li a:hover, #nav ul.level_1 > li strong { padding: 0 10px; }
#nav ul.level_2 li:first-child a, #nav ul.level_2 li:first-child strong { padding-left: 10px !important; }
#nav.sticky { background: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; border-bottom: 1px solid #efefef; }
#nav.sticky ul.level_1 { background: url(SE_Logo_rechts.svg) center right no-repeat;  background-size: 170px auto; margin: 0 auto; width: 960px; }

/*  Footer  */
#footer .inside { width: 960px; margin: 0 auto; padding-top: 50px; }

/*  Bottom  */
#bottom .inside { width: 960px; margin: 0 auto; }	
	
/*  Team  */
#team-wrapper { width: 960px; margin: 0 auto; background: #333; }
	
/*  Service  */
.service .wrapper { width: 960px; margin: 0 auto; }
/*.service .icon { width: calc(100% / 2 - 1px) !important; border-right: 0; } */
	
/*  Team  */	
.home .layout_simple, .team .layout_simple { width: 260px; float: left; margin-right: calc(100% / 5); opacity: 0.8; height: 260px; 
}	
	
/*  Icons  */
.service .icon { line-height: 20px; height: 130px; vertical-align: middle; display: table-cell; padding-top: 50px; }
.dienstleistungen .icon.big { height: 340px; /*width: calc(100% / 2 - 1px);*/ float: left; background: #fff url(icon.svg) 40px 40px no-repeat; background-size: 50px auto; display: inline-block; padding: 70px 40px 40px 40px; border-top: 1px solid #ccc; border-left: 1px solid #ccc;  z-index: 777;

	-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 { border-right: 0 !important; }
.dienstleistungen a:nth-child(3n+3) .icon.big { border-right: 1px solid #ccc !important; }

	
	
	
	
.lead.mod_article:first-child .ce_text { width: 960px; margin: 0 auto; }	

h1 { margin-bottom: 25px !important; }
.publikationen .accordion_link { height: auto; }	
.news-right .image_container { margin-right: 30px; }
.news-right .image_container, .news-right img { width: 238px; height: auto; }
.news-left { width: 350px; }
.news-left .image_container { margin-left:-10mm }
	
.zwei_spalten .mod_article > * { width: 560px; margin: 0 auto; }
.dienstleistungen .icon.big { height: 400px; }
	
.dienstleistungen #container { width: 960px; }
.dienstleistungen .team .layout_latest { float: left; margin-left: 0 !important; }
	

.dienstleistungen .team .layout_latest .image_container { width: 100%; height: auto; background: none;  }
.dienstleistungen .team .layout_latest .image_container img { width: 100%; height: auto; }

	
.team.detail #main .col_1 ul { /*width: 580px;*/ width: 100%; }
.team.detail #main .col_1 li { margin-bottom: 5px; padding-bottom: 5px; width: 520px; }
.header-text-module ul li { margin-bottom: 5px; padding-bottom: 5px; width: 500px  !important; }/*580px*/

.mod_newslist .image_container img { width: 100% !important; height: auto !important; }


	
/*  Publikationen  */
.publikationen .accordion_link .image_container { width: 100%; height: auto; }
.publikationen .accordion_link .image_container img { max-width: 100%; height: auto; }
	
/*  News Flex  */
/*.headline { font-size: 18px; line-height: 24px; margin-top: 0; border: 0; padding: 0; height: auto; text-transform: uppercase; color: #555; font-weight: 700; }
.info time { color: #999; margin-top: 3px; }
.news .accordion_link { width: 100%; overflow: visible; }
.news .right .accordion_link {  min-height: 0; }
.news .left { float: left; margin-right: 40px; }
.news .right { float: right; width: 500px; display: inline; }
.news .accordion_item { margin-left: 413px; }
.mod_newslist .layout_latest .image_container { width: 100% !important;  }
.mod_newslist .layout_latest .image_container img { width: 100% !important; height: auto !important; }
*/

}

/*Extra adjustment for Umfrage*/
@media only screen and (min-width: 960px) and (max-width: 1400px) {
	
.mod_article .right_text .ui-accordion-content-active {	margin-left: 13px; margin-top: 5px; text-align: justify; margin-right: 50px; }

}

/*Chrome Trick:*/
@media not all and (min-width: 960px) and (max-width: 1300px) and (-webkit-min-device-pixel-ratio:0) {
	.news .accordion_link { width: 100%; padding-top: 0; overflow: visible; margin-bottom: 0px; /*change to -25px*/ }
}


@media only screen and (min-width: 1px) and (max-width: 959px) {
.subcl { padding-right: 0 !important; }	
.mod_article { padding: 30px 0; }
.mod_article h3 { margin-left: 0px; }
/*  Geändert UT, original: .mod_article h3 { margin-left: 10px; }*/




/*  Kopfbereich  */
#header .inside { width: 100%; margin: 0 auto; padding: 0 10px; }
/*#slider { width: 100%; height: 270px;  border-bottom: 5px solid #b00000; background: url(headerimages/img_header_start_02.jpg) center center no-repeat; background-size: 2400px 417px; }
*/.kontakt #container { width: 100%; margin: 0 auto;padding: 0 10px;  }
.mod_article > * { width: 100%; margin: 0 auto;padding: 0 10px;  }
.mod_article > h2 { margin-left: 10px !important; }

/*  LEAD  */
.lead.mod_article:first-child .ce_text { width: 100%; margin: 0 auto; padding: 0 10px; }
.lead .ce_text:nth-child(2) { column-count: 2; column-gap: 40px; }

/*  META  */
#metabereich .inside { width: 100%; margin: 0 auto; padding: 0 10px; }

/*  Logo  */
#logo {width: 230px;height: 45px;top: 37px;right: 0px;position: relative;float: right;z-index: -99999;}
#logo a { width: 230px; height: 45px; background: url(SE_Logo_rechts.svg) top right no-repeat; display: block; }

/*  NAV  */
#nav { display: none; }
#nav.sticky { background: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; width: 100%; z-index: 10000; border-bottom: 1px solid #efefef; }
#nav.sticky ul.level_1 { background: url(SE_Logo_rechts.svg) center right no-repeat;  background-size: 170px auto; margin: 0 auto; width: 960px; }

/*  Mobile Menu  */
.mobile_menu_trigger { visibility: visible; width: 50px; height: 35px; position: absolute; top: 35px; 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 li strong { line-height: 30px; color: #ccc; }
.mobile_menu .inner li .level_2 li { font-size: 0.8em; padding-left: 10px; }
	
/*  chlang  */
#chlang {visibility: hidden; }
.mobile_menu #chlang {visibility: visible; }
.mobile_menu #chlang { position: relative; left: 0; top: 20px; float: left; width: 300px; }
.mobile_menu #chlang ul { width: 300px; }
.mobile_menu #chlang ul li { float: left; line-height: 20px; padding: 0; }
.mobile_menu #chlang ul li a, #chlang ul li strong { border-bottom: 0; padding: 0; }	
	
/*  Kontakt  */	
.adresse { display: block; padding-left: 10px; }
.subcolumns .col_1, .subcolumns .col_2 { width: 100%; display: block; }
.subcolumns .subcr { padding-left: 0 !important; }
.kontakt form input { width: 100% !important; }
.kontakt form label { display: block; }

/*  Footer  */
#footer .inside { width: 100%; margin: 0 auto; padding: 50px 10px 0 10px;  }

/*  Bottom  */
#bottom .inside { width: 100%; margin: 0 auto; padding: 0 10px; }	
		
/*  Team  */
#team-wrapper { width: 100%; margin: 0 auto; background: #333; padding: 0 10px; }
	
/*  Service  */
.service .wrapper { width: 100%; margin: 0 auto; padding: 0 10px; }

/*  Team  */	
.home .layout_simple, .team .layout_simple { width: 260px; float: left; margin-right: calc(100% / 5); opacity: 0.8; height: 260px; 
}	
	
/*  Icons  */
.service .icon { line-height: 20px; height: 130px; vertical-align: middle; display: table-cell; padding-top: 50px; }
.service .icon:nth-child(3n+3) { border-right: 1px solid #efefef}
.service .icon { width: 50% !important; border-right: 1px solid #efefef;  border-bottom: 1px solid #efefef !important; }
.service .icon:nth-child(2n+2) { border-right: 0; }
.service .icon:nth-last-child(1), .service .icon:nth-last-child(2):nth-child(odd) { border-bottom: 0 !important; }





.dienstleistungen .icon.big { height: 340px; width: calc(100% / 2 - 1px); float: left; background: #fff url(icon.svg) 40px 40px no-repeat; background-size: 50px auto; display: inline-block; padding: 70px 40px 40px 40px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; z-index: 777;

	-webkit-transition: background 350ms ease-in;
    -moz-transition: background 350ms ease-in;
    -o-transition: background 350ms ease-in;
    transition: background 350ms ease-in;

}
.dienstleistungen a .icon.big { border-right: 0; }
.dienstleistungen a:nth-child(2n+2) .icon.big { border-right: 1px solid #ccc; }
.dienstleistungen .icon.ico_energie.big { border-bottom: 0; }

.lead.mod_article:first-child .ce_text { width: 100%; margin: 0 auto; padding: 0 10px; }	

h1 { margin-bottom: 25px !important; }
h2.header-title { padding-left: 0; border: 0; font-size: 18px; margin-bottom: 0; margin-top: 0; }
h2.header-title.expertise { padding-left: 0; border: 0; font-size: 18px; margin-bottom: 0; margin-bottom: -13px; margin-top: 1em; }

h3 { font-size: 18px;}
.zwei_spalten .mod_article > h2 { margin-left: 10px !important; }
.publikationen .accordion_link { height: auto; }	
.news-right .image_container { margin-right: 30px; }
.news-right .image_container, .news-right img { width: 238px; height: auto; }
.news-left { width: 350px; }

.dienstleistungen .icon.big { height: 400px; }
	
.dienstleistungen #container { width: 100%; }
.dienstleistungen .team .layout_latest { float: left; margin-left: 0 !important; }
.dienstleistungen .team .layout_latest .image_container { width: 100%; height: auto; background: none; }
.dienstleistungen .team .layout_latest .image_container img { width: 100%; height: auto; }
	
.team.detail #main .col_1 ul { width: 580px; }  /*580px;*/ 
.team.detail #main .col_1 li { margin-bottom: 5px; padding-bottom: 5px; /*width: 520px;*/ }
.team .mod_newslist .layout_latest { width: 48% !important; }

.header-text-module ul li { margin-bottom: 5px; padding-bottom: 5px; width: 80%  !important; } /*580px*/

.mod_newslist .image_container img { width: 100% !important; height: auto; margin-top: 25px; }	
.mod_newslist .layout_latest { width: 48% !important; }

/*  Publikationen  */
	
/*  News Flex  */
.headline { font-size: 18px; line-height: 24px; margin-top: 0; border: 0; padding: 0; height: auto; text-transform: uppercase; color: #555; font-weight: 700; }
.info time { color: #999; margin-top: 3px; }

.mod_newslist.hide-on-mobile { display: block !important; }
.news .accordion_link { width: 100%; padding-top: 0; overflow: visible}
.news .accordion_item { margin-left: 0; }
.news .left { width: 300px; height: auto; }
.news .right { width: 400px; margin-left: 340px !important; }
.news .accordion_item .ce_text { margin-left: 340px !important; }	
.custom-accordion-wrapper { min-height: 250px; }
.news .accordion_link .image_container { margin-top:0px; margin-bottom: 0px; }
	
	
/*  2 Spalten  */	
.zwei_spalten .mod_article > * { width: 100%; margin: 0 !important; }
.zwei_spalten #left { display: none; }
.zwei_spalten #container { padding-left: 0; }

.news-left { float: none; display: block; width: 100%; }
.news-right { float: none; display: block; width: 100%; }
.news-right .image_container { width: 50%; height: auto; }
.news-right .image_container img { width: 100%; height: auto; }

.lead .ce_text:nth-child(2) { column-count: 1; column-gap: 0; }

/*UMFRAGE*/
.mod_article .right_text .ui-accordion-content-active {	margin-left: 13px; margin-top: 5px; text-align: justify; margin-right: 50px; }


}


/*Chrome Trick:*/
@media not all and (min-width: 1px) and (max-width: 959px) and (-webkit-min-device-pixel-ratio:0) {
	.news .accordion_link { width: 100%; padding-top: 0; overflow: visible; margin-bottom: 0px; /*change to -25px*/}
}

/*Edge back trick
@supports (-ms-ime-align:auto) {
  .news .accordion_link { width: 100%; padding-top: 0; overflow: visible; margin-bottom: 15px; }
}*/



@media only screen and (min-width: 1px) and (max-width: 780px) {
.team .mod_newslist .layout_latest { display: block; width: 100% !important; }
.ce_linkedElement { display: block; width: 100%; }
.dienstleistungen .icon.big { height: auto; width: 100%; border-right: 1px solid #ccc; }
.service .icon { width: 100% !important; border-right: 0 !important; border-bottom:0 !important; }

.mod_newslist.hide-on-mobile { display: none !important; }
.mod_newslist.hide-on-screen { display: block !important; }
.news .accordion_item { margin-left: 0; margin-top: 40px;}
.news .accordion_link { width: 100%; padding-top: 10px; overflow: visible}
.news .accordion_link .image_container { margin-top:24px; margin-bottom: 25px; }



.subc, .subcr { padding: 0 !important; }
.mod_article > *, .c33r { width: 100% !important; }
.mod_newslist .layout_latest { width: 100% !important; display: block; }


#footer .ce_text { width: 100%; text-align: center; }
#footer { height: 500px!important; } 
#footer .col3 p { width: 100%; text-align: center; }
.news .accordion_item .ce_text { margin-left: 0 !important; }	
	
	
}




.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;
}



/*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;
    margin: 5px;  /*no overlapp*/
    transition: height 2s;
    
}

input:checked + label + .content {
    display: block;
    max-height: 10000px;
    margin: 0px; 
    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 ... ';*/
}