body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
header,footer,nav,section,aside,main,article,figure,figcaption{display:block}body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img,iframe{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
#startseite {
	/*max-width: 1920px;*/
	height: auto;
}

@font-face {
  font-family: FlexaMd;
  src: url("../../files/font/GT-Flexa-Standard-Medium.woff2");
}

@font-face {
  font-family: TiemposHLRg;
  src: url("../../files/font/tiempos-headline-web-regular.woff2");
}

@font-face {
  font-family: TiemposTRg;
  src: url("../../files/font/tiempos-text-web-regular.woff2");
}

body {
	background-color: #f2f2f2;
  color: #1c1c1c;

  font-family: TiemposTRg, Times, serif;
  font-size: 1.25vw;
  line-height: 1.875vw;
  letter-spacing: -0.01em;
  font-kerning: normal;
  hyphens: auto;
}

section{
  position: absolute;
  top: 0;

}


p {

  margin-block: 0;
  margin-inline: 0;
}

a:link {
  color: #1c1c1c;
}

a:visited {
  color: #1c1c1c;
}

a:hover {
  color: #3a5a56;
}

a:active {
  color: #fdbc4a;
}

sup {
  vertical-align: super;
  font-size: 50%;
  line-height: 1.25vw;
}

strong {
  font-weight: normal;
  font-family: 'FlexaMd';
}

ul {
 list-style: none;
 margin-left: 0;
 padding-left: 1.32em;
 text-indent: -1.32em;
}
li:before {
  content: "\2192 \2002";
  font-family: FlexaMd, Arial, Helvetica, sans-serif;
}


.introTitle1 {
  font-family: FlexaMd, Arial, Helvetica, sans-serif;
  font-size: 13.5vw;
  line-height: 12.5vw;
  letter-spacing: -0.02em;
  font-kerning: normal;
  padding-top: 100px;
  margin-left: -0.5vw;
}

.introTitle2 {
  font-family: TiemposHLRg, Times, serif;
  font-size: 12.5vw;
  line-height: 12.5vw;
  letter-spacing: -0.01em;
  font-kerning: normal;
}

.introImage {
  margin: 0 auto;
  width: 50%;
  max-width: 960px;
  margin-top: 10vw;
}

.chapterImage {
  float: left;
}

.chapterImage figure img{
  max-width: unset;
  width: 100%;

}

.chapterImage figure{
  padding-right: 4.1666vw;

}

.chapterText {
  position: relative;

  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;

  font-family: TiemposHLRg, Times, serif;
  font-size: 7.1vw;
  line-height: 7.1vw;
  letter-spacing: -0.01em;
  font-kerning: normal;
}
.chapterEmphasis{
  font-family: FlexaMd, Arial, Helvetica, sans-serif;
  font-size: 7.7vw;
  line-height: 7.1vw;
  letter-spacing: -0.02em;
  font-kerning: normal;
  margin-left: -0.2vw;
}
.chapterLebenslauf {
  position: relative;
  font-family: TiemposTRg, Times, serif;
  font-size: 1.875vw;
  line-height: 2.5vw;
  letter-spacing: 0em;
  font-kerning: normal;

  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;


}

.headlines {
	clear: both;
	float: left;
  width: calc(25% - 4.1666%);
  margin-right: 4.1666%;
  margin-left: 25%;
  margin-top: 9.63%;
  
  font-family: FlexaMd, Arial, Helvetica, sans-serif;
  font-size: 2.04vw;
  line-height: 2.5vw;
  letter-spacing: -0.02em;
  font-kerning: normal;
}

.subheadline{
  font-family: TiemposTRg, Times, serif;
  font-size: 1.875vw;
  line-height: 2.5vw;
  letter-spacing: 0em;
  font-kerning: normal;
  padding-top: 0.43vw;
}

.contentText {
  width: 50%;
  margin-top: 10vw;
  margin-bottom: 15vw;

}

.row {
  display: flex; /* equal height of the children */
}

.col {
  flex: 1; /* additionally, equal width */
}

.kapitelnrtext{
  font-family: FlexaMd, Arial, Helvetica, sans-serif;
  font-size: 0.9375vw;
  line-height: 1.25vw;
  letter-spacing: 0em;
  font-kerning: normal;

}
.kapitelbeschreibung{
  margin: 0;

  font-family: TiemposTRg, Times, serif;
  font-size: 0.9375vw;
  line-height: 1.25vw;
  letter-spacing: 0em;
  font-kerning: normal;

}

#kapitelnr1{
  margin: 0;
  padding-top: 5.95vw;
}
#kapitelnr2{
  margin: 0;
  padding-top: 18.4vw;
}
#kapitelnr3{
  margin: 0;
  padding-top: 20.9vw;
}
#kapitelnr4{
  margin: 0;
  padding-top: 11.7vw;
}
#kapitelnr5{
  position: absolute;
  bottom: 0;

}



.kapitelnrtrenner{
  font-family: FlexaMd, Arial, Helvetica, sans-serif;
  font-size: 0.9375vw;
  line-height: 1.25vw;
  letter-spacing: 0em;
  font-kerning: normal;
  margin: 0;
  position: absolute;
  bottom: 0;
}

.nutshell {
  clear: both;
  float: left;


  width: calc(25% - 4.1666%);
  margin-right: 4.1666%;
  margin-left: 25%;
  margin-top: 9%;

  font-size: 2.5vw;
  line-height: 3.125vw;
  letter-spacing: 0em;
  font-kerning: normal;

  hyphens: none;
}

.contactTable{

  height: auto;
  width: auto;
  margin: 0;
  margin-top: 13.46vw;
}

.contactName{   

  font-family: FlexaMd, Arial, Helvetica, sans-serif;
  font-size: 1.875vw;
  line-height: 2.5vw;

  letter-spacing: -0.025em;
  font-kerning: normal;
  /*  padding-top: 13.46vw;*/

}

.contactDetails{
 font-family: TiemposTRg, Times, serif;
 font-size: 1.875vw;
 line-height: 2.5vw;

 letter-spacing: -0.025em;
 font-kerning: normal;
}



.content {

}

#mainWrapper {

}

#contentWrapper {

}

#navLeft {

}

#navRight {

}

#logo {
 background-image: url("../../files/images/icons/logo.svg");
 background-repeat: no-repeat;
 width: 40px;
 height: 40px;
 background-size: 40px 40px;
 margin-top: 30px;
 margin-left: 30px;
 position: fixed;
 z-index: 1000;
}

#menu {
  cursor: pointer;
  background-image: url(../../files/images/icons/menu.svg);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;

  background-size: 40px 40px;
  margin-top: 30px;
  position: fixed;
  z-index: 1000;
  right: 30px;
}

#popupMenu{
  overflow: hidden;
  position: fixed;
  z-index: 9000;
  width: 100%;
  height: 0vh;

  background-color: #3a5a56;
}

#logoMenu{
  background-image: url("../../files/images/icons/logo_invert.svg");
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  position: absolute;
  top: 30px;
  left: 30px;

}

#closeMenu{
  cursor: pointer;
  background-image: url(../../files/images/icons/menuX.svg);
  background-repeat: no-repeat;
  width: 40px;
  height: 40px;

  background-size: 40px 40px;
  position: absolute;
  top: 30px;
  right: 30px;

}
#menuContent{
  margin-top: 100px;
  margin-left: 100px;
  width: 50%;

  font-family: TiemposHLRg, Times, serif;
  font-size: 7vw;
  line-height: 7.7vw;
  letter-spacing: 0em;
  font-kerning: normal;
  color: #f5ede0;

}
#menuContentSmall {
  margin-left: 100px;
  margin-top: 5vw;
  width: 50%;

  font-family: FlexaMd, Arial, Helvetica, sans-serif;
  font-size: 1.875vw;
  line-height: 2.2vw;
  letter-spacing: -0.01em;
  font-kerning: normal;
  color: #f5ede0;
}

#menuContent strong{
  font-size: 7.7vw;
  letter-spacing: -0.01em;
}
#menuContent p{
  cursor: pointer;
}
#menuContent p:hover{
  color: #1c1c1c;
}

#menuContentSmall p{
  cursor: pointer;
}
#menuContentSmall p:hover{
  color: #1c1c1c;
}


#container {

}

.leftPadding {
  padding-left: 100px;
}


nav#dot-nav {
 position: fixed;
 z-index: 1000;
 left: 46px;
 top: calc(50% - 54.5px);
}

nav#dot-nav a {
 border: 2px solid #1c1c1c;
 border-radius: 50%;
 width: 4px;
 height: 4px;
 display: block;
 margin-top: 11.5px;
 margin-bottom: 11.5px;
}

nav#dot-nav a.active {
 background: #1c1c1c;
}

#impressum{
 font-size: 12px;
 line-height: 18px;
 margin-top: 300px;
 margin-bottom: 50px;
 width: calc(50% - 100px);
}

#arrowNav {
  z-index: 1000;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 37.5px;
  bottom: 30px;
  font-size: 36px;
  font-family: FlexaMd, Arial, Helvetica, sans-serif;
}
#arrowUp, #arrowDown{
  cursor: pointer;
}
#arrowUp {
  visibility: hidden;
}
#arrowSpace {
  padding-bottom: 40px;
}



/*mobile phones*/
@media only screen and (max-width: 480px) {

  body{
    font-size: 12px;
    line-height: 18px;
  }
  #logo{
    width: 4.166vw;
    height: 4.166vw;

    background-size: 4.166vw 4.166vw;
    margin-top: 4.166vw;
    margin-left: 4.166vw;

  }
  #logoMenu{
    width: 4.166vw;
    height: 4.166vw;
    background-size: 4.166vw 4.166vw;
    top: 4.166vw;
    left: 4.166vw;
  }
  #menu{
    width: 4.166vw;
    height: 4.166vw;

    background-size: 4.166vw 4.166vw;
    margin-top: 4.166vw;
    right: 4.166vw;

  }
  #closeMenu{
    width: 4.166vw;
    height: 4.166vw;
    background-size: 4.166vw 4.166vw;
    top: 4.166vw;
    right: 4.166vw;
  }

  nav#dot-nav {
   left: calc(6.25vw - 2.5px);
 }
 nav#dot-nav a {
  border: 1.5px solid #1c1c1c;
  width: 2px;
  height: 2px;
  display: block;

}
#arrowNav {
  bottom: 4.166vw;
  font-size: 18px;
  left: calc(6.25vw - 6.5px);
}
#arrowSpace {
  padding-bottom: 20px;
}

.leftPadding{
  padding-left: 12.5%;
}
#menuContent{
  margin-top: 12.5vw;
  margin-left: 12.5%;
  /*  width: 75%;*/
/*  font-size: 10.5vw;
line-height: 11.3vw;*/
}
#menuContent strong{
  /*  font-size: 11.3vw;*/
}
#menuContentSmall {
  margin-left: 12.5%;
  font-size: 16px;
  line-height: 18px;
}


#impressum{
 margin-top: 300px;
 margin-bottom: 50px;
 width: 75%;
}


.introTitle1{
  padding-top: 12.5vw;
}
.nutshell, .headlines {
  float: unset;
  width: 50%;
  margin-left: 12.5%;

  font-size: 20px;
  line-height: 24px;
  hyphens: auto;

}
.subheadline{
  font-size: 20px;
  line-height: 24px;
  hyphens: auto;
}

.contentText{
  width: 62.5%;
  padding-left: 25%;
  margin-top: 4vw;
}

#kapitelnr1, #kapitelnr2, #kapitelnr3, #kapitelnr4{
  padding-top: 24px;
}
#kapitelnr5{
  position: unset;
  bottom: unset;
  padding-top: 24px;
}
.kapitelnrtext, .kapitelbeschreibung, .kapitelnrtrenner{
  font-size: 8px;
  line-height: 12px;
}

.kapitelnrtrenner {
  position: unset;
  padding-top: 24px;
}

.contactDetails, .contactName {
  font-size: 16px;
  line-height: 24px;
}
.contactTable{ 
  padding-top: 24px;
}

.introImage {
  width: 75%;
}

.row{
  flex-flow: column-reverse;
}
.chapterLebenslaufResponsiv{
  flex-flow: column;
}

#rowChapter5 {
  flex-flow: column;
}
#chapterImg5 {
  width: 75%;
  margin-left: 12.5%;
}
.chapterImage {
  width: 62.5%;
  margin-left: 25%;
}

.chapterText{
  position: relative;
  width: 75%;
  margin-left: 12.5%;
  display: unset;
  flex-direction: unset;
  justify-content: unset;
  float: left;
  font-size: 8.9vw;
  line-height: 8.9vw;
}
.chapterEmphasis{
  font-size: 9.7vw;
  line-height: 8.9vw;  
}
.chapterImage figure{
  padding-right: unset;

}
.chapterLebenslauf{
  position: relative;
  width: 62.5%;
  margin-left: 25%;
  display: unset;
  flex-direction: unset;
  justify-content: unset;
  float: left;
  font-size: 12px;
  line-height: 18px;
  margin-top: 9vw;
}



}




/*tablet smallscreens*/
@media only screen and (min-width: 481px) and (max-width: 1024px) {
  body{
    font-size: 12px;
    line-height: 18px;
  }
  #logo{
    width: 2.777vw;
    height: 2.777vw;

    background-size: 2.777vw 2.777vw;
    margin-top: 2.777vw;
    margin-left: 2.777vw;

  }
  #logoMenu{

    width: 2.777vw;
    height: 2.777vw;

    background-size: 2.777vw 2.777vw;
    top: 2.777vw;
    left: 2.777vw;
  }
  #menu{
    width: 2.777vw;
    height: 2.777vw;

    background-size: 2.777vw 2.777vw;
    margin-top: 2.777vw;
    right: 2.777vw;

  }
  #closeMenu{
    width: 2.777vw;
    height: 2.777vw;

    background-size: 2.777vw 2.777vw;
    top: 2.777vw;
    right: 2.777vw;
  }

  nav#dot-nav {
   left: calc(4.1666vw - 2.5px);
 }
 nav#dot-nav a {
  border: 1.5px solid #1c1c1c;
  width: 2px;
  height: 2px;
  display: block;

}
#arrowNav {
  bottom: 2.777vw;
  font-size: 18px;
  left: calc(4.1666vw - 6.5px);
}
#arrowSpace {
  padding-bottom: 20px;
}

.leftPadding{
  padding-left: 8.333%;
}
#menuContent{
  margin-top: 8.333vw;
    margin-left: 8.333%;
  /*  width: 75%;*/
/*  font-size: 10.5vw;
line-height: 11.3vw;*/
}
#menuContent strong{
  /*  font-size: 11.3vw;*/
}
#menuContentSmall {
  margin-left: 8.333%;
  font-size: 16px;
  line-height: 18px;
}


#impressum{
 margin-top: 300px;
 margin-bottom: 50px;
 width: calc(75% - 16.666%);
}



.introTitle1{
  padding-top: 8.333vw;
  margin-bottom: -1vw;
}
.introImage{
  width: 66.6666%;
}

.nutshell, .headlines {
  width: calc(33.33333% - 4.1666%);
  margin-right: 4.1666%;
  margin-left: 16.6666%;

  font-size: 20px;
  line-height: 24px;
  hyphens: auto;

}
.subheadline{
  font-size: 20px;
  line-height: 24px;
  hyphens: auto;
}

.contentText {
  width: 66.6666%;
}
#kapitelnr1, #kapitelnr2, #kapitelnr3, #kapitelnr4{
  padding-top: 24px;
}
.kapitelnrtext, .kapitelbeschreibung, .kapitelnrtrenner{
  font-size: 8px;
  line-height: 12px;
}


.contactDetails, .contactName {
  font-size: 12px;
  line-height: 18px;
}
.contactTable{ 
  padding-top: 24px;
}

}