body {
    background-color:#051C2A;
    font-family:Roboto,Arial,Helvetica,Verdana,"sans serif";
    line-height:1.5;
    font-size:calc(0.75em + (16 - 12) * (100vw - 768px) / (1200  - 768));
}
#wrapper {
    background-color:#fefefe;
}
header .inside,
#menublock .inside,
#container,
footer .inside {
    max-width:1200px;
    margin:0 auto;
    box-sizing:border-box;
}
header {
    background-color:#175274;
}
#header p {
    margin-top:10px;
    margin-bottom:10px;
    font-size:1.1em;
    line-height:110%;
    font-style:italic;
    color:#fff;
}
#logo,
#logo2 {
    width:45%;
    margin-top:10px;
    margin-left:0;
}
#logo {
    float:left;
}
#logo2 {
    float:right;
    text-align:right;
}
#logo2 .logo {
    padding-bottom:2px;
}
.logo {
    width:100%;
    height:auto;
    max-width:450px;
    padding-top:.4em;
    padding-bottom:1.5em;
}
header .inside:after {
    width:100%;
    height:1px;
    clear:both;
    display:block;
    content: " ";
}
#menublock {
    background-color:#3e7493;
}
#menublock .inside {
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
#menublock .mobile {
    display:none;
}
#menublock ul {
    left:0;
    display:inline-block;
    margin:0;
    padding:0;
}
nav#mainmenu,
#menublock  .mod_search {
    display:inline-block;
    vertical-align:middle;
    align-self:center;
}
#menublock .mod_search form {
    margin-top:0;
    margin-bottom:0;
}
#menublock ul li {
    display:inline-block;
    padding:0 1em;
    white-space:nowrap;
}
#menublock ul li:first-child {
    padding-left:0;
}
#menublock li:hover span,
#menublock li.active strong,
#menublock .trail span,
#menublock .trail strong,
#menublock li:hover a,
#menublock  .trail a{
    border-bottom:5px solid #f6921e;
    color:#fff;
}
#header #menublock li:hover > a,
#header #menublock li.active>strong,
#header #menublock li.trail>a,
#header #menublock li.trail>strong {
    color:#fff;
}
#menublock ul li span,
#menublock ul li strong,
#menublock ul li a{
    display:inline-block;
    margin-top:.4em;
    margin-bottom:.6em;
    padding-top:.4em;
    padding-bottom:0;
    white-space:nowrap;
    border-bottom:5px solid #3e7493;
    font-size:1.25em;
    font-weight:normal;
    text-decoration:none;
    color:#fff;
    box-sizing:border-box;
}
#menublock ul li:first-child a,
#menublock ul li:first-child  span,
#menublock ul li:first-child strong {
    padding-left:0;
}
#menublock ul li:last-child span,
#menublock ul li:last-child a,
#menublock ul li:last-child strong {
    margin-top:.1em;
    padding:.1em .3em;
    background-color:#588caa;
    border:1px solid #051c2a;
    border-radius:.3em;
    box-sizing:border-box;
}
#menublock ul li:last-child:hover span,
#menublock ul li:last-child:hover a,
#menublock ul li:last-child strong {
    background-color:#fefefe;
    color:#588caa;
}
#menublock .mod_search .widget, .therapsearch .widget {
    display:inline;
}
#menublock .mod_search .widget input[type="search"] {
    max-width:6em;
    vertical-align:middle;
    background-color:#c1d1de;
    border:0px solid;
    border-radius:.3em;
    line-height:1.5;
}
#menublock .mod_search .widget button.submit {
    width:2em;
    height:2em;
    background-image:url("../svg/lupe.svg");
    background-position:center center;
    background-repeat:no-repeat;
    border:0;
    color:#c1d1de;
    text-indent:-9999em;
    background-color:transparent;
    background-size: contain;
}
.home #main .mod_article {
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
}
.home #main .mod_article [class^="content-"] {
    flex-basis:47.5%;
}
.home #main h2 {
    padding-bottom:.2em;
    border-bottom:.2em solid #fd9852;
}
.noflex,
.home #main .mod_article [class^="content-"].noflex {
    flex-basis:100%;
}
.home .content-text.highlight {
    margin-top:2em;
    padding:0 1em 1em;
    border:7px solid #3e7493;
    border-radius:1em;
    hyphens:auto;
}
.copyright {
    margin-top:2em;
}
.home .content-text p a[href*="youtu"] img,
.home .content-text h2 a[href*="youtu"] img {
    max-width:7em;
    margin-top:-0.4em;
    vertical-align:middle;
}
#right .mod_eventlist.box_rechts {
    margin-top:7.5em;
    margin-bottom:0;
    border-bottom:0em solid #c1d1de;
    line-height:1.2;
}
.box_rechts {
    margin-top:0;
    margin-bottom:1em;
    border:.2em solid #c1d1de;
    font-size:.9em;
    line-height:1.2;
}
#right .mod_eventlist {
    margin-top:0;
    margin-bottom:1em;
    font-size:.9em;
    line-height:1.2;
}
.home #right .mod_eventlist h2,
.home #right .box_rechts h2,
#right .mod_eventlist.box_rechts h2 {
    margin-top:0;
    margin-bottom:0;
    padding-top:.5em;
    padding-bottom:.5em;
    text-align:center;
    background-color:#c1d1de;
    border-bottom:0;
    font-weight:normal;
    color:#333;
    box-sizing: border-box;
}
.box_rechts.anmeldung {
    margin-top:0;
    margin-bottom:0;
    padding-top:.5em;
    padding-bottom:1em;
    border-top:0em solid #c1d1de;
}
.box_rechts.termine {
    margin-top:0;
    margin-bottom:0;
    padding-top:1em;
    padding-bottom:.5em;
    border-top:0em solid #c1d1de;
    border-bottom:0em solid #c1d1de;
}
.box_rechts.newsletter {
    margin-top:2em;
}
.home .box_rechts.newsletter h2 {
    margin-bottom:.75em;
    border-bottom:0;
}
.mod_eventlist a {
    color:#3e749e;
}
.avatarpic img {
    width:12em;
    height:auto;
    max-width:16em;
    max-height:20em;
    float:left;
    margin-right:2em;
    margin-bottom:1em;
    border:0;
}
img.portrait {
    width:10em;
    height:auto;
    max-width:14em;
    max-height:20em;
    float:left;
    margin-right:3em;
    margin-bottom:2em;
    border:0;
}
.dozentinnen .content-text,
.portraits .content-text {
    clear:both;
    margin-top:2em;
}
.dozentinnen .content-text p {
    margin-left:13em;
}
.dozentinnen .content-text h4 {
    margin-top:.3em;
    margin-bottom:.3em;
    margin-left:10.9em;
}
.dozentinnen .content-text h3 {
    margin-top:0;
    font-size:1.3em;
}
#main .dozentinnen .content-text h2 {
    margin-top:.5em;
    margin-bottom:.2em;
}
.flex50 {
    display:flex;
    flex-flow:row wrap;
    justify-content: space-between;
}
.flex50 > * {
    flex: 0 0 45%;
}
.box_rechts {
    margin-top:2em;
    padding:1em;
    box-sizing:border-box;
}
.box_rechts.anmeldung a {
    width:80%;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:.3em;
    text-align:center;
    background-color:#f8b586;
    border:1px solid #f6921e;
    border-radius:.3em;
    font-size:1.1em;
    text-decoration:none;
    color:#000;
    box-sizing:border-box;
}
.box_rechts.termine a {
    width:80%;
    display:block;
    margin-right:auto;
    margin-left:auto;
    padding:.3em;
    text-align:center;
    background-color:#588caa;
    border:1px solid #051c2a;
    border-radius:.3em;
    font-size:1.1em;
    text-decoration:none;
    color:#fff;
    box-sizing:border-box;
}
.mod_eventlist .header {
    padding-top:1em;
    font-size:.9em;
}
.mod_eventlist .event {
    padding-bottom:1em;
    border-bottom:1px dotted #333;
}
.home #right .box_rechts h2,
#right .mod_eventlist.box_rechts h2 {
    margin:-0.75em -0.75em 0.5em -0.75em;
}
.mod_eventlist  p.more {
    text-align:right;
}
#right .mod_eventlist h3 {
    margin-top:.2em;
    margin-bottom:.2em;
    font-size:1.1em;
    color:#3e749e;
}
.mod_eventlist p {
    margin-top:.1em;
    margin-bottom:.1em;
}
.mod_eventlist h3 a {
    font-weight:normal;
    text-decoration:none;
    color:#3e749e;
}
.mod_eventlist h3 {
    margin-top:.2em;
    margin-bottom:.5em;
    color:#3e749e;
}
.mod_eventreader .infos h3,
.mod_eventreader h1 + h2 + h3 {
    margin-top:.3em;
    margin-bottom:0;
}
.mod_eventreader .infos p,
p.info {
    margin-top:.2em;
    margin-bottom:0;
}
#right {
    max-width:320px;
    padding-left:2vw;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top:10px;
    margin-bottom:10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
    font-size:75%;
}
h3,
.h3 {
    font-size:24px;
}
h5,
.h5 {
    font-size:14px;
}
h6,
.h6 {
    font-size:12px;
}
h1,
h2,
h3,
h4,
h5 {
    margin-top:1em;
    margin-bottom:.75em;
}
.highlighter {
    display:inline-block;
    background-color:#ffd51a;
}
#main ul {
    list-style-type:disc;
}
#main ul li {
    margin-left:1.3em;
}
#main h1 {
    font-size:1.75em;
    font-weight:normal;
    color:#175274;
}
#main .content-text:first-child h1,
#main .content-headline:first-child h1 {
    margin-top:1.3em;
}
#main h2,
#right h2 {
    border-bottom:.1em solid #3e7493;
    font-size:1.5em;
    font-weight:normal;
    color:#3e7493;
}
#right h2.top {
    margin-top:4.29em;
}
#main h2 a {
    text-decoration:none;
    color:#3e7493;
}
h4,
.h4 {
    font-size:1.2em;
    color:#3e749e;
}
h3,
.h3 {
    font-size:1.4em;
    color:#666;
}
a {
    text-decoration:underline;
    color:#3e749e;
}
b,
strong {
    font-weight:500;
}
.avatarpic {
    min-height:15em;
}
.data2 {
    margin-left:14em;
}
.data2 h3:first-of-type {
    margin-top:2em;
}
.data2 h3 {
    margin-top:.5em;
    margin-bottom:0;
    font-weight:normal;
}
.data span .label {
    font-weight:bold;
}
.data > span {
    display:block;
}
.data .label {
    padding:4px 0;
    font-size:100%;
    font-weight:bold;
    color:#000;
}
.data .name {
    font-weight:bold;
}
#main .pagination ul li {
    display:inline-block;
    margin-left:0;
}
.pagination ul li .active,
.pagination ul li a:hover {
    display:block;
    padding-right:.25em;
    padding-left:.25em;
    background-color:#3e7493;
    color:#fff;
}
.pagination ul li a {
    display:block;
    padding-right:.25em;
    padding-left:.25em;
    background-color:#fefefe;
    color:#3e7493;
}
p.error {
    color:#f00;
}
tr td {
    padding-top:.25em;
    padding-bottom:.25em;
}
tr {
    border-bottom:1px solid #c1d1de;
}

.member_list_default .liste span:after{
    content:",";
}
.member_list_default .liste span:last-child:after{
    content:"";
}

.portrait {
  float: left;
}

#footer {
    height:auto;
    background-color:#051C2A;
}
footer h1,
footer h2,
footer h3,
footer h4 {
    margin-top:0;
    padding-top:0;
    color:#fff;
}
footer h4 {
    margin-bottom:0;
    font-size:1em;
}
#footer  .inside {
    padding-top:2em;
    padding-bottom:2em;
    text-align:left;
    color:#c1d1de;
    display:flex;
    flex-flow:row wrap;
    justify-content:space-between;
}
footer .inside > * {
    flex:1 1 20%;
}
#footer .inside ul {
    margin-left:0;
    padding-left:0;
}
#footer .inside ul li {
    display:block;
    text-align:left;
}
#footer li a,
#footer li span {
    font-size:1em;
    text-decoration:none;
    color:#fff;
    text-transform:none;
    font-weight:500;
}
#footer li a:hover span,
#footer li a.active span,
#footer li a:focus span,
#footer li a.trail span,
#footer li strong {
    color:#fd9852;
}
#footer #socialmedia {
    max-width:320px;
    text-align:right;
    flex-grow:2;
}
footer a {
    text-decoration:none;
    color:#fff;
}
#footer .inside a.active,
#footer .inside a:hover,
#footer .inside a:active {
    text-decoration:none;
    color:#fd9852;
}