/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
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{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.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}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
@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}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
@charset "UTF-8";
/*
***************** Hauptmenue ********************* 
*/
#mainnav ul {
  margin-top: 12%;
  list-style-type: none;
  font-size: 0.875rem;
  margin-left: 0;
  padding-left: 3.5%;
}

#mainnav ul li {
  margin-bottom: 1.8518518519%;
  padding-left: 0%;
}

#mainnav ul li a:link, #mainnav ul li a:visited {
  color: #eef0cb;
  text-decoration: none;
  padding-left: 18px;
}

#mainnav ul li :hover, #mainnav ul li.active, #mainnav ul li.trail {
  background-image: url("../../files/themes/oliverkoenig/images/pfeil_rechts.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

#mainnav ul li :hover {
  background-position: 0px 2px;
}

#mainnav ul li a:hover, #mainnav ul li a:active {
  text-decoration: underline;
}

#mainnav ul li span.active, #mainnav ul li a.trail {
  color: #eef0cb;
  text-decoration: none;
  padding-left: 18px;
  font-weight: bold;
}

#mainnav ul li:nth-child(8) {
  margin-top: 15.2083333333%;
}

/*
*****************Ende Hauptmenue***************
*/
/*
************ submenue Veroeffentlichungen *************
*/
#submenu ul {
  margin-top: 4.1666666667%;
  margin-left: 10.8333333333%;
  list-style-type: none;
  font-size: 0.875rem;
}

#submenu ul li a:link, #submenu ul li a:visited, #submenu ul li.active {
  color: #b5c5c6;
  text-decoration: none;
  padding-left: 18px;
}

#submenu ul li.active {
  background-image: url("../../files/themes/oliverkoenig/images/pfeil_rechts.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

#submenu ul li:hover {
  background-image: url("../../files/themes/oliverkoenig/images/pfeil_rechts.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
}

#submenu ul li a:hover, #submenu ul li a:active {
  text-decoration: underline;
}

#submenu ul li span.active, #submenu ul li a.trail {
  color: #b5c5c6;
  text-decoration: none;
  /*   padding-left:22px;*/
  font-weight: bold;
}

#submenu ul li a {
  padding-left: 18px;
}

/*
************ submenue Veroeffentlichungen *************
*/
/*
************* Menu mobile Umschalter ************
*/
#menu-trigger {
  background-color: #002448;
  border: 1px solid #FFFFCC;
  border-radius: 0.25rem;
  color: #77adff;
  font-size: 0.75em;
  font-weight: bold;
  line-height: 1rem;
  margin-top: 1rem;
  position: absolute;
  right: 0.6rem;
  text-transform: uppercase;
  top: 50%;
  display: none;
}

#menu-trigger a {
  color: #77adff;
  display: block;
  padding: 0.5rem;
  text-decoration: none;
}

/*
************* Ende Menu mobile Umschalter ************
*/
/*
************ Menu mobile *****************
*/
#menu {
  background-color: rgba(41, 108, 174, 0.316);
  color: #666;
}

#menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
 * Menu links are block so they'll occupy the full
 * width (easier to tap)
 */
#menu li {
  padding: 3%;
  font-weight: bold;
  border-bottom: 1px solid #FFFFCC;
}

#menu li ul {
  list-style: disc;
  margin-left: 5%;
}

#menu li ul li {
  padding: 0;
  margin: 0;
  padding-left: 4%;
  border: none;
  font-size: 0.71rem;
}

#menu a {
  font-weight: normal;
  color: inherit;
  display: block;
  text-decoration: none;
}

#menu {
  display: none;
}

/*
************ Ende Menu mobile *****************
*/
#mainnav ul {
  /* margin-top:16.8%; */
}

.home #header {
  display: none;
}

#home {
  margin-top: 0;
}

h1.home {
  font-size: 1em;
  font-weight: normal;
  /*    margin-top:2.2916666666666665%;*/
  /*    margin-left:70px;*/
  text-align: center;
  width: 100%;
}

#portrait {
  /*    margin-left:34px;*/
  text-align: center;
  width: 100%;
}

#unterschrift {
  /*    margin-left:28px;*/
  text-align: center;
  width: 100%;
}

#unterschrift figcaption {
  font-size: 0.875em;
  margin-top: -1.0416666667%;
  /*    margin-left:70px;*/
  text-align: center;
}

#home p {
  margin-top: 5.2083333333%;
  width: 52.0833333333%;
}

/*
************ homepage text *************
*/
.homepage-text h1 {
  font-size: 1rem;
  text-align: center;
  color: #FFFFCC;
}

.homepage-text h2 {
  margin-top: 2rem;
  font-size: 0.9375rem;
}

.homepage-text h3 {
  font-size: 0.875rem;
}

.homepage-text ul {
  text-align: center;
  list-style-type: none;
}

/*
************ homepage text *************
*/
@media (max-width: 960px) {
  #home {
    text-align: center;
  }
  #home, #portrait, #unterschrift {
    width: 100%;
  }
  #unterschrift figcaption {
    margin-top: -4.5%;
  }
}
/*
Styles für tablets, smartphones
*/
@media (max-width: 1023px) {
  .home #header {
    display: block;
  }
  #wrapper {
    width: 100% !important;
  }
  #container {
    padding-left: 0% !important;
  }
  #header {
    margin: 2% 0%;
    padding: 0;
  }
  #header .inside {
    margin: 0;
    padding: 0rem 2rem;
    text-align: center;
  }
  /* keine headline-images */
  h1.titelimage {
    display: none;
  }
  /* Seitentitel als Text*/
  h1.seitentitel {
    display: block;
  }
  h2 {
    margin-top: 0px;
    padding-top: 0px;
  }
  ul li {
    margin-bottom: 3%;
  }
  #home {
    text-align: center;
  }
  #home h1 {
    width: 100%;
  }
  #supervision p:nth-child(1), #paarberatung p:nth-child(1) {
    /*        margin-top:-4%;
            margin-bottom:-4%;
            text-align:center;*/
  }
  #kontakt div.ce_text {
    margin-top: -4% !important;
    margin-bottom: -4% !important;
    text-align: center !important;
  }
  /* mobile Bilder ueber Text */
  img {
    margin: 0 !important;
    float: none !important;
  }
  #left {
    display: none;
  }
  div.toggler {
    padding-bottom: 2%;
  }
  #menu-trigger {
    display: block;
    background-color: #002448 !important;
    border: 1px solid #FFFFCC;
  }
  #main {
    padding: 0;
    margin: 0;
  }
  #main .inside {
    padding-left: 5%;
    padding-right: 5%;
  }
  #gruppendynamik {
    padding-top: 0;
    margin-top: 0;
  }
  #lehre .ce_text, #zur-person ul, #impressum .ce_text {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  #buecher img {
    margin: 10% 0% 0% 0% !important;
  }
  #buecher {
    margin-left: 2rem;
  }
  .veroeffentlichungen {
    flex-flow: column-reverse;
  }
  .book-text {
    width: 100%;
  }
  .book-text {
    margin-bottom: 1rem;
  }
  .book-image {
    width: 100%;
    align-self: flex-start;
  }
  .book-image img {
    width: 70%;
    height: auto;
  }
  .veroeffentlichung_start, .veroeffenlichungen, .veroeffenlichungen_2, .veroeffenlichungen_3, .veroeffenlichungen_4, .veroeffenlichungen_5 {
    padding: 0 !important;
  }
  #buecher p, #buecher div.toggler {
    margin: 0 !important;
  }
  /* mobil seite Links text und bild untereinander anstatt nebeneinander */
  div.link_text {
    float: none;
    width: 90%;
  }
  div.link_bild {
    float: none;
    width: 90%;
    padding-left: 10%;
  }
  #impressum h1 {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 10px;
  }
}
body {
  padding-top: 0.75rem;
  font-size: 100%;
  color: #FFFFCC;
  font-family: Arial, Verdana, Geneva, sans-serif;
  background-color: #002448;
}

p, table, div {
  font-size: 0.813rem;
  line-height: 1.3rem;
}

ul {
  font-size: 0.813rem;
}

ul li {
  margin-bottom: 0.625%;
}

h1 {
  font-size: 0.875rem;
  margin-top: 0px;
  color: #77adff;
}

h1.home {
  margin-top: 0px !important;
}

h1.seitentitel {
  text-align: center;
  display: none;
}

h2 {
  font-size: 0.875rem;
  margin-top: 4.1666666667%;
}

a:link, a:visited {
  color: #77adff !important;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: underline;
}

/*
********** Contao divs *****************
*/
#header {
  padding-right: 5.7%;
}

#header .inside {
  text-align: right;
}

#header h1 {
  margin-top: 10px;
  padding: 0;
  font-size: 1.125rem;
}

#main {
  padding: 6% 1.2345679012%;
}

#main .inside {
  padding-left: 2%;
  padding-right: 9%;
}

#article {
  padding-right: 10.4166666667%;
}

/*
********** Ende Contao divs *****************
*/
/*
*******************interne Links in Liste****************
*/
ul.interne_links {
  margin-left: 0px;
  padding-left: 0px;
  margin-bottom: 4.1666666667%;
  list-style-type: none;
}

ul.interne_links li {
  background-image: url("../../files/themes/oliverkoenig/images/pfeil_rechts.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
  margin-bottom: 10px;
}

ul.interne_links li a:link, ul.interne_links li a:visited {
  color: #eef0cb;
  text-decoration: none;
  padding-left: 18px;
}

ul.interne_links li a:hover, ul.interne_links li a:active {
  text-decoration: underline;
}

/*
******************* Ende interne Links in Liste****************
*/
/*
************Roter Pfeil nach oben [anchor]***************
*/
.pfeil_oben {
  text-align: center;
  padding-bottom: 1.5625%;
}

div.pfeil_oben_kontakt, div.pfeil_oben_lehre {
  display: none;
}

/*
************Ende Roter Pfeil nach oben [anchor]***************
*/
/*
**********accordion**************
*/
div.toggler {
  color: red;
  font-size: 0.813rem;
  background-image: url("../../files/themes/oliverkoenig/images/pfeil_rechts.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
  padding-left: 18px;
}

div.toggler.active {
  background-image: url("../../files/themes/oliverkoenig/images/pfeil_unten.gif");
}

div.toggler:hover {
  cursor: pointer;
  text-decoration: underline;
}

/*
**********Ende accordion**************


/*
********* Formatierung Seite Links ************
*/
div.link_text {
  font-size: 0.813rem;
  line-height: 1.3rem;
  width: 30%;
  float: left;
  clear: both;
  padding-left: 10%;
  margin-bottom: 10%;
}

div.link_bild {
  font-size: 0.813rem;
  line-height: 1.3rem;
  width: 40%;
  margin-right: 8%;
  float: right;
  margin-bottom: 10%;
}

#links hr {
  clear: both;
  width: 90%;
  text-align: center;
  display: block;
  margin-bottom: 10%;
  border: solid #77adff 1px;
}

/*
********* Ende Formatierung Seite Links ************
*/
/*
***********Hintergrundbild nur ab bestimmter Auflösung *************
*/
@media (min-width: 1024px) {
  #container {
    background-image: url("../../files/themes/oliverkoenig/images/background_1.gif");
    background-repeat: no-repeat;
    background-position: 56% 0%;
  }
}
#gruppendynamik {
  padding-top: 4.1666666667%;
}

/*
*******Veroeffentlichungen *********
*/
.veroeffentlichungen {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.veroeffentlichungen div {
  align-self: end;
}

.book-text {
  min-width: 66%;
}

.veroeffentlichung_start {
  padding-top: 9.375%;
}

.veroeffentlichungen_2 .veroeffentlichung_start {
  padding-top: 5.2083333333%;
}

.veroeffentlichungen_3 .veroeffentlichung_start {
  padding-top: 8.3333333333%;
}

.veroeffentlichungen_4 .veroeffentlichung_start {
  padding-top: 4.1666666667%;
}

.veroeffentlichungen_5 .veroeffentlichung_start {
  padding-top: 2.0833333333%;
}

.veroeffentlichungen img, .veroeffentlichungen_2 img, .veroeffentlichungen_3 img, .veroeffentlichungen_4 img, .veroeffentlichungen_5 img {
  border: 1px solid #fff;
}

/*
*******Ende Veroeffentlichungen *********
*/
/*
**********Liste Lebenslauf *******
*/
#zur-person ul {
  margin-top: 6.25%;
}

#zur-person ul li {
  margin: 2.0833333333% 0%;
  padding-left: 18px;
  background-image: url("../../files/themes/oliverkoenig/images/pfeil_rechts.gif");
  background-repeat: no-repeat;
  background-position: 0px 3px;
  list-style-type: none;
}

/*
**********Ende Liste Lebenslauf *******
*/
/*
**********Bildergalerie Beratung*************
*/
#beratung_galerie ul li img {
  border: 1px solid #FFFFCC;
}

#mbOverlay {
  background-color: #002448;
}

#mbImage {
  padding-bottom: 0.5208333333%;
}

#mbBottom {
  margin-top: 1.0416666667%;
}

/*
**********Ende Bildergalerie Beratung*************
*/
#impressum {
  padding-left: 10.4166666667%;
}

#impressum div, #datenschutz div {
  margin-top: 1.0416666667% !important;
}

#impressum h1, #datenschutz h1 {
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
}

#datenschutz h2 {
  font-size: 1rem;
  font-weight: bold;
}

#datenschutz h3 {
  font-size: 0.9rem;
  font-weight: bold;
}

.cookiebar {
  font-size: 0.9rem;
}/*# sourceMappingURL=app.css.map */