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%}
@charset "UTF-8";
/**
*  display sizes
**/
/*
***************** Hauptmenue ********************* 
*/
#mainnav .level_1 {
  /*    margin-top:12%; */
  list-style-type: none;
  font: size 1rem;
  margin-left: 0;
  padding-left: 3.5%;
}

#mainnav ul li {
  /*   margin-bottom:1.8518518518518519%; */
  padding-left: 0%;
}

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

.level_1 > li :hover, .level_1 > li.active, .level_1 > li.trail {
  /*  background-image: url(../../files/themes/oliverkoenig/images/pfeil_rechts.gif);
     background-repeat: no-repeat;
     background-position:0px 6px;   
  */
}

.level_1 li :hover {
  background-position: 0px 4px;
  /*   padding-left:1.25rem; */
}

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

#mainnav ul li strong.active, #mainnav ul li .active {
  color: #eef0cb;
  text-decoration: none;
  /* padding-left:18px; */
}

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

/*
*****************Ende Hauptmenue***************
*/
/*
************ submenue Veroeffentlichungen *************
*/
#mainnav ul .submenu {
  padding-left: 0;
}

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

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

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

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

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

.level_2 {
  list-style-type: disc;
}

.level_2 li a {
  font-size: 0.875rem;
}

/*
************ 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 li .active {
  color: #FFFFCC;
}

#menu {
  display: none;
}

#menu .submenu ul {
  list-style-type: disc;
  padding-left: 0.5rem;
  font-size: 1rem;
}

#menu .submenu li::marker {
  color: #FFFFCC;
}

#menu li ul li {
  padding-left: 0;
}

/*
************ Ende Menu mobile *****************
*/
.header-aktuelles-link {
  position: absolute;
  left: 1.75rem;
  margin-top: 1.5625rem;
}

@media (min-width: 961px) {
  .header-grid {
    display: none;
  }
}
.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: 1.1875rem;
  text-align: center;
  color: #ffffcc;
  margin-bottom: 0;
}

.homepage-kontakt p {
  margin-top: 0.2rem;
}

.homepage-kontakt-email::after {
  content: " ";
}

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

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

.homepage-text ul {
  margin-top: 2rem;
  text-align: center;
  list-style-type: none;
}

.homepage-link a {
  font-size: 1.125rem;
}

/*
************ homepage text *************
*/
@media (max-width: 961px) {
  #home {
    text-align: center;
  }
  #home,
  #portrait,
  #unterschrift {
    width: 100%;
    text-align: center;
  }
  #unterschrift figcaption {
    margin-top: -4.5%;
  }
  .homepage-slogan p {
    font-size: 1rem;
    margin-bottom: 0;
  }
}
/*
Styles für tablets, smartphones
*/
@media (max-width: 960px) {
  .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%;
  }
  p {
    font-size: 0.9375rem;
  }
  #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;
  }
  /**
      mobile kein grid, sondern flex
  **/
  .koenig-aktuelles-grid {
    display: flex;
    flex-direction: column-reverse;
    flex-wrap: wrap-reverse;
    justify-content: center;
    grid-template-columns: none;
    gap: 1rem;
  }
  .koenig-aktuelles-flex {
    display: flex;
    gap: 1rem;
  }
  .koenig-aktuelles-text p {
    margin-top: 0;
  }
  .koenig-aktuelles-image {
    padding: 0 0.5rem !important;
    align-self: center;
  }
}
body {
  width: 90vw;
  padding-top: 0.75rem;
  font-size: 16px;
  color: #FFFFCC;
  font-family: Arial, Verdana, Geneva, sans-serif;
  background-color: #002448;
}

ul {
  font-size: 1rem;
}

ul li {
  margin-bottom: 0.625%;
}

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

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

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

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

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

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

hr {
  color: #77adff;
}

/*
********** 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: 961px) {
  #container {
    background-image: url(../../files/themes/oliverkoenig/images/background_1.gif);
    background-repeat: no-repeat;
    background-position: 56% 0%;
  }
  p, table, div {
    font-size: 1rem;
    line-height: 1.3rem;
  }
}
#aktuelles {
  padding: 2rem 0 0 0;
  margin: 0;
  width: 50%;
  margin: 0 auto;
}

#koenig-aktuelles-h1 {
  margin-top: 2.125rem;
}

@media (min-width: 961px) {
  #koenig-aktuellesaktuelles-1 {
    margin-top: 1rem;
  }
}
.koenig-aktuelles {
  border: 1px solid #FFFFCC;
  border-radius: 10px;
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  margin-bottom: 2rem;
}

.koenig-aktuelles time {
  font-size: 0.75rem;
}

.koenig-aktuelles h2 {
  margin-top: 0.5rem;
}

@media (min-width: 961px) {
  .koenig-aktuelles-grid {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 2rem;
  }
  .koenig-aktuelles-flex {
    display: flex;
    gap: 2rem;
  }
  .koenig-aktuelles-text p {
    margin-top: 0;
  }
  .koenig-aktuelles-image {
    padding-right: 2rem;
  }
}
#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%;
}

.book-image img {
  max-width: none !important;
}

.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 *******
*/
.linklist {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 2rem;
  margin-top: 2rem;
}

.linklist img {
  width: 70%;
  height: auto;
}

.link-divider {
  margin: 2rem 0;
  border-top: 1px solid #77adff;
  opacity: 0.3;
}

/*
**********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*************
*/
.koenig-flex-2columns {
  display: flex;
  gap: 0rem;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

@media (min-width: 961px) {
  .koenig-flex-2columns {
    margin-bottom: 50px;
    gap: 5rem;
  }
}
#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 */