/*
Theme Name: SD Mentorat
Theme URI: http://www.xiqit.de
Author: XIQIT GmbH
Author URI: http://www.xiqit.de
Version: 1.0
Text Domain: SD Mentorat
*/

/*--------------------------------------------------------------
	1.0 Schriften 
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');


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

html,
body {
    padding: 0px;
    margin: 0px;
    height: 100%;
}

*,
*::before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix::before,
.clearfix:after {
    content: " ";
    display: table;
    clear: both;
}

.clear {
    clear: both;
    display: block;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section {
    display: block;
}

a {
    outline: none;
    text-decoration: none;
    color: inherit;
}

a > img {
    border: 0;
    display: block;
}

input {
    border-radius: 0;
    -webkit-appearance: none;
}

/*--------------------------------------------------------------
	3.0 Schriftarten 
--------------------------------------------------------------*/

body {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.45;
    color: rgba(0, 0, 0, 0.85);
    background: #fff;
}

h1, h2, h3, h4 {
    font-family: 'Open Sans', sans-serif, Arial, Helvetica;
    /*font-family: 'Trebuchet MS', sans-serif;*/
    font-weight: 400;
    font-size: 1.85rem;
    line-height: 1.1;
    padding: 0px;
    margin: 0px;
}

h2 {
    margin-bottom: 20px;
}


p {
    padding: 0px;
    margin: 0px;
}


/*--------------------------------------------------------------
	4.0 Layout 
--------------------------------------------------------------*/

body {
    overflow-y: scroll;
}

div#body-container {
    position: relative;
    /*padding-bottom: 56px;*/
    min-height: 100vh;
}


.wrapper {
    position: relative;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
}

.wrapper.fullheight {
    height: 100%;
}

.wrapper.small {
    padding-left: 80px;
    padding-right: 80px;
}

.zfs {
    font-size: 0px;
}

.table {
    display: table;
    width: 100%;
    height: 100%;
}

.table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}


.left, .right, .onehalf, .onethird, .twothird, .onefourth {
    display: inline-block;
    vertical-align: top;
}

.left, .right {
    width: 50%;
}

.onehalf {
    width: 50%;
}

.onethird {
    width: 33.33%;
}

.twothird {
    width: 66.67%;
}

.twothird.full {
    width: 100%;
}

.onefourth {
    width: 25%;
}


header {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 11;
    padding: 5px 20px 40px 20px;
    text-align: right;

    -webkit-transition: top 400ms ease;
    -moz-transition: top 400ms ease;
    -o-transition: top 400ms ease;
    -ms-transition: top 400ms ease;
    transition: top 400ms ease;

    display: none;
}

body.page header,
body.single header {
    position: fixed;
}

header.visible {
    display: block;
}


header #logo {
    position: absolute;
    top: 10px;
    left: 20px;
    display: inline-block;
    vertical-align: top;
    width: 240px;
    height: auto;
    color: #fff;
}

header #logo img {
    width: 100%;
    height: auto;
}

/*
body.page #logo,
body.single #logo,
body.search #logo{
	background-image:url(img/logo-cw.png);
}*/


#blender {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: rgba(25, 25, 25, 0.7);
    z-index: 9;
    display: none;
    cursor: pointer;
}


#nav-wrapper {
    position: fixed;
    top: 0px;
    right: -100%;
    width: 320px;
    height: 100%;
    padding: 20px 20px 20px 30px;
    background: rgba(25, 25, 25, 0);

    /*border-left:1px solid rgba(255,255,255,0.7);*/

    -webkit-transition: all 800ms ease-out;
    -moz-transition: all 800ms ease-out;
    -ms-transition: all 800ms ease-out;
    -o-transition: all 800ms ease-out;
    transition: all 800ms ease-out;

    z-index: 10;
}

#nav-wrapper.open {
    background: rgba(25, 25, 25, 0.7);
    right: 0px;
}


nav#main {
    display: block;
    width: auto;
    margin: 100px 20px 0 20px;
}

nav#main ul, nav#main ul li {
    display: block;
    width: auto;
    margin: 0;
    padding: 0;
}

nav#main ul li a {
    margin-bottom: 5px;
    margin-top: 20px;
    display: block;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
}

    header .searchbox {
        display: inline-block;
        vertical-align: top;
        text-align: right;
        white-space: nowrap;
    }

    header .search-form {
        display: inline-block;
        vertical-align: top;
    }

    header .searchbox input[type=search] {
        border: none;
        background: none;
        border-bottom: 1px solid #111;
        margin-right: 10px;
        padding: 5px;
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        font-size: 12px;
        width: 0px;
        overflow: hidden;

        opacity: 0;

        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        transition: all 400ms ease;
    }

    header .search-form:hover input[type=search] {
        width: 200px;
        opacity: 1;
    }


    header .searchbox input[type=submit] {
        width: 15px;
        height: 15px;
        border: none;
        background: none;
        background-image: url(img/search.png);
        background-size: 100% auto;
        background-position: center center;
        cursor: pointer;
    }


    nav#main ul li.current_page_item a {
        /*border-bottom:2px solid #111;*/

    }

    nav#main ul li ul.submenu a {
        padding-left: 30px;
        margin-bottom: 3px;
        text-transform: none;
        font-size: 15px;
        margin-top: 0;
        font-weight: 400;
    }


    main {
        position: relative;
        background: #ffffff;
    }

    body.page main,
    body.single main {
        /*margin-top:calc(50vh + 250px);*/
        margin-top: 50vh;
        z-index: 2;
    }

    body.page main.nomargin,
    body.single main {
        margin-top: 50vh;
    }


    /* Section */

    section {
        position: relative;
        display: block;
        margin: 0px 0 0px 0;
    }

    /* Intro */

    section#intro {
        height: 100vh;
        background: #ccc;
        overflow: hidden;
    }


    section#intro .slideshow {
        width: 100%;
        height: 100%;
    }

    section#intro .slick-slide {
        position: relative;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        overflow: hidden;
        padding: 0px;
        margin: 0px;
    }

    .slick-list, .slick-track {
        height: 100%;
    }


    /* Fullscreen video */

    .fullscreen-bg {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden;
        z-index: -100;
    }

    .fullscreen-video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /*display: none;*/
        border: none;
        outline: none;

    }

    @media (min-aspect-ratio: 16/9) {
        .fullscreen-video {
            height: 300%;
            top: -100%;
        }
    }

    @media (max-aspect-ratio: 16/9) {
        .fullscreen-video {
            width: 300%;
            left: -100%;
        }
    }

    @media (max-width: 767px) {

        .fullscreen-video {
            display: none;
        }
    }


    section#intro .overlay {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin: 0 auto;
        pointer-events: none;
        background: rgba(255, 255, 255, 0.2);
    }

    section#intro .overlay .title {
        position: relative;
        display: inline-block;
        vertical-align: top;
        font-size: 84px;
        text-transform: uppercase;
        font-weight: 800;
        white-space: nowrap;
        /*
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);*/

        background: -webkit-linear-gradient(45deg, #f01a84, #22a3e2 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;

    }

    section#intro .overlay .title:after {
        content: "";
        position: absolute;
        bottom: -20px;
        right: 0px;
        left: 0px;
        height: 10px;
        margin: 0 auto;

        background: #f01a84; /* Old browsers */
        background: -moz-linear-gradient(left, #f01a84 0%, #22a3e2 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, #f01a84 0%, #22a3e2 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, #f01a84 0%, #22a3e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    section#intro .bottom {
        position: absolute;
        bottom: 0px;
        right: 0px;
        left: 0px;
        margin: 0 auto;
        z-index: 2;
    }

    /*
    section#intro #lehramt{
        position: absolute;
        right:40px;
        bottom:0px;
        background:#e2fd55;
        padding:5px 10px;
        font-size:17px;
        letter-spacing: 0.02em;

    }


    section#intro #lehramt:after{
        content:"";
        position: absolute;
        top:-15px;
        right:-23px;
        width:30px;
        height:30px;
        background:url(img/hi-white.png);
        background-size:contain;
        background-position: center;
        background-repeat: no-repeat;

        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1);

        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
    }

    section#intro #lehramt:hover:after{

        top:-17px;
        right:-25px;
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        transform:scale(1.2);
    } */

    /* Sonderbehandlung Kontaktseite: Keine Dopplung der Kontaktdaten */

    body.page-id-730 #footer {
        display: none;
    }


    /* Einleitung */

    #einleitung .wrapper {
        padding: 80px;
    }

    .colorbox {
        display: block;
        width: auto;
        margin: 0 auto;
        padding: 30px;


        border: 15px solid transparent;
        -moz-border-image: -moz-linear-gradient(left, #e7fc81 0%, #fb3d7a 100%);
        -webkit-border-image: -webkit-linear-gradient(left, #e7fc81 0%, #fb3d7a 100%);
        border-image: linear-gradient(to right, #e7fc81 0%, #fb3d7a 100%);
        border-image-slice: 1;

    }


    .weiterlesen {
        display: inline-block;
        margin-top: 20px;
        cursor: pointer;
    }

    /* Termine */

    #vsel {
        margin: 0;
    }

    #termine.unterseite #vsel {
        background: #555; /* Old browsers */
        background: -moz-linear-gradient(top, #555 0%, #ccc 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #555 0%, #ccc 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #555 0%, #ccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555', endColorstr='#ccc', GradientType=0);
    }

    #vsel .vsel-nav {
        display: none;
    }

    #vsel .vsel-content {
        display: inline-block;
        vertical-align: top;
        width: 25%;
        /*height:520px;*/
        height: 360px;
        border-bottom: none;
        position: relative;
        margin: 0;
        overflow: hidden;

        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
    }


    .gradient-1 {
        background: #aee999; /* Old browsers */
        background: -moz-linear-gradient(top, #aee999 0%, #eaf899 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #aee999 0%, #eaf899 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #aee999 0%, #eaf899 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aee999', endColorstr='#eaf899', GradientType=0);
    }

    .gradient-2 {
        background: #eaf899; /* Old browsers */
        background: -moz-linear-gradient(top, #eaf899 0%, #62e6f9 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #eaf899 0%, #62e6f9 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #eaf899 0%, #62e6f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf899', endColorstr='#62e6f9', GradientType=0);
    }

    .gradient-3 {
        background: #62e6f9; /* Old browsers */
        background: -moz-linear-gradient(top, #62e6f9 0%, #fabad8 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #62e6f9 0%, #fabad8 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #62e6f9 0%, #fabad8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62e6f9', endColorstr='#fabad8', GradientType=0);
    }

    .gradient-4 {
        background: #fabad8; /* Old browsers */
        background: -moz-linear-gradient(top, #fabad8 0%, #cdefbf 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #fabad8 0%, #cdefbf 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #fabad8 0%, #cdefbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabad8', endColorstr='#cdefbf', GradientType=0);
    }


    .gradient-5 {
        background: #fabad8; /* Old browsers */
        background: -moz-linear-gradient(top, #fabad8 0%, #62e6f9 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #fabad8 0%, #62e6f9 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #fabad8 0%, #62e6f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fabad8', endColorstr='#62e6f9', GradientType=0);
    }


    .gradient-1, .gradient-2, .gradient-3, .gradient-4, .gradient-5 {
        background-position: 50% 0%;
        background-size: 100% 200%;
    }


    #vsel .vsel-content:hover {
        background-position: 50% 50%;
        background-size: 100% 200%;
    }


    #termine #vsel .vsel-meta,
    #termine #vsel .vsel-meta-full {
        position: absolute;
        top: 20%;
        right: 15%;
        bottom: 30px;
        left: 15%;

        width: auto !important;
        float: none;
    }

    #vsel .vsel-meta-info {
        position: absolute;
        bottom: 0px;
        right: 0px;
        left: 0px;
        width: auto;
        float: none;
    }

    #vsel .vsel-meta-title {
        text-transform: uppercase;
        /*font-size:26px;*/
        font-weight: 600;
        max-width: 350px;

        /*
        -webkit-hyphens:auto;
        -moz-hyphens:auto;
        hyphens:auto;*/
    }

    #vsel p {
        margin: 0 0 14px 0;
    }

    #termine-small {
        background: #fff;
    }

    #termine-small #vsel .vsel-content {
        width: 16.66%;
        height: 280px;
    }

    #termine-small #vsel .vsel-meta,
    #termine-small #vsel .vsel-meta-full {
        position: absolute;
        top: 30px;
        right: 20px;
        bottom: 20px;
        left: 20px;
        width: auto !important;
        float: none;
    }

    #termine-small #vsel .vsel-meta-title {
        font-size: 18px;
        max-width: 250px;
    }

#termine-small #vsel .vsel-meta-title > h3 {
    font-size: 20px !important;
}



    .textgradient {
        display: inline-block;
        vertical-align: top;
        font-size: 48px;
        font-weight: 800;
        background: -webkit-linear-gradient(45deg, #f01a84, #22a3e2 100%);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }


    /* Seite */

    section#seite-header {
        position: fixed;
        top: 0px;
        left: 0px;
        height: 50vh;
        width: 100%;
        background-color: #ccc;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        z-index: 1;
    }

    section#seite-header.termine-ubersicht {
        height: 80vh;
    }

    section#seite-header .table {
        height: 50vh;
    }

    section#seite-header h1 {

        position: relative;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 68px;

    }


    section#seite-header.gg {
        height: auto;
        min-height: 100vh;
    }


    section#seite-header.gg .wrapper {
        padding-bottom: 40px;
    }


    section#seite {
        min-height: 50vh;
        padding-bottom: 100px;
    }

    body.single section#seite {
        padding-top: 50px;
    }

    section#seite .content {
        padding-top: 50px;
    }

    .navbreadcrumb {
        margin: 20px 0;
    }


    /* Subpages categories */

    .subpages {
        position: relative;
        padding: 0px 0 0px 0;
        text-align: left;
        margin: 0;
        width: calc(100%);
        height: 35px;
        overflow: hidden;

        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        transform: translateY(-20px);
        opacity: 0;

        -webkit-transition: all 800ms ease;
        -moz-transition: all 800ms ease;
        transition: all 800ms ease;
    }

    .subpages.visible {

        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }


    .subpages.lined {
        padding-top: 20px;
        height: 55px;
    }


    .subpages.fullwidth {
        width: auto;
        text-align: center;
        margin: 0 auto;
    }

    .subpages:not(.lined) {
        margin-bottom: -60px;
        top: -70px;
    }

    .subpages-track {
        white-space: nowrap;
        font-size: 0px;
    }


    .subpages .box-child {
        display: inline-block;
        vertical-align: top;
        background: #fff;
        padding: 5px;
        height: 35px;
        text-transform: uppercase;
        text-align: left;
        background: #3c7ab6;
        border-radius: 4px;
        color: #fff;
        margin: 0 5px 0px 0;
        font-weight: 600;
        font-size: 16px;
        letter-spacing: 0.02em;
        white-space: normal;
        cursor: pointer;

        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;


    }

    .subpages:not(.fullwidth) .box-child.invisible {
        opacity: 0;
        filter: alpha(opacity=0);
        pointer-events: none;
    }

    .subpages .prev, .subpages .next {
        position: absolute;
        top: auto;
        bottom: 2px;
        width: 30px;
        height: 30px;
        cursor: pointer;
    }

    .subpages .prev {
        left: auto;
        right: 30px;
    }

    .subpages .next {
        right: 0px;
    }


    .subpages .prev:after,
    .subpages .next:after {
        content: "";
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
    }

    .subpages .prev:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48Zz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IDAuNjkpIHJvdGF0ZSgtMTgwKSB0cmFuc2xhdGUoLTYwMCAtNjAwKSIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PHN2ZyBmaWxsPSIjRkZGRkZGIiB4bWxuczp4PSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczpncmFwaD0iaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyBpOmV4dHJhbmVvdXM9InNlbGYiPjxwYXRoIGQ9Ik0zMS4zLDk3LjVjLTIuNiwwLTUuMS0xLTcuMS0yLjljLTMuOS0zLjktMy45LTEwLjMsMC0xNC4yTDU0LjUsNTBMMjQuMiwxOS42Yy0zLjktMy45LTMuOS0xMC4zLDAtMTQuMiAgICBjMy45LTMuOSwxMC4zLTMuOSwxNC4yLDBsMzcuNSwzNy41YzEuOSwxLjksMi45LDQuNCwyLjksNy4xcy0xLjEsNS4yLTIuOSw3LjFMMzguNCw5NC42QzM2LjQsOTYuNSwzMy44LDk3LjUsMzEuMyw5Ny41eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+PC9nPjwvZz48L3N2Zz4=);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .subpages .next:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48Zz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IDAuNjkpIHJvdGF0ZSgwKSB0cmFuc2xhdGUoLTYwMCAtNjAwKSIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PHN2ZyBmaWxsPSIjRkZGRkZGIiB4bWxuczp4PSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczpncmFwaD0iaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyBpOmV4dHJhbmVvdXM9InNlbGYiPjxwYXRoIGQ9Ik0zMS4zLDk3LjVjLTIuNiwwLTUuMS0xLTcuMS0yLjljLTMuOS0zLjktMy45LTEwLjMsMC0xNC4yTDU0LjUsNTBMMjQuMiwxOS42Yy0zLjktMy45LTMuOS0xMC4zLDAtMTQuMiAgICBjMy45LTMuOSwxMC4zLTMuOSwxNC4yLDBsMzcuNSwzNy41YzEuOSwxLjksMi45LDQuNCwyLjksNy4xcy0xLjEsNS4yLTIuOSw3LjFMMzguNCw5NC42QzM2LjQsOTYuNSwzMy44LDk3LjUsMzEuMyw5Ny41eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+PC9nPjwvZz48L3N2Zz4=);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }


    .subpages.lined .prev,
    .subpages.lined .next {
        background: #fff;
    }

    .subpages.lined .prev:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48Zz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IDAuNjkpIHJvdGF0ZSgtMTgwKSB0cmFuc2xhdGUoLTYwMCAtNjAwKSIgc3R5bGU9ImZpbGw6IzNjN2FiNiI+PHN2ZyBmaWxsPSIjM2M3YWI2IiB4bWxuczp4PSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczpncmFwaD0iaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyBpOmV4dHJhbmVvdXM9InNlbGYiPjxwYXRoIGQ9Ik0zMS4zLDk3LjVjLTIuNiwwLTUuMS0xLTcuMS0yLjljLTMuOS0zLjktMy45LTEwLjMsMC0xNC4yTDU0LjUsNTBMMjQuMiwxOS42Yy0zLjktMy45LTMuOS0xMC4zLDAtMTQuMiAgICBjMy45LTMuOSwxMC4zLTMuOSwxNC4yLDBsMzcuNSwzNy41YzEuOSwxLjksMi45LDQuNCwyLjksNy4xcy0xLjEsNS4yLTIuOSw3LjFMMzguNCw5NC42QzM2LjQsOTYuNSwzMy44LDk3LjUsMzEuMyw5Ny41eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+PC9nPjwvZz48L3N2Zz4=);
    }

    .subpages.lined .next:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48Zz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IDAuNjkpIHJvdGF0ZSgwKSB0cmFuc2xhdGUoLTYwMCAtNjAwKSIgc3R5bGU9ImZpbGw6IzNjN2FiNiI+PHN2ZyBmaWxsPSIjM2M3YWI2IiB4bWxuczp4PSJodHRwOi8vbnMuYWRvYmUuY29tL0V4dGVuc2liaWxpdHkvMS4wLyIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczpncmFwaD0iaHR0cDovL25zLmFkb2JlLmNvbS9HcmFwaHMvMS4wLyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwMCAxMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48Zz48ZyBpOmV4dHJhbmVvdXM9InNlbGYiPjxwYXRoIGQ9Ik0zMS4zLDk3LjVjLTIuNiwwLTUuMS0xLTcuMS0yLjljLTMuOS0zLjktMy45LTEwLjMsMC0xNC4yTDU0LjUsNTBMMjQuMiwxOS42Yy0zLjktMy45LTMuOS0xMC4zLDAtMTQuMiAgICBjMy45LTMuOSwxMC4zLTMuOSwxNC4yLDBsMzcuNSwzNy41YzEuOSwxLjksMi45LDQuNCwyLjksNy4xcy0xLjEsNS4yLTIuOSw3LjFMMzguNCw5NC42QzM2LjQsOTYuNSwzMy44LDk3LjUsMzEuMyw5Ny41eiI+PC9wYXRoPjwvZz48L2c+PC9zdmc+PC9nPjwvZz48L3N2Zz4=);
    }


    .subpages .prev.disabled:after, .subpages .next.disabled:after {
        opacity: 0.2;
        cursor: default;
    }


    .subpages.fullwidth .prev, .subpages.fullwidth .next {
        display: none;
    }


    .subpages .box-child:hover, .subpages .box-child.selected {
        /*, .subpages .box-child.parent{*/
        padding: 4px;
        border: 1px solid #fff;
    }


    section#news .img-wrapper .overlay {
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        margin: auto;
        cursor: default;
        padding: 20px;
    }

    .panorama {
        clear: both;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }


    section#seite #vsel .vsel-meta {
        /*display: block;
        width:auto;*/

        display: inline-block;
        vertical-align: top;
        width: 50%;
        width: calc(420px);

        float: none;
        margin-bottom: 20px;
    }


    section#seite #vsel .vsel-image-info {
        /*display: block;
        width:auto;*/

        display: inline-block;
        vertical-align: top;
        width: 50%;
        width: calc(100% - 420px);

        float: none;
    }


    section#seite #vsel .infoblock {
        display: inline-block;
        vertical-align: top;
        width: 100px;
    }

    #vsel .vsel-no-events {
        display: block;
        padding-left: 80px;
        padding-right: 80px;
        max-width: 1400px;
        margin: 0 auto;
    }


    /* Aktuelles */

    section#aktuelles, section#search {
        background: #a5c556;
        padding: 100px 0 100px 0;
    }


    /* Search */

    #search .result {
        display: block;
        margin-bottom: 20px;
    }


    /* Footer */


    section#footer {
        background: #fff;
        padding: 50px 0 50px 0;
        z-index: 2;
        -webkit-transform: translate3d(0, 0, 0);
    }

    section#footer .wrapper {

    }

    .mentor, .infobox {
        display: inline-block;
        vertical-align: top;
        width: 320px;
        margin-bottom: 20px;
    }

    .mentor h3 {
        white-space: nowrap;
    }

    .mentor.paddingtop {
        padding-top: 40px;
    }


    .mentor .avatar {
        display: block;
        width: 160px;
        position: relative;
        margin-bottom: 30px;
    }


    .mentor.small .avatar {
        width: 135px;
    }


    .infobox, .mentor.long {
        width: 420px;
    }


    .mentor.noname .avatar {
        margin-bottom: 10px;
    }

    .mentor .avatar img {
        width: 100%;
        height: auto;
    }

    .mentor .avatar .name {
        position: absolute;
        min-width: 100%;
        bottom: -20px;
        left: 20px;
        background: #397ab8;
        padding: 5px;
        text-align: center;
        color: #fff;
        font-size: 15px;
    }

    .mentor .caption {
        padding-right: 20px;
    }


    footer#page-footer {
        display: block;
        width: auto;
        /*position: absolute;
        bottom: 0px;
        left: 0px;
        right: 0px;*/
        background-color: #397ab8;
        font-size: 0.7rem;
        padding: 40px 0 40px 0;
    }

    footer#page-footer .onehalf.second {
        text-align: right;
        padding-top: 5px;
    }

    footer#page-footer .onehalf:not(.second) {
        white-space: nowrap;
    }

    footer#page-footer .onehalf.second a.menu-item {
        margin-left: 10px;
    }

    footer#page-footer .socialmedia {
        display: inline-block;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 800;
    }


    .mysocialwid {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
    }

    .mysocialwid .mysocial {
        padding-right: 0px;
        margin-right: 20px;
    }

    .mysocialwq .mysocial {

    }

    .mysocialwid .mysocial a .fa {
        background: rgba(255, 255, 255, 0.9);
        border-radius: 100%;
        width: 40px;
        padding: 10px 0 10px 0;
        text-align: center;
    }


    footer#page-footer .telefon {
        display: inline-block;
        vertical-align: middle;
        font-size: 15px;
        color: #3c7ab6;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 20px;
        padding: 10px;
        font-weight: 600;
        cursor: default;
    }

    .mysocialwid .mysocial a .fa,
    footer#page-footer .telefon {
        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        transition: all 400ms ease;
    }


    .mysocialwid .mysocial a:hover .fa,
    footer#page-footer .telefon:hover {
        background: rgba(255, 255, 255, 1);
    }


    /* Nachweis */

    .img-wrapper {
        display: inline-block;
        vertical-align: top;
        position: relative;
    }

    /*
    .img-wrapper img{
        width:100%;
        height:auto;
    }*/

    span.fotonachweis {
        display: block;
        position: absolute;
        bottom: 20px;
        right: 20px;
        padding: 4px 6px;
        background-color: rgba(0, 0, 0, 0.5);
        color: rgba(255, 255, 255, 0.85);
        font-size: 12px;
        z-index: 8;
    }


    /* Images Shortcodes */


    .spacer {
        display: block;
        height: auto !important;
        clear: both;
    }

    /*
    .img-wrapper > figure{
        float: none !important;
        margin: 0px 0px 0px 40px !important;

    }


    .img-wrapper figcaption, .wp-block-image .wp-caption-text{
        text-align: center;
    }*/

    .wp-caption-text {
        text-align: left;
        font-size: 13px;
    }

    .wp-caption.alignleft,
    .wp-caption.alignright {
        width: auto !important;
    }

    .wp-caption.alignright,
    .img-wrapper.alignright {
        float: right;
        margin: 0 0 1em 2em;
    }

    .wp-caption.alignleft,
    .img-wrapper.alignleft {
        float: left;
        margin: 0 2em 1em 0;
    }

    .wp-caption.alignleft .wp-caption-text,
    .wp-caption.alignright .wp-caption-text {
        text-align: center;
    }

    div:not(.wp-caption) .img-wrapper:not(.alignleft):not(.alignright),
    div:not(.wp-caption) .img-wrapper:not(.alignleft):not(.alignright) img,
    div.wp-caption .img-wrapper:not(.alignleft):not(.alignright) img,
    section#news .img-wrapper {
        width: 100%;
        height: auto;
    }


    .onethird, .twothird {
        display: inline-block;
        vertical-align: top;
    }

    .onethird {
        width: 33%;
    }

    .twothird {
        width: 66%;
        padding-right: 40px;
    }


    /* Gallery */

    .gallery {
        display: block;
        width: auto;
        margin: 0 auto 10px -15px;
        font-size: 0;
    }

    .gallery .gallery-item {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 15px 0;
        width: 33.33%;
        padding-left: 15px;
    }

    .gallery .gallery-icon a {
        display: block;
        width: auto;
    }

    .gallery img {
        width: 100%;
        height: auto;
        padding: 0;
    }

    .gallery img:hover {

    }


    /* Effects */

    .scaleonhover {

        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);

        -webkit-transition: transform 400ms ease;
        -moz-transition: transform 400ms ease;
        transition: transform 400ms ease;

    }

    .scaleonhover:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        transform: scale(1.1);
    }


    /* Fonts */

    h0, h1, h2, h3, h4,
    .h0, .h1, .h2, .h3, .h4 {
        font-family: 'Open Sans', sans-serif, Arial, Helvetica;
        letter-spacing: 0.02em;
    }

    .h1, .wysiwyg h1 {
        font-size: 58px;
        line-height: 1.3em;
    }

    body.home .h1, body.home .wysiwyg h1 {
        font-size: 85px;
        line-height: 1.2em;
    }

    .h2, .wysiwyg h2 {
        font-size: 24px;
        font-weight: 700;
    }

    .h3, .wysiwyg h3 {
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .h4, .wysiwyg h4 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .h5, .wysiwyg h5 {
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 20px;
    }


    .p0, .p1, .p2, .p3, .p4 {
        letter-spacing: 0.01em;
    }


    .p0 {
        font-size: 20px;
    }

    .p1, .wysiwyg .onehalf p, .wysiwyg .onethird p, .wysiwyg .twothird p {
        font-size: 17px;
    }

    .p2 {
        font-size: 15px;
    }

    .p3 {
        font-size: 12px;
    }

    .blue {
        color: #3c7ab6;
    }


    .uppercase {
        text-transform: uppercase;
    }

    .bold {
        font-weight: 600 !important;
    }

    .light {
        font-weight: 300 !important;
    }

    .italic {
        font-style: italic;
    }


    .weiterlesen {
        letter-spacing: 0.07em;
    }


    .wysiwyg {
        /*overflow: hidden;*/
    }

    .clearfix {
        clear: both;
    }

    .clearfix:after {
        clear: both;
        content: "";
        display: table;
    }

    .wysiwyg p {
        margin-bottom: 20px;
    }

    .wysiwyg ul, .wysiwyg ul li {
        list-style: none;
    }

    .wysiwyg ul {
        padding-left: 17px;
    }

    .wysiwyg ul li {
        position: relative;
        padding-left: 10px;
        margin-bottom: 7px;
    }

    .wysiwyg ul li:before {
        content: "—";
        position: absolute;
        top: 0px;
        left: -17px;
    }

    .wysiwyg a, wysiwyg a:visited {
        /*text-decoration: underline;*/
        border-bottom: 1px solid #111;
    }


    blockquote {
        border-left: 2px solid #111;
        padding-left: 20px;
        margin-left: 0px;
    }

    .white {
        color: #fff;
    }

    .grey {
        color: #111111;
    }

    .green {
        color: #a5c556;
    }


    /*
    .wp-block-image:before,
    .wp-block-image:after {
        content: " ";
        display: table;
        clear: both;
    }*/


    /* Wordpress */


    /* Animationen */

    #mobile {
        position: fixed;
        top: 45px;
        right: 0px;
        left: 0px;
        margin: 0 auto;
        z-index: 12;
        pointer-events: none;
    }

    #mobile .mobile-icon {
        position: absolute;
        top: 0px;
        right: 20px;
        width: 50px;
        height: 50px;
        cursor: pointer;
        pointer-events: all;

        background-color: rgba(63, 63, 63, 1);
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIwMCIgaGVpZ2h0PSIxMjAwIiB2aWV3Qm94PSIwIDAgMTIwMCAxMjAwIj48Zz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg2MDAgNjAwKSBzY2FsZSgwLjY5IDAuNjkpIHJvdGF0ZSgwKSB0cmFuc2xhdGUoLTYwMCAtNjAwKSIgc3R5bGU9ImZpbGw6I0ZGRkZGRiI+PHN2ZyBmaWxsPSIjRkZGRkZGIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwIDEwMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTAwIDEwMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik05MS44LDI4LjZINy41QzYuMSwyOC42LDUsMjcuNSw1LDI2czEuMi0yLjYsMi42LTIuNmg4NC4zYzEuNCwwLDIuNiwxLjIsMi42LDIuNlM5My4zLDI4LjYsOTEuOCwyOC42eiI+PC9wYXRoPjxwYXRoIGQ9Ik05MS44LDUxLjNINy41Yy0xLjQsMC0yLjYtMS4yLTIuNi0yLjZzMS4yLTIuNiwyLjYtMi42aDg0LjNjMS40LDAsMi42LDEuMiwyLjYsMi42UzkzLjMsNTEuMyw5MS44LDUxLjN6Ij48L3BhdGg+PHBhdGggZD0iTTkxLjgsNzMuOUg3LjVjLTEuNCwwLTIuNi0xLjItMi42LTIuNmMwLTEuNCwxLjItMi42LDIuNi0yLjZoODQuM2MxLjQsMCwyLjYsMS4yLDIuNiwyLjZDOTQuNCw3Mi44LDkzLjMsNzMuOSw5MS44LDczLjl6Ij48L3BhdGg+PC9zdmc+PC9nPjwvZz48L3N2Zz4=);
        background-size: 35px auto;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 100%;


        -webkit-transition: all 400ms ease;
        -moz-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        -ms-transition: all 400ms ease;
        transition: all 400ms ease;


    }

    #mobile .mobile-icon.active {

    }

    /*
    #mobile.active:before{
      top:5px;
      height:12px;
    }*/


    header.whiteheader nav#main ul li.current_page_item a {
        border-bottom: 2px solid #fff;
    }

    .whiteheader {
        color: #fff;
    }


    body.page header .searchbox input[type=submit],
    body.single header .searchbox input[type=submit],
    body.search header .searchbox input[type=submit] {
        background-image: url(img/search-white.png);
    }

    body.page header .searchbox input[type=search],
    body.single header .searchbox input[type=search],
    body.search header .searchbox input[type=search] {
        border-bottom: 1px solid #fff;
        color: #fff;
    }

    /*
    body.page header #secondary ul.sub-menu,
    body.single header #secondary ul.sub-menu,
    body.search header #secondary ul.sub-menu{
        background:#86a146;
    }*/


    /*--------------------------------------------------------------
        5.0 Responsive
    --------------------------------------------------------------*/

    .wrapper-1400 {
        width: 1400px;
        margin: 0 auto;
    }


    @media (max-width: 1281px) {


        .mentor {
            width: 50%;
        }


        .mentor.noname, .mentor.small {
            width: 50%;
        }

        .mentor .avatar, .mentor.small .avatar {
            width: 50%;
        }

        .infobox {
            width: 100%;
            margin: 50px 0 50px 0;
        }

    }


    @media (max-width: 1041px) {

        div#body-container {
            padding-bottom: 0px;
        }


        section#intro .overlay .title,
        section#seite-header h1 {
            font-size: 64px;
        }

        #einleitung .wrapper {
            padding: 53px;
        }


        #vsel .vsel-content {
            width: 50%;
        }

        #termine #vsel .vsel-meta, #termine #vsel .vsel-meta-full {
            top: 50px;
            /*right:50px;*/
            bottom: 50px;
            /*left:50px;*/
        }


        #termine-small #vsel .vsel-content {
            width: 33.33%;
        }


        #vsel .vsel-no-events {
            padding-left: 30px;
            padding-right: 30px;
        }


        section#footer {

        }

        footer#page-footer {
            position: relative;
            right: auto;
        }


        body.page main,
        body.single:not(.single-event) main {
            /*margin-top:calc(50vh + 200px);*/
            margin-top: calc(50vh);
        }

        .subpages:not(.lined) {

        }

        .subpages .box-child {

        }

        .subpages .box-child::before {

        }

        .subpages .box-child.parent.visible:before {

        }


        section#seite #vsel .vsel-meta,
        section#seite #vsel .vsel-image-info {
            display: block;
            width: auto;
        }

    }


    @media only screen and (min-width: 821px) {


        .subpages.lined:after {
            content: "";
            position: absolute;
            top: 37px;
            left: 0px;
            right: 0px;
            height: 1px;
            margin: 0 auto;
            background: #3c7ab6;
            z-index: -1;
        }

    }


    @media (max-width: 821px) {


        .onehalf, .onethird, .twothird {
            display: block;
            width: auto;
            padding-right: 0px;
        }


        .wrapper, .wrapper.small {
            padding-left: 30px;
            padding-right: 30px;
        }


        section#intro .overlay .title,
        section#seite-header h1 {
            font-size: 42px;
        }

        #vsel .vsel-content {
            /*height:420px;*/
        }

        #vsel .vsel-meta-title {
            /*font-size:22px;*/
        }


        footer#page-footer .onehalf.second {
            text-align: left;
            margin-top: 20px;
        }

        footer#page-footer .onehalf.second a.menu-item {
            margin-left: 0px;
            margin-right: 10px;
        }

        body.page main,
        body.single:not(.single-event) main {
            /*margin-top:calc(50vh + 170px);*/
            margin-top: 50vh;
        }


        .subpages:not(.lined) {

        }

        .subpages .box-child {

        }

        .subpages .box-child:before {

        }


        section#news .textgradient {
            font-size: 32px;
        }

        .wp-caption.alignleft,
        .wp-caption.alignright,
        .img-wrapper.alignleft,
        .img-wrapper.alignright {
            display: block;
            width: auto;
            float: none;
            margin-left: 0rem;
            margin-right: 0rem;

        }


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


    }

    @media (max-width: 640px) {

        .mentor, .mentor.noname {
            display: block;
            width: auto;
            margin-bottom: 40px;
        }

        .mentor .avatar .img-wrapper, .mentor.small .avatar .img-wrapper {
            width: 100%;
        }

        .mentor .avatar, .mentor.small .avatar {
            width: 100%;
        }

        .mentor .avatar .name {
            left: 10px;
            bottom: -10px;
        }

        .mentor h3 {
            white-space: normal;
        }

    }


    @media (max-width: 521px) {


        #mobile {
            top: 35px;
            right: 9px;
        }

        #nav-wrapper {
            width: 100%;
        }

        nav#main {
            margin-left: 10px;
            margin-right: 10px;
        }

        nav#main ul li a {
            margin-bottom: 20px;
        }

        header #logo {
            width: 120px;
            top: 30px;
        }

        #einleitung .wrapper {
            padding: 30px;
        }

        section#intro .overlay .title,
        section#seite-header h1 {
            font-size: 24px;
        }

        section#intro .overlay .title::after {
            bottom: -10px;
            height: 5px;
        }

        section#intro #lehramt {
            right: 30px;
        }


        #vsel .vsel-content {
            display: block;
            width: auto;
            height: 260px;
        }

        #vsel .vsel-meta-title {
            /*font-size:22px;*/
        }


        #termine-small #vsel .vsel-content {
            display: block;
            width: auto;
            /*height:380px;*/
            height: 260px;
        }

        #termine #vsel .vsel-meta, #termine #vsel .vsel-meta-full {
            top: 30px;
            right: 50px;
            bottom: 30px;
            left: 30px;
        }


        footer#page-footer .onehalf.second {
            text-align: left;
            margin-top: 20px;
        }

        footer#page-footer .socialmedia {
            font-size: 0px;
        }

        .mysocialwid {
            margin-left: 0px;
        }


        body.page main,
        body.single:not(.single-event) main {
            margin-top: 50vh;
        }

        section#seite-header.termine-ubersicht {
            height: 50vh;
        }

        .subpages:not(.lined) {

        }

        .subpages {

        }

        .subpages .box-child, .subpages .box-child.parent {

        }

        .subpages.lined {

        }


        .p0 {
            font-size: 15px;
        }

        .h2, .wysiwyg h2 {
            font-size: 15px;
        }

        .colorbox {
            padding: 20px;
        }

        .textgradient {
            font-size: 38px;
        }

        section#news .textgradient {
            font-size: 24px;
        }

    }

    _:-ms-lang(x),
    section#seite .content {
        margin-top: 600px;
    }