/*!
 * large.css
 *
 * @link http://www.vektorrausch.de
 * @author vektorrausch GmbH <sippel@vektorrausch.de>
 *
 * @package WordPress
 * @subpackage agoodstart
 * 
 * @version 4.0.0
 */

/* ######################################## *\
    HTML
\* ######################################## */

html {}

body {}

/* Slideshow im Header über die volle Fensterbreite (plus 10 px je Seite wie
   bisher). Früher erledigte das jquery.theme.js („Extended Content“) erst nach
   dem Laden, mit sichtbar animiertem Aufziehen; jetzt per CSS ab dem ersten Bild.
   Der Überstand wird von .front .widget-area-header-container abgeschnitten. */
.widget-area-header [data-extended].negative-margin {
    margin-left: calc(50% - 50vw - 10px) !important;
    margin-right: calc(50% - 50vw - 10px) !important;
}

a {
    text-decoration: none;
}

a:hover {}

a:active,
a:focus {}

.article a:hover {
    text-decoration: underline;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {}

h1 a:active,
h1 a:focus,
h2 a:active,
h2 a:focus,
h3 a:active,
h3 a:focus,
h4 a:active,
h4 a:focus,
h5 a:active,
h5 a:focus,
h6 a:active,
h6 a:focus {}


h1,
.page-title {
    font-size: 52px;
}

.blog h1,
.blog .page-title,
.single-post h1,
.archive.category h1 {
    font-size: 32px;
}

h3.headline,
h2.ansprechpartner-headline {
    font-size: 42px;
}


/* ######################################## *\
    STRUKTUR / LAYOUT
\* ######################################## */

/* page-wrapper */
#wrapper {}

/* header */
.header-container {
    padding: 0;
}

#header {}

#branding {
    /*  float: left; */
    width: 100%;
}

#logo {
    margin-left: auto;
    margin-right: auto;
    padding-top: 3em;
    padding-bottom: 36px;
    width: 60%;
}

/* main */
.main-container {}

#main {}

.template-front-page {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.content-container {}

#content {}

.not-front #content {
    padding-top: 75px;
}

.not-front .content-single {
    padding-bottom: 30px;
}

/* footer */
.footer-container {}

#footer {}

/* ######################################## *\
    SIDEBARS / WIDGET-AREAS
\* ######################################## */

.widget-area-front {
    padding-top: 70px;
    padding-bottom: 60px;
    padding-left: 20px;
    padding-right: 20px;
}

/* no sidebar */
.no-sidebar #content {
    width: 100%;
}

/* sidebars */
.sidebar-primary.sidebar-secondary .content-container,
.sidebar-primary.sidebar-secondary .sidebar-area {
    clear: none;
    float: left;
}

.sidebar-primary.sidebar-secondary #content {
    margin-left: 25%;
    margin-right: 25%;
}

.sidebar-primary.sidebar-secondary #primary {
    margin-left: -100%;
    width: 25%;
}

.sidebar-primary.sidebar-secondary #secondary {
    margin-left: -25%;
    width: 25%;
}

/* primary */
.sidebar-primary.no-sidebar-secondary .content-container,
.sidebar-primary.sidebar-secondary .sidebar-area {
    clear: none;
    float: left;
}

.sidebar-primary.no-sidebar-secondary #content {
    margin-left: 33.333%;
    margin-right: 0%;
}

.sidebar-primary.no-sidebar-secondary #primary {
    margin-left: -100%;
    width: 33.333%;
}

/* secondary */
.sidebar-secondary.no-sidebar-primary .content-container,
.sidebar-primary.sidebar-secondary .sidebar-area {
    clear: none;
    float: left;
}

.sidebar-secondary.no-sidebar-primary #content {
    margin-left: 0%;
    margin-right: 33.333%;
}

.sidebar-secondary.no-sidebar-primary #secondary {
    margin-left: -33.333%;
    width: 33.333%;
}

/* ######################################## *\
    WIDGETS
\* ######################################## */

/* Slideshow */

.widget_agoodstart_slideshow .title-caption-container {
    /*  left: 50px; */
    bottom: 20%;
    /*  width: 60%; */
    /*  background: rgba(184, 184, 184, 0.8); */
}

.widget_agoodstart_slideshow figcaption {
    font-size: 18px;
}

.widget_agoodstart_slideshow .title-caption-container {
    bottom: 10%;
    background: rgba(184, 184, 184, 0.66);
    padding: 10px 0px 10px 50px;
}

.widget_agoodstart_slideshow .fig-title {
    font-size: 36px;
}

.widget_agoodstart_slideshow .slider-links {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: flex;
}

.widget_agoodstart_slideshow .slider-links .link-1 {
    position: static !important;
    width: 25%;
    height: 100%;
}

/* Gibt es gerade nicht mehr */
.widget_agoodstart_slideshow .slider-links .link-2 {
    position: static !important;
    width: 25%;
    height: 100%;
}

.widget_agoodstart_slideshow .slider-links .link-3 {
    position: static !important;
    width: 25%;
    height: 100%;
}

.widget_agoodstart_slideshow .slider-links .link-4 {
    position: static !important;
    width: 25%;
    height: 100%;
}

.flex-direction-nav a {
    transition: all .3s ease;
}

.flex-direction-nav a:hover {
    border-color: #000;
    color: #000;
}

.flex-direction-nav .flex-next:hover {
    transform: translate3d(4px, 0, 0);
}

.flex-direction-nav .flex-prev:hover {
    transform: translate3d(-4px, 0, 0);
}

.widget-area-footer {
    width: 100%;
    display: block;
    padding-right: 320px;
    position: relative;
    margin-bottom: 20px;
    height: 180px;
}

.widget-area-footer section.col {
    display: inline-block;
    padding: 0 5%;
    width: 20%;
    vertical-align: middle;
}

.widget-area-footer section.fixed {
    margin-bottom: 20px;
    position: absolute;
    top: 0;
    right: 100px;
}


/* ######################################## *\
    SEITEN: PAGES / POST TYPE ARCHIVES
\* ######################################## */

/* front */
.front blockquote {
    font-size: 22px;
    margin: 80px 50px;
}


/* ######################################## *\
    INHALTE: POSTS / PAGES / CPTs
\* ######################################## */

/* standorte */
.standorte-container {
    width: 33.33%;
    float: left;
    margin-bottom: 0;
    padding: 0 20px;
    border-bottom: none;
}

.front .standorte-container.angelika-adelmann {
    width: 25%;
}

.front .standorte-container {
    width: 25%;
}

.front .standorte-container.angelika-adelmann .article {
    /*     width: 50%; */
}

.front .standorte-container.angelika-adelmann {
    padding-bottom: 0;
}

/* .front .standorte-container.angelika-adelmann:after {
    margin: 5rem 3rem;
    text-align:center;
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    bottom: auto;
    width: 33.33%;
} */

.post-type-archive-standorte .standorte-container {
    width: auto;
    padding: 0;
}

.post-type-archive-standorte .standorte-container:first-of-type {
    padding-left: 0;
}

.post-type-archive-standorte .standorte-container:last-of-type {
    padding-right: 0;
}

.post-type-archive-standorte .list-standorte {
    display: grid;
    gap: 20px;
    row-gap: 40px;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr 1fr;
}

.list-ansprechpartner {
    display: grid;
    gap: 20px;
    row-gap: 40px;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr 1fr;
}

/* Standorte */
.list-standorte {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
}

/* rechtsgebiete */

#content .article-standorte ul.rechtsgebiete-list {
    max-width: 480px;
}

#content ul.rechtsgebiete-list li a {
    font-size: 22px;
    padding-left: 15px;
}

#content .field-rechtsgebiete ul.rechtsgebiete-list li a {
    padding-left: 8px;
}

#content ul.rechtsgebiete-list a:after {
    transition: all .3s ease;
}

#content ul.rechtsgebiete-list a:hover:after {
    right: 20px;
}


/* connected */
.post-view-connected-rechtsgebiet {
    /* width: 33.333%;
    float: left; */
    padding: 20px 2% 0 2%;
    border-right: 1px solid #e4e4e4;
}

.post-view-connected-rechtsgebiet:last-of-type {
    border-right: none;
}

.post-view-connected-rechtsgebiet:first-of-type {}

.post-view-connected-rechtsgebiet .field-mitarbeiterin .field-thumbnail:after,
.post-view-overview .field-mitarbeiterin .field-thumbnail:after {
    transition: all .3s ease;
}

.post-view-connected-rechtsgebiet .field-mitarbeiterin .field-thumbnail:hover:after,
.post-view-overview .field-mitarbeiterin .field-thumbnail:hover:after {
    transform: translate3d(4px, 0, 0);
}

/* Front */

.block-left {
    float: left;
    width: 50%;
    padding-right: 40px;
}

.block-right {
    float: right;
    width: 50%;
    padding-left: 40px;
}

/* Datenschutz */
#post-19 {
    padding-left: 40px;
    padding-right: 40px;
}

/* Blog */
.blog .sidebar-area,
.single-post .sidebar-area,
.archive.category .sidebar-area {
    padding: 106px 0 0 0;
}

/* ######################################## *\
    FELDER
\* ######################################## */

.post-type-rechtsgebiete .field-body {
    width: 60%;
    float: left;
    padding-right: 50px;
}

.post-type-rechtsgebiete .field-schwerpunkte {
    width: 40%;
    float: right;
    padding-left: 50px;
    padding-bottom: 40px;
    margin-top: 0;
}

.post-type-rechtsgebiete .field-weitere-informationen {
    padding-top: 50px;
    padding-bottom: 40px;
    clear: left;
    float: left;
}

.field-mitarbeiterin {
    width: 50%;
    float: left;
    padding-right: 2%;
}

.field-weitere-mitarbeiter .field-mitarbeiterin {}

.field-thumbnail {
    padding-left: 20px;
    margin-top: 15px;
    float: left;
    width: 30%;
}

.field-karte {
    width: 50%;
    float: left;
    padding-left: 40px;
}

.article.post-type-standorte.post-view-archive .field-karte {
    width: 90%;
    height: 300px;
    padding: 0;
    margin-top: 1em;
}

.field-bildergalerie .gallery-item {}


/* ######################################## *\
    ELEMENTE
\* ######################################## */

/* formulare */
.btn,
.button,
input[type="submit"] {
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    font-weight: lighter;
    transition: all .3s ease;
}

.btn:hover,
.btn:focus,
.button:hover,
.button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #E1E1E1;
    text-decoration: none !important;
}

.button.anfrage:hover,
.button.anfrage:focus,
.button.corona:hover,
.button.corona:focus,
.wpcf7-submit:hover,
.wpcf7-submit:focus {
    background: #ffc355 !important;
}

.slideshow-item .button:hover,
.slideshow-item .button:focus {
    background-color: #00446E;
}

.front #header .field-anfrage,
#header .field-corona {
    right: 0;
    top: 0;
}

.front #header .field-anfrage,
#header .field-telefon {
    right: 20px;
}


.front #header .button.anfrage,
#header .button.corona {
    height: 42px;
    line-height: 42px;
    font-size: 18px;
    padding: 0 30px;
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

/* ######################################## *\
    MENÜS
\* ######################################## */

/* main-menu */
.main-menu-container {
    /*  display: inline-block !important; */
    /*  margin: 0; */
    height: 100%;
    background: transparent;
    /*  float: right; */
    font-weight: lighter;
    position: relative;
    box-shadow: none;
    top: 0;
    /*  max-width: 100%; */
}

#main-menu {}

.main-menu-container .menu-item-depth-0 {
    float: left;
    position: relative;
    /*  border-right: 1px solid #276a9 */
    8;
}

.main-menu-container li.menu-item-depth-0:last-of-type {
    border-right: none;
}

.main-menu-container .menu-link-depth-0 {
    color: #fff;
    background-color: #00446E;
    padding: 15px 14px 15px 14px;
    display: block;
    font-size: 14px;
    transition: background .3s ease;
    /*  height: 55px; */
}

.main-menu-container .menu-item-depth-0:hover .menu-link-depth-0 {
    background: rgba(0, 0, 0, .075);
}

.main-menu-container .menu-item-depth-0.current-menu-item .menu-link-depth-0,
.main-menu-container .menu-item-depth-0.current-menu-ancestor .menu-link-depth-0 {
    background: rgba(0, 0, 0, .2);
    color: #fff;
}

.main-menu-container .menu-depth-1 {
    position: absolute;
    z-index: 25;
    top: 51px;
    left: 0;
    background: #003050;
    min-width: 300px;
    display: none;
    padding-top: 15px;
    padding-bottom: 23px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
}

.main-menu-container .menu-item-depth-0:hover .menu-depth-1 {
    display: block;
}

.main-menu-container .menu-link-depth-1 {
    color: #7eb5d8;
    display: block;
    padding: 6px 25px 10px 25px;

}

.main-menu-container .menu-depth-1:before {
    content: '';
    display: block;
    background: #003050;
    width: 12px;
    height: 12px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    top: -6px;
    left: 40px;
}

.main-menu-container .menu-item-depth-1:after {
    content: '';
    display: block;
    background: #325971;
    margin: 0 24px;
    height: 1px;
    position: relative;
    z-index: -1;
    top: 0;
    left: 0;
}

.main-menu-container .menu-item-depth-1:last-of-type:after {
    display: none;
}

.main-menu-container .menu-item-depth-1:hover .menu-link-depth-1,
.main-menu-container .menu-item-depth-1.current-menu-item .menu-link-depth-1,
.main-menu-container .menu-item-depth-1.current-menu-ancestor .menu-link-depth-1 {
    background: transparent;
    color: #fff;
}

.main-menu-container .menu-depth-2 {
    color: #7eb5d8;
    display: block;
    padding: 0px 25px 10px 25px;
    margin: 0;
    list-style: none;
}

.main-menu-container .menu-item-depth-2 {
    margin-bottom: 6px;
    position: relative;
}

.main-menu-container .menu-item-depth-2:last-of-type {
    margin-bottom: 0;
}

.main-menu-container .menu-item-depth-2:before {
    content: '›';
    color: #7eb5d8;
    font-size: 1.2em;
    font-weight: normal;
    display: block;
    position: absolute;
    top: -3px;
    left: 0;
}

.main-menu-container .menu-link-depth-2 {
    padding: 4px 0 4px 14px;
    color: #7eb5d8;
}

.main-menu-container .menu-item-depth-2:hover .menu-link-depth-2,
.main-menu-container .menu-item-depth-2.current-menu-item .menu-link-depth-2,
.main-menu-container .menu-item-depth-2.current-menu-ancestor .menu-link-depth-2 {
    background: transparent;
    color: #fff;
}

/* ######################################## *\
    SUCHFORMULAR
\* ######################################## */



/* ######################################## *\
    SEITENNUMMERIERUNG / BREADCRUMBS
\* ######################################## */
.widget_breadcrumb_navxt .breadcrumbs a {
    transition: all .3s ease;
}

.widget_breadcrumb_navxt .breadcrumbs a:after {
    transition: all .3s ease;
}

.widget_breadcrumb_navxt .breadcrumbs a:before {
    transition: all .3s ease;
}

.widget_breadcrumb_navxt .breadcrumbs .crumb-container {
    max-width: 26%;
}


/* ######################################## *\
    KOMMENTARE
\* ######################################## */



/* ######################################## *\
    MISC / CONTRIB
\* ######################################## */

#wkdb-widget .BorlabsCookie {
    width: 220px;
}

/* ######################################## *\
    WORDPRESS CORE
\* ######################################## */



/* ######################################## *\
    KEIN JAVASCRIPT
\* ######################################## */

.site-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.footer-menu-container {
    padding-bottom: 0;
}

.footer-cookies-container,
.footer-copyright-container {
    line-height: 30px;
}

li.menu-item-footer {
    margin-right: 16px;
    margin-left: 0;
}

#footer-menu {}

#footer-menu .menu-item {
    line-height: 30px;
}

.footer-menu-container {
    margin-left: auto;
}

.footer-copyright-container {
    margin-right: 16px;
}