body {
    background-color: #eee;
}

.container-header {
    background-color: white;
    background-image: none;
    box-shadow: none;
}

.container-header .container-nav {
    padding-bottom: 0px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#container_rl {
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.com-content-article {
    padding-left: 10px;
}

.container-component > * + *,
.container-sidebar-left > * + *,
.container-sidebar-right > * + * {
    margin-top: 0px !important;
}

.container-top-a > *,
.container-top-b > *,
.container-bottom-a > *,
.container-bottom-b > * {
    margin-top: 0px;
    margin-bottom: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    text-transform: uppercase;
}

h1 {
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 1rem;
}

h2 {
    font-size: 24px;
    margin-bottom: 1rem;
}

.category-desc h2 {
    margin-top: 0;
}

h3 {
    font-size: 24px;
    color: #4d4d4d;
    font-weight: bold;
    margin-bottom: 2rem;
}

h4 {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 1.5rem;
    margin-top: 12px;
}

h5 {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

h6 {
    font-size: 1rem;
    font-weight: bold;
}

h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
    margin: 0;
}

p {
    font-size: 16px;
    line-height: 1.5;
    color: #4D4D4D;

}

p > img {
    margin-top: 10px !important;
}

/*.com-content-article__body p.bild, .item-pagestart p {
    margin-left: 0;
    margin-right: 0;
}

.com-content-article__body p {
        margin-left: 140px;
    margin-right: 140px;
    
}*/


.left {
    float: left !important;
}

.right {
    float: right !important;
}

p .right {
    margin: 1.5rem 0 1.5rem 1.5rem;
    padding: 0;
}

a:focus,
a:hover {
    color: #793688;
}

a {
    text-decoration: none !important;
    color: #08c !important;
}

blockquote {
    color: #666;
    font-style: italic;
    margin: 1.5rem;
}

strong,
dfn {
    font-weight: bold;
}

rem,
dfn {
    font-style: italic;
}

sup,
sub {
    line-height: 0;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
}

address {
    font-style: italic;
    margin: 0 0 1.5rem;
}

del {
    color: #666;
}

pre {
    margin: 1.5rem 0;
    white-space: pre;
}

pre,
code,
tt {
    font: 1rem/1.5 "andale mono", "lucida console", monospace;
}

li ul,
li ol {
    margin: 0;
}

ul,
ol {
    margin: 0 0 1.5rem 0;
    padding-left: 1.5rem;
}

ul {
    list-style-type: disc;
}

ol {
    list-style-type: decimal;
}

dl {
    margin: 0 0 1.5rem;
}

dl dt {
    font-weight: bold;
}

dd {
    margin-left: 0px;
    color: black;
}

table {
    margin-bottom: 1.4rem;
    width: 100%;
}

th {
    font-weight: bold;
}

thead th {
    background: none repeat scroll 0 0 #c3d9ff;
}

th,
td,
caption {
    padding: 4px 10px 4px 5px;
}

tbody tr:nth-child(2n) td,
tbody tr.even td {
    /*background: none repeat scroll 0 0 #e5ecf9;*/
}

tfoot {
    font-style: italic;
}

caption {
    background: none repeat scroll 0 0 #eee;
}

.small {
    font-size: 0.8rem;
    line-height: 1.875rem;
    margin-bottom: 1.875rem;
}

.large {
    font-size: 1.2rem;
    line-height: 2.5rem;
    margin-bottom: 1.25rem;
}

.hide {
    display: none;
}

.quiet {
    color: #666;
}

.loud {
    color: #000;
}

.highlight {
    background: none repeat scroll 0 0 #ff0;
}

.added {
    background: none repeat scroll 0 0 #060;
    color: #fff;
}

.removed {
    background: none repeat scroll 0 0 #900;
    color: #fff;
}

.first {
    margin-left: 0;
    padding-left: 0;
}

.last {
    margin-right: 0;
    padding-right: 0;
}

.top {
    margin-top: 0;
    padding-top: 0;
}

.bottom {
    margin-bottom: 0;
    padding-bottom: 0;
}



div.blog-featured img {
    border: 0 none !important;
}

.pull-right.itrem-image {
    margin: 0 0 18px 20px;
}

.pull-left.itrem-image {
    margin: 0 20px 18px 0;
}

ul.menu {
    margin-bottom: 0;
}

.modulleiste img {
    margin-right: 15px;
    float: left;
}

#rechts div.moduletable {
    background-color: white;
    padding-bottom: 5px;
}

#rechts div.moduletable img {
    float: left;
    margin-right: 10px;
}

/*banner und blog startseite*/

.startblog {
    /*margin-bottom: 10px;*/
}

.flash01,
.flash02 {
    display: flex;

}

.respectbox01 {
    display: flex;
    align-items: center;
}

.respectbox.box01 {
    padding: 10px;
    color: #E30E6F !important;
    font-size: 20px;
    font-style: italic;
}

.respectbox.box01 p {
    font-weight: bold;
    color: #E30E6F !important;
}


.container-component {
    margin-top: 10px;
}

.banner .custom img {
    vertical-align: bottom;
    width: 920px;

}

.blogitem_startseite {
    box-sizing: border-box;
    border: 1px solid #E6E6E6;
    margin-right: 10px;
    padding: 0 10px 25px 10px;
    flex: auto;
}

.blogitem_startseite:last-child {
    margin-right: 0px;
}

.blogitem_startseite > .category_title,
.items-more .category_title, .kachelkopf {
    color: #E30E6F;
    margin-top: 30px;
    margin-bottom: 10px;

}

.blogitem_startseite.meinungen {
    border: 0;
}

.blogitem_startseite.meinungen > .category_title {
    display: none;
}


.blogitem_startseite.meinungen > h4,
.blogitem_startseite.meinungen > p,
.blogitem_startseite.meinungen a {
    text-align: left;
}

.blogitem_startseite.meinungen > p {
    font-style: italic;
    font-size: 14px;
}

.blogitem_startseite > figcaption {
    margin-bottom: 10px;
}

.blogitem_startseite a.readmore {
    margin-bottom: 25px;
}


.blog_links_unten {
    box-sizing: border-box;
    background-color: #E6E6E6;
    margin-right: 10px;
    padding: 0 25px 25px 25px;
}

.blog_links_unten:last-child {
    margin-right: 0px;
}

.trennerlinie {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    /*background-image: url("../images/trennerlinie.png");*/
    background: url("../images/trennerlinie.svg");
    margin-bottom: 25px;
}

.trennerlinie img {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    margin-right: 25px;
}

.willkommen {
    text-align: right;
    margin-top: 10px;
}

.blogitem_startseite.blog {
    background-color: #E6E6E6;
}

div.blogitem_startseite img {
    max-width: 125px;
    margin-top: 20px;
}


.respectbox01 img {
    margin: 10px !important;
}

.respectbox {
    text-align: left;
}


/*kategorienblog*/

.klammer .item img {
  margin-top: 50px;
}

div.blog div.img_caption img.caption,
.blog_links_unten img,
.item-image img,
.item img {
    width: 125px;
    margin-top: 100px;
    margin-bottom: 50px;
}

.item-page img {
    margin-top: 50px;
    margin-bottom: 50px;
}

div.blog div.img_caption p.img_caption {
    display: none;
}

div.blog,
.item-page {
    text-align: center;
}

p.readmore {
    margin-top: 25px;
}

figcaption {
    font-size: 16px;
}

.banner.startseite {
    padding-left: 0px !important;
}

.banner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 10px;
    padding-left: 10px;

}

.banner.schmal {
    padding: 0px;
}

.blog_trenner {
    width: 100%;
    box-sizing: border-box;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.banner.final p {
    margin-bottom: 0px !important;
}

.kontakt {
    display: flex;
    justify-content: space-around;
    display: -ms-flexbox;
    -ms-flex-pack: distribute;
    margin-top: 20px;
    margin-bottom: 10px;
}



.blogstartseite .item-image {
    margin-bottom: 0px;
}

.teaser_unten .custom {
    background-color: #C89D64;
    padding: 12px;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.teaser_unten p {
    margin: 0;
    min-height: 95px;
}

.weitere > h4 {
    margin-top: 50px;
}

div.teaserbilder {
    margin-bottom: 2px;
}

.teaserbilder .custom {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-wrap: wrap;

}

.teaserbilder .custom img {
    vertical-align: bottom;
    margin-bottom: 10px;
}

.teaser_unten .custom img {
    vertical-align: bottom;
}

.category-desc,
.items-row {
    background-color: #fff;
    margin-top: 50px;
    padding: 12px;
    box-sizing: border-box;
}

.items-row,
.item-page {
    /*width: 672px;*/
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
}

footer {
    margin-top: 0px !important;
}

.footercontact {
    font-size: 14px;
}

/*logos*/

#logo {
    margin-top: 100px;
}

#logo,
#logo_unten {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    height: 72px;
    width: 232px;
}

#logo_unten {
    margin-top: 5px;
}


#logo.de-DE,
#logo_unten.de-DE {
    background: url("../images/logo_madameboss_de.svg");
    background-size: cover;
}

#logo.en-GB,
#logo_unten.en-GB {
    background: url("../images/logo_madameboss_en.svg");
    background-size: cover;
}


.startblog {
    display: flex;
    margin-bottom: 10px;
}



.footertext {
    margin-left: 25px;
}


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

#header {
    background-position: 50% 50%;
    background-size: contain;
}



.weiterlesen a {
    font-size: 14px;
    margin-top: 25px;
}

.banner.schmal {
    width: 620px;
}

/*newsletter-popup*/

#mergeRow-gdpr > div > fieldset > label > span {
    margin-left: 10px;
}

.mc-field-group {
    text-align: center;
    color: #4D4D4D;
}

#gdpr_2327 {
    margin-left: -20px;
    margin-top: 4px;
}

.newsletterbox {
    background-color: #F9D3DE;
    text-align: left;
    padding: 25px;
    height: 330px;
}

.newsletterbox {
    /*float: left;*/

}

.newsletterbox form {
    margin-bottom: 0px;
}

.newsletterbox h4,
.eb-content h4 {
    color: #E30E6F;
}

.newsletterbox input.input,
.eb-content input.input {
    width: 150px;
}

.newsletterbox label,
.eb-content label {
    display: inline;
}

.newsletterbox .checkbox,
.eb-content .checkbox {
    padding-left: 0px;
}

.newsletterbox input.button,
.eb-content input.button {
    /*margin-top: 25px;*/
}

.newsletterbox #mc_embed_signup,
.eb-content #mc_embed_signup {
    margin-top: 10px;
}

#mergeRow-gdpr {
    margin-left: 20px;
}

.control-group {
    display: flex;
    justify-content: center;
}

.form-vertical .control-label {
    margin-right: 10px;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
    padding-left: 5px;
    padding-right: 5px;
}

div.mod-languages > ul > li > a {
    color: #999 !important;
    font-weight: bold;

}

.iconspodcasts {
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
    justify-content: space-evenly;
    align-items: center;


}

.iconspodcasts img {
    height: 45px;
}

/*Referenzen*/

.referenzen {
    display: flex;
    background-color: #E6E6E6;
    box-sizing: border-box;
    padding-top: 20px;
    text-align: center;
}

.referenzen img {
    width: 150px;
    margin: 20px;
}

.referenzentext {
    margin-top: 90px;
    text-align: right;
    box-sizing: border-box;
    padding-right: 25px;
    margin-right: 10px;
}

.footer > .grid-chld {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #ccc;
    padding: 10px 10px 10px 25px;
}

.footer .footertext {
    font-style: italic;
    color: #222;
}

.footer img {
    margin-top: 0px;
}

.footer li {
    padding-top: 0px;
}


/*navi*/

.container-nav {
    margin-top: 25px;
    margin-bottom: 10px;
}

li.maximenuck span {
    color: black;
}

  div#mainmenu .maximenumobiletogglericonck:after {
    border: 0px !important;
  }

  div#mainmenu .maximenumobiletogglericonck {
    background: none !important;
        padding-top: 5px !important;
  }

div#mainmenu ul.maximenuck li.maximenuck.level1 > a,
div#mainmenu ul.maximenuck li.maximenuck.level1 > span.separator {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

div#mainmenu ul.maximenuck li.maximenuck.level2:hover {
    font-weight: bold;

}


ul.maximenuck li.maximenuck.level1:hover, div#mainmenu ul.maximenuck li.maximenuck.level1.active {
background: none !important;
}

ul.maximenuck li.maximenuck.level1:hover > a > span > span > span.titreck-title, div#mainmenu ul.maximenuck li.maximenuck.level1.active > a > span > span > span.titreck-title {
    font-weight: bold;
}

div#mainmenu ul.maximenuck li.maximenuck.level1.active > a > span > span > span {
    padding-bottom: 2px;
    border-bottom: 2px solid black;
    background: white !important;

}

div#mainmenu ul.maximenuck li.maximenuck ul.maximenuck2 li > a,
div#mainmenu ul.maximenuck2 li > a,
div#mainmenu ul.maximenuck2 li > span.separator {
    padding: 2px !important;
}

div#mainmenu ul.maximenuck li.level1.parent > a:after,
div#mainmenu ul.maximenuck li.level1.parent > span.separator:after {
    content: unset !important;
}

div#mainmenu div.maxidrop-main {
    width: 234px !important;
}

div#mainmenu div.floatck {
    padding-left: 13px !important;
    padding-right: 5px !important;
}

hr {
    margin: 50px 0;
    color: palevioletred;
    border: 3px;
    border-top: 3px solid;
    opacity: 1;
    size: 3px;
}

.klammer {
    display: flex;
    flex-direction: row;

}

.grau .item:first-child {
    margin-left: 0px !important;
}

.item:first-child {
    margin-left: 10px;
}

.grau .item {
  background-color: #E6E6E6 !important;
}

.item {
    box-sizing: border-box;
    background-color: #F9D3DE;
    margin-right: 10px;
    padding: 25px;
    text-align: center;
}

.footerbanner {
    margin-bottom: 10px;
}

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

    .hidedesktop {
        display: block;
    }

    .hidemobile {
        display: none;
    }

    .com-content-category-blog__navigation {
        display: none;
    }

    .schmal {
        display: none !important;
    }

    .startblog,
    .flash01,
    .flash02 {
        flex-direction: column !important;
    }

    .blog_links_unten:first-child {
        margin-left: 0;
    }

    #unten {
        padding: 0;
        display: block;
        text-align: center;

    }

    .footertext {
        margin-left: 0px !important;
    }


    .items-row,
    .item-page {
        width: 100% !important;
    }

    .blog_links_unten:first-child {
        margin-left: 0px;
    }

    .footer > .grid-chld {
        flex-direction: column;
    }

    .respectbox01 {
        flex-direction: column;
    }

    .klammer {
        flex-direction: column;
    }
}

@media screen and (min-width:701px) and (max-width:1000px) {


    #container_rl {
        width: 940px;
    }

    .hidemobile {
        display: none;
    }

    .com-content-category-blog__navigation {
        display: none;
    }

    .startblog,
    .flash01,
    .flash02 {
        flex-direction: column !important;
    }

    .mainmenu {
        justify-content: center;
    }


    #rahmen,
    #slideshow,
    #modulleiste {
        width: 100%;
    }

    div.moduletable.modulleiste {
        float: left;
        padding: 10px;
        width: 30%;
    }

    #links {
        width: 150px;
    }

    ul#u_menu_seite.nav.menu {
        padding-left: 5px;
    }

    .hidedesktop {
        display: none;
    }

    .blog_links_unten:first-child {
        margin-left: 10px;
    }

    .pagination {
        display: none;
    }

    .newsletterbox {
        width: 300px;
    }

    .footer > .grid-chld {
        flex-direction: column;
    }

    .respectbox01 {
        flex-direction: column;
    }

    .klammer {
        flex-direction: column;
    }


}

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

    #container_rl {
        width: 940px;
    }

    .hidedesktop {
        display: none;
    }


    .willkommen {
        box-sizing: border-box;
        text-align: right;
        padding-top: 100px;
        padding-left: 25px;
        padding-right: 15px;
    }

    .blog_links_unten:first-child {
        margin-left: 10px;
    }

    .blog_links_unten,
    .item {
        width: 300px;

    }

    #logo_unten {
        float: left;
    }

    .mainmenu {
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .blog-item {
        padding-left: 130px !important;
        padding-right: 130px !important;
    }

    .blogitem_startseite {
        width: 300px;
    }


    .blogitem_startseite,
    .blog_links_unten {
        /*min-height: 550px;*/
    }

    .blogitem_startseite.meinungen {
        margin-left: 10px;
    }

    .blogitem_startseite.meinungen h4 {
        margin-top: 125px;
    }

    div.com-content-category-blog__items.blog-items > div > figure > figcaption {
        display: none;
    }

    #unten {
        background-color: #ccc;
    }

    .pagination {
        /*display: none;*/
    }

    .footermenu ul {
        flex-direction: row !important;
        justify-content: flex-end;
    }

    .footermenu li {
        margin-right: 15px;
    }

    .footermenu li:last-child {
        margin-right: 0px;
    }

    .com-content-blog__links {
        align-items: flex-start;
        display: flex;
        padding-left: 0px !important;
        width: 940px;
    }

    .com-content-category-blog__navigation {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .com-content-category-blog__item {
        width: 940px;
    }

    .referenzentext {
        width: 300px;
    }

    .referenzen {
        width: 610px;
    }

    .newsletterbox {
        width: 300px;
    }

  .textfluss {
    width: 680px;
margin-left: auto;
margin-right: auto;
  }
}


}