@media screen and (orientation: landscape) {}

@media screen and (min-width: 568px) {
    #kundenstimmen_section .contentwidth {}
    .kundenstimme {
        margin-bottom: 1em;
        float: left;
        width: calc(50% - .5em);
        margin-right: 1em;
    }
    .kundenstimme:nth-of-type(2n + 2) {
        margin-right: 0;
    }
    #footer_sitemap {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #footer_sitemap li ul li {
        float: none;
    }
    #menu_close.active {
        left: 50%;
    }
    header {
        left: -50%;
        width: 50%;
    }
    header.active {
        left: 0;
    }
    main.inactive {
        left: 50%;
    }
    #logo_responsive_img {
        width: 50px;
    }
    /* ######################################################################### searchbar ######################################################################### */
    #searchbar h2,
    #searchbar_home h2 {
        display: none;
    }
    #searchbar_home .breabcrumbs,
    #searchbar .breabcrumbs {
        float: left;
        margin-right: 1em !important;
        margin-bottom: 0 !important;
        width: calc(60% - 1em);
    }
    #searchbar_home .breabcrumbs li,
    #searchbar .breabcrumbs li {
        height: auto;
        width: calc(50% - .5em);
        margin-right: 1em;
    }
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn {
        padding: 0;
        line-height: normal;
    }
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn div.ms-sel-item,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn div.ms-sel-item {
        padding: .2em .5em;
        top: .25em;
        left: 2.7em;
    }
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn input,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn input {
        min-height: 3em;
        padding-left: 3.4em;
    }
    #searchbar_home .right-side-holder,
    #searchbar .right-side-holder {
        float: left;
        width: 40%;
    }
    #searchbar_home .right-side-holder .calendar-holder,
    #searchbar .right-side-holder .calendar-holder {
        float: left;
        width: calc(70% - .5em);
        margin-right: 1em;
    }
    #searchbar_home .right-side-holder .calendar-holder #search_start_date,
    #searchbar .right-side-holder .calendar-holder #search_start_date {
        min-height: 3em;
        padding-left: 3.4em;
    }
    #searchbar_home .right-side-holder .calendar-holder span.calendar-icon,
    #searchbar .right-side-holder .calendar-holder span.calendar-icon {
        top: 11px;
        right: 6px;
    }
    #searchbar_home .right-side-holder input[type=submit],
    #searchbar .right-side-holder input[type=submit] {
        width: calc(30% - .5em);
        margin-right: 0;
        min-height: 3em;
    }
    /* ######################################################################### searchbar ende ######################################################################### */
    .ablauf_element {
        width: calc(50% - 0em);
        float: left;
        margin-bottom: 2em;
    }
    .ablauf_element:after {
        display: none;
    }
    .content_container .kodexzertifiziert_pt2 {
        margin-bottom: 3em;
        margin-top: 3em;
    }
    .content_container .kodexzertifiziert_pt2 .half {
        float: left;
        width: 50%;
        padding: 0 2em;
    }
    .content_container .kodexzertifiziert_pt2_links {
        border-right: 1px solid #4a4a4a;
    }
    .content_container .beratung_bucher_kontakt {
        margin-right: 2em;
        float: left;
    }
    .content_container .kontaktseite_kontaktperson {
        margin-right: 2em;
        float: left;
    }
    .template_zweispaltig .template_zweispaltig_links {
        width: 50%;
        padding: 2em;
        float: left;
        border-right: 1px solid #4a4a4a;
        margin-bottom: 0;
    }
    .template_zweispaltig .template_zweispaltig_rechts {
        width: 50%;
        float: left;
        padding: 2em;
    }
    .prev-next-posts:after {
        display: block;
        content: '';
        clear: both;
    }
    .prev-next-posts .prev-posts-link,
    .prev-next-posts .next-posts-link {
        width: 50%;
        float: left;
    }
    .prev-next-posts .next-posts-link {
        text-align: right;
    }
    .programm_entry_date {
        display: block;
        min-width: 0%;
        width: 20%;
        float: left;
    }
    .programm_entry_content {
        width: 80%;
        float: left;
    }
}

@media screen and (min-width: 641px) {
    .contentwidth {
        padding: 0 2em;
    }
    .contentwidth_half_content {
        padding: 0 2em;
    }
    .content_section,
    .contentwidth_half {
        padding: 3em 0;
    }
    h2 {
        font-size: 1.3em;
    }
    h2:after,
    div.hr_small {
        width: 250px;
    }
    h3 {
        font-size: 1.2em;
    }
    #banner {
        min-height: 180px;
    }
    #banner_home {
        min-height: 225px;
    }
    #banner h1,
    #banner_home h1 {
        font-size: 1.3em;
        text-indent: -1.5em;
        margin: 60px 0 0 1.5em;
        padding-left: 2.5em;
        line-height: 1.6em;
    }
    .ablauf_icon {
        width: 85px;
        height: 85px;
    }
    #video_description_div {
        padding: 1em 2em;
        padding-top: 2em;
    }
    #news_section {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .contentwidth_half {
        width: 50%;
        float: left;
    }
    .usp_container {
        float: left;
        width: calc(50% - .5em);
        margin-right: 1em;
    }
    .usp_container:nth-of-type(2n + 2) {
        margin-right: 0;
    }
}

@media screen and (min-width: 769px) {
    #video_container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #video_player_container,
    #video_description_div {
        width: 50%;
        float: left;
    }
    #video_player_container {
        padding: 2em;
        padding-right: 0;
    }
}

@media screen and (min-width: 900px) {
    #menu_close.active {
        left: 33%;
    }
    header {
        left: -33%;
        width: 33%;
    }
    header.active {
        left: 0;
    }
    main.inactive {
        left: 33%;
    }
    #banner_home h1 {
        font-size: 1.6em;
        margin-top: 130px;
    }
    /* ######################################################################### searchbar ######################################################################### */
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn div.ms-sel-item,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn div.ms-sel-item {
        padding: .3em .5em;
        top: .3em;
        left: 3em;
    }
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn input,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn input {
        height: auto;
        font-size: 13.4px;
        padding: .5em 1.5em;
        padding-left: 3.4em;
    }
    #searchbar_home .right-side-holder .calendar-holder #search_start_date,
    #searchbar .right-side-holder .calendar-holder #search_start_date {
        height: auto;
        font-size: 13.4px;
        padding: .5em 1.5em;
        padding-left: 3.4em;
    }
    #searchbar_home .right-side-holder .calendar-holder span.calendar-icon img,
    #searchbar .right-side-holder .calendar-holder span.calendar-icon img {
        width: 2em !important;
        height: 2em !important;
    }
    #searchbar_home .right-side-holder input[type=submit],
    #searchbar .right-side-holder input[type=submit] {
        height: auto;
        font-size: 13.4px;
    }
    /* ######################################################################### searchbar ende ######################################################################### */
    #banner_home {
        height: 300px;
    }
    .ablauf_container {
        text-align: center;
    }
    .ablauf_element {
        width: calc(25% - 0em);
        float: left;
        margin-bottom: 2em;
        position: relative;
    }
    .ablauf_titel {
        font-size: 1.2em;
        margin-top: 1.2em;
    }
    .ablauf_hervorhebung {
        display: block;
        margin-bottom: .35em;
    }
    .ablauf_element:after {
        position: absolute;
        top: 1em;
        right: -1.5em;
        display: block;
        background-image: url('../img/ablauf_trennung.png');
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .ablauf_element.no_after:after {
        display: none;
    }
    .recommendation_container {
        width: calc(33.33333% - .66666em);
        margin-right: .99999em;
        float: left;
        margin-bottom: 0;
    }
    .recommendation_container:nth-of-type(3n + 3) {
        margin-right: 0;
    }
    .recommendation_container:last-child {
        margin-bottom: 0;
    }
    .usp_bucher,
    .usp_anbieter {
        width: 50%;
        float: left;
    }
    .usp_bucher {
        padding-right: 1em;
    }
    .usp_anbieter {
        padding-left: 1em;
    }
    .usp_container {
        width: 100%;
        margin-right: 0em;
    }
    .content_container {
        width: calc(66.66666% - 2em);
        margin-right: 2em;
        float: left;
    }
    .content_container:after {
        display: none;
    }
    .sidebar {
        float: right;
        text-align: right;
        max-width: 25%;
    }
    .sidebar ul {
        text-align: right;
    }
    .sidebar ul li {
        direction: rtl;
        margin-right: 1.5em;
    }
    footer .contentwidth:before {
        width: 250px;
    }
    #footer_sitemap li ul li {
        width: 100%;
    }
    .subfooter_left,
    .subfooter_center,
    .subfooter_right {
        width: 33.33333%;
        float: left;
        margin-bottom: 0;
    }
    .subfooter_left {
        text-align: left;
    }
    .subfooter_right {
        text-align: right;
    }
}

@media screen and (min-width: 1025px) {
    h2 {
        font-size: 1.5em;
    }
    h2:after,
    body.home h2:after,
    div.hr_small {
        margin-bottom: 50px;
    }
    div.hr_small {
        margin-top: 50px;
    }
    .contentwidth {
        padding: 0 2em;
    }
    .contentwidth_half_content {
        padding: 0 2em;
    }
    .content_section,
    .contentwidth_half {
        padding: 4em 0;
    }
    /* +++++++++++++++++++++++++++++ Navigation +++++++++++++++++++++++++++++ */
    #responsive_header {
        display: none;
    }
    header {
        position: static;
        width: 100%;
        height: 150px;
    }
    #logo_div {
        float: left;
        width: 370px;
        margin: 0;
    }
    .logo_img_a {
        display: block;
        width: 30%;
        float: left;
        padding-top: 2em;
        padding-bottom: 1.5em;
        transition: .2s all ease-in-out;
        -webkit-transition: .2s all ease-in-out;
    }
    #logo_img {
        width: 100%;
    }
    #logo_img:hover {
        opacity: .9;
        transition: .2s all ease-in-out;
        -webkit-transition: .2s all ease-in-out;
    }
    .logo_sublinks_container {
        width: 70%;
        float: left;
        padding-left: 2em;
        margin-top: 80px;
    }
    #login_div {
        position: absolute;
        right: 2em;
        top: 0;
        text-align: right;
        margin: 0;
    }
    #lang_select {
        float: left;
        margin-top: .6em;
        margin-right: 1.2em;
    }
    .login_button {
        float: left;
        padding: .7em 1.3em;
        width: auto;
    }
    #head_nav {
        text-align: right;
        margin-top: 0;
        padding-top: 6em;
        max-width: 75%;
        float: right;
    }
    #head_nav_ul {
        position: relative;
    }
    #head_nav_ul li {
        display: inline-block;
        position: relative;
        margin-left: 1.5em;
    }
    #head_nav_ul li.menu-item-has-children a:before {
        display: none;
    }
    #head_nav_ul li.menu-item-has-children a:after {
        content: '';
        display: inline-block;
        height: 12px;
        width: 8px;
        margin-left: 8px;
        background-image: url('../img/arrow.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out;
    }
    #head_nav_ul li.menu-item-has-children.active a:after {
        -webkit-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        transform: rotate(-0deg);
        -webkit-transition: .2s all ease-in-out;
        transition: .2s all ease-in-out;
    }
    #head_nav_ul li.menu-item-has-children ul li a:after {
        display: none;
    }
    #head_nav_ul li ul {
        position: absolute;
        left: -1em;
        min-width: calc(100% + 2em);
        z-index: 99;
        background-color: #fff;
        margin: 0;
        padding: 0 1em;
        border-bottom: 1px solid #ddd;
    }
    #head_nav_ul li:last-child ul {
        left: auto;
        right: -1em;
    }
    #head_nav_ul li ul {
        text-align: left;
        padding-top: .5em;
    }
    #head_nav_ul li ul li {
        margin-left: 0;
        display: block;
    }
    #head_nav_ul li ul li a {
        font-size: .9em;
    }
    /* +++++++++++++++++++++++++++++ Navigation Ende +++++++++++++++++++++++++++++ */
    /* ######################################################################### searchbar ######################################################################### */
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn div.ms-sel-item,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn div.ms-sel-item {
        padding: .5em .7em;
        top: .35em;
        left: 3.4em;
    }
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn input,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn input {
        font-size: 15.8px;
    }
    #searchbar_home .right-side-holder .calendar-holder #search_start_date,
    #searchbar .right-side-holder .calendar-holder #search_start_date {
        font-size: 15.8px;
    }
    #searchbar_home .right-side-holder .calendar-holder span.calendar-icon img,
    #searchbar .right-side-holder .calendar-holder span.calendar-icon img {
        width: 2.25em !important;
        height: 2.25em !important;
    }
    #searchbar_home .right-side-holder input[type=submit],
    #searchbar .right-side-holder input[type=submit] {
        font-size: 15.8px;
    }
    /* ######################################################################### searchbar ende ######################################################################### */
    #searchbar.fixed,
    #searchbar_home.fixed {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 99999;
    }
    #ablauf_section.fixed_searchbar,
    #banner.fixed_searchbar {
        margin-top: 79.4px;
        transition: 0s margin-top ease;
    }
    #ablauf_section.fixed_searchbar_1280,
    #banner.fixed_searchbar_1280 {
        margin-top: 86px;
    }
    .ablauf_icon {
        width: 120px;
        height: 120px;
    }
    .ablauf_titel {
        font-size: 1.4em;
        margin-top: 1.2em;
    }
    .ablauf_element:after {
        top: 2em;
        right: -1.5em;
        display: block;
        background-image: url('../img/ablauf_trennung.png');
        background-size: 75% auto;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .ablauf_element.no_after:after {
        display: none;
    }
    .advertising_banner a:nth-of-type(1) {
        margin-right: 1em;
    }
    .recommendation_img {
        height: 200px;
    }
    .recommendation_overlay {
        padding: 1.5em;
    }
    #newsletter-email {
        font-size: 1em;
        font-weight: 100;
        padding-left: 3.2em;
    }
    #footer_sitemap li ul li {
        width: 100%;
    }
}

@media screen and (min-width: 1281px) {
    .contentwidth {
        padding: 0 2em;
    }
    .contentwidth_half_content {
        padding: 0 2em;
    }
    .content_section,
    .contentwidth_half {
        padding: 6em 0;
    }
    #footer.content_section {
        padding: 2em 0;
    }
    h2 {
        font-size: 1.9em;
    }
    #banner {
        height: 250px;
    }
    #banner_home {
        height: 400px;
    }
    #banner h1 {
        font-size: 1.6em;
        margin-left: 3em;
    }
    #banner_home h1 {
        font-size: 1.6em;
        margin-top: 190px;
        margin-left: 3em;
    }
    /* ######################################################################### searchbar ######################################################################### */
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn div.ms-sel-item,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn div.ms-sel-item {
        padding: .7em .9em;
        top: .4em;
        left: 3.9em;
    }
    #searchbar_home .breabcrumbs li div.ms-ctn div.ms-sel-ctn input,
    #searchbar .breabcrumbs li div.ms-ctn div.ms-sel-ctn input {
        font-size: 18px;
    }
    #searchbar_home .right-side-holder .calendar-holder #search_start_date,
    #searchbar .right-side-holder .calendar-holder #search_start_date {
        font-size: 18px;
    }
    #searchbar_home .right-side-holder .calendar-holder span.calendar-icon img,
    #searchbar .right-side-holder .calendar-holder span.calendar-icon img {
        width: 2.8em !important;
        height: 2.8em !important;
    }
    #searchbar_home .right-side-holder input[type=submit],
    #searchbar .right-side-holder input[type=submit] {
        font-size: 18px;
    }
    /* ######################################################################### searchbar ende ######################################################################### */
    .ablauf_element:after {
        width: 4em;
        right: -2em;
        background-size: 100% auto;
    }
    .advertising_banner a:nth-of-type(1) {
        margin-right: 2em;
    }
    #video_description {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 2em;
        -moz-column-gap: 2em;
        column-gap: 2em;
    }
}