/* Allgemein */

#wrapper_product_header #menu-sc_rubric_5866, #wrapper_product_header #menu-sc_rubric_5867 {
    display: none;
}

#wrapper_content {
    background-color: #f1f1f1;
}

#search_filters, #sort_by {
    background-color: #fff;
}

.teaser_box.jour_fixe .points {
    background-color: #00305e;
}

.teaser_box.jour_fixe .points span {
    color: #fff;
}

.teaser_box.jour_fixe .quote {
    font-family: 'DINWeb', Helvetica, sans-serif;
    font-weight: 100;
}

.teaser_box.jour_fixe .quote span {
    font-family: 'DINWeb-Italic';
    font-weight: 100;
    font-style: italic;
}

.teaser_box.jour_fixe h3, .teaser_box.jour_fixe .quote {
    font-family: 'DINWeb-Medium';
    font-weight: 100;
}

.teaser_box.jour_fixe .points span {
    font-size: 0.8em;
}

.teaser_box.jour_fixe h3, .teaser_box.jour_fixe p {
    font-size: 0.9em;
}

.teaser_box.jour_fixe h2 {
    font-size: 1.2em;
}

.teaser_box.jour_fixe .points span, .teaser_box.jour_fixe {
    line-height: 1.35em;
}

.wrapper_video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.wrapper_video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Produkt-Header */
#wrapper_product_header a {
    color: #fff;
}

#wrapper_product_header li a {
    padding: 20px 15px 18px;
    display: block;
    line-height: 1em;
}

#wrapper_product_header li a:hover {
    text-shadow: 0 0 10px #fff;
}

#wrapper_product_header ul, #issues {
    list-style-type: none;
    margin-bottom: 0;
    padding-left: 0;
    float: left;
}

#wrapper_product_header li {
    float: left;
}

#wrapper_product_header_top {
    background-color: #38378B;
}

#wrapper_product_header_bottom, #main_menu_product .active a {
    background-color: #605FA2;
}

#wrapper_product_header .menue-more {
    position: relative;
}

#wrapper_product_header .menue-hide {
    background-color: #605fa2;
    position: absolute;
    right: 0;
    top: 47px;
    min-width: 200px;
    z-index: 1000;
}

#wrapper_product_header .menue-hide li a {
    line-height: 1.35em;
    font-size: 1.111em;
}

/* #product_header_top, #product_header_bottom {overflow: hidden;} */
#product_header_bottom li a {
    padding-left: 10px;
    padding-right: 10px;
}

#product_header_bottom ul li ul li a {
    padding-left: 20px;
    padding-right: 20px;
}

#product_title {
    padding-top: 2%;
    margin-bottom: 1%;
}

.header #search {
    display: none;
}

#wrapper_product_header #search_product {
    margin-top: 9px;
}

#product_header_top::after, #sub_menu_product::after, #product_header_bottom::after {
    content: " ";
    display: table;
    clear: both;
}

#search_product #searchfield_product {
    width: 230px;
}

#search_product #searchbutton_product {
    background-image: url(/img/lupe_white.svg);
    background-color: transparent;
}

#sub_menu_product_phone, #issues_phone {
    background-color: #fff;
    border-color: #fff;
    color: #444;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

#main_menu_product .phone {
    float: right;
}

#wrapper_product_header #main_menu_product .phone a {
    padding: 10px;
    line-height: 0;
}

#main_menu_product .phone img {
    width: 30px;
    height: 33px;
}

ul.menue-hide li {
    float: none !important;
}

/* Formulare */
select {
    background-color: #fff;
    border: 1px solid #f1f1f1;
}

/* Feedback-Lasche */
.feedback-rotated {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: bottom right;
    -ms-transform-origin: bottom right;
    transform-origin: bottom right;
    height: 30px;
    position: fixed;
    right: 0;
    top: 28%;
    z-index: 1000;
}

.feedback-rotated a {
    display: inline-block;
    height: 24px;
    overflow: hidden;
    padding-top: 8px;
    text-align: center;
    width: 175px;
}

.feedback-rotated a:hover {
    text-shadow: 0 0 10px #fff;
}

[data-color="iwwred"] {
    background: #e60004 !important;
    color: white !important;
}

/* Artikel-Teaser */
.article_teaser, .paging.paging_article_listing {
    padding-top: 2%;
    margin-bottom: 5%;
    border-top: 1px solid #a1a1a1;
}

.article_teaser {
    position: relative;
    cursor: pointer;
}

.article_teaser.row2 {
    clear: both;
}

.article_teaser.row1l, .article_teaser.row1r {
    width: 48%;
}

.article_teaser.row1l {
    float: left;
}

.article_teaser.row1r {
    float: right;
}

.article_teaser .stoerer {
    position: absolute;
    padding: 7px 7px 4px;
    font-size: 0.65em;
    background-color: #00305e;
    color: #fff;
    text-transform: uppercase;
    right: 20px;
    top: -10px;
}

.article_teaser .stoerer img {
    bottom: -9px;
    left: 15px;
}

.article_teaser.with_disrupter h3 {
    max-width: 65%;
}

.article_teaser.row2.with_disrupter h3 {
    max-width: 80%;
}

/* Schloss-Icon, Toolbar, Audio-Icons */
.read_on img {
    float: left;
    margin: -3px 5px 0 0;
}

.locked.red, .unlocked.red, .read_on:hover .blue, .article_teaser h2 a:hover .blue, .toolbar .red, .toolbar a:hover .blue, .audio_red, a:hover .audio_blue {
    display: none;
}

.read_on:hover .red, .article_teaser h2 a:hover .red, .toolbar a:hover .red, a:hover .audio_red {
    display: inline;
}

.audio {
    float: right;
}

.main_content .slider {
    margin-bottom: 5%;
}

.cooperation_partner .partner_profile.company .partner_img {
    background-color: #f1f1f1;
}

/* Paging – Artikel-Listing */
.paging.paging_article_listing {
    border-width: 3px;
    clear: both;
    overflow: hidden;
    margin-bottom: 5%;
}

.paging.paging_article_listing span {
    margin: 9px 4px;
}

.paging.paging_article_listing .left span {
    float: right;
}

.paging.paging_article_listing .right span {
    float: left;
}

.paging .disabled span {
    color: #9a9a9a;
}

/* Teaser – Boxen */
.teaser_box, .teaser_iww-seminare, .slider, .cooperation_partner .partner_profile {
    background-color: #fff;
}

.teaser_box.iww_numbers_small {
    background-color: #f1f1f1;
    padding: 0;
}

.iww_numbers .button_grey {
}

.teaser_box, .teaser_iww-seminare {
    padding: 8%;
}

.teaser_box.history h2, .teaser_box.suggestion h2, .teaser_box.related h2 {
    font-size: 1.2em;
    line-height: 1.1em;
}

.teaser_box.history h2, .teaser_box.related h2 {
    margin-bottom: 10px;
}

.teaser_box.history ul {
    clear: both;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.teaser_box.related ul {
    list-style-type: none;
    padding: 0 0 10px;
    margin: 0 0 10px;
    border-bottom: 1px solid #a1a1a1;
    overflow: hidden;
}

.teaser_box.related ul:last-child {
    margin: 0;
    padding: 0;
    border: none;
}

.teaser_box.related .rel_newsletter h4 {
    float: left;
    margin: 5px 0;
}

.teaser_box.related .rel_newsletter p {
    clear: both;
}

.switch_panel {
    border: 1px solid #a1a1a1;
    overflow: hidden;
    margin-bottom: 8%;
}

.button_switch {
    box-sizing: border-box;
    width: 50%;
    float: left;
    text-align: center;
    padding: 12px 0 8px;
}

.button_switch.active {
    background-image: url(/img/button_bg_grey.png);
    background: -webkit-linear-gradient(#9A9A9A, #7C7C7C);
    background: -o-linear-gradient(#9A9A9A, #7C7C7C);
    background: -moz-linear-gradient(#9A9A9A, #7C7C7C);
    background: linear-gradient(#9A9A9A, #7C7C7C);
}

.history #panel_bookmarks .more a {
    float: right;
    margin-top: 10px;
}

.teaser_box.related img {
    float: left;
    padding-top: 3px;
}

.teaser_box.related .rel_content img {
    width: 35px;
    height: 35px;
    margin-right: 10px;
}

.teaser_box.suggestion .product_teaser {
    width: 100%;
    float: none;
    margin-right: 0;
}

.icon_audio {
    float: left;
    margin: -6px 15px 0 0;
}

.teaser_box.jour_fixe {
    position: relative;
    overflow: visible;
}

.teaser_box.jour_fixe .points {
    position: absolute;
    padding: 5px 5px 2px;
    width: 140px;
    top: -30px;
    right: 20px;
}

.points .dialogue_corner {
    position: absolute;
    left: 30px;
    bottom: -9px;
}

.teaser_box.jour_fixe .points span {
    width: 75%;
    display: block;
}

.points .icon_certificate {
    width: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.teaser_box.jour_fixe h2 {
    margin-bottom: 10px;
}

.wrapper_quote {
    overflow: hidden;
    clear: both;
}

.teaser_box.jour_fixe .button_orange {
    float: left;
    margin-bottom: 30px;
}

.teaser_box.jour_fixe .quote {
    margin-bottom: 0;
    width: 55%;
}

.teaser_box.jour_fixe .img_speaker {
    position: absolute;
    bottom: 0;
    right: 0;
    max-height: 260px;
    max-width: 45%;
}

/* Archiv */
#menu_issues {
    background-color: #fff;
    padding: 1.5% 1.5% 1%;
    overflow: hidden;
    margin-bottom: 5%;
}

#menu_issues_default, #menu_issues_special {
    float: left;
}

#menu_issues_default {
    margin-right: 30px;
}

#menu_issues span {
    float: left;
    margin-right: 10px;
}

#menu_issues_phone {
    background-color: #fff;
    padding: 3%;
    margin-bottom: 5%;
}

#menu_issues_phone span {
    font-size: 1.25em;
    margin-bottom: 2%;
    display: block;
}

#issues_phone {
    background-color: #f1f1f1;
}

#issues li {
    float: left;
    line-height: 1em;
}

#issues li a {
    margin: 0 9px;
    display: block;
}

#archive_article_listing .article_teaser {
    margin-bottom: 4%;
}

/* Suche */
#search_results .nologo h2 {
    width: auto;
    float: left;
}

.other_services {
    margin-top: 4%;
    background-color: #fff;
    padding: 4%;
    clear: both;
}

.relevance {
    margin-top: 10px;
    overflow: hidden;
}

.relevance span {
    font-size: 0.75em;
    font-family: 'DINWeb-Bold';
    margin-right: 10px;
    float: left;
}

.relevance .bar_grey {
    width: 100px;
    height: 11px;
    float: left;
    background-color: #dedede;
}

.bar_relevance {
    height: 11px;
}

.bar_relevance.bar_long {
    background-color: #00305e;
}

.bar_relevance.bar_short {
    background-color: #a1a1a1;
}

/* Artikeldetailansicht */
#content.article {
    overflow: visible;
    position: relative;
}

.Ueberschrift-mittel {
    margin-top: 25px;
}

.Autorenzeile, .articlesource, .Autorenzeile_KI, .MsoNormal i {
    text-transform: uppercase;
}

.Autorenzeile, .MsoNormal i {
    font-style: normal;
}

.Autorenzeile_KI {
    text-align: right;
}

.Ueberschrift-klein {
    margin-top: 0;
}

.Kastenueberschrift {
    background-color: #f1f1f1 !important;
}

.Grundtext-Kasten {
    padding: 2.5%;
}

.titel_farbbalken {
    background-color: #444;
    padding: 10px 13px 4px;
}

.titel_farbbalken h3.Ueberschrift-klein {
    font-size: 1em;
    color: #fff;
    margin: 0;
}

.kasten {
    border-collapse: collapse;
}

.KastenPurZelle .Grundtext-Kasten, .Kasteninhalt, .kasten td {
    padding: 2.5%;
    background-color: #fff !important;
}

.article .kasten td {
    padding: 15px;
    box-sizing: border-box;
}

.Grundtext-Kasten p, .Kasteninhalt p, .gross, .basis-tabelle p {
    margin-bottom: 0;
}

.KastenPurZelle p {
    margin-bottom: 10px !important;
}

.KastenPurZelle p:last-child {
    margin-bottom: 0 !important;
}

.gross {
    padding: 0;
}

.gross li, .Einzug1 {
    margin-left: 20px;
}

.basis-tabelle {
    margin-bottom: 20px;
}

.articleimage {
    max-width: 100%;
}

.interview_frage, .interview_antwort {
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-style: normal;
}

.Ueberschrift-klein .gross, .klein, .mer_quelle, .gross {
    list-style-type: none;
    background-image: url(/img/product_imgs/square_grey.png);
    background-size: 0.75em 0.75em;
    background-position: left 4px;
    background-repeat: no-repeat;
}

.mer_quelle, .gross {
    background-size: 0.65em 0.65em;
    background-position: left 5px;
}

.Ueberschrift-klein .gross li {
    margin-left: 3.5%;
}

.klein {
    background-size: 0.5em;
    background-position: 0 7px;
}

.gross.q1, .gross.q2, .gross.q3, .gross.q4, .gross.q5, .gross.q6, .gross.q7, .gross.vq1, .gross.q5 li .klein {
    background: none;
}

.gross.q2 li, .gross.q4 li {
    margin-left: 20px;
    text-indent: -20px;
}

.gross.q3 li, .gross.q5 li {
    margin-left: 40px;
    text-indent: -20px;
}

.gross.q5 li .klein {
    padding-left: 0;
}

.gross.q6 li {
    margin-left: 20px;
}

.gross.q1 .klein li {
    margin: 0;
}

.gross.q7 li {
    margin-left: 40px !important;
}

.articlesource, .articlefreetext {
    margin-top: 20px;
}

.Grundtext a {
    word-wrap: break-word;
}

td.balken {
    background-color: #444;
}

.leitsatz {
    border-left: 10px solid #444;
}

.wrapper_articleimage {
    text-align: center;
    position: relative;
}

figure.wrapper_articleimage {
    margin-bottom: 1em;
}

.articleimage_zoom {
    position: absolute;
    left: 47%;
    top: 42%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: alpha(opacity=85);
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    opacity: 0.0;
}

.wrapper_articleimage a:hover img.articleimage_zoom {
    opacity: 0.85;
    -webkit-transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    transition: opacity 500ms ease-out;
}

.basis-tabelle {
    border-collapse: collapse;
    margin-bottom: 14px;
    box-sizing: border-box;
    max-width: 99.8% !important;
}

.R-mit-Linien {
    border: 1px solid #444 !important;
}

.R-mit-Linie-l {
    border-left: 1px solid
}

.R-mit-Linie-o {
    border-top: 1px solid
}

.R-mit-Linie-r {
    border-right: 1px solid
}

.R-mit-Linie-u {
    border-bottom: 1px solid
}

.R-mit-Linien-l-o {
    border-left: 1px solid;
    border-top: 1px solid
}

.R-mit-Linien-l-r {
    border-left: 1px solid;
    border-right: 1px solid
}

.R-mit-Linien-l-u {
    border-left: 1px solid;
    border-bottom: 1px solid
}

.R-mit-Linien-o-r {
    border-top: 1px solid;
    border-right: 1px solid
}

.R-mit-Linien-o-u {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.R-mit-Linien-r-u {
    border-right: 1px solid;
    border-bottom: 1px solid
}

.R-mit-Linien-l-o-r {
    border-left: 1px solid;
    border-top: 1px solid;
    border-right: 1px solid
}

.R-mit-Linien-l-r-u {
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid
}

.R-mit-Linien-o-r-u {
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid
}

.R-mit-Linien-l-o-u {
    border-left: 1px solid;
    border-top: 1px solid;
    border-bottom: 1px solid
}

.R-mit-Linien p {
    margin-bottom: 0 !important
}

.R-mit-Linien div {
    line-height: 1.5em
}

.R-mit-Linien, .R-mit-Linien-l, .R-mit-Linien-o, .R-mit-Linien-u, .R-mit-Linien-r, .R-mit-Linien-l-o, .R-mit-Linien-l-r, .R-mit-Linien-l-u, .R-mit-Linien-o-r, .R-mit-Linien-o-u, .R-mit-Linien-r-u, .R-mit-Linien-l-o-r, .R-mit-Linien-l-r-u,
.R-mit-Linien-o-r-u, .R-mit-Linien-l-o-u, .roweven td, .rowuneven td, .KastenPurZelle {
    padding: 13px 13px 10px;
}

#CS3 table.basis-tabelle td.Mit-Linien, #v4 table.basis-tabelle td.Mit-Linien {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.Ohne-Linien, #v4 table.basis-tabelle td.Ohne-Linien {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linie-l, #v4 table.basis-tabelle td.Mit-Linie-l {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #444;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linie-o, #v4 table.basis-tabelle td.Mit-Linie-o {
    border-top: 1px solid #444;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linie-r, #v4 table.basis-tabelle td.Mit-Linie-r {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linie-u, #v4 table.basis-tabelle td.Mit-Linie-u {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #444;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-l-o, #v4 table.basis-tabelle td.Mit-Linien-l-o {
    border-top: 1px solid #444;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #444;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-l-r, #v4 table.basis-tabelle td.Mit-Linien-l-r {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-l-u, #v4 table.basis-tabelle td.Mit-Linien-l-u {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-o-r, #v4 table.basis-tabelle td.Mit-Linien-o-r {
    border-top: 1px solid #444;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-o-u, #v4 table.basis-tabelle td.Mit-Linien-o-u {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-r-u, #v4 table.basis-tabelle td.Mit-Linien-r-u {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #444;
    border-left: 1px solid #FFF;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-l-o-r, #v4 table.basis-tabelle td.Mit-Linien-l-o-r {
    border-top: 1px solid #444;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-l-r-u, #v4 table.basis-tabelle td.Mit-Linien-l-r-u {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-o-r-u, #v4 table.basis-tabelle td.Mit-Linien-o-r-u {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #FFF;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.Mit-Linien-l-o-u, #v4 table.basis-tabelle td.Mit-Linien-l-o-u {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.LinksOben, #v4 table.basis-tabelle td.LinksOben {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #444;
    border-left: 1px solid #FFF;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.MitteOben, #v4 table.basis-tabelle td.MitteOben {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.RechtsOben, #v4 table.basis-tabelle td.RechtsOben {
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.LinksMitte, #v4 table.basis-tabelle td.LinksMitte {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #FFF;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.MitteMitte, #v4 table.basis-tabelle td.MitteMitte {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.RechtsMitte, #v4 table.basis-tabelle td.RechtsMitte {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.LinksUnten, #v4 table.basis-tabelle td.LinksUnten {
    border-top: 1px solid #444;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.MitteUnten, #v4 table.basis-tabelle td.MitteUnten {
    border-top: 1px solid #444;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.RechtsUnten, #v4 table.basis-tabelle td.RechtsUnten {
    border-top: 1px solid #444;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #444;
    border-right: 1px solid #FFF;
    padding: 5px
}

#CS3 table.basis-tabelle td.LinksObenR, #v4 table.basis-tabelle td.LinksObenR {
    background: #d2d2d2;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #444;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.MitteObenR, #v4 table.basis-tabelle td.MitteObenR {
    background: #d2d2d2;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.RechtsObenR, #v4 table.basis-tabelle td.RechtsObenR {
    background: #d2d2d2;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #d2d2d2;
    padding: 5px
}

#CS3 table.basis-tabelle td.LinksMitteR, #v4 table.basis-tabelle td.LinksMitteR {
    background: #d2d2d2;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.MitteMitteR, #v4 table.basis-tabelle td.MitteMitteR {
    background: #d2d2d2;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.RechtsMitteR, #v4 table.basis-tabelle td.RechtsMitteR {
    background: #d2d2d2;
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    border-left: 1px solid #444;
    border-right: 1px solid #d2d2d2;
    padding: 5px
}

#CS3 table.basis-tabelle td.LinksUntenR, #v4 table.basis-tabelle td.LinksUntenR {
    background: #d2d2d2;
    border-top: 1px solid #444;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.MitteUntenR, #v4 table.basis-tabelle td.MitteUntenR {
    background: #d2d2d2;
    border-top: 1px solid #444;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #444;
    border-right: 1px solid #444;
    padding: 5px
}

#CS3 table.basis-tabelle td.RechtsUntenR, #v4 table.basis-tabelle td.RechtsUntenR {
    background: #d2d2d2;
    border-top: 1px solid #444;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #444;
    border-right: 1px solid #d2d2d2;
    padding: 5px
}

#CS3 table.basis-tabelle {
    background-color: #fff;
}

#CS3 .Aufz-mit-Zahl-in-Tab, #v4 .Aufz-mit-Zahl-in-Tab {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px;
}

#CS3 > .tabelle_scroll, #CS3 > ul li > .tabelle_scroll, #v4 > span > .tabelle_scroll, #v4 > span > ul li > .tabelle_scroll {
    overflow: auto;
}

.tabelle_scroll .basis-tabelle {
    margin-left: 1px;
}

.basis-tabelle ul li {
    font-size: 0.9em;
}

.basis-tabelle ul li ul li {
    font-size: 1em;
}

.nav, .nav ul,
.R-mit-Linien, .R-mit-Linie-l, .R-mit-Linie-o, .R-mit-Linie-u, .R-mit-Linie-r,
.R-mit-Linien-l-o, .R-mit-Linien-l-r, .R-mit-Linien-l-u, .R-mit-Linien-o-r, .R-mit-Linien-o-u, .R-mit-Linien-r-u,
.R-mit-Linien-l-o-r, .R-mit-Linien-l-r-u, .R-mit-Linien-o-r-u, .R-mit-Linien-l-o-u,
.myiww li ul li ul li:hover a, .nav, .menu_wrapper, .menuitem_teaser, .rubriken_teaser ul li, .kasten_1 div, .kasten_2 div, .tabelle_2 table, .important_functions,
.KastenPurZelle, .marketing_2spaltig, .marketing_1spaltig, .menu_wrapper, .button2:hover, .button:hover, .suchteaser:hover, .newstop, .bestellformular, .ausgaben {
    background: #fff;
}

.barrier {
    padding-top: 50px; /*padding-top: 110px; position: absolute; bottom: 0;*/
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+34&0+0,1+50 */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1f1f1+0,f1f1f1+66&0+0,0.5+23,1+48 */
    /* background: -moz-linear-gradient(top,  rgba(241,241,241,0) 0%, rgba(241,241,241,0.5) 23%, rgba(241,241,241,1) 48%, rgba(241,241,241,1) 66%); /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,241,241,0)), color-stop(23%,rgba(241,241,241,0.5)), color-stop(48%,rgba(241,241,241,1)), color-stop(66%,rgba(241,241,241,1))); /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top,  rgba(241,241,241,0) 0%,rgba(241,241,241,0.5) 23%,rgba(241,241,241,1) 48%,rgba(241,241,241,1) 66%); /* Chrome10+,Safari5.1+ */
    /* background: -o-linear-gradient(top,  rgba(241,241,241,0) 0%,rgba(241,241,241,0.5) 23%,rgba(241,241,241,1) 48%,rgba(241,241,241,1) 66%); /* Opera 11.10+ */
    /* background: -ms-linear-gradient(top,  rgba(241,241,241,0) 0%,rgba(241,241,241,0.5) 23%,rgba(241,241,241,1) 48%,rgba(241,241,241,1) 66%); /* IE10+ */
    /* background: linear-gradient(to bottom,  rgba(241,241,241,0) 0%,rgba(241,241,241,0.5) 23%,rgba(241,241,241,1) 48%,rgba(241,241,241,1) 66%); /* W3C */
    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1f1f1', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
}

.barrier_content {
    margin: 0 auto;
    text-align: center;
    width: 80%;
    overflow: hidden;
}

.barrier_content .button_grey, .barrier_content .button_blue {
    width: 40%;
}

.barrier_content .button_grey {
    float: left;
    clear: both;
}

.barrier_content .button_blue {
    float: right;
    margin-top: 0;
}

.barrier_content.logged_in .button_blue {
    display: block;
    float: none;
    margin: 0 auto;
}

#download .button_blue {
    float: left;
    clear: both;
    width: 85%;
}

#download .button_blue span {
    padding-left: 10px;
    position: relative;
    top: -7px;
}

.login-container {
    top: -250px;
    margin-bottom: -250px;
    position: relative;
}

.gradient--white-transparent {
    height: 250px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #f1f1f1 100%);
}

.login-container__wrapper {
    padding: 20px;
    background-color: #fff;
}

.login-container--without-gradient {
    padding-top: 50px;
    position: relative;
}

.login-container__greybox {
    background-color: #f1f1f1;
    padding: 10px;
    box-sizing: border-box;
}

.login-container__price-wrapper {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.login-container__btn-login {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.full-width {
    width: 100%;
}

.marginbottom--base {
    margin-bottom: 1em !important;
}

.text--grey-dark {
    color: #444 !important;
}

.text--medium {
    font-size: 1em;
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

.text--small {
    font-family: 'DINWeb', sans-serif;
    font-weight: 100;
    font-size: 0.85em;
    line-height: 1.5em;
    color: #444;
}

.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.text--font-w-medium {
    font-family: 'DINWeb-Medium', sans-serif;
    font-weight: 100;
}

.text--primary-color {
    color: #00305e !important;
}

.text-center {
    text-align: center !important;
}

.margintop--base {
    margin-top: 1em !important;
}

.margintop--mini {
    margin-top: 0.5em !important;
}

.inline-block {
    display: inline-block;
}

.col-6 {
    width: 49%;
}

.relative {
    position: relative;
}

.button_comments_wrapper {
    margin-top: 30px;
}

.button_comments_wrapper .button_grey {
    display: block;
    margin: auto;
    width: 50%;
}

/* Detailansicht - Marker */
.marker_highlight {
    background-color: #ffff00;
}

/* Artikeldetailansicht - Mit Ads */
.article_ads .wrapper_header, .article_ads .wrapper_sub_header, .article_ads #wrapper_product_header, .article_ads #wrapper_content, .article_ads #wrapper_footer_blue, .article_ads #wrapper_footer_grey {
    width: 1200px;
    margin: 0 auto;
}

.article_ads .header, .article_ads #content.article, .article_ads #product_header_top, .article_ads #product_header_bottom, .article_ads #content.article, .article_ads #footer_blue, .article_ads #footer_grey {
    width: auto;
}

.article_ads .header, .article_ads #content.article, .article_ads #wrapper_product_header_top, .article_ads #wrapper_product_header_bottom, .article_ads #content.article, .article_ads #footer_blue, .article_ads #footer_grey {
    padding-left: 20px;
    padding-right: 20px;
}

.article_ads .wrapper_sub_header {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

/* Listing und Artikeldetailansicht - Mit Ads */
.article_ads .wrapper_sub_header {
    padding: 0 20px;
    width: 1160px;
}

.listing_ads #content {
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
}

.article_ads #my {
    width: auto;
}

/* Audio-Player */
.audio_player {
    text-align: center;
}

.audio_player .play, .audio_player .pause {
    margin: 0 10px;
}

.audio_player .backward, .audio_player .forward {
    position: relative;
    top: -7.5px;
}

.audio_player .subtitle {
    text-align: center;
    margin-top: 10px;
}

.playlist_box {
    background-color: #fff;
    box-sizing: border-box;
    width: 49%;
    margin-bottom: 4%;
}

.playlist_player {
    padding: 15px 30px 0;
}

.playlist_download {
    padding: 27px 30px;
}

.button_download {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.button_download_inactive, .button_download_inactive:hover {
    background: #ccc;
    cursor: default;
}

.wrapper_time_bar {
    margin: 0 -30px;
}

#audio_progress {
    display: block;
    line-height: 0em;
}

.time_start {
    float: right;
    position: relative;
    right: 15px;
}

.time_end {
    float: left;
    position: relative;
    left: 15px;
}

progress, progress[role] {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: none;
    background-size: auto;
    width: 100%;
    height: 5px;
}

progress[role]:after {
    background-image: none;
}

progress[role] strong {
    display: none;
}

progress, progress[role][aria-valuenow] {
    background: #ccc !important;
}

progress::-webkit-progress-bar {
    background: #ccc;
}

progress {
    color: #00305e;
}

progress::-moz-progress-bar {
    background: #00305e;
}

progress::-webkit-progress-value {
    background: #00305e;
}

progress[aria-valuenow]:before {
    background: #00305e;
}

.button_download span {
    padding-left: 10px;
    position: relative;
    top: -7px;
}

.track_teaser {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: default;
    border: 0;
    padding-top: 0;
    margin-bottom: 2%;
}

.audio {
    width: 3%;
}

.track_title {
    width: 95.5%;
}

.track_title_inactive {
    color: #a1a1a1;
}

.link_audio_inactive {
    cursor: default;
}

.audio img {
    width: 100%;
}

/* Newsletter Anmeldeprozess */
.newsletter-subscription-box {
    padding-top: 2%;
    margin-top: 5%;
    border-top: 1px solid #a1a1a1;
}

.newsletter-subscription-box__text-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newsletter-subscription-box__left {
    margin-right: 3em;
    flex: 2;
}

.newsletter-subscription-box__right {
    flex: 3;
}

.newsletter-subscription-box__paragraph {
    margin-bottom: 0.5em;
}

.newsletter-subscription-box__list {
    list-style: none;
    padding: 0;
}

.newsletter-subscription-box__list-item {
    margin: 0;
    padding: 5px 0 5px 35px;
    list-style: none;
    background-image: url(/img/order_check_mark.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 25px;
}

.newsletter-subscription-box__form-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newsletter-subscription-box__right .newsletter-subscription-box__email-and-hint {
    flex: 1;
    margin-right: 0.5em;
}

.checkbox_with_text--newsletter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.checkbox_with_text .newsletter-subscription-box__checkbox {
    margin-top: 3px;
}

.newsletter-subscription-box__hint {
    font-size: 0.8em;
    line-height: 1.35em;
    flex: 1;
}

.loader--newsletter-subscription-box {
    top: 7px;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
}

#content .newsletter-subscription-box__textfield {
    width: 100%;
    box-sizing: border-box;
    height: 42px;
}

form .errors--newsletter-subscription-box {
    margin: 0;
    width: 100%;
}

.button_green--newsletter {
    height: 42px;
}

.success--newsletter-subscription-box {
    border: 2px solid #8bb73c;
    padding: 10px;
    box-sizing: border-box;
    flex: 2;
    text-align: center;
    display: flex;
    align-items: center;
}

.success--newsletter-subscription-box p {
    margin-bottom: 0;
}

.teaser_box.newsletter .newsletter-subscription-box__paragraph, .teaser_box.newsletter .newsletter-subscription-box__list-item {
    font-size: 0.9em;
}

.teaser_box.newsletter .newsletter-subscription-box__list-item {
    padding-left: 25px;
    background-size: 20px;
    background-position-y: 5px;
}

.teaser_box.newsletter .newsletter-subscription-box__left {
    flex: none;
    margin-right: 0;
}

.teaser_box.newsletter .checkbox_with_text input {
    float: none;
}

.teaser_box.newsletter .checkbox_with_text--newsletter {
    margin: 10px 0 20px;
}

/* Seminare */
.event, .speaker_partial {
    box-sizing: border-box;
    position: relative;
    padding-bottom: 2%;
    margin-bottom: 5%;
    border-bottom: 1px solid #ccc;
}

.event {
    min-height: 210px;
}

.wrapper_speaker_img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 24%;
    max-height: 195px;
    border-bottom: 10px solid;
    overflow: hidden;
}

.speaker_img {
    display: block;
    max-width: 100%;
    margin: auto;
}

.event_description {
    float: left;
    margin-right: 3%;
    width: 50%;
}

.event .further_info {
    float: left;
    width: 20%;
}

.event .points {
    position: relative;
    padding: 5px 5px 2px;
    margin-bottom: 20px;
    background-color: #00305e;
}

.event .points span {
    width: 75%;
    display: block;
    color: #fff;
    line-height: 1.35em;
    font-size: 0.8em;
}

div.event {
    cursor: pointer
}

.event.congress {
    padding: 30px;
    border: none;
    position: relative;
    background-color: #fff;
}

.congress .event_description {
    width: 60%;
    margin-right: 0;
}

.congress_img {
    width: 37%;
    float: left;
    margin-right: 3%;
    border-bottom: 10px solid;
}

.event.congress .points {
    position: absolute;
    width: 20%;
    top: -19px;
    right: 30px;
    box-sizing: border-box;
}

.stoerer_detail {
    position: relative;
    box-sizing: border-box;
    width: 27%;
    padding: 10px 10px 6px;
}

.stoerer_detail .icon_certificate, .points .icon_certificate {
    width: 25px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.stoerer_detail .dialogue_corner, .points .dialogue_corner {
    position: absolute;
    left: 30px;
    bottom: -9px;
}

/* Shop Teaser Shopify */
.shopify-buy-frame {
    margin: 2em 0;
}

.shopify-buy__product:after {
    content: '';
    display: block;
    clear: both;
}

.shopify-buy__product-img-wrapper {
    float: left;
    width: 30%;
}

@media only screen and (max-width: 654px) {
    .shopify-buy__product-img-wrapper {
        float: none;
        width: 100%;
    }
}

.shopify-buy__product__title, .shopify-buy__btn-wrapper, .shopify-buy__product-description {
    margin-left: calc(30% + 25px);
}

@media only screen and (max-width: 654px) {
    .shopify-buy__product__title, .shopify-buy__btn-wrapper, .shopify-buy__product-description {
        margin-left: 0;
    }

    .shopify-buy__product__title {
        margin-top: 1em;
        text-align: center;
    }
}

.shopify-buy__product__variant-img {
    width: 100%;
}

@media only screen and (max-width: 654px) {
    .shopify-buy__product__variant-img {
        width: auto;
        max-width: 300px;
        margin: auto;
        display: block;
    }
}

.carousel-button {
    display: none;
}

.shopify-buy__product__title {
    font-size: 1.5em;
    font-family: 'DINWeb-Medium', sans-serif;
    hyphens: auto;
}

.shopify-buy__product__price {
    display: none;
}

.shopify-buy__btn {
    text-align: center;
    padding: 12px 25px 8px;
    border-radius: 3px;
    text-decoration: none;
    border: 0;
    font-family: 'DINWeb-Medium', Arial, sans-serif;
    font-weight: 100;
    font-size: 1rem;
    color: #fff;
    margin-bottom: 1.5em;
    background-image: url(/img/button_bg_grey.png);
    background: -webkit-linear-gradient(#a8c96c, #8bb73c);
    background: -o-linear-gradient(#a8c96c, #8bb73c);
    background: -moz-linear-gradient(#a8c96c, #8bb73c);
    background: linear-gradient(#a8c96c, #8bb73c);
}

@media only screen and (max-width: 654px) {
    .shopify-buy__btn {
        width: 100%;
    }
}

.shopify-buy__btn:hover {
    background: -webkit-linear-gradient(#8bb73c, #a8c96c);
    background: -o-linear-gradient(#8bb73c, #a8c96c);
    background: -moz-linear-gradient(#8bb73c, #a8c96c);
    background: linear-gradient(#8bb73c, #a8c96c);
}

.shopify-buy__product-description {
    font-size: 1rem;
    line-height: 1.35em;
}

/* Footer */
#footer_blue .iww-dialog-corner--white {
    display: none;
}

#footer_blue .iww-dialog-corner--grey {
    display: block;
}

.count {
    position: absolute;
    top: 4px;
    font-size: 14px;
    color: #fff;
    width: 25px;
    text-align: center;
}

figure.wrapper_opener_img.closed {
    width: 48%;
    float: left;
    margin-right: 1em;
}

figcaption.caption {
    font-family: 'DINWeb-Italic';
    font-style: normal;
    font-weight: 100;
    line-height: 1.35em;
    margin-top: 0.5em;
    font-size: 0.85em;
    margin-bottom: 1em;
    color: #444;
    text-align: right;
}

figure > figcaption.caption {
    margin-top: 0;
    margin-bottom: 0;
}

@media only screen and (max-width: 1200px) {

    .feedback-rotated {
        display: none;
    }

    .article_ads .wrapper_header, .article_ads .wrapper_sub_header, .article_ads #wrapper_product_header, .article_ads #wrapper_content, .article_ads #wrapper_footer_blue, .article_ads #wrapper_footer_grey {
        width: 100%;
        box-sizing: border-box;
    }

    .article_ads .header, .article_ads #content.article, .article_ads #product_header_top, .article_ads #product_header_bottom, .article_ads #content.article, .article_ads #footer_blue, .article_ads #footer_grey {
        width: 94%;
    }

    .article_ads .header, .article_ads #content.article, .article_ads #wrapper_product_header_top, .article_ads #wrapper_product_header_bottom, .article_ads #content.article, .article_ads #footer_blue, .article_ads #footer_grey {
        padding-left: 0;
        padding-right: 0;
    }

    .article_ads .wrapper_sub_header {
        box-shadow: initial;
        -moz-box-shadow: initial;
        -webkit-box-shadow: initial;
    }

    .article .main_content {
        margin-bottom: 5%;
    }

    #product_header_top, #product_header_bottom {
        width: 95%;
    }

    #product_header_bottom {
        padding: 0 1.5%;
    }

    .articleimage_zoom {
        opacity: 0.85;
    }

    .article_teaser.row2:first-child, .article_teaser.row1l:first-child {
        margin-top: 10px;
    }

    .article_teaser.row1l {
        clear: both;
    }

    #menu_issues span {
        margin-top: 10px;
    }

    #issues li a {
        margin: 10px 15px;
    }

    .teaser {
        width: 102%;
        margin: 0;
    }

    .teaser div:first-child {
        margin-right: 2%;
    }

    .teaser .teaser_box, .teaser .slider, .teaser_iww-seminare {
        width: 38%;
        padding: 5%;
        float: left;
        margin-right: 2%;
    }

    .teaser_box.iww_numbers_small {
        padding: 0;
        width: 48%;
    }

    .teaser_box.related img {
        padding-top: 0;
    }

    .teaser_box.row1r {
        width: 38%;
        float: right;
        margin-bottom: 5%;
        padding: 5%;
    }

    .teaser_box.jour_fixe {
        margin-top: 0;
    }

    .teaser_box.jour_fixe .quote {
        width: 65%;
    }

    .teaser_box.jour_fixe .img_speaker {
        max-width: 33%;
    }

    .teaser_box.jour_fixe .points {
        top: 15px;
        right: 15px;
        margin: 0;
        padding: 8px 8px 5px;
    }

    .points .icon_certificate {
        top: 8px;
        right: 8px;
    }

    .newsletter-subscription-box {
        margin-top: 0;
    }

}

@media only screen and (max-width: 900px) {

    #search_product #searchfield_product {
        width: 85px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .audio {
        width: 4%;
    }

    .track_title {
        width: 94.5%;
    }

    .newsletter-subscription-box__left, .newsletter-subscription-box__right {
        flex: 1;
    }

    .newsletter-subscription-box__left {
        margin-right: 1.5em;
    }

    .newsletter-subscription-box__email-and-hint {
        margin-right: 0;
    }

    #content .newsletter-subscription-box__textfield, form .errors--newsletter-subscription-box {
        margin-bottom: 0.5em;
    }

    .button_green--newsletter {
        width: 100%;
    }

    .newsletter-subscription-box__hint {
        font-size: 0.9em;
    }

    .loader--newsletter-subscription-box {
        left: 0;
        right: 0;
        margin: auto;
    }

    .success--newsletter-subscription-box {
        flex: 1;
    }

    .nl-order-arrow {
        width: 40px;
    }

}

@media only screen and (max-width: 700px) {

    .barrier_content {
        width: 100%;
    }

    .playlist_box {
        width: 100%;
        float: none;
    }

}

@media only screen and (max-width: 650px) {

    .Bildzeile {
        font-size: 0.9em;
    }

    #product_header_top {
        width: 94%;
    }

    #wrapper_product_header #main_menu_product {
        height: 52px;
        float: right;
    }

    #main_menu_product li {
        max-height: 53px;
    }

    #product_title {
        padding-top: 16px;
        text-align: center;
        float: left;
    }

    #product_title a {
        font-size: 1.5em;
    }

    #product_header_bottom {
        width: 94%;
        padding: 3% 0;
    }

    #wrapper_product_header #main_menu_product .phone a {
        padding-right: 0;
    }

    #wrapper_product_header #main_menu_product #menu-sc_downloads,
    #wrapper_product_header #main_menu_product #menu-sc_events,
    #wrapper_product_header #main_menu_product #menu-sc_subscription {
        display: none;
    }

    .article_teaser.row1l, .article_teaser.row1r {
        float: none;
        width: 100%;
    }

    .article_teaser .stoerer {
        position: static;
        margin-top: -2%;
        float: right;
    }

    .article_teaser .stoerer img {
        display: none;
    }

    .article_teaser h2, .article_teaser.row1l h2, .article_teaser.row1r h2 {
        font-size: 1.411em;
    }

    .paging.paging_article_listing a {
        font-size: 0.75em;
    }

    .paging.paging_article_listing .left span, .paging.paging_article_listing .right span {
        float: none;
        position: relative;
        top: -12px;
    }

    .barrier {
        padding-top: 30px;
    }

    .barrier_content, .barrier_content .button_grey, .barrier_content .button_blue, .button_comments_wrapper .button_grey {
        width: 100%;
    }

    .barrier_content .button_grey, .barrier_content .button_blue, .button_comments_wrapper .button_grey {
        float: none;
        display: block;
        padding-left: 0;
        padding-right: 0;
    }

    .barrier_content .button_grey {
        margin-bottom: 10px;
    }

    .articleimage {
        width: 100%;
    }

    .articleimage_zoom {
        left: 45%;
    }

    .Ueberschrift-klein .gross {
        background-position-y: 4px;
    }

    .Ueberschrift-klein .gross li {
        margin-left: 4.5%;
    }

    .KastenPurZelle .Grundtext-Kasten, .Kasteninhalt {
        padding: 4.5%;
    }

    .teaser {
        padding-top: 0;
        border-top: 0;
    }

    .teaser, .teaser .teaser_box.iww_numbers_small {
        width: 100%;
    }

    .teaser .teaser_box, .teaser .slider, .teaser_iww-seminare {
        width: 90%;
        margin-right: 0 !important;
        float: none;
    }

    .teaser_box.jour_fixe .points {
        top: -10px;
    }

    .teaser_box.jour_fixe h2 {
        margin-top: 25px;
    }

    h2.other_services_header {
        font-size: 1.388em;
    }

    #main_menu_product .active #menu-sc_search {
        background-color: transparent;
    }

    .playlist_download {
        padding: 20px;
    }

    .audio {
        width: 6%;
    }

    .track_title {
        width: 91.5%;
    }

    figure.wrapper_opener_img.closed {
        width: 100%;
        float: none;
        margin-right: 0;
    }

    .newsletter-subscription-box {
        padding-top: 5%;
        margin-top: 5%;
    }

    .newsletter-subscription-box__left {
        flex: none;
        width: 100%;
        margin-right: 0;
    }

    .newsletter-subscription-box__right {
        flex: none;
        width: 100%;
    }

    .success--newsletter-subscription-box {
        flex: none;
        width: 100%;
    }

    /* Seminare */
    .event_description, .event .further_info {
        float: right;
        width: 70%;
    }

    .event_description {
        margin-right: 0;
    }

    .event .further_info {
        margin-top: 20px;
    }

    .wrapper_speaker_img {
        width: 25%;
        left: 0;
        bottom: 0;
        right: auto;
    }

    .event {
        min-height: 170px;
        padding-bottom: 5%;
    }

    .event {
        min-height: 170px;
        padding-bottom: 5%;
    }

    .event .points {
        position: absolute;
        top: -35px;
        right: 0;
        width: 130px;
        padding: 6px;
    }

    .event.congress {
        min-height: auto;
        padding: 15px;
        margin-top: 35px;
    }

    .congress_img {
        max-width: 25%;
    }

    .congress .event_description {
        width: 70%;
        float: left;
    }

    .event.congress .points {
        padding: 8px 8px 5px;
        float: right;
        top: -25px;
        right: 10px;
        width: 130px;
    }

    .event.congress .points span {
        float: left;
    }

    .event.congress .points .icon_certificate {
        float: right;
        position: static;
        width: 19%;
    }

    .event.congress .points:after {
        content: '';
        clear: both;
        display: block;
    }

    .phone-col-12 {
        width: 100%;
    }

    .phone-marginbottom--base {
        margin-bottom: 1em !important;
    }

    .login-container__btn-login {
        position: static;
    }
}

@media only screen and (max-width: 400px) {

    .audio {
        width: 9%;
    }

    .track_title {
        width: 88.5%;
    }

}