@import url(//fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700);

body {
    font-family: 'Noto Sans', sans-serif;
}

dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
p,
span,
blockquote,
th,
td {
    font: .95rem/1.8 'Noto Sans', sans-serif;
    font-weight: 400;
    color: #222;
}

strong, b {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans', sans-serif;
    line-height: 1.3;
    color: #222;
}

ul {
    list-style: none;
}
th {
    /*font-weight: 700;*/
}

h1 {
    font-size: 1.8rem;
}

h2 {
    font-size: 1.2rem;
    margin: 2rem 0 .5rem 0;
    font-weight: 700;
}

h3 {
    font-size: 1.4rem;
    margin: 2rem 0 1rem 0;
}

a {
    color: #8b0000;
}

a:hover {
    color: #000;
    text-decoration: none;
}

article {
    margin-bottom: 1rem;
}

article a:hover {
    color: #8b0000;
    text-decoration: underline;
}

article a[href^="http://"]:after, article a[href^="https://"]:after {
    content: "\f08e";
    font-family: FontAwesome;
    font-size: .8em;
    margin: 0 3px 0 5px;
}

article a[href*="//www.new-media-law.net/"]:after, article a[href*="//nml/"]:after, article a[href*="//nml.qmedia.de/"]:after, article a[href*="//plus.google.com/"]:after, article a[href*="//www.facebook.com/"]:after, article a[href*="//twitter.com/"]:after, article .shariff a:after {
    content: '';
    margin: 0;
}

.callout {
    padding: 1rem .5rem ;
}
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

/* End of Global */

.wide {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: initial;
}

.intro-bar {
    border-bottom: 1px solid #ddd;
    color: #222;
    font-size: .9rem;
    line-height: 1.8rem;
    text-align: center;
}
.intro-bar .callout {
    padding: .1rem 0 0 0;
    margin: 0 0 .1rem 0;
    border: none;
}

.intro-bar .close-button {
    right: 0;
    top: 0;
    line-height: .9rem;
}

.widget_search {
    border: none !important;
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 1rem;
}

.widget_icl_lang_sel_widget {
    border: none !important;
}


/*@media only screen and (min-width: 40.063em) and (max-width: 64em) {*/
@media only screen and (min-width: 40.063em) {
    .border-rd {
        border-right: 1px solid #ddd;
    }

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*@media only screen and (min-width: 64.063em) { } !* min-width 1025px, large screens *!*/

header {
    min-height: 100px;
}

header .top-bar, header .top-bar ul {
    background-color: #fff;
    margin-top: .7rem;
}

header .menu > li > a {
    color: #0d4684;
    font-weight: 400;
}

.logo img {
    padding-top: 60px;
    width: 300px;
}

a.logo  {
    display: block;
}

@media only screen and (max-width: 40em) {
    .logo img {
        text-align: center;
    }
}

/* ******************************************************** */
/* HOMEPAGE start */
/* ******************************************************** */

.homepage h2 {
    margin: 1.2rem 0;
}

/* ******************************************************** */
/* start of hero */
/* ******************************************************** */


.hero-image-container {
    margin-bottom: 1.2rem;
}



/* ******************************************************** */
/* end of hero  */
/* ******************************************************** */

.homepage .accordion {
    border: 0;
}

.homepage .accordion-content {
    padding: 0;
}

.homepage .accordion-introline {
    font-size: .95rem;
    font-weight: 700;
    margin-bottom: .4rem;
}

.homepage .accordion-title {
    font-size: .9rem;
    font-weight: 700;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
    text-decoration: none;
}
.homepage .accordion-content p {
    font-size: .9rem;
    /*margin: 0 1rem;*/
    padding: 0 1rem;
}
.homepage .accordion-content p a {
    text-decoration: none;
    display: block;
}
.homepage .accordion-content p:hover {
    background-color: #efefef;
}

.homepage .accordion-item {
    /*background-color: #efefef;*/
    background-color: #fff;
}

.homepage  .accordion-title:hover, .accordion-title:focus {
    background-color: #efefef;
}

.is-active > .accordion-title::before {
    font-family: FontAwesome;
    content: '\f102';
    font-weight: 300;
    color: #8b0000;
}
.accordion-title::before {
    font-family: FontAwesome;
    font-weight: 300;
    content: '\f103';
    color: #8b0000;
}


.home-small-teaser {
    border-top: 2px solid #111;
    margin-bottom: 1rem;
}
.home-small-teaser a {
    color: #8b0000;
    text-decoration: none;
    display: block;
}
.home-small-teaser a:hover {
    color: #8b0000;
    text-decoration: none;
}
.home-small-teaser-head {
    font-size: .85em;
    font-weight: 700;
    margin: 5px 0;
}
.home-small-teaser-body {
    font-size: .85em;
    margin-bottom: 5px;
}
.home-small-teaser-body a {
    color: #444;
}
.home-small-teaser-link {
    font-size: .85em;
    font-weight: 700;
    margin-bottom: 1rem !important;
}

/* ******************************************************** */
/* HOMEPAGE end */
/* ******************************************************** */


/* ******************************************************** */
/* start of Content */
/* ******************************************************** */

.excerpt {
    margin-bottom: 1.4rem;
}
.excerpt strong {
    font-weight: 700;
}

.post-header {
    margin-bottom: 1.2rem;
}

.post-teaser-image, .recent-post-image, .attachment-sidebar-thumb, .attachment-post-teaser, .ubermenu-image, .ubermenu-image-size-sidebar-thumb, .wp-post-image {
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
    /*filter: url(desaturate.svg#greyscale);*/
}

.post-teaser-image {
    box-sizing: border-box;
}
.post-teaser-image img {
    display: block;
}

.post-teaser-headline {
}
.post-teaser-headline h2 {
    font-size: 1.4rem;
    margin-top: .6rem;
    margin-bottom: 1.4rem;
}

.breadcrumbs {
    margin-top: 5px;
}
.breadcrumbs a {
    color: #000000;
    text-decoration: none;
}
.breadcrumbs li {
    color: #d80021;
}
.breadcrumbs li h1 {
    margin: 0;
    font-size: 11px;
    line-height: 11px;
    display: inline;
    font-weight: 700;
}

.boilerplate {
    /*border-top: 1px solid #ddd;*/
    /*border-bottom: 1px solid #ddd;*/
}

.boilerplate .article-meta {
    color: #999 !important;
    /*border: 1px solid #ddd;*/
    padding: 10px 10px 0 10px;
    font: .95rem/1.8 'Noto Sans', sans-serif;
}

/* ******************************************************** */
/* end of Content */
/* ******************************************************** */


/* ******************************************************** */
/* start of News Overview Page */
/* ******************************************************** */

.news-overview {

}
.news-overview .post-teaser-headline .main-headline a {
    color: #fff;
    font-size: 1.3rem;
}

.news-overview-small-title a {
    font-weight: 700;
    font-size: .9rem;
    color: #222;
}
.news-overview-small-title a {
    text-decoration: none;
}

.news-overview-small-teaser {
    position: relative;
    /*width: 100%; !* for IE 6 *!*/
}

.news-overview-small-teaser-category {
    font-size: .8rem;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    display: inline;
    padding: 0.3rem;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    position: absolute;
}

.news-overview-small-teaser-category i {
    font-size: .5rem;
    margin: 0 .4rem 0 .2rem;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}


.news-overview-hero-teaser {}
.news-overview-hero-teaser-headline {
    /*position: absolute;*/
    /*bottom: 0;*/
    /*background: rgba(0,0,0,0.6);*/
    /*width: 100%;*/
    /*padding: .5em;*/
    /*opacity: 1;*/
    /*max-width: 720px;*/
}
.news-overview-hero-teaser-headline a {
    text-decoration: none;
    /*font-weight: 700;*/
    color: #222;
    font-size: 1.4rem;
    margin-top: .4rem;

}
/* ******************************************************** */
/* end of News Overview Page */
/* ******************************************************** */




/* */
footer {
    background-color: #f5f5f5;
    padding-top: 10px;
    margin-top: 1rem;
}

footer .widget-title {
    font-size: .95rem;
    color: #222;
    font-weight: 700;
    margin-bottom: .5rem;
    padding-bottom: .5rem;
    border-bottom: 1px solid #aaa;
}
footer .textwidget a {
    text-decoration: none;
    font-size: .9rem;
    color: #333;
}
footer ul {
    list-style-type: none;
    margin-left: 0;
}
footer input[type="submit"].callback {
    background-color: #8b0000;
}
footer input[type="submit"]:hover {
    background-color: #a91e1e;
}
footer input[type="text"] {
    font-size: .85rem;
    height: 2.1rem;
    padding: 0.3rem;
}
.widget-row {
    border-bottom: 1px solid #aaa;
}

.copyright {
    font-size: .9rem;
    /*padding-top: .5rem;*/
    line-height: 2.6;
    color: #000;
}
.footer-links {
    text-align: right;
}
.footer-links a {
    text-decoration: none;
    font-size: .9rem;
}

.footer-links ul li {
    display: inline;
    margin-left: 1rem;
}

footer span.wpcf7-not-valid-tip {
    margin-top: -1.2rem;
    margin-bottom: 0.7rem;
}


/* */












.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


/* ******************************************************** */
/* start Pagination */
/* ******************************************************** */
ul.pagination {
    list-style-type: none;
}
ul.pagination li {
    display: inline;
}

.pagination li.current a {
    background: #222;
    color: #fff;
    font-weight: bold;
    cursor: default;
    padding: 0.0625rem 0.625rem 0.0625rem;
    border-radius: 3px;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out;
}

.pagination a:HOVER {
    background: #e6e6e6;
}

.pagination a {
    padding: 0.0625rem 0.625rem 0.0625rem;
    color: #999999;
    border-radius: 3px;
    font-weight: normal;
    font-size: 1em;
    line-height: inherit;
    transition: background-color 300ms ease-out;
    text-decoration: none;
}
/* ******************************************************** */
/* end Pagination */
/* ******************************************************** */

/* ******************************************************** */
/* start form adjustment */
/* ******************************************************** */

@media only screen and (max-width: 40em) {
    label.middle {
        margin: 0;
    }
}

.contact-with-attachment {
    margin-top: 1rem;
}


/* ******************************************************** */
/* start form adjustment */
/* ******************************************************** */



/* ******************************************************** */
/* start of sidebar */
/* ******************************************************** */

    /* ******************************************************** */
    /* start of submenu */
    /* ******************************************************** */

    aside .widget-title {
        font-weight: 700;
        margin-bottom: .3rem;
    }

    aside .widget {
        border: 1px solid #aaa;
        font-size: .95rem;
        padding: 10px;
    }

    .box-aside.submenu {
        /*margin-top: 20px;*/
        margin-bottom: 20px;
    }

    .box-aside.submenu h4 {
        height: 50px;
        line-height: 50px;
        width: 280px;
        margin-bottom: 0;
        padding: 0 0 0 20px;
        border-bottom: none;
        background: url("../img/submenu-head.gif") no-repeat 0 0;
        color: #fff;
    }

    .box-aside.submenu ul {
        margin: 0 !important;
        padding: 0 !important;
    }

    .box-aside.submenu ul li a:before {
        font-family: FontAwesome;
        content: "\f101";
        font-size: .9rem;
        margin-right: 7px;
    }

    .box-aside.submenu ul li a {
        /*background: url("../img/submenu-aside-arrow.gif") no-repeat 10px 1em;*/
        text-decoration: none;
    }

    .box-aside.submenu ul li a {
        display: block;
        /*padding: 5px 10px 5px 22px !important;*/
        color: #333 !important;
        font-size: 0.90rem;
    }

    .box-aside.submenu ul li.current-menu-item a,
    .box-aside.submenu ul li a:hover {
        color: #222 !important;
        text-decoration: none;
    }

    .box-aside.submenu ul li.current-menu-item > a,
    .box-aside.submenu ul li a:hover {
        color: #8b0000 !important;
        /*background: #2b72a8 url("../img/submenu-aside-arrow-active.gif") no-repeat 10px 1em !important;*/
        background: #fff;
        font-weight: 700;
        /*white-space: nowrap;*/
    }

    .box-aside.submenu ul li ul {
        display: none;
    }

    .box-aside.submenu ul li.current_page_ancestor ul,
    .box-aside.submenu ul li.current-menu-parent ul,
    .box-aside.submenu ul li.current-menu-item ul {
        display: block !important;
        padding-left: 20px;
    }

    .box-aside.submenu ul li ul li a {
        /*background: url("../img/submenu-aside-arrow.gif") no-repeat 25px 0.8em;*/
    }

    .box-aside.submenu ul li.current-menu-item > a {
        /*background: url("../img/submenu-aside-arrow-active.gif") no-repeat 25px 0.8em;*/
    }

    .box-aside.submenu ul li.current-menu-item ul li a,
    .box-aside.submenu ul li ul li a {
        display: block;
        padding: 4px 10px 4px 30px !important;
    }

    .box-aside.submenu ul li ul li.current-menu-item > a,
    .box-aside.submenu ul li ul li > a:hover {
        color: #8b0000 !important;
        /*background: #2b72a8 url("../img/submenu-aside-arrow-active.gif") no-repeat 25px 0.8em !important;*/
    }

    .box-aside.submenu ul li.current_page_ancestor ul li ul,
    .box-aside.submenu ul li.current-menu-parent ul li ul,
    .box-aside.submenu ul li.current-menu-item ul li ul,
    .box-aside.submenu ul li ul li ul {
        display: none !important;
    }

    .box-aside.submenu ul li.current_page_ancestor ul li.current-menu-parent ul,
    .box-aside.submenu ul li.current-menu-parent ul li.current-menu-item ul,
    .box-aside.submenu ul li ul li.current-menu-item ul {
        display: block !important;
    }

    .box-aside.submenu ul li ul li ul li a {
        /*background: url("../img/submenu-aside-arrow.gif") no-repeat 48px 0.8em !important;*/
    }

    .box-aside.submenu ul li ul li ul li a:hover {
        /*background: #2b72a8 url("../img/submenu-aside-arrow-active.gif") no-repeat 48px 0.8em !important;*/
    }

    .box-aside.submenu ul li ul li.current-menu-item ul li a,
    .box-aside.submenu ul li.current-menu-item ul li ul li a,
    .box-aside.submenu ul li ul li ul li a {
        display: block;
        padding: 5px 10px 5px 50px !important;
        color: #222 !important;
    }

    .box-aside.submenu ul li ul li ul li a:hover {
        color: #8b0000 !important;
    }

    .sub_menu li {
        border-right-style: solid;
        border-right-width: 1px;
        float: left;
        line-height: 10px;
        padding: 0 10px;
        position: relative;
        border-color: #586792;
    }

    .sub_menu li a {
        text-decoration: none;
        font-size: 11px;
        /*color: #fff;*/
    }

    .sub_menu li a:hover {
        text-decoration: underline;
    }

    .sub_menu > ul > li:last-child, .sub_menu > div > ul > li:last-child {
        border: none;
        padding-right: 0;
    }

    .menu > li {
        display: inline;
    }

    .menu > li:not(.menu-text) > a {
        padding: 0.8rem 1rem;
    }
    /* ******************************************************** */
    /* end of submenu */
    /* ******************************************************** */

    /* ******************************************************** */
    /* start of sidebar social button */
    /* ******************************************************** */
    .sidebar-social-button {
        margin-bottom: 2rem;
    }

    .sidebar-social-button a {
        color: #666;
    }

    /* ******************************************************** */
    /* end of sidebar social button */
    /* ******************************************************** */

/* ******************************************************** */
/* end start of sidebar */
/* ******************************************************** */


.content-summary {
    float: left;
    max-width: 220px;
    margin: 6px 15px 10px -110px;
    border-top: 2px solid #4d4d4d
}

.content-summary span {
    display: block;
    margin: 5px 0 7px;
}

.content-summary li {
    margin: 0 !important;
    background: url(../img/aside-more.gif) no-repeat 0 .4em !important
}

.content-summary li a {
    font-size: .9em;
    color: #333
}

.content-summary li a:hover {
    color: gray
}

@media only screen and (max-width: 30em) {
    .content-summary {
        float: none
    }
}

@media only screen and (max-width: 64.063em) {
    .content-summary {
        margin: 0 15px 10px 0 !important
    }
}





/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    /*font-size: 14px;*/
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/* =WordPress Core
-------------------------------------------------------------- */