@charset "UTF-8";
/* New design standard fonts */
@import url("https://design-standards.dhamma.org/dist/css/fonts.css");
/* Load OpenSanskrit fonts */
@import url("https://design-standards.dhamma.org/dist/css/logo.css");
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url('/fileadmin/sys/fonts/OpenSanskrit/OpenSanskrit-Light.ttf') format('truetype'); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('/fileadmin/sys/fonts/OpenSanskrit/OpenSanskrit-Regular.ttf') format('truetype'); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/fileadmin/sys/fonts/OpenSanskrit/OpenSanskrit-Semibold.ttf') format('truetype'); }
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fileadmin/sys/fonts/OpenSanskrit/OpenSanskrit-Bold.ttf') format('truetype'); }
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSansLight-Italic'), url('/fileadmin/sys/fonts/OpenSanskrit/OpenSanskritLight-Italic.ttf') format('truetype'); }
/* General */
body, html {
  margin: 0;
  padding: 0;
  color: #000;
  background: white;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; }

#body {
  margin: 0 auto; }

a {
  color: #955746; }

.active > a {
  font-weight: bold;
  color: black; }

p, .linktotop, li {
  font-size: 0.9em;
  color: #666;
  margin-top: 0; }

/* Header section */
#header-logo-image {
  float: left;
  padding-right: 18px; }

#introtitle {
  font-size: 1.3em;
  font-weight: 600;
  color: #444; }

#maintitle {
  font-weight: 200;
  color: #955746;
  font-size: 2.5em;
  margin-bottom: 5px;
  margin-top: -5px; }

#subtitle {
  font-size: 0.9em;
  font-style: italic;
  color: #837E7C;
  border-top: 1px solid #837E7C;
  display: inline-block; }

#header-gradient {
  width: 100%;
  height: 17px;
  background-image: linear-gradient(bottom, white 13%, #F0F8FF 50%);
  /*   position:fixed;
   top:0px; */
  background-image: -o-linear-gradient(bottom, white 13%, #F0F8FF 50%);
  background-image: -moz-linear-gradient(bottom, white 13%, #F0F8FF 50%);
  background-image: -webkit-linear-gradient(bottom, white 13%, #F0F8FF 50%);
  background-image: -ms-linear-gradient(bottom, white 13%, #F0F8FF 50%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.13, white), color-stop(0.5, #F0F8FF)); }

#header {
  padding: 0;
  margin-top: 8px; }

#header, #body {
  width: 960px; }

#header-image {
  float: right;
  -moz-box-shadow: 6px 6px 4px #F0F8FF;
  -webkit-box-shadow: 6px 6px 4px #F0F8FF;
  box-shadow: 6px 6px 4px #F0F8FF; }
  #header-image img {
    max-width: 250px;
    max-height: 130px;
    height: auto;
    width: auto; }

#top-right-menu {
  float: right;
  margin-left: 35px; }

#header-subnavline {
  border-bottom: 1px solid #555;
  margin: 5px 0 5px 0; }

#navright {
  font-size: 15px;
  list-style-type: none;
  padding: 0;
  text-decoration: none;
  font-weight: bold;
  margin-top: 0px;
  margin-right: 20px;
  max-width: 150px;
  float: left; }
  #navright .search-form {
    /* for the navright form */
    background: url("/fileadmin/sys/img/Icons_search.png") no-repeat left;
    padding: 2px;
    border: 1px solid lightgrey;
    padding-left: 25px; }
  #navright ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #navright p, #navright li {
    padding: 0;
    margin: 0;
    font-size: 1em; }
  #navright a {
    color: #666;
    text-decoration: none;
    font-weight: normal; }
    #navright a:hover {
      color: #666;
      text-decoration: underline;
      font-weight: normal; }

#languageselector-title {
  font-style: italic;
  font-size: 0.9em;
  color: #837E7C;
  text-align: right;
  border-bottom: 1px solid #555;
  padding-bottom: 5px;
  margin-bottom: 5px; }

#languageselectormenu {
  float: right;
  max-width: 150px; }
  #languageselectormenu div {
    font-size: 15px;
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-decoration: none; }
  #languageselectormenu a {
    color: #666;
    text-decoration: none;
    font-weight: unset; }
    #languageselectormenu a:hover {
      color: #666;
      text-decoration: underline; }
  #languageselectormenu div.INACT a img {
    filter: grayscale(100%);
    /* Current draft standard */
    -webkit-filter: grayscale(100%);
    /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    /* Not yet supported in Gecko, Opera or IE */
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    filter: gray;
    /* IE */
    -webkit-filter: grayscale(1);
    /* Old WebKit */ }
  #languageselectormenu svg.tx-srlanguagemenu-flag-unlinked {
    width: 25px;
    height: 16px; }
  #languageselectormenu .title {
    margin-left: 4px; }

/* Main section */
#main {
  padding-top: 20px;
  clear: both; }

#content-1 {
  float: left;
  width: 180px;
  padding: 10px;
  margin-bottom: 10px;
  background: #F0F8FF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc'); }
  #content-1 img {
    max-width: 180px;
    height: auto; }

#content-2 {
  float: right; }

#content-2, #footer {
  width: 740px; }

#left header > *, #reference header > *, #right header > *, #left h1, #reference h1, #right h1, #left h2, #reference h2, #right h2, #left h3, #reference h3, #right h3 {
  border-bottom: 3px solid white;
  padding-bottom: 5px;
  font-size: 0.8em;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 0; }

/* Responsive menu */
#nav {
  margin-top: 0px;
  margin-bottom: 15px; }
  #nav > a {
    display: none; }
  #nav > ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
  #nav li {
    position: relative; }
    #nav li a {
      color: #837E7C;
      text-decoration: none;
      font-size: 13.5px;
      /* first level */ }
  #nav > ul > li:not(:last-child) > a {
    border-right: none;
    /* second level */ }
    #nav li ul {
      top: 100%;
      position: static;
      padding-left: 12px;
      list-style: none; }
    #nav li:not(:first-child):hover ul {
      left: -1px; }
    #nav li a {
      line-height: 1.8em; }
    #nav li.active > ul.dropdown-menu {
      border-top: 1.5px solid black; }
  @media only screen and (min-width: 970px) {
    #nav > ul > li > ul > li > ul a {
      font-size: 13px; }
    #nav > ul > li > ul > li > ul > li > ul a {
      font-size: 12px; }
    #nav li a:hover {
      color: #955746 !important; } }
@media only screen and (max-width: 970px) {
  #nav {
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: 100000; }
    #nav > a {
      display: none;
      width: 3.125em;
      /* 50 */
      height: 3.125em;
      /* 50 */
      text-align: left;
      text-indent: -9999px;
      background-color: #F0F8FF;
      position: relative;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc'); }
      #nav > a:before, #nav > a:after {
        position: absolute;
        border: 2px solid #837E7C;
        top: 35%;
        left: 25%;
        right: 25%;
        content: ''; }
      #nav > a:after {
        top: 60%; }
    #nav:not(:target) > a:first-of-type, #nav:target > a:last-of-type, #nav:target > ul {
      display: block; }
    #nav > ul {
      background-color: #F0F8FF;
      height: auto;
      display: none;
      margin-top: 5px;
      -webkit-border-radius: 8px;
      -moz-border-radius: 8px;
      -ms-border-radius: 8px;
      border-radius: 8px;
      behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc'); }
      #nav > ul > li {
        margin: 0 0.833em; }
        #nav > ul > li > a {
          line-height: 2em; }
    #nav li a {
      font-size: 1.3em; }
      #nav li a:active {
        background-color: #EAA53C !important;
        color: #FFF !important; }
    #nav li ul {
      padding-left: 1.25em; }
      #nav li ul li a:hover, #nav li ul:not(:hover) li.active > a {
        font-weight: bold;
        color: black; } }

#left a:hover, #reference a:hover {
  color: #955746 !important;
  text-decoration: none; }

#reference a {
  color: #837E7C;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px; }
#reference ul {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 15px; }
  #reference ul li {
    margin: 3px 0 3px 0; }
#reference header > * {
  padding: 0 !important; }

#middle {
  width: 500px;
  padding: 0 10px; }
  #middle header {
    text-align: left; }
  #middle h1, #middle h3 {
    font-weight: 600;
    font-size: 1.6em;
    margin-top: 0;
    text-decoration: none;
    color: #000; }
  #middle h2 {
    font-weight: bold;
    font-size: 1.1em;
    color: #333300;
    /* Fix for images larger than the central column */ }
  #middle img {
    max-width: 100%;
    height: auto; }

#right {
  width: 200px;
  margin: 0 0 0 30px;
  float: right; }
  #right header {
    margin-bottom: 5px; }
  #right ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-position: inside; }
  #right li {
    margin: 0 0 8px 0;
    padding: 0; }
  #right > div, #right form {
    z-index: 10; }
  #right form {
    position: relative; }
  #right:empty {
    display: none; }
    #right:empty + #middle {
      box-sizing: border-box;
      width: 100%;
      padding-right: 0; }
  #right > .frame, #right > .t3-frontend-editing__ce {
    background: #F0F8FF;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
    padding: 10px;
    margin-bottom: 20px;
    font-weight: 300; }
  #right img {
    max-width: 180px;
    height: auto; }

#footer {
  clear: both;
  padding: 10px 10px 100px 10px;
  position: relative;
  top: 20px;
  left: 220px;
  font-size: 0.7em;
  color: #837E7C; }
  #footer p, #footer li {
    display: inline;
    font-size: 1em; }
  #footer ul {
    margin: 0;
    padding: 0;
    display: inline; }
    #footer ul li:not(:first-child):before {
      content: " | "; }
  #footer > * {
    display: inline; }
  #footer #app-badges {
    display: block;
    margin-top: 10px; }

/* CE Tables */
.ce-table {
  border-spacing: 0;
  background: #F0F8FF;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
  padding: 10px;
  margin-bottom: 10px; }
  .ce-table th {
    background-color: silver;
    font-weight: normal;
    padding: 5px;
    border: none !important; }
  .ce-table td {
    padding: 5px;
    border: none; }

/* CE Images */
figcaption.image-caption {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: 2px; }

.ce-textpic > .ce-gallery {
  margin-top: 5px; }

.ce-textpic.ce-right.ce-intext > .ce-gallery {
  margin-left: 15px; }

/* For core file list */
.ce-uploads span.ce-uploads-filesize {
  display: none; }

.CoD-timetable {
  font-size: 0.9em;
  color: #666;
  border-collapse: collapse;
  border-spacing: 0; }
  .CoD-timetable, .CoD-timetable td, .CoD-timetable th {
    border: 1px solid #000; }
  .CoD-timetable td {
    padding: 10px; }
  .CoD-timetable th {
    font-size: 16px; }

.fetchurl .CoD-timetable td:nth-child(2) {
  display: none; }
.fetchurl blockquote {
  border-left: 5px solid #F0F8FF;
  padding: 10px 20px;
  margin: 0 0 20px;
  /* SN Goenka page */ }
.page-3425 .fetchurl, #c33572 .fetchurl {
  /* First image block */ }
  .page-3425 .fetchurl > p:nth-of-type(1), #c33572 .fetchurl > p:nth-of-type(1) {
    width: 20%; }
  @media (max-width: 508px) {
    .page-3425 .fetchurl > p:nth-of-type(1), #c33572 .fetchurl > p:nth-of-type(1) {
      width: 100%; }
      .page-3425 .fetchurl > p:nth-of-type(1) > img, #c33572 .fetchurl > p:nth-of-type(1) > img {
        width: 100%;
        max-width: 200px !important;
        display: block;
        margin: auto; } }
  .page-3425 .fetchurl > p:nth-of-type(1) img.www-float-right-bottom, #c33572 .fetchurl > p:nth-of-type(1) img.www-float-right-bottom {
    margin-bottom: 10px;
    /* Second image block */ }
  .page-3425 .fetchurl div.www-float-right-bottom, #c33572 .fetchurl div.www-float-right-bottom {
    width: 35%; }
    @media (max-width: 508px) {
      /* First & second image block + iframe */
      .page-3425 .fetchurl div.www-float-right-bottom, #c33572 .fetchurl div.www-float-right-bottom {
        width: 100%;
        max-width: 375px; } }
  .page-3425 .fetchurl > p:nth-of-type(1), #c33572 .fetchurl > p:nth-of-type(1), .page-3425 .fetchurl div.www-float-right-bottom, #c33572 .fetchurl div.www-float-right-bottom, .page-3425 .fetchurl iframe, #c33572 .fetchurl iframe {
    float: right;
    margin-left: 25px;
    min-width: 100px;
    font-size: 12px;
    line-height: 20px; }
  @media (max-width: 508px) {
    .page-3425 .fetchurl > p:nth-of-type(1), #c33572 .fetchurl > p:nth-of-type(1), .page-3425 .fetchurl div.www-float-right-bottom, #c33572 .fetchurl div.www-float-right-bottom, .page-3425 .fetchurl iframe, #c33572 .fetchurl iframe {
      float: none;
      margin: 35px auto 27px;
      text-align: center; } }

/* mindshape cookie hint */
.cc_container {
  background: #F0F8FF;
  border-top: 1px solid #ccc; }

.cc_container .cc_message {
  color: #666; }

.cc_container .cc_more_info {
  color: #955746 !important;
  text-decoration: underline; }

/* Indexed search */
.tx-indexedsearch-browsebox LI {
  display: inline;
  margin-right: 5px; }

.tx-indexedsearch-info {
  display: none; }

.ce-sword {
  color: red; }

/* Felogin */
.tx-felogin-pi1 div, .tx-felogin-pi1 legend {
  font-size: 0.9em;
  color: #666; }
.tx-felogin-pi1 input {
  width: 144px;
  text-align: center; }

/* Filelist extension */
.tx-filelist td {
  font-size: 0.9em; }
.tx-filelist td, .tx-filelist th {
  padding: 5px; }
.tx-filelist img {
  vertical-align: middle; }

/* Powermail forms */
.powermail_form fieldset {
  border: none; }

.powermail_field {
  padding: 2px; }

.powermail_label, .powermail_field label, .powermail_fieldwrap_type_text .powermail_field {
  font-size: 0.9em;
  color: #666; }

/* Embedded pages */
.tx-fetchurl-pi1 {
  text-align: justify; }
  .tx-fetchurl-pi1 img {
    display: block; }
  .tx-fetchurl-pi1 .www-float-right-bottom {
    display: block;
    margin-bottom: 5px;
    margin-left: 15px;
    float: right; }
  .tx-fetchurl-pi1 .CoD-timetable, .tx-fetchurl-pi1 .www-CoD-timetable {
    font-size: 13px; }
  .tx-fetchurl-pi1 .CoD-timetable td:first-child, .tx-fetchurl-pi1 .www-CoD-timetable td:first-child {
    width: 110px; }
  .tx-fetchurl-pi1 :lang(bg_BG) .CoD-timetable td:first-child {
    width: 9em; }
  .tx-fetchurl-pi1 :lang(jp_JP) .CoD-timetable td:first-child {
    width: 11em; }

.iframe__frame {
  border: 0px; }

/* News items */
.news-list-date {
  padding: 4px; }

.news-list-item {
  background-color: #F0F8FF;
  margin-bottom: 13px; }
  .news-list-item p {
    padding: 4px; }
  #middle .news-list-item h2 {
    background-color: #C7D5FE;
    padding: 4px;
    font-size: 13px; }

.news-list-container IMG {
  margin: 4px; }

.news-list-container HR.clearer {
  clear: none; }

.news-list-morelink {
  font-size: 10px; }

/* New layouts */
/* Small text blocks */
#middle .frame-type-dce_dceuid3 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 -10px; }
@media only screen and (max-width: 738px) {
  #middle .frame-type-dce_dceuid3 {
    margin: 0 -4px; } }
#middle .frame-type-dce_dceuid3 > div {
  position: relative;
  flex-grow: 1;
  width: 135px;
  background: #F0F8FF;
  padding: 11px 7.5px 17px 7.5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  margin: 10px;
  /* to enlarge link to the whole block 
   position: relative; */ }
@media only screen and (max-width: 738px) {
  #middle .frame-type-dce_dceuid3 > div {
    margin: 10px 4px; } }
#middle .frame-type-dce_dceuid3 > div:empty {
  margin: 0 10px;
  padding: 0;
  visibility: hidden; }
@media only screen and (max-width: 738px) {
  #middle .frame-type-dce_dceuid3 > div:empty {
    margin: 0 4px; } }
#middle .frame-type-dce_dceuid3 > div header a {
  font-size: 11.5px;
  font-weight: 600;
  color: #4A7984;
  text-decoration: none;
  border-bottom: 80px solid transparent;
  border-top: 10px solid transparent;
  position: relative;
  text-transform: uppercase;
  /* to enlarge link to the whole block 
   display:block; */ }
  #middle .frame-type-dce_dceuid3 > div header a:after {
    content: "";
    border-bottom: 3px solid transparent;
    border-top: 3px solid transparent;
    border-left: 6px solid #aaa;
    display: inline-block;
    position: relative;
    left: 5px;
    top: -2px; }
#middle .frame-type-dce_dceuid3 > div header h2 {
  margin: 0;
  font-size: 11.5px;
  line-height: 22px; }
#middle .frame-type-dce_dceuid3 > div p {
  margin: 0;
  border-top: 1px solid #DCDCDC;
  padding-top: 10px;
  font-size: 11.5px;
  color: #8c8c8c;
  text-align: left;
  /* to enlarge link to the whole block 
   top: 30px;
   position:absolute;*/ }

/* Image banners */
#middle .frame-type-dce_dceuid2 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
  margin-bottom: 10px; }
  #middle .frame-type-dce_dceuid2.frame-layout-0 {
    position: relative;
    width: 100%; }
    #middle .frame-type-dce_dceuid2.frame-layout-0 img {
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      border-radius: 5px;
      behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc'); }
    #middle .frame-type-dce_dceuid2.frame-layout-0 header {
      position: absolute;
      top: 8px;
      left: 22px;
      z-index: 100; }
      #middle .frame-type-dce_dceuid2.frame-layout-0 header h1 {
        color: white;
        font-size: 26px;
        font-weight: normal; }
    @media only screen and (max-width: 508px) {
      #middle .frame-type-dce_dceuid2.frame-layout-0 img {
        width: 100%; } }
  #middle .frame-type-dce_dceuid2.frame-layout-1, #middle .frame-type-dce_dceuid2.frame-layout-2 {
    background: #A7896D;
    overflow: hidden; }
    #middle .frame-type-dce_dceuid2.frame-layout-1 .image, #middle .frame-type-dce_dceuid2.frame-layout-2 .image {
      float: left;
      max-width: 50%; }
      #middle .frame-type-dce_dceuid2.frame-layout-1 .image img, #middle .frame-type-dce_dceuid2.frame-layout-2 .image img {
        margin: 0;
        display: block;
        -webkit-border-radius: 5px 0 0 5px;
        -moz-border-radius: 5px 0 0 5px;
        -ms-border-radius: 5px 0 0 5px;
        border-radius: 5px 0 0 5px;
        behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc'); }
    #middle .frame-type-dce_dceuid2.frame-layout-1 .bodytext, #middle .frame-type-dce_dceuid2.frame-layout-2 .bodytext {
      padding: 10px 19px 0 19px;
      overflow: hidden; }
      #middle .frame-type-dce_dceuid2.frame-layout-1 .bodytext header h1, #middle .frame-type-dce_dceuid2.frame-layout-2 .bodytext header h1 {
        color: white;
        font-size: 26px;
        font-weight: normal;
        border-bottom: 1px solid #c2aa94;
        margin-bottom: 10px; }
      #middle .frame-type-dce_dceuid2.frame-layout-1 .bodytext p, #middle .frame-type-dce_dceuid2.frame-layout-2 .bodytext p {
        color: white;
        font-size: 12.9px;
        margin: 0; }
    @media only screen and (max-width: 508px) {
      #middle .frame-type-dce_dceuid2.frame-layout-1 .image, #middle .frame-type-dce_dceuid2.frame-layout-2 .image {
        display: none; }
      #middle .frame-type-dce_dceuid2.frame-layout-1 .bodytext, #middle .frame-type-dce_dceuid2.frame-layout-2 .bodytext {
        padding: 10px; } }
  #middle .frame-type-dce_dceuid2.frame-layout-2 {
    background: #F4EBDA; }
    #middle .frame-type-dce_dceuid2.frame-layout-2 .image {
      float: right; }
      #middle .frame-type-dce_dceuid2.frame-layout-2 .image img {
        -webkit-border-radius: 0 5px 5px 0;
        -moz-border-radius: 0 5px 5px 0;
        -ms-border-radius: 0 5px 5px 0;
        border-radius: 0 5px 5px 0;
        behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc'); }
    #middle .frame-type-dce_dceuid2.frame-layout-2 .bodytext header h1 {
      color: #6e6e6e;
      font-size: 26px;
      line-height: 44px;
      border-bottom: 2px solid #cdc5b5;
      margin-bottom: 20px; }
    #middle .frame-type-dce_dceuid2.frame-layout-2 .bodytext p {
      color: #8c8c8c;
      font-size: 22px;
      line-height: 36px; }

/* Text size shrinked for non empty right column (narrow middle column), except for Dipa which has a larger middle column */
@media only screen and (min-width: 738px) {
  #right:not(:empty) + #middle .frame-type-dce_dceuid2.frame-layout-1 .bodytext {
    padding-top: 3px; }
    #right:not(:empty) + #middle .frame-type-dce_dceuid2.frame-layout-1 .bodytext header h1 {
      font-size: 22px; }
    #right:not(:empty) + #middle .frame-type-dce_dceuid2.frame-layout-1 .bodytext p {
      font-size: 11.5px; }
  #right:not(:empty) + #middle .frame-type-dce_dceuid2.frame-layout-2 .bodytext header h1 {
    font-size: 24px;
    line-height: 35px; }
  #right:not(:empty) + #middle .frame-type-dce_dceuid2.frame-layout-2 .bodytext p {
    font-size: 17px;
    line-height: 26px; } }

/* Small image blocks */
#middle .frame-type-dce_dceuid1.frame-layout-0, #middle .frame-type-dce_dceuid1.frame-layout-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
@media only screen and (max-width: 288px) {
  #middle .frame-type-dce_dceuid1.frame-layout-0, #middle .frame-type-dce_dceuid1.frame-layout-2 {
    justify-content: center; } }
#middle .frame-type-dce_dceuid1.frame-layout-0 figure, #middle .frame-type-dce_dceuid1.frame-layout-2 figure {
  min-width: 140px;
  position: relative;
  margin: 10px 0; }
  #middle .frame-type-dce_dceuid1.frame-layout-0 figure:empty, #middle .frame-type-dce_dceuid1.frame-layout-2 figure:empty {
    margin: 0; }
  #middle .frame-type-dce_dceuid1.frame-layout-0 figure img, #middle .frame-type-dce_dceuid1.frame-layout-2 figure img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
    display: block; }
  #middle .frame-type-dce_dceuid1.frame-layout-0 figure figcaption, #middle .frame-type-dce_dceuid1.frame-layout-2 figure figcaption {
    background: none repeat padding-box scroll 0% 0% rgba(80, 80, 80, 0.7);
    font-weight: normal;
    color: white;
    text-transform: uppercase;
    text-align: left;
    font-size: 21px;
    letter-spacing: 1.5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box; }
    #middle .frame-type-dce_dceuid1.frame-layout-0 figure figcaption::after, #middle .frame-type-dce_dceuid1.frame-layout-2 figure figcaption::after {
      content: "";
      border-left: 8px solid #c8c8c8;
      border-bottom: 5px solid transparent;
      border-top: 5px solid transparent;
      display: inline-block;
      position: relative;
      top: -1px;
      left: 7px; }
#middle .frame-type-dce_dceuid1.frame-layout-2 figure figcaption {
  font-size: 12px; }
#middle .frame-type-dce_dceuid1.frame-layout-1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
@media only screen and (max-width: 308px) {
  #middle .frame-type-dce_dceuid1.frame-layout-1 {
    justify-content: center; } }
#middle .frame-type-dce_dceuid1.frame-layout-1 figure {
  min-width: 300px;
  background: #ac8868;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
  position: relative;
  margin: 10px 0; }
@media only screen and (max-width: 308px) {
  #middle .frame-type-dce_dceuid1.frame-layout-1 figure {
    min-width: 150px; } }
#middle .frame-type-dce_dceuid1.frame-layout-1 figure:empty {
  margin: 0;
  visibility: hidden; }
#middle .frame-type-dce_dceuid1.frame-layout-1 figure img {
  float: right;
  display: block;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc'); }
  #right:not(:empty) + #middle .frame-type-dce_dceuid1.frame-layout-1 figure img.several-images {
    max-width: 116px; }
  @media only screen and (max-width: 308px) {
    #middle .frame-type-dce_dceuid1.frame-layout-1 figure img {
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      -ms-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
      float: initial; } }
@media only screen and (max-width: 608px) {
  #middle .frame-type-dce_dceuid1.frame-layout-1 figure img:nth-child(3) {
    display: none; } }
@media only screen and (max-width: 458px) {
  #middle .frame-type-dce_dceuid1.frame-layout-1 figure img:nth-child(2) {
    display: none; } }
#middle .frame-type-dce_dceuid1.frame-layout-1 figure figcaption {
  float: left;
  color: white;
  font-size: 18px;
  padding: 10px 9px 10px 15px;
  margin: 0;
  font-weight: normal;
  width: 126px; }
#middle .frame-type-dce_dceuid1.frame-layout-1 figure .popup-video {
  width: 100%;
  max-width: initial;
  height: 100%;
  display: block; }
  #middle .frame-type-dce_dceuid1.frame-layout-1 figure .popup-video::after {
    width: 75%;
    right: 0;
    left: initial; }
  @media only screen and (max-width: 308px) {
    #middle .frame-type-dce_dceuid1.frame-layout-1 figure .popup-video::after {
      width: 100%;
      height: 50%; } }

/* List of paragraphs with table of contents */
#middle .frame-type-dce_dceuid4 .TOC {
  background-color: #f5faff;
  padding: 10px 20px 10px 20px;
  margin-bottom: 50px; }
  #middle .frame-type-dce_dceuid4 .TOC a {
    color: #6e6e6e; }
    #middle .frame-type-dce_dceuid4 .TOC a:hover {
      color: #4f4f4f; }
  #middle .frame-type-dce_dceuid4 .TOC header h2 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 11px;
    color: #787878; }
  #middle .frame-type-dce_dceuid4 .TOC ul {
    list-style-image: url("/fileadmin/sys/img/triangle2.png");
    margin: 0;
    padding: 0; }
    #middle .frame-type-dce_dceuid4 .TOC ul li {
      padding: 0px 10px 6px 0px;
      margin-left: 15px; }
      #middle .frame-type-dce_dceuid4 .TOC ul li a {
        text-decoration: none;
        display: inline-flex;
        font-size: 13px; }
#middle .frame-type-dce_dceuid4 header h3 {
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 4px;
  font-weight: bold; }
  #middle .frame-type-dce_dceuid4 header h3 .BackToTop-link {
    text-decoration: underline;
    font-weight: 600;
    font-size: 10px;
    float: right;
    line-height: 23px; }
#middle .frame-type-dce_dceuid4 p {
  font-size: 13px;
  margin: 0 0 8px 0; }

/* Accordion */
.frame-layout-61 > header > * {
  background: #F0F8FF url(/fileadmin/sys/img/plus.png) 5px center no-repeat;
  cursor: pointer;
  padding: 10px 10px 10px 30px; }
  #middle .frame-layout-61 > header > * {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    border-radius: 8px;
    behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
    overflow: hidden; }

.accordion-active > header > * {
  background-image: url(/fileadmin/sys/img/minus.png); }

.accordion-body {
  padding-bottom: 1px; }

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }

.mfp-preloader a {
  color: #CCC; }

.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus {
  opacity: 1; }

.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }

.mfp-arrow:active {
  margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus {
  opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }

.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }

.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
   * Remove all paddings around the image on small screen
   */
    .mfp-img-mobile .mfp-image-holder {
      padding-left: 0;
      padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
      padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
      background: rgba(0, 0, 0, 0.6);
      bottom: 0;
      margin: 0;
      top: auto;
      padding: 3px 5px;
      position: fixed;
      box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
    .mfp-img-mobile .mfp-counter {
      right: 5px;
      top: 3px; }
    .mfp-img-mobile .mfp-close {
      top: 0;
      right: 0;
      width: 35px;
      height: 35px;
      line-height: 35px;
      background: rgba(0, 0, 0, 0.6);
      position: fixed;
      text-align: center;
      padding: 0; } }

@media (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

/* Play button for video popups */
.popup-video {
  position: relative;
  display: inline-block; }
  #middle .popup-video {
    max-width: 500px; }
  .popup-video:after {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: url("/fileadmin/sys/img/play_button.png") no-repeat center;
    z-index: 1;
    opacity: 0.7; }

/* HTML5 Audio player */
a.audio-download {
  background: #F0F8FF url("/fileadmin/sys/img/download.png") no-repeat 7px center;
  text-decoration: none;
  width: 35px;
  height: 33px;
  box-sizing: border-box;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  behavior: url('/fileadmin/sys/ie-compatibility/PIE.htc');
  display: inline-block;
  margin-left: 5px; }

audio, a.audio-download, .audio-download img {
  vertical-align: middle; }

#middle audio {
  max-width: 90%; }

#right audio {
  max-width: 140px; }

/* @media only screen and (min-width: $breaking_point_4) {
 #right .audio-download {
 display: block;
 text-align: center;
 }
 } */
/* Responsive settings */
@media only screen and (max-width: 970px) {
  body {
    margin: 4px; }
  #header, #body, #main, #content-2, #footer {
    width: 730px; }
  #header-image, #header-gradient {
    display: none; }
  #header-logo-and-image {
    padding-left: 35px; }
  #top-right-menu {
    margin-left: 0;
    /* Display left column below the middle and right column */ }
  #main {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column; }
  #content-1 {
    -webkit-box-ordinal-group: 2;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;
    /* OLD - Firefox 19- */
    -ms-flex-order: 2;
    /* TWEENER - IE 10 */
    -webkit-order: 2;
    /* NEW - Chrome */
    order: 2;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    float: none; }
  #content-2 {
    -webkit-box-ordinal-group: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;
    /* OLD - Firefox 19- */
    -ms-flex-order: 1;
    /* TWEENER - IE 10 */
    -webkit-order: 1;
    /* NEW - Chrome */
    order: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    float: none; }
  #middle {
    padding: 0; }
  #footer {
    -webkit-box-ordinal-group: 3;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 3;
    /* OLD - Firefox 19- */
    -ms-flex-order: 3;
    /* TWEENER - IE 10 */
    -webkit-order: 3;
    /* NEW - Chrome */
    order: 3;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    font-size: 0.9em;
    padding: 0 0 10px 0;
    left: 0; } }

@media only screen and (max-width: 738px) {
  #body, #main, #content-2, #middle, #right, #footer {
    width: auto;
    /* Display top-right-menu below header-logo-and-image */ }
  #header {
    display: table;
    text-align: center;
    margin-top: 0;
    width: 100%; }
  #top-right-menu {
    display: table-header-group;
    width: 83%;
    float: right;
    margin-bottom: 15px; }
  #header-logo-and-image {
    display: table;
    width: 100%;
    padding-left: 0; }
  #header-title {
    display: table-header-group;
    width: 100%; }
  #header-image {
    display: table-footer-group;
    float: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  #header-image img {
    margin-top: 10px; }
  #header-logo-image, #languageselector-title {
    display: none; }
  #navright {
    margin-right: 0;
    width: 55%; }
  #languageselectormenu {
    width: 40%; }
  #navright, #languageselectormenu div {
    font-size: 1em;
    line-height: 1.5em; }
  #subtitle br, #subtitle br:after {
    content: ' ';
    /* Display right column below the middle column */ }
  #content-2 {
    display: -webkit-box;
    /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;
    /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;
    /* TWEENER - IE 10 */
    display: -webkit-flex;
    /* NEW - Chrome */
    display: flex;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    flex-direction: column; }
  #right {
    -webkit-box-ordinal-group: 2;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 2;
    /* OLD - Firefox 19- */
    -ms-flex-order: 2;
    /* TWEENER - IE 10 */
    -webkit-order: 2;
    /* NEW - Chrome */
    order: 2;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */
    margin: 0;
    float: none; }
    #right > div, #right > nav {
      width: 180px;
      float: left;
      margin-right: 10px; }
  #middle {
    -webkit-box-ordinal-group: 1;
    /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-ordinal-group: 1;
    /* OLD - Firefox 19- */
    -ms-flex-order: 1;
    /* TWEENER - IE 10 */
    -webkit-order: 1;
    /* NEW - Chrome */
    order: 1;
    /* NEW, Spec - Opera 12.1, Firefox 20+ */ }
    #middle .ce-textpic > img {
      width: 100%;
      max-width: 600px; } }

@media only screen and (max-width: 508px) {
  #middle iframe, #middle embed, #middle object {
    width: 100%;
    max-width: 520px;
    max-height: 250px; }
  .csc-mailform-field input[type="text"], .csc-mailform-field textarea {
    width: 95%; } }

@media only screen and (max-width: 455px) {
  #right > div, #right > nav {
    float: none;
    margin: 0 auto 20px auto; }
  #content-1 {
    margin: auto; } }

/* Frames */
/* Dark background + margins */
.frame-custom-21 {
  background-color: #ebf6ff; }
  .frame-custom-21 p {
    color: #6e6e6e !important; }
  .frame-custom-21 a:hover {
    color: #661600; }
    .frame-custom-21 header h1 {
      color: #828282 !important; }
    .frame-custom-21 header h2, .frame-custom-21 header h3 {
      color: #787878; }
  #middle .frame-custom-21 {
    padding: 13px 25px; }

/* RTE styles */
#middle p.rte_introtext {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 8px;
  color: #ac8868; }

#middle ol.rte_roman_ordered_list {
  list-style-type: lower-roman; }

ul.rte_double_column {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  margin-left: -20px; }
  ul.rte_double_column li {
    margin-left: 20px; }

/* Alignment */
.align-center {
  text-align: center; }

.align-left {
  text-align: left; }

.align-right {
  text-align: right; }

.align-justify {
  text-align: justify; }