:not(.fullwidth).mod_article > .container {
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	:not(.fullwidth).mod_article > .container {
	padding-top: 0px;
	padding-bottom: 0px;
	}

	body a {
	color: #27408B;
	}
	
	/* body a:hover {
	background: rgb(248,248,248);
	color: #d14840; 
} */

.linkmarkiert a:hover {
	background: rgb(248,248,248);
	color: #d14840; 
}

/* =============================================================================
 * slider
 * ========================================================================== */

 /* #slider {min-height:80px;} */

/* =============================================================================
 * mod_search
 * ========================================================================== */

 .mod_search h3 {font-size:16px!important;}
 .mod_search {font-size:13px!important;}

 /* =============================================================================
 * ce_accordion
 * ========================================================================== */

 .ce_accordion {
	border: none;
  }

 .ce_accordion .toggler:hover {
	/* color:rgb(76,76,76); */
	color: #d14840;
  }
  
   .ce_accordion_2 .toggler_2 {
	line-height:30px;
	font-weight:bold;
	cursor:pointer;
	margin-bottom: 6px;
  }
  
  .ce_accordion_2 .toggler_2:hover {
	/* color:rgb(76,76,76); */
	color: #d14840;
  }
  
  .ce_accordion_2 .toggler_2:before {
	width:25px;
	height:25px;
	/* float:right; */
	clear:both;
	display:inline-block;
	margin-top:3px;
	margin-right:15px;
	margin-left:15px;
	padding:0;
	text-align:center;
	font:1.3em/28px FontAwesome;
	font-weight:normal;
	color:rgb(152,152,152);
	content:"\f107";
  }
  
  .ce_accordion_2 .toggler_2.ui-state-active:before {
	font-family:FontAwesome;
	content:"\f106";
	color: #d14840!important;
  }
  
  .ce_accordion_2 .toggler_2:before {
	/* color:rgb(30,136,210); */
	color:#2a69b0!important;
  }
  
  .ce_accordion_2 .toggler_2 i.fa {
	/*  background: rgb(30,136,210); */
	background: #2a69b0!important;
  }
  
  .ce_accordion_2 .toggler_2 {
	  border: 1px solid rgb(220,220,220);
	  border-bottom: 0;
	  padding: 10px;
	  margin-bottom: 0;
  }
  
  .ce_accordionStart:last-of-type .toggler,
  .ce_accordionSingle:last-of-type .toggler,
  .ce_accordionStart:last-of-type .accordion,
  .ce_accordionSingle:last-of-type .accordion {
	  border-bottom: none;
  }
  
  .ce_accordion .accordion {border:0;}
  .ce_accordion .toggler, .ce_accordion .toggler_2 {border:0;}
  
  .ce_accordion .toggler:before,
  .ce_accordion_2 .toggler_2:before {margin-left: 0; margin-right: 0; font-size: 90%;
}
 
  /*     --ce_accordion
  ------------------------------------------------- */
  .ce_accordion .accordion, .ce_accordion .accordion_2 {padding:0; padding-left: 2%;}
  /* .ce_accordion .accordion p, .ce_accordion .accordion_2 p {margin-top: 0px; margin-bottom: 1em;}  */
  .ce_accordion .accordion > div, .ce_accordion .accordion_2 > div {padding: 3px;}   /* Abstand zwischen Accordion und folgendem Textinhalt */
  .ce_accordion .toggler, .ce_accordion .toggler_2 {position: relative; margin-left: 0; line-height: inherit; font-size: inherit; float: none;border-top: 1px dotted #ccc; padding: 0; outline: none; cursor: pointer; font-weight: normal;}
  .ce_accordion .toggler:before, .ce_accordion .toggler_2:before {content: "\f055"; text-indent: 0; float: none; display: inline-block; position: relative;}
  .ce_accordion .toggler.ui-state-active:before, .ce_accordion .toggler_2.ui-state-active:before {content: "\f056";color: #d14840;}

/* =============================================================================
 * body mobilemenu
 * ========================================================================== */

body .mm-menu i.fa {margin-right: 15px;}

/* =============================================================================
* mobilemenu sichtbar machen
* ========================================================================== */

@media only screen and (max-width: 767px)
  {
  #top {display: block !important;}
  .header.original {visibility: visible;}
  .stickyheader {display: none;}
  .fixed-header .stickyheader {display: block;}
  }

/* =============================================================================
 * body
 * ========================================================================== */

html, 
/* body {
	font-size: 15px!important;
} */

body {
	color: #262626;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 14px!important;
	line-height: 1.6rem;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 24px;
}

body p {
	color: #000000;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.6rem;
}

/* =============================================================================
 * font classes
 * ========================================================================== */

.font_serif_2 {
	font-family: 'Playfair Display', Georgia, Times, serif;
}

/* =============================================================================
 * headlines
 * ========================================================================== */

h1, h2, h3, h4, h5, h6 {
	margin-bottom: 25px;
	line-height: 1.3;
	/* color: #596470; */
	/* color: #262626; */
	color: #FF4500;
	/* color: rgb(112,128,144);	*/
	word-wrap: break-word;
}

h1 {
	font-size: 2rem!important; 
	padding-top: 0;
}

h2 {
	font-size: 1.75rem!important; 
	margin-top: 6px;
	padding-top: 6px!important;
}

h3 {
	font-size: 1.4rem!important; 
	padding-top: 18px!important;
	padding-bottom: 0!important;
	margin-bottom: 12px!important;
		/* margin-top: 12px; */
}

h4 {
	font-size: 1.25rem!important; 
	margin-top: 10px;
	margin-bottom: 6px;
	padding-top: 6px!important;
}

h5 {
	font-size: 1.1rem!important;
         margin-top: 10px;
         margin-bottom: 6px; 
}

h6 {
 	font-size: 1rem!important; 
	margin-top: 12px;
	margin-bottom: 9px;
}

/* =============================================================================
 * top
 * ========================================================================== */

 #top-wrapper {
	width: 100%;
}

#top-wrapper.fixed {
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.1);
	background: rgba(0,0,0,0.8);
}

#top {
	position: relative;
	z-index: 1100;
	font-size: 0.8rem;
	line-height: 2.5rem;
	background: rgb(239,242,252);
} 

#top .top_metanavi a {
		color: rgb(128,128,128);
}

#top .top_metanavi a:hover {
		color: #d14840;
}

#top .top_metanavi a.active {
	    color: #d14840;
}

#top .mod_top_phone {
		font-size: 0.8rem;
		color: #000000 !important;
}

#top .mod_top_mail a {
		font-size: 0.8rem;
}

#top .mod_top_mail a:hover {
		font-size: 0.8rem;
		color: #d14840 !important;
		background: rgb(239,242,252);
		opacity: 0.7;
}

@media screen and (max-width: 1024px)
{

#top .top_metanavi {
    display: block;
	overflow: visible;
	float: right;
	font-weight: normal;	
}
}


@media only screen and (max-width: 767px)
{

	#top {display: block !important;}
	.header.original {visibility: visible;}
	.stickyheader {display: none!important;}
	.fixed-header .stickyheader {display: block;}
	
  
  #top .top_metanavi {
	  display: block;
	  overflow: visible;
	  float: right;
	  font-size: 10px;
	  font-weight: normal;
  }
  
  #top .mod_top_phone {
		  display: none; 
  }
  
  #top .mod_top_mail a {
		  display: none;
  }
	  
  .ce_bgimage-image {
   height: 200px;
  } 
  
  #footer {
	  display: none;
}
} 

  
  #top .mod_login_top {
	      display: block;
		  font-size: 0.8rem;
		  background: rgb(239,242,252);
  }
  
  #top .mod_login_top:hover {
		  font-size: 1rem;
		  color: #d14840 !important;
		  background: rgb(239,242,252);
		  opacity: 0.7;
  }

/* =============================================================================
 * bottom
 * ========================================================================== */
 
#bottom {
	background: rgb(239, 242, 252);
	margin-top: 24px;
}

#bottom .inside {
		padding-top: 0;
		padding-bottom: 0;
		padding-left: 38px;
		padding-right: 38px;
		font-size: 11px;
		text-align: center;
}

#bottom .inside .left {
		color: rgb(128,128,128);
		text-align: center;
}

#bottom .inside .right a {
		color: rgb(128,128,128);
		text-align: center;
}

#bottom .inside .right a:hover {
		/* color: rgb(152,152,152); */
		/* color: #ec6b56; */
		color: #d14840;
		border-bottom-style: none;
}

#bottom .inside .right a.active {
		/* color: #ec6b56; */
		color: #d14840;
}

/* =============================================================================
 * ce_table
 * ========================================================================== */

.ce_table {
	position: relative;
    overflow-x: auto;
}

.ce_table table {
	line-height: 1.2;
	margin-bottom: 10px;
	width: 99.9%;
	text-align: left;
	font-size: 0.78em!important;
	white-space: normal;
	position: relative;
}

.ce_table table td {
	 border-top: solid 1px #E3E3E3; 
	padding: 6px;
	text-align: left;
	vertical-align: middle;
	line-height: 18px;
}

.ce_table table td p {
	margin: 0;
}

.ce_table table th {
	text-align: left;
	vertical-align: middle;
	margin-bottom: 0;
	padding: 6px;
	color: rgb(255,255,255);
	font-weight: bold;
	background: rgb(114,160,193);
}

.ce_table table tfoot td {
	color: rgb(114,160,193);
	font-weight: bold;
}

.ce_table .table-striped td {
	border: 0;
	background: rgb(249,249,249);
}

.ce_table .table-striped .odd td {
	background: rgb(244,244,244);
}

.ce_table .table-striped-dark td {
	border: 0;
	background: rgb(51,51,51);
}

.ce_table .table-striped-dark .odd td {
	background: rgb(64,64,64);
}

.ce_table .table-striped-dark {
	color: rgb(255,255,255);
}

.ce_table.overflow {
	overflow-x: auto;
}

body.ie .ce_table.overflow {
	box-shadow: none;	
}

.ce_table .table-clean td {
	padding: 25px;
	font-size: 0.9rem;
}

.ce_table .table-clean td.col_first,
.ce_table .table-clean th.col_first {
	padding-left: 0;
}

.ce_table .table-clean th {
	background: none;
	color: inherit;
	border-bottom: 1px solid rgb(190,190,190);
	padding: 25px;
}

.ce_table table a {
	text-decoration: underline;
}

.ce_table caption {
	text-align: left;
}

/* =============================================================================
 * ce_downloads
 * ========================================================================== */

.ce_download img.mime_icon,
.ce_downloads img.mime_icon {
  vertical-align:middle;
}

.ce_download a,
.ce_downloads a {
  text-decoration:none;
}

.ce_download a:hover,
.ce_downloads a:hover {
	background: rgb(248,248,248);
	color: #d14840; 
}

.ce_downloads a span.size {
  font-size: 0.8rem;
  color: rgba(0,0,0,0.4);
  text-decoration: none;
}

.ce_download a span.size {
	color: rgba(255,255,255,0.5);
}

.ce_downloads li {
  margin-bottom: 0px;
  padding-bottom: 0px;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
}
  
  
  /*     --ce_downloadarchive
------------------------------------------------- */
.ce_downloadarchive {margin-top: 0px; margin-bottom: 0px; font-size: 10px;}
.ce_downloadarchive p {border-bottom: 1px dotted #ccc; padding-bottom: 0px; margin-bottom: 0px;}
.ce_downloadarchive img {margin-right: 3px; vertical-align: middle;}
.ce_downloadarchive p span {font-style: italic; font-size: 10px;}


/* =============================================================================
 * mod_search
 * ========================================================================== */

 .mod_search h3 {font-size:18px;}

 
 /* =============================================================================
 * iconbox
 * ========================================================================== */

   .ce_iconbox_cwrapper .content {
       color: rgb(30,136,210);
}


/* =============================================================================
 * ce_iconbox
 * ========================================================================== */

.ce_iconbox {
	text-align: center;
	display: block;
	position: relative;
	
}

.ce_iconbox p {
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 0;
	color: rgb(255,255,255);
}

.ce_iconbox.default i {
	font-size: 3rem;
}

/* .ce_iconbox_inside .content {
	color: rgb(0,0,0);
} */

.ce_iconbox .ce_iconbox_inside {
	position: relative;
}

.ce_iconbox .ce_iconbox_outside.padding {
	padding: 10%;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;	
}

.ce_iconbox .ce_iconbox_outside.padding .content {
	opacity: 0.6;
	color: rgb(0,0,0);
}

.ce_iconbox .ce_iconbox_outside.padding:hover {
	opacity: 0.9;
}

.ce_iconbox a.link {
	margin-top: 10px;
	display: inline-block;
}

.ce_iconbox a:hover {
	color: rgb(0,0,0);
}

.ce_iconbox .§_container {
	text-align: center;
	margin-bottom: 0;
	line-height: 1.2;
}

.ce_iconbox .image_container img {
	width: auto;
	display: inline-block;
	line-height: 1.2;
}

.ce_iconbox h3 {
	font-size: 1.2rem;
	letter-spacing: 1px;
	position: relative;
	line-height: 1.4;
	margin-bottom: 10px;
}

.ce_iconbox .headline {
	margin-bottom: 10px;
}

.ce_iconbox:not(.version2):not(.version3) .ce_iconbox_cwrapper {
	margin-top: 10px;
}

.ce_iconbox .link:before {
	content: "\f101";
	font-family:FontAwesome;
	font-weight: normal;
	display: inline-block;
	margin-right: 5px;
}

.ce_iconbox.same-height {
	display: flex!important;
}

.ce_iconbox.default .ce_image.attribute,
.ce_iconbox.default i {
	padding-top: 5px;
	transition: All 0.3s ease;
	-webkit-transition: All 0.3s ease;
	position: relative;
	top: 0;
}

.ce_iconbox.default:hover .ce_image.attribute,
.ce_iconbox.default:hover i {
	top: -5px;
}

.ce_iconbox .hyperlink_txt, .ce_iconbox .content {
	color: #ffffff;
}

/* =============================================================================
 * image_container
 * ========================================================================== */
 
 .onehalf {
	display: block;
	height: auto;
	max-width: 100%;
	width: 50%;
}

 .onethird {
	display: block;
	height: auto;
	max-width: 100%;
	width: 33%;
}

 .onefourth {
	display: block;
	height: auto;
	max-width: 100%;
	width: 25%;
}

 .twothird {
	display: block;
	height: auto;
	max-width: 100%;
	width: 66%;
}

 .threefourth {
	display: block;
	height: auto;
	max-width: 100%;
	width: 75%;
}

/* *** Image Container Megamenü *** */
.ce_text .image_container.float_right,
.ce_text .image_container.float_left {
	width: 45%;
	height: 200px!important;
}

@media only screen and (max-width: 767px) {
.ce_text .image_container.float_right,
.ce_text .image_container.float_left {
	width: auto;
}
}

/*
.image_container img {
	height: inherit!important;
	width: auto!important;
	max-height: 75%!important;
	max-width: 75%!important;
}
*/

/*
.image_container img {
	padding-top: 18px!important;
	padding-bottom: 24px!important;
	display: block!important;
    height: 300px!important;
    max-width: 100%;
    width: auto!important;
*/

.ce_image {
	height: inherit!important;
	width: auto!important;
	padding-top: 18px;
	padding-bottom: 6px;
}

.bildgroesse-25 {
	max-height: 25%!important;
	max-width: 25%!important;
}

.bildgroesse-37 {
	max-height: 37%!important;
	max-width: 37%!important;
}

.bildgroesse-50 {
	max-height: 50%!important;
	max-width: 50%!important;
}

.bildgroesse-62 {
	max-height: 62%!important;
	max-width: 62%!important;
}

.bildgroesse-75 {
	max-height: 75%!important;
	max-width: 75%!important;
}

.bildgroesse-87 {
	max-height: 87%!important;
	max-width: 87%!important;
}

.bildgroesse-100 {
	max-height: 100%!important;
	max-width: 100%!important;
}

/* =============================================================================
 * mod_article
 * ========================================================================== */
 
#main .mod_article {
	position: relative;
	overflow: hidden;
	margin-top: 0px;
	margin-bottom: 0px;
}

#main .mod_article.smallwidth {
	margin-left: auto;
	margin-right: auto;
}

#main .mod_article.smallwidth .contentwrap {
	padding-left: 17%;
	padding-right: 17%;
}

#main .mod_article {
	padding-top: 0px;
	padding-bottom: 0px;
}

/* =============================================================================
 * mod_breadcrumb
 * ========================================================================== */

.mod_breadcrumb ul {
	text-align: left;
}

.mod_breadcrumb a:hover, .customnav a.active {
	background: rgb(248,248,248);
	color: #d14840;
}

/* =============================================================================
 * mod_customnav
 * ========================================================================== */

.mod_customnav a:hover, .customnav a.active {
	background: rgb(248,248,248);
	color: #d14840; 
}

/* =============================================================================
 * Mainmenu
 * ========================================================================== */

 .mainmenu ul li a.nav-icon span {
	font-size: 13px;
}
 
.header .mainmenu ul li a:hover, .customnav a.active {
	/* background: rgb(248,248,248); */
	color: #d14840;
}

/* =============================================================================
 * Logo
 * ========================================================================== */

/* .logo a:hover {
background:url("https://wissensmanagement.eclipsex.4projects.ch/files/cto_layout/img/logo.svg");
width:30%; height:30%; display:block; text-decoration:none;
} */


/* Abstaende
============================================================================= */

.Abstand-o-0  {margin-top:0px!important;}
.Abstand-o-1  {margin-top:1px!important;}
.Abstand-o-2  {margin-top:2px!important;}
.Abstand-o-3  {margin-top:3px!important;}
.Abstand-o-5  {margin-top:5px!important;}
.Abstand-o-10 {margin-top:10px!important;}
.Abstand-o-15 {margin-top:15px!important;}
.Abstand-o-20 {margin-top:20px!important;}
.Abstand-o-25 {margin-top:25px!important;}
.Abstand-o-30 {margin-top:30px!important;}
.Abstand-o-35 {margin-top:35px!important;}
.Abstand-o-40 {margin-top:40px!important;}
.Abstand-o-45 {margin-top:45px!important;}
.Abstand-o-50 {margin-top:50px!important;}
.Abstand-o-55 {margin-top:55px!important;}
.Abstand-o-60 {margin-top:60px!important;}
.Abstand-o-65 {margin-top:65px!important;}
.Abstand-o-70 {margin-top:70px!important;}
.Abstand-o-75 {margin-top:75px!important;}
.Abstand-o-80 {margin-top:80px!important;}
.Abstand-o-85 {margin-top:85px!important;}
.Abstand-o-90 {margin-top:90px!important;}
.Abstand-o-95 {margin-top:95px!important;}
.Abstand-o-100 {margin-top:100px!important;}
.Abstand-o-110 {margin-top:110px!important;}
.Abstand-o-120 {margin-top:120px!important;}
.Abstand-o-130 {margin-top:130px!important;}
.Abstand-o-140 {margin-top:140px!important;}
.Abstand-o-150 {margin-top:150px!important;}
.Abstand-o-160 {margin-top:160px!important;}
.Abstand-o-170 {margin-top:170px!important;}
.Abstand-o-180 {margin-top:180px!important;}
.Abstand-o-190 {margin-top:190px!important;}
.Abstand-o-200 {margin-top:200px!important;}

.Abstand-o-m5  {margin-top:-5px!important;}
.Abstand-o-m10 {margin-top:-10px!important;}
.Abstand-o-m15 {margin-top:-15px!important;}
.Abstand-o-m20 {margin-top:-20px!important;}
.Abstand-o-m25 {margin-top:-25px!important;}

.Abstand-u-0  {margin-bottom:0px!important;}
.Abstand-u-1  {margin-bottom:1px!important;}
.Abstand-u-2  {margin-bottom:2px!important;}
.Abstand-u-3  {margin-bottom:3px!important;}
.Abstand-u-5  {margin-bottom:5px!important;}
.Abstand-u-10 {margin-bottom:10px!important;}
.Abstand-u-15 {margin-bottom:15px!important;}
.Abstand-u-20 {margin-bottom:20px!important;}
.Abstand-u-25 {margin-bottom:25px!important;}
.Abstand-u-30 {margin-bottom:30px!important;}
.Abstand-u-35 {margin-bottom:35px!important;}
.Abstand-u-40 {margin-bottom:40px!important;}
.Abstand-u-45 {margin-bottom:45px!important;}
.Abstand-u-50 {margin-bottom:50px!important;}
.Abstand-u-55 {margin-bottom:55px!important;}
.Abstand-u-60 {margin-bottom:60px!important;}
.Abstand-u-65 {margin-bottom:65px!important;}
.Abstand-u-70 {margin-bottom:70px!important;}
.Abstand-u-75 {margin-bottom:75px!important;}
.Abstand-u-80 {margin-bottom:80px!important;}
.Abstand-u-85 {margin-bottom:85px!important;}
.Abstand-u-90 {margin-bottom:90px!important;}
.Abstand-u-95 {margin-bottom:95px!important;}
.Abstand-u-100 {margin-bottom:100px!important;}
.Abstand-u-110 {margin-bottom:110px!important;}
.Abstand-u-120 {margin-bottom:120px!important;}
.Abstand-u-130 {margin-bottom:130px!important;}
.Abstand-u-140 {margin-bottom:140px!important;}
.Abstand-u-150 {margin-bottom:150px!important;}
.Abstand-u-160 {margin-bottom:160px!important;}
.Abstand-u-170 {margin-bottom:170px!important;}
.Abstand-u-180 {margin-bottom:180px!important;}
.Abstand-u-190 {margin-bottom:190px!important;}
.Abstand-u-200 {margin-bottom:200px!important;}

.Abstand-u-m5  {margin-top:-5px!important;}
.Abstand-u-m10 {margin-top:-10px!important;}
.Abstand-u-m15 {margin-top:-15px!important;}
.Abstand-u-m20 {margin-top:-20px!important;}
.Abstand-u-m25 {margin-top:-25px!important;}

/* =============================================================================
 * Repetitionsaufgaben
 * ========================================================================== */

.repetitionsaufgabe  {
color: #f08a24;
}

/* =============================================================================
 * Bildunterschrift
 * ========================================================================== */

.bildunterschrift .tabelleunterschrift{
font-size: 1rem!important;
padding-top: 12px;
/*  color: #596470; */
color: #000000;
}

 /* =============================================================================
 * logo size
 * ========================================================================== */

.logo {
	width: 283px;
	height: 50px;
}

/* =============================================================================
 * logo size: sticky
 * ========================================================================== */

.stickyheader .logo {
	width: 283px;
	height: 50px;
}

/* =============================================================================
 * logo size: mobile
 * ========================================================================== */

@media only screen and (max-width: 767px) {
	.stickyheader .logo,
	.logo {
	width: 226px;
	height: 40px;
	}
}

/* =============================================================================
 * Top Link Handys
 * ========================================================================== */

 @media only screen and (max-width: 767px)
 {
	#top_link {
	display: block;
}
}

/* =============================================================================
 * Top Link Tablets
 * ========================================================================== */

 @media only screen and (max-width: 1024px)
 {
	#top_link {
	display: block;
}
}

/* =============================================================================
 * submit input
 * ========================================================================== */
 
input.submit[type="submit"]:hover {
	background: rgba(152,152,152,0.9);
}

input.submit[type="submit"], button.submit[type="submit"], button.submit[type="submit"] {
	background:#f08a24;
	transition:all 0.2s ease-out 0s;
	border-radius: 6px;
}