/*
Theme Name: Collegium Helveticum 2021
Theme URI: http://www.bytesbones.ch
Author: Büro 4, bytes & bones
Author URI: http://www.bytesbones.ch
Description: Wordpress-Theme von Büro 4 und bytes & bones.
Version: 1.1
Tags: none
Text Domain: bytes & bones
*/

/* achtung: schriftgroessen werden ganz unten festgelegt! */

/* Reset
-------------------------------------------------------------- */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  overflow: hidden;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overscroll-behavior-y: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: auto;
}
:focus {
  outline: none;
  border: 0;
}
:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
sup {
  font-size: 11px;
  vertical-align: top;
  padding-left: 3px;
  padding-right: 3px;
}
body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  overscroll-behavior-y: none;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: auto;
}

/*schriften*/

/* simplon ////////////////////////////////////// */

@font-face {
  font-family: 'simplonregular';
  src: url('bb-schriften/Simplon_BP_Regular_1.otf') format('opentype'),
    url('bb-schriften/Simplon_BP_Regular_1.ttf') format('truetype'),
    url('bb-schriften/Simplon_BP_Regular_1.woff') format('woff');
}
@font-face {
  font-family: 'simplonmedium';
  src: url('bb-schriften/Simplon_BP_Medium_1.otf') format('opentype'),
    url('bb-schriften/Simplon_BP_Medium_1.ttf') format('truetype'),
    url('bb-schriften/Simplon_BP_Medium_1.woff') format('woff');
}

/* Expo serif pro (via javascript) ////////////// */

/*Regular*/
.expo400reg {
  font-family: expo-serif-pro, serif;
  font-style: normal;
  font-weight: 400;
}
/*Regular italic*/
.expo400it {
  font-family: expo-serif-pro, serif;
  font-style: italic;
  font-weight: 400;
}

/*Bold: */
.expo700bd {
  font-family: 'expo-serif-pro';
  font-style: normal;
  font-weight: 700;
}
/*Bold italic: */
.expo700it {
  font-family: expo-serif-pro, serif;
  font-style: italic;
  font-weight: 700;
}

/*farben*/
.rot {
  color: rgb(252, 97, 99);
  color: #fc6163;
}
.hellrot {
  color: #fcaaa5;
}

/* element abstand klassen */

.mt-5 {
  padding-top: 45px !important;
}

/* seitenlayout */
table.konsole {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.konsole td.navlayer {
  background: #fff;
  height: 100%;
  z-index: 101;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  padding: 0;
}
.konsole td.inhaltlayer {
  position: relative;
  overflow: hidden;
  vertical-align: top;
  padding: 0;
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: -2px 0px 15px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: -2px 0px 15px rgba(0, 0, 0, 0.1);
  box-shadow: -2px 0px 15px rgba(0, 0, 0, 0.1);
}

.page-template-page-versanstaltungen .inhaltlayer {
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-attachment: fixed !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  -webkit-backface-visibility: hidden;
}

.zu {
  width: 36px;
}
#inhaltlayer0 {
  background: #fff;
  color: #000;
  z-index: 101;
}
#inhaltlayer1 {
  color: #000;
  background-image: url(images/kreis-rot.png);
  background-size: 80px 80px;
  background-repeat: no-repeat;
  background-position: 14px 0px;
  background-attachment: fixed;
  z-index: 102;
  position: relative;
}

#inhaltlayer2 {
  color: #000;
  z-index: 103;
  position: relative;
  background-image: url(images/background/ueber.jpg);
  background-size: cover;
  background-position: left top;
  background-attachment: fixed;
}
@media (max-width: 600px) {
  .page-id-993 #inhaltlayer2 {
    background-image: url(images/background/ueber-hr.jpg?v=3);
    background-size: 100% auto;
    background-repeat: repeat;
    background-attachment: scroll;
  }
}
#inhaltlayer3 {
  color: #000;
  z-index: 104;
  background-color: white;
}
#inhaltlayer4 {
  color: #000;
  background-image: url(images/background/fellows.jpg);
  background-size: cover;
  background-position: left top;
  z-index: 104;
  background-attachment: fixed;
}

#inhaltlayer5 {
  color: #000;
  background-image: url(images/background/projekte.jpg);
  background-size: cover;
  background-position: left top;
  z-index: 105;
  background-attachment: fixed;
}
#inhaltlayer6 {
  color: #000;
  background-image: url(images/background/agenda.jpg);
  background-size: cover;
  background-position: left top;
  z-index: 106;
  -webkit-box-shadow: -2px 0px 15px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -2px 0px 15px rgba(0, 0, 0, 0.3);
  box-shadow: -2px 0px 15px rgba(0, 0, 0, 0.3);
  background-attachment: fixed;
}

.seitentitel {
  /*schriften unten*/
  position: fixed;
  margin-top: 104px;
  margin-left: -78px;
  text-align: right;
  width: 200px;
  height: 30px;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

/* test */

/* inhalt */
.inhaltwrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  display: block;
  white-space: wrap;
  width: 900px;
  padding: 0px 60px 0px 60px;
}
.maske {
  cursor: pointer;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  width: 100%;
  display: block;
  z-index: 11;
  /*background:#aaa;*/
}
.unsichtbar {
  display: none;
}

.inhalt {
  position: relative;
  z-index: 1;
  top: 0px;
  width: 100%;
  clear: left;
}
.inhalt.schmal {
  width: 630px;
  margin-right: 40px;
  float: left;
}
.spalte0 {
  width: 48%;
  margin-right: 4%;
  float: left;
}
.spalte1 {
  width: 48%;
  float: left;
}
.spalte2,
.spalte3,
.spalte4,
.spalte5,
.spalte6,
.spalte7,
.spalte8,
.spalte9,
.spalte10 {
  display: none;
}
.spalte-rechts {
  width: 230px;
  margin-top: 20px;
  float: left;
}

/*kopf*/
.kopf {
  height: 172px;
}
.start2 .kopf {
  height: 214px;
}

/*blog und veranstaltungen*/
/* #inhaltlayer1 .kopf, #inhaltlayer4 .kopf {
	height:145px;
} */

.kopf .homelink {
  /*punkte-logo*/
  width: 160px;
  height: 120px;
  display: block;
  position: relative;
  margin-left: 210px;
  background-image: url(images/bg-punkte-schwarz.svg);
  background-repeat: no-repeat;
  background-position: center 18px;
  background-size: 132px auto;
  opacity: 1;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.kopfzu .homelink {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

/*forschung */
.kopfhoch {
  height: 360px;
}
.start3 .kopfhoch .homelink {
  /*punkte-logo*/
  width: 160px;
  height: 120px;
  background-size: 132px auto;
  margin-left: 210px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
}
.start3auf .kopfhoch .homelink {
  /*punkte-logo*/
  background-size: 132px auto;
  width: 160px;
  height: 120px;
  margin-left: 210px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
.start3 .inhaltwrapper {
  /*blasen*/

  background-repeat: no-repeat;
  background-position: 80px -3px;
  background-size: auto 469px;
  -webkit-transition: background 0.8s ease-in-out;
  -moz-transition: background 0.8s ease-in-out;
  transition: background 0.8s ease-in-out;
}
.start3auf .inhaltwrapper {
  background-position: center -3px;
  -webkit-transition: background 0.6s ease-in-out;
  -moz-transition: background 0.6s ease-in-out;
  transition: background 0.6s ease-in-out;
}

#inhaltlayer4 .kopf .homelink {
  /*punkte-logo*/
  background-image: url(images/bg-punkte-schwarz.svg);
}
#inhaltlayer5 .kopf .homelink {
  /*punkte-logo*/
  background-image: url(images/bg-punkte-schwarz.svg);
}

.kopf .ch-logo {
  width: 200px;
  height: 104px;
  display: block;
  float: left;
  background-image: url(images/ch-logo-schwarz.svg);
  background-repeat: no-repeat;
  background-position: 0px 24px;
  background-size: 200px auto;
}
#inhaltlayer4 .kopf .ch-logo {
  background-image: url(images/ch-logo-schwarz.svg);
}
#inhaltlayer5 .kopf .ch-logo {
  background-image: url(images/ch-logo-schwarz.svg);
}
.kopf .ch-logo a {
  width: 100%;
  height: 100%;
  display: block;
}

/*auf startseite alle logos ausser 2 ausblenden, werden ueber js eingeblendet*/
.konsolestartseite .kopf .logo1,
.konsolestartseite .kopf .logo3,
.konsolestartseite .kopf .logo4,
.konsolestartseite .kopf .logo5 {
  display: none;
}

.fusszeile {
  clear: left;
  width: 100%;
  height: 100px;
  display: block;
  position: relative;
}

.fusslinks {
  position: absolute;
  right: 40px;
  bottom: 40px;
  text-align: right;
}

.fusslinks a {
  font: 15px/20px 'simplonregular', helvetica, sans-serif;
}

.topscrollwrapper {
  width: 46px;
  height: 46px;
  display: block;
  position: relative;
  margin-top: 64px;
  margin-bottom: 12px;
  margin-left: auto;
  margin-right: auto;
}
.topscroll {
  width: 100%;
  height: 100%;
  display: block;
  background: url(images/pfeil-o-schwarz.png);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center 0px;
  cursor: pointer;
  display: none;
}
/* #inhaltlayer4 .topscroll {
	background:url(images/pfeil-o-schwarz.png);
	background-size:20px auto;
	background-repeat:no-repeat;
	background-position:center 0px;
} */
#suchelayeroffen .topscroll {
  width: 100%;
  height: 100%;
  display: block;
  background: url(images/pfeil-o-schwarz.png);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center 0px;
  cursor: pointer;
  display: none;
}

.clearer {
  clear: both;
  display: block;
  width: 100%;
  height: 1px;
}

.inhalt img {
  max-width: 100%;
  height: auto;
}

.pagekids,
.pagekidspersonen {
  border-top: 1px solid #000;
  padding-top: 31px;
}

#inhaltlayer2 .pagekids {
  border-top: none;
}

#inhaltlayer5 .pagekids {
  border-top: 1px solid #000;
}

/* links (sponsorenlogos unten)*/
a {
  text-decoration: none;
  color: #000;
  opacity: 1;
}
a:hover,
a:active,
a:focus {
  opacity: 0.5;
}
p a {
  opacity: 1;
  border-bottom: 1px dotted #000;
}
.passiv {
  opacity: 0.8;
}
.aktiv {
  opacity: 1;
}
#inhaltlayer2 .passiv {
  opacity: 0.8;
  color: black;
}
#inhaltlayer3 .passiv {
  opacity: 1;
  color: black;
}

.pagekids a {
  font: 22px/29px 'simplonregular', helvetica, sans-serif;
  display: inline-block;
  padding-bottom: 12px;
}
.pagekids.ebene-2 a {
  background-image: url(images/punkt-schwarz.png);
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: 0px 9px;
  padding-left: 12px;
}
.downloads a {
  font: 22px/29px 'simplonregular', helvetica, sans-serif;
  background-image: url(images/pfeil-r-schwarz.png);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 0px 8px;
  display: inline-block;
  padding-left: 24px;
  padding-bottom: 12px;
  border: 0;
}
.downloads a:hover {
  border: 0;
}
#inhaltlayer5 a {
  color: #000;
}
#inhaltlayer5 p a {
  opacity: 1;
  border-bottom: 1px dotted #000;
}

#inhaltlayer5 .downloads a {
  background-image: url(images/pfeil-r-schwarz.png);
}
#inhaltlayer5 .pagekids.ebene-2 a {
  background-image: url(images/punkt-schwarz.png);
}

.pagekidspersonen a {
  opacity: 1;
}
.pagekidspersonen a h6,
.pagekidspersonen a p {
  opacity: 1;
}
.pagekidspersonen a:hover h6,
.pagekidspersonen a:hover p {
  opacity: 0.5;
}

/* ch-logo */
.ch-logo a,
.ch-logo a:hover,
#inhaltlayer5 .ch-logo a,
#inhaltlayer5 .ch-logo a:hover {
  color: black;
  opacity: 1;
}

/* mehr- und zuruecklink , s.a. veranstaltungen*/
p.backlink {
  cursor: pointer;
  height: 32px;
  width: 25px;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-block;
  background: url(images/buttons.png?ver=1.2);
  background-repeat: no-repeat;
  background-position: 0px -200px;
  background-size: 25px auto;
  opacity: 1;
  border: 0;
}
p.backlink.passiv {
  opacity: 0.5;
}

p.morelink {
  margin-top: 3px;
  margin-bottom: 0px;
  opacity: 1;
}
p.morelink a {
  cursor: pointer;
  height: 25px;
  width: 25px;
  display: inline-block;
  background: url(images/buttons.png?ver=1.2);
  background-repeat: no-repeat;
  background-position: 0px -400px;
  background-size: 25px auto;
  opacity: 1;
  border: 0;
}
.veranstaltungen .highlightcontainer p.morelink a {
  background-position: 0px -600px;
}
p.morelink.aktiv a {
  opacity: 1;
}
p.morelink.passiv a {
  opacity: 0.5;
}

/* texte ein-/ausblenden */
.plusTXT {
  padding-bottom: 0px;
}
.plusTXTzu {
  display: none;
  overflow: hidden;
}
.plusTXTzu p:first-child {
  margin-top: 18px;
}
.plusTXTauf {
  /*border-top:1px solid #000;*/
  padding-top: 18px;
}
#inhaltlayer5 .plusTXTauf {
  /*border-top:1px solid #fff;*/
}
.pluslink {
  cursor: pointer;
  height: 40px;
  width: 25px;
  display: inline-block;
  background: url(images/buttons.png?ver=1.2);
  background-repeat: no-repeat;
  background-position: 0px 13px;
  background-size: 25px auto;
}
.pluslink.aktiv {
  opacity: 1;
}
.pluslinkoffen,
.pluslinkoffen.aktiv {
  background-position: 0px -87px;
  opacity: 1;
}

.pluslinkoffen.weiss {
  background-position: 0px -342px;
}

.pluslink.passiv {
  opacity: 0.3;
}
.pluslinkoffen.passiv {
  opacity: 0.3;
}

#inhaltlayer2 .pluslink.passiv {
  background-position: 0px -486px;
  opacity: 1;
}
#inhaltlayer3 .pluslink.passiv {
  background-position: 0px -537px;
  opacity: 1;
}

#inhaltlayer5 .pluslink {
  cursor: pointer;
  height: 40px;
  width: 25px;
  display: inline-block;
  background: url(images/buttons.png?ver=1.2);
  background-repeat: no-repeat;
  background-position: 0px -287px;
  background-size: 25px auto;
  opacity: 1;
}
#inhaltlayer5 .pluslinkoffen,
#inhaltlayer5 .pluslinkoffen.aktiv {
  background-position: 0px -337px;
  opacity: 1;
}
#inhaltlayer5 .pluslink.passiv {
  opacity: 0.3;
}
#inhaltlayer5 .pluslinkoffen.passiv {
  opacity: 0.3;
}

/* nav links */
.seitennavigation {
  position: fixed;
  top: -10px;
  left: 0px;
  z-index: 21;
  width: 36px;
  height: 105%;
  background: #fff;
}
.xxschatteninnen {
  /*off*/
  -webkit-box-shadow: inset -3px 0px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset -3px 0px 3px rgba(0, 0, 0, 0.2);
  box-shadow: inset -3px 0px 3px rgba(0, 0, 0, 0.2);
}

.navicon,
#sprachbutt span {
  width: 20px;
  height: 30px;
  margin-top: 20px;
  margin-left: 8px;
  display: block;
  background: url(images/navicons.png);
  background-size: 70px auto;
  background-repeat: no-repeat;
}

#menubutt {
  cursor: pointer;
  margin-top: 34px;
  background-position: -4px -4px;
}
#menubutt.iconfocus {
  background-position: -43px -4px;
}
#suchbutt {
  cursor: pointer;
  background-position: -3px -50px;
}
#suchbutt.iconfocus {
  background-position: -42px -50px;
}
#kontaktbutt {
  cursor: pointer;
  background-position: -4px -96px;
}
#kontaktbutt.iconfocus {
  background-position: -43px -96px;
}

#sprachbutt a {
  opacity: 1;
}
#sprachbutt span.english {
  background-position: -4px -142px;
}
#sprachbutt span.deutsch {
  background-position: -4px -185px;
}

#sprachbutt .sprachlinkpassiv.english {
  background-position: -43px -142px;
}
#sprachbutt .sprachlinkpassiv.deutsch {
  background-position: -43px -185px;
}

#sprachbutt .sprachlink {
  /*aktuelle sprache*/
  display: none;
}
#sprachbutt a .sprachlink,
.sprachlinkpassiv {
  display: block;
}

#facebook-btn,
#linkedin-btn,
#twitter-btn,
#instagram-btn {
  width: 18px;
  height: 18px;
  margin-top: 10px;
  margin-left: 9px;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#facebook-btn {
  background: url(images/facebook-new.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#linkedin-btn {
  background: url(images/linkedin.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#instagram-btn {
  background: url(images/instagram.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#twitter-btn {
  background: url(images/twitter.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/* textformate */

body,
td {
  font-family: expo-serif-pro, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 25px;
  line-height: 31px;
}
strong,
b {
  font-weight: 700;
}

td .seitentitel {
  font: 20px/24px 'simplonregular', helvetica, sans-serif;
  color: black;
}
td#inhaltlayer1 .seitentitel,
td#inhaltlayer5 .seitentitel {
  color: black;
}

.inhalt h1 {
  font-size: 45px;
  line-height: 51px;
  font-weight: normal;
  padding-top: 4px;
  padding-bottom: 0px;
  border-top: 1px solid #000;
  margin-top: 0px;
  margin-bottom: 6px;
  clear: both;
}
#inhaltlayer5 .inhalt h1 {
  border-top: 1px solid #000;
}

.inhalt h2,
.inhalt h3 {
  font-size: 25px;
  line-height: 31px;
  font-family: 'expo-serif-pro', serif;
  font-style: normal;
  font-weight: 700;
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.inhalt h4 {
  /*literatur*/
  font-size: 25px;
  line-height: 31px;
  font-family: 'expo-serif-pro', serif;
  font-style: normal;
  font-weight: 700;
  margin: 0px;
  margin-top: -31px;
  margin-bottom: 6px;
}

.inhalt h5 {
  /*ueberzeile*/
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  margin-top: 0px;
  margin-bottom: 0px;
}

.inhalt h6 {
  /*ueberzeile*/
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  font-weight: normal;
  margin-top: 31px;
  margin-bottom: 0px;
}
.inhalt h6.ohneabstandoben {
  margin-top: 0px;
}

.inhalt p {
  margin-bottom: 31px;
}
.inhalt p.sansserif {
  font-family: 'simplonregular', helvetica, sans-serif !important;
}
.inhalt p.bibliografie {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  margin-bottom: 31px;
}
.inhalt p.ueberzeile {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  margin-bottom: 0px;
}

.inhalt p.ohneabstandunten {
  margin-bottom: 6px;
  margin-top: 31px;
}

.inhalt ul {
  margin: 0px;
  padding: 0px;
}
.inhalt ul li {
  list-style: none;
  background-image: url(images/punkt-schwarz.png);
  background-size: 10px auto;
  background-repeat: no-repeat;
  background-position: 0px 14px;
  padding-left: 16px;
  margin-bottom: 31px;
}
#inhaltlayer5 .inhalt ul li {
  background-image: url(images/punkt-schwarz.png);
}

.inhaltTXTauf li {
  margin-bottom: 0 !important;
  background-position: 0 5px !important;
}

.strich {
  height: 1px;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 24px;
  overflow: hidden;
  border-bottom: 1px solid #000;
}
#inhaltlayer5 .strich {
  border-bottom: 1px solid #000;
}

/* silbentrennung */
.inhalt p,
.inhalt h2,
.inhalt h3,
.inhalt h4,
.inhalt h5,
.inhalt h6,
.inhalt td,
.inhalt li {
  -ms-word-break: break-word;
  word-break: break-word;

  word-wrap: break-word; // legacy name
  overflow-wrap: break-word; // new name as per the CSS3 spec

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.inhalt .personpreview p,
.inhalt input,
.inhalt textarea {
  -webkit-hyphens: manual;
  -moz-hyphens: manual;
  -ms-hyphens: manual;
  hyphens: manual;
}

/* bilder */
.inhalt img {
  max-width: 100%;
  height: 100%;
  height: auto;
  vertical-align: bottom;
}

/* bilder personen, links siehe unter links (oben) */
.personpreview {
  width: 230px;
  height: 342px;
  margin-top: 20px;
  margin-right: 105px;
  float: left;
  text-align: center;
}
.personpreview.letzter {
  margin-right: 0px;
}
.personbild {
  width: 230px;
  height: 230px;
  display: block;
  border-radius: 230px;
  background-size: 230px auto;
  background-repeat: no-repeat;
}
.personbild img {
  width: 100%;
  height: auto;
}
.personpreview h6 {
  font-size: 16px;
  line-height: 21px;
  font-style: normal;
  font-weight: 700;
  margin: 0px;
  margin-top: 12px;
}
.personpreview p {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
}

/* pfad oben, siehe auch style-resp.php */
.pfad {
  padding-bottom: 12px;
}
/* .start2 .pfad, #inhaltlayer1 .pfad, #inhaltlayer4 .pfad {
	display:none;
} */
.pfad a {
  display: inline-block;
  font: 16px/18px 'simplonregular', helvetica, sans-serif;
  background-image: url(images/pfeil-r-schwarz.png);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 24px;
  padding-right: 10px;
  opacity: 0.5;
}
.pfad a:hover,
.pfad a:active,
.pfad a:focus {
  opacity: 1;
}
#inhaltlayer5 .pfad a {
  background-image: url(images/pfeil-r-schwarz.png);
}
.pfad span {
  display: inline-block;
  font: 16px/18px 'simplonregular', helvetica, sans-serif;
}

/* selektor veranstaltungen und blog */
.selektor {
  width: 100%;
  display: block;
  margin-bottom: 0px;
}
.selektor.uebersicht {
  margin-bottom: 0px;
}
.selektor-mantel {
  width: 300px;
  margin-left: 0px;
  margin-bottom: 0px;
  overflow: hidden;
  border-top: 1px solid #000;
  background: url(images/selector-pfeile.png?ver=1.1);
  background-repeat: no-repeat;
  background-position: 286px 5px;
  background-size: 12px auto;
}
.selektor select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: 16px/24px 'simplonregular', helvetica, sans-serif;
  height: 26px;
  box-shadow: none;
  background: transparent;
  background-image: none;
  width: 300px;
  padding: 0px;
  border: 0;
  cursor: pointer;
}
select option {
  padding-top: 4px;
  padding-bottom: 3px;
}
select option:hover,
select selected:hover {
  cursor: pointer;
}

/* filter veranstaltungen und blog */
table.veranstaltungsfilter,
table.artikelfilter {
  width: 100%;
}
table.veranstaltungsfilter td,
table.artikelfilter td {
  font: 16px/24px 'simplonregular', helvetica, sans-serif;
  text-align: left;
  padding-top: 5px;
}
table.artikelfilter td {
  width: 27%;
}
table.veranstaltungsfilter td.erster,
table.artikelfilter td.erster {
  text-align: left;
}
table.veranstaltungsfilter td.letzter {
  text-align: right;
  width: 10%;
}
table.artikelfilter td.letzter {
  text-align: right;
  width: 19%;
}

table.veranstaltungsfilter td a,
table.artikelfilter td a {
  opacity: 0.5;
}
table.veranstaltungsfilter td.selected a,
table.veranstaltungsfilter td a:hover,
table.artikelfilter td.selected a,
table.artikelfilter td a:hover {
  opacity: 1;
}
table.veranstaltungsfilter td.selected a.passiv,
table.artikelfilter td.selected a.passiv {
  opacity: 0.5;
}

/* blog /////////////////// */
.blog {
  margin-top: 36px;
}
.blog.einzelne {
  margin-top: 0px;
}
.blog h2 {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  font-weight: normal;

  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid #000;
}
.blog h2.gross {
  font: 16px/21px 'simplonmedium', helvetica, sans-serif;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 0px;
}

.blog p.ueberzeile {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  margin: 0px;
  margin-bottom: 4px;
}
.blog p.ueberzeile a {
}
.blog p {
  margin-bottom: 31px;
}
.blog p.kurztext {
  margin: 0px;
}
.blog p.backlink {
  margin-top: 0px;
  height: 26px;
  margin-bottom: 0px;
}
.blog strong,
.blog b {
  font-weight: 700;
}

/* blog-kommentare /////////////////// */
#kommentarteil {
  padding-top: 12px;
}
#kommentarteil p {
  margin-bottom: 0px;
}
h3.kommentarhaupttitel {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 0px;
  font-weight: 700;
  border-top: 1px solid #000;
  padding-top: 36px;
}
#kommentarteil span#kommentarankerlink {
  cursor: pointer;
  margin-bottom: 31px;
  display: inline-block;
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  background-image: url(images/pfeil-r-schwarz.png);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 24px;
  opacity: 0.5;
}
#kommentarteil span#kommentarankerlink:hover {
  opacity: 1;
}
.kommentaruntertitel {
  font-size: 24px;
  line-height: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: normal;
}
.kommentarbeitrag .comment-meta {
  font-size: 16px;
  line-height: 21px;
  margin-bottom: 12px;
}
.kommentarbeitrag .comment-meta .kleinTXT {
  font-size: 14px;
  line-height: 18px;
}

#kommentarformular {
  margin-top: 12px;
  border-top: 1px solid #000;
}
#kommentarformular .kommentaruntertitel {
  margin-top: 36px;
}
#respond p {
  margin-bottom: 18px;
}
#commentform .legende,
#commentform label {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  width: 100%;
  text-align: left;
  float: left;
}
#commentform .comment-form-comment {
  margin-top: 12px;
}

#commentform input {
  clear: left;
  width: 326px;
  margin-left: 0px;
  font-family: expo-serif-pro, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  padding: 5px;
  border: 1px solid #bbb;
  background: none;
  margin-top: 4px;
}
#commentform input:focus,
#commentform input:hover {
  border: 1px solid #000;
}

#commentform textarea {
  clear: left;
  width: 100%;
  height: 200px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-left: 0px;
  font-family: expo-serif-pro, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  padding: 5px;
  border: 1px solid #bbb;
  background: none;
  margin-top: 4px;
}
#commentform textarea:focus,
#commentform textarea:hover {
  border: 1px solid #000;
}

#commentform .cptch_title {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
}
#commentform .cptch_input {
  font: 16px/21px 'simplonregular', helvetica, sans-serif !important;
  text-align: center !important;
}
#commentform #submit {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  padding: 4px 12px 4px 12px;
  cursor: pointer;
  border: 1px solid #000;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: auto !important;
}
#commentform #submit:hover {
  color: rgb(252, 97, 99);
  border: 1px solid rgb(252, 97, 99);
}

#commentform .erforderlichTXT {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
}
#commentform .requiredIcon,
#commentform .required {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  color: rgb(252, 97, 99);
}

/* veranstaltungen /////////////////// */
.veranstaltungen {
  margin-top: 36px;
}
.veranstaltungen.einzelne {
  margin-top: 0px;
}
.veranstaltungen h2 {
  font-size: 25px;
  line-height: 28px;
  font-family: 'expo-serif-pro', serif;
  font-style: normal;
  font-weight: 700;
  margin: 0px;
  margin-bottom: 0px;
}
.veranstaltungen h2.gross {
  font-size: 42px;
  line-height: 48px;
  font-weight: normal;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 31px;
}

.veranstaltungen p {
  font: 25px/31px 'simplonregular', helvetica, sans-serif;
  margin-bottom: 31px;
}

.veranstaltungen p.ueberzeile {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  margin: 0px;
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid #000;
}
.veranstaltungen p.kurztext {
  font-family: 'expo-serif-pro', serif;
  font-style: normal;
  font-weight: 400;
  margin: 0px;
}
.veranstaltungen p.teaser {
  margin-top: 16px;
  margin-bottom: 0px;
}
.veranstaltungen .plusTXT {
  /*inhalt*/
  margin-top: 31px;
}
.veranstaltungen p.backlink {
  margin-top: 0px;
  height: 26px;
  margin-bottom: 0px;
}
.veranstaltungen strong,
.veranstaltungen b {
  font-family: 'simplonmedium', helvetica, sans-serif;
  font-weight: normal;
}

/*old
.veranstaltungen .pluslink {
	height:32px;
	background-position:0px 0px;
}
.veranstaltungen .pluslinkoffen {
	background-position:0px -100px;
}
.veranstaltungen .pluslink.passiv {
	background-position:-100px -50px;
}
.veranstaltungen .pluslinkoffen.passiv {
	background-position:-100px -150px;
}
*/

/* highlights
/////////////////////////////////////////////////////////////// */

.highlightcontainer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px;
}
.highlightszeiger {
  width: 100%;
  padding-bottom: 60px;
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-family: 'simplonregular', helvetica, sans-serif;
  text-align: center;
  background-image: url(images/pfeil-u-schwarz.png?ver=1.1);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center 36px;
}
.highlight {
  width: 290px;
  display: block;
  float: left;
  padding-top: 38px;
  background-image: url(images/icon-stern-schwarz.png);
  background-size: auto 32px;
  background-repeat: no-repeat;
}

.highlightcontainer3 {
  width: 100%;
}
.highlight1,
.highlight2 {
  margin-right: 15px;
}
.highlightcontainer2 {
  width: 595px;
}
.highlightcontainer2 .highlight2 {
  margin-right: 0px;
}
.highlightcontainer1 {
  width: 290px;
}
.highlightcontainer1 .highlight1,
.highlightcontainer1 .highlight2 {
  margin-right: 0px;
}

/*highlights veranstaltungen */
.veranstaltungen .highlightcontainer {
  color: rgb(0, 0, 0);
}
.veranstaltungen .highlightcontainer a {
  color: rgb(0, 0, 0);
}
.veranstaltungen .highlightszeiger {
  background-image: url(images/pfeil-u-schwarz.png?ver=1.1);
}
.veranstaltungen .highlight {
  background-image: url(images/icon-stern-schwarz.png);
}
.veranstaltungen .highlightcontainer p.ueberzeile {
  border-top: 1px solid rgb(0, 0, 0);
}

/*highlights medien */
.highlightsmedien .highlightcontainer {
  color: #000;
}
.highlightsmedien .highlightcontainer a {
  color: #000 !important;
  border: 0 !important;
}
.highlightsmedien .highlightszeiger {
  background-image: url(images/pfeil-u-schwarz.png?ver=1.1);
}
.highlightsmedien .highlight {
  background-image: url(images/icon-stern-schwarz.png);
}
.highlightsmedien .highlight.bb_podcast {
  background-image: url(images/icon-podcast.png);
}
.highlightsmedien .highlight.bb_publikationen {
  background-image: url(images/icon-publikationen.png);
}
.highlightsmedien .highlight.bb_medienspiegel {
  background-image: url(images/icon-medienspiegel.png);
}
.highlightsmedien h2 {
  margin-top: 6px;
  padding-top: 12px;
  border-top: 1px solid #000;
}
.inhalt .highlightsmedien .highlight p {
  margin-bottom: 0px;
}

/*rechte spalte, masse oben 
////////////////////////////////////////////////////////////////// */

.spalte-rechts {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
}
.spalte-rechts h2 {
  font-size: 16px;
  line-height: 21px;
  font-family: 'expo-serif-pro', serif;
  font-style: normal;
  font-weight: 700;
  margin: 0px;
  margin-top: 30px;
  padding-top: 40px;
  background: url(images/seitenleiste-icons.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
.spalte-rechts h2.rubriktitel-personen {
  background-size: 36px auto;
}
.spalte-rechts h2.rubriktitel-veranstaltungen {
  background-size: 36px auto;
  background-position: 0px -66px;
}

.spalte-rechts .publikationwrapper h2,
.spalte-rechts .publikationwrapper h3 {
  background: none;
  margin-top: 31px;
  padding-top: 0px;
}

.spalte-rechts a {
  display: inline-block;
  border: 0;
  opacity: 1;
}
.spalte-rechts a:hover {
  opacity: 0.5;
}
.spalte-rechts .veranstaltungslink {
  padding-bottom: 18px;
}

.spalte-rechts .personbild {
  margin-left: 0px;
  margin-top: 30px;
  margin-bottom: 20px;
}

.spalte-rechts .publikationbild {
  margin-left: 0px;
  margin-top: 30px;
  margin-bottom: 20px;
  height: 230px;
  width: auto;
  display: block;
}
.spalte-rechts .publikationbild img {
  height: 100%;
  width: auto;
}

/* google maps auf inhaltsseiten */
/*achtung: google map auch unten!*/
.googleMapWrapper {
  width: 100%;
  height: 450px;
  display: block;
}
#googleMap {
  width: 100%;
  height: 100%;
  display: block;
  background: url(images/bb-preloader-2.gif);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center center;
}
.googleMapsInfo {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  color: rgb(252, 97, 99);
}

/* sponsorenlogos */
.sponsorenlogos {
  margin-top: 40px;
  display: block;
}
.sponsorenlogowrapper {
  display: block;
}
.sponsorenlogowrapper::after {
  display: block;
  content: ' ';
  clear: both;
}

.sponsorenlogos a {
  padding: 0;
  height: 78px;
  display: block;
  float: left;
  margin-right: 24px;
  opacity: 1;
}
.sponsorenlogos .logo-ethzh {
  width: 120px;
  background: url(images/eth_logo_kurz.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0px 12px;
}
.sponsorenlogos .logo-unizh {
  width: 165px;
  background: url(images/uzh_logo_d_pos_de.svg);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0px 2px;
  margin-right: 44px !important;
}

[lang='en-US'] .logo-unizh {
  background: url(images/uzh_logo.svg);
  background-repeat: no-repeat;
}

.sponsorenlogos .logo-zhdk {
  width: 190px;
  margin-bottom: 0.5em;
  background: url(images/zhdk_logo_schwarz.svg?ver=1.2);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

/* menue, suche und kontakt */
.weg {
  width: 0px;
}
.schliessbutt {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  width: 25px;
  height: 25px;
  display: block;
  cursor: pointer;
  background: url(images/schliessbutt-schwarz.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 25px 25px;
}
.schliessbutt.weiss {
  background: url(images/schliessbutt-weiss.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 25px 25px;
}
.schliessbutt.rot {
  background: url(images/schliessbutt-rot.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  background-size: 25px 25px;
}
#menulayer {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 14;
  width: 36px;
  height: 100%;
  overflow: hidden;
}
#menulayer p {
  display: none;
}
#menulayer .menulayer1 {
  width: 80px;
}
#suchelayer {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 13;
  width: 36px;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
#suchelayeroffen {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 11;
  width: 100%;
  min-height: 100%;
  background: #fff;
}
#kontaktlayer {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 12;
  width: 36px;
  height: 100%;
  overflow: hidden;
  background: #fff;
}

/*suche*/

body.search-results {
  background-color: rgb(229, 226, 219);
  background-image: url(images/bb-preloader-hellgrau.gif);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center 200px;
}

#suchelayeroffen,
#suchelayer {
  color: #000;
}
.suche {
  padding-top: 70px;
}
#suchelayeroffen .schliessbutt,
#suchelayer .schliessbutt {
  top: 80px;
  right: 0px;
}

.suchfeld {
  border: 1px solid #000;
  height: 42px;
  margin-bottom: 40px;
}
.suchfeld form {
  margin: 0px;
}
.suchfeld .suchfeldleer {
  font-family: expo-serif-pro, serif;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 30px;
  color: #000;
  width: 90%;
  padding: 6px 0px 2px 8px;
  margin-right: 8px;
  vertical-align: top;
  display: block;
  float: left;
  border: 0;
}
.suchfeld .suchfeldleer:focus {
  background: #fff;
}
.suchfeld form .suchesubmit {
  width: 42px;
  height: 42px;
  float: right;
  border: 1px solid #fff;
  float: right;
  cursor: pointer;
  padding: 0px;
  vertical-align: top;
  background: url(images/icon-suche-submit-black.png);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  background-size: 38px auto;
}

.suche .pfad-2 {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  margin-bottom: 13px;
  margin-top: 0px;
}
.suche .pfad-2 a {
  color: #000;
}
.suche h2 {
  font-family: 'simplonmedium', helvetica, sans-serif;
  font-weight: normal;
  color: #000;
}
.suche h2 a {
  color: #000;
}
.suche .trefferauszug {
  margin-bottom: 31px;
}
.suche .trefferauszug p {
  margin-bottom: 0px;
}
.suche .weiterlesenlink {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  background-image: url(images/pfeil-r-black.png);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding-left: 24px;
  color: #000;
}
.suche .treffer {
  background-color: #ffff34;
  /*background-color:rgb(229, 226, 219);*/
  padding: 0px 2px 0px 2px;
}

/* kontakt */
#kontaktlayer .inhaltwrapper {
  height: 100%;
  display: block;
}
#kontaktlayer .inhalt {
  width: 430px;
  margin-top: 32px;
  margin-right: 40px;
  float: left;
  color: #000;
}
#kontaktlayer .googleMapWrapper {
  /*achtung: google map auch oben!*/
  position: absolute;
  top: 0px;
  left: 50%;
  width: 50%;
  height: 100%;
  display: block;
  -webkit-box-shadow: -2px 0px 20px rgba(66, 66, 66, 0.5);
  -moz-box-shadow: -2px 0px 20px rgba(66, 66, 66, 0.5);
  box-shadow: -2px 0px 20px rgba(66, 66, 66, 0.5);
}
#kontaktlayer #googleMapKontakt {
  width: 100%;
  height: 100%;
  display: block;
  background: #fff;
  background-image: url(images/bb-preloader-2.gif);
  background-repeat: no-repeat;
  background-size: 40px 40px;
  background-position: center center;
}
#kontaktlayer .googleMapsInfo {
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
  color: #000;
}
#kontaktlayer .inhalt h1 {
  border-top: 1px solid #000;
}
#kontaktlayer .strich {
  border-bottom: 1px solid #000;
}
#kontaktlayer a {
  color: #000;
}
#kontaktlayer .pagekids {
  padding-top: 0px;
  border: 0;
}
#kontaktlayer .pagekids a {
  background-image: url(images/pfeil-r-schwarz.png);
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: 0px 6px;
  padding-left: 24px;
}
#kontaktlayer .schliessbutt {
  position: absolute;
  top: 13px;
  right: 0px;
}

/* navmenu */
table.navmenu {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  table-layout: fixed;
  border-collapse: collapse;
  width: 100%;
  height: 100%;
}
.navmenu td.navlayer {
  background: #fff;
  height: 100%;
  z-index: 101;
  position: relative;
  overflow: hidden;
  vertical-align: top;
  padding: 0;
}
.navmenu td.menulayer {
  position: relative;
  overflow: hidden;
  vertical-align: top;
  padding: 24px 20px 0px 20px;
  background-size: cover !important;
}
.navmenu td.menulayer a {
  opacity: 1;
  border: 0;
}
.menulayer2 {
  background-image: url(images/background/m_ueber.jpg?v=1.1);
}
.menulayer3 {
  background-color: #fff;
}
.menulayer4 {
  background-image: url(images/background/m_fellows.jpg?v=1.1);
}
.menulayer5 {
  background-image: url(images/background/m_projekte.jpg?v=1.1);
}
.menulayer6 {
  background-image: url(images/background/m_agenda.jpg?v=1.1);
}

.menulayer h2 {
  font: 20px/24px 'simplonregular', helvetica, sans-serif;
  color: black;
  font-weight: normal;
  margin-bottom: 12px;
}
.menulayer h2 a {
  color: black;
}
.menulayer5 h2,
.menulayer5 h2 a {
  color: black;
}

.menulayer p {
  font: 24px/28px 'simplonregular', helvetica, sans-serif;
  margin: 0px;
  margin-bottom: 12px;
}

/*fehlermeldung
////////////////////////////////////////////// */

.hinweis {
  position: fixed;
  z-index: 1001;
  top: 230px;
  width: 300px;
  padding: 50px;
  left: -200px;
  margin-left: 50%;
  display: block;
  background: #fff;
  text-align: center;
  font: 24px/28px 'simplonregular', helvetica, sans-serif;
  color: rgb(252, 97, 99);
  -webkit-box-shadow: 1px 2px 3px #000;
  -moz-box-shadow: 1px 2px 3px #000;
  box-shadow: 1px 2px 3px #000;
}
.hinweis p {
  margin-bottom: 20px;
}
.hinweis #okbutt {
  border: 1px solid rgb(252, 97, 99);
  padding: 8px 20px 2px 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.hinweis a {
  color: rgb(252, 97, 99);
  opacity: 1;
}
.hinweisIE {
  position: absolute;
  z-index: 1001;
  top: 0%;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  background: #fff;
  text-align: center;
  font: 18px/24px 'simplonregular', helvetica, sans-serif;
  color: rgb(252, 97, 99);
  -webkit-box-shadow: 1px 2px 3px #000;
  -moz-box-shadow: 1px 2px 3px #000;
  box-shadow: 1px 2px 3px #000;
}
.hinweisIE a {
  color: rgb(252, 97, 99);
  opacity: 1;
  border-bottom: 1px dotted rgb(252, 97, 99);
}
.hinweisIE #okbuttIE {
  border: 1px solid rgb(252, 97, 99);
  padding: 4px 20px 0px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

/* schriftgroessen 
////////////////////////////////////////////// */

body,
td {
  font-size: 22px;
  line-height: 29px;
}
td .seitentitel {
  font-size: 20px;
  line-height: 24px;
}
.inhalt h1 {
  font-size: 41px;
  line-height: 46px;
}
.inhalt h2,
.inhalt h3 {
  font-size: 24px;
  line-height: 30px;
}
.inhalt h4 {
  /*literatur*/
  font-size: 24px;
  line-height: 30px;
}
.inhalt h5 {
  /*ueberzeile*/
  font-size: 16px;
  line-height: 21px;
}

.inhalt h6 {
  font-size: 16px;
  line-height: 21px;
}
.personpreview h6 {
  font-size: 16px;
  line-height: 21px;
}

.inhalt p.bibliografie {
  font-size: 16px;
  line-height: 21px;
}
.inhalt p.ueberzeile {
  font-size: 16px;
  line-height: 21px;
}

.pfad a {
  font-size: 16px;
  line-height: 18px !important;
}
.pagekids a {
  font-size: 22px;
  line-height: 28px;
}
.downloads a {
  font-size: 24px;
  line-height: 30px;
}

.selektor select {
  font-size: 16px;
  line-height: 24px;
}
.blog h2 {
  font: 16px/21px 'simplonmedium', helvetica, sans-serif;
}
.blog p.ueberzeile {
  font-size: 16px;
  line-height: 21px;
}
.blog p {
  font-size: 24px;
  line-height: 30px;
}

.veranstaltungen h2 {
  font-size: 24px;
  line-height: 30px;
}
.veranstaltungen p {
  font-size: 24px;
  line-height: 30px;
}
.veranstaltungen p.ueberzeile {
  font-size: 16px;
  line-height: 21px;
}
.veranstaltungen .highlightszeiger {
  font-size: 16px;
  line-height: 24px;
}
.spalte-rechts {
  font-size: 16px;
  line-height: 21px;
}
.spalte-rechts h2 {
  font-size: 16px;
  line-height: 21px;
}
.googleMapsInfo {
  font-size: 16px;
  line-height: 21px;
}
.menulayer h2 {
  font-size: 20px;
  line-height: 24px;
}
.menulayer p {
  font-size: 24px;
  line-height: 28px;
}

.kopf .ch-logo {
  font-size: 36px;
  line-height: 42px;
}

.suche h2 {
  font-size: 16px;
  line-height: 21px;
}

/*Projektwoche Teaser*/

.projektwoche-badge {
  background-color: #ffff34;
  width: 230px;
  height: 230px;
  display: block;
  position: absolute;
  top: 5%;
  right: 12%;
  z-index: 100;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.projektwoche-badge.blue {
  background-color: rgb(40, 53, 131);
  top: 5%;
  right: 5%;
}

.projektwoche-badge.blue .badge-wrapper a * {
  color: white !important;
}

.projektwoche-badge .badge-wrapper {
  width: 80%;
  position: relative;
  margin-left: 25%;
  padding-top: 17%;
  cursor: pointer;
}

.projektwoche-badge .badge-wrapper a {
  display: block;
}

.projektwoche-badge .bb-link:hover {
  opacity: 0.4;
}

.projektwoche-badge span.bb-link {
  margin-left: 25%;
}

.projektwoche-badge .zeile1 {
  font: 16px/24px 'simplonregular', helvetica, sans-serif;
  font-weight: bold;
}

.projektwoche-badge .zeile2 {
  font: 16px/24px 'simplonregular', helvetica, sans-serif;
  font-weight: normal;
}

.projektwoche-badge h1 {
  width: 90%;
  font-size: 22px;
  line-height: 1em;
  font-weight: normal;
}

.projektwoche-badge-hover {
  color: #bf9c61;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 5px 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
  color: #000 !important;
  font-size: 16px !important;
  line-height: 20px !important;
  font-weight: normal !important;
}

div.wpforms-container-full .wpforms-form .wpforms-required-label {
  display: none !important;
}

div.wpforms-container-full .wpforms-form input[type='date'],
div.wpforms-container-full .wpforms-form input[type='datetime'],
div.wpforms-container-full .wpforms-form input[type='datetime-local'],
div.wpforms-container-full .wpforms-form input[type='email'],
div.wpforms-container-full .wpforms-form input[type='month'],
div.wpforms-container-full .wpforms-form input[type='number'],
div.wpforms-container-full .wpforms-form input[type='password'],
div.wpforms-container-full .wpforms-form input[type='range'],
div.wpforms-container-full .wpforms-form input[type='search'],
div.wpforms-container-full .wpforms-form input[type='tel'],
div.wpforms-container-full .wpforms-form input[type='text'],
div.wpforms-container-full .wpforms-form input[type='time'],
div.wpforms-container-full .wpforms-form input[type='url'],
div.wpforms-container-full .wpforms-form input[type='week'],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
  font-size: 14px !important;
  line-height: 20px !important;
  padding: 6px 12px 3px;
  color: #555 !important;
  font-family: 'simplonregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

div.wpforms-container .wpforms-form .choices__list--single .choices__item,
div.wpforms-container .wpforms-form .choices__list--dropdown {
  font-family: 'simplonregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px !important;
}

div.wpforms-container .wpforms-form .choices[data-type*='select-one']:after {
  display: block;
}

.wpforms-field-divider {
  padding-top: 55px !important;
  padding-bottom: 3px !important;
}

.aligncenter {
  margin: auto;
}

.wp-caption {
  padding: 0;
  max-width: 610px !important;
  width: 100% !important;
}

.wp-caption img {
  width: 100%;
  height: auto !important;
}

.wp-caption-text {
  font: 15px/20px 'simplonregular', helvetica, sans-serif;
  margin-top: 15px;
}

.zu .topscrollwrapper {
  display: none !important;
}

/* .masonry-wrapper {
  padding: 1.5em 0;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.masonry {
  display: grid;
  grid-template-columns: repeat(1, minmax(100px, 1fr));
  grid-gap: 19px;
  grid-auto-rows: 0;
}
@media only screen and (max-width: 1023px) and (min-width: 468px) {
  .masonry {
    grid-template-columns: repeat(2, minmax(100px, 1fr));
  }
}
@media only screen and (min-width: 1024px) {
  .masonry {
    grid-template-columns: repeat(4, minmax(100px, 1fr));
  }
} */

.masonry-wrapper {
  padding: 0;
  margin: 1.5em 0;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  overflow: hidden;
}
.masonry {
  columns: 2;
  column-gap: 10px;
}
.masonry-item {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    columns: 3;
  }
}
@media only screen and (min-width: 1024px) {
  .masonry {
    columns: 4;
  }
}

.masonry .masonry-item {
  overflow: hidden;
  backface-visibility: hidden;
  z-index: 1;
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  tranform: translateZ(0);
}
.masonry .masonry-item a {
  display: block;
  overflow: hidden;
}
.masonry a:hover {
  opacity: 1;
}
.masonry a img {
  transition: transform 1s ease-out;
  transform: scale(1);
  transform-origin: center center;
}
.masonry a:hover img {
  transform: scale(1.1);
}

.newsletter {
  position: absolute;
  display: inline-block;
  width: 50%;
  right: 0;
  top: 95px;
  font: 16px/21px 'simplonregular', helvetica, sans-serif;
}

@media only screen and (max-width: 600px) {
  .newsletter {
    width: 100%;
    display: inline-block;
    position: relative;
    right: unset;
    top: unset;
  }
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
  background-color: transparent !important;
  border: 1px solid #000 !important;
  color: #000 !important;
  border-radius: 4px !important;
  font-size: 16px !important;
  padding: 4px 9px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
  padding: 0px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-size: 16px !important;
  color: black !important;
}

div.wpforms-container-full .wpforms-form input[type=email] {
  border-radius: 4px !important;
  font-size: 16px !important;
  padding-bottom: 3px !important;
}

.mobile-social-icons a {
  float: left;
  width:30px !important;
  height:30px !important;
  margin-left: 15px !important;
}