/*
Theme Name: Ahnen & Enkel 2022
Author: Ahnen & Enkel
Version: 1.0
Template: kalium
Text Domain: kalium
*/

/* Theme customization starts here
-------------------------------------------------------------- */


/* --- ALLGEMEIN --- */

body {
    font-size: 19px !important;
    line-height: 30px !important;
}

h1 {
    font-family: "lemonde-courrier" !important;
    font-size: 60px !important;
    line-height: 82px !important;
    margin-bottom: 60px !important;
    color: #002A52;
}

h2 {
    font-family: "lemonde-courrier" !important;
    font-size: 38px !important;
    line-height: 52px !important;
    color: #FF5D00;
    margin-bottom: 30px;
    padding-top: 30px;
}

body.home h2 {
    color: #ffffff;
    padding-top: 0px;
}

h3 {
    font-family: "lemonde-courrier" !important;
    font-size: 28px !important;
    line-height: 36px !important;
    color: #ffffff;
}

body.home h3 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-top: 0px;
}

p {
    font-size: 19px !important;
    line-height: 30px !important;
    margin-bottom: 20px;
}

p.rs-layer {
    font-family: "realist" !important;
}

li {
    font-size: 19px !important;
    line-height: 30px !important;
    padding: 0px !important;
}

a, a:visited, a:focus, a:active, .wrapper a, .wrapper a:visited, .wrapper a:focus, .wrapper a:active {
    color: #FF5D00;
}

.wrapper a:hover {
    color: #FF5D00;
}

.wrapper a:after {
    bottom: -1px;
    height: 1px;
    background-color: #FF5D00;
}

.site-footer a:after {
    bottom: 2px;
}

.wpb_content_element {
    margin-bottom: 30px;
}

body.home .wpb_content_element {
    margin-bottom: 0px;
}

.slide-titel {
    padding: 0px 6% 0px 6%;
}

.slide-titel h3 {
    margin-top: 0px;
}

.slide-text {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #ffffff;
    margin-bottom: 0px;
    padding: 0px 6% 0px 6%;
}

.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
    padding-top: 0px;
}

.button-a-e button {
    font-family: 'Realist';
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 16px !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    border-radius: 56px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.vc_btn3.vc_btn3-color-blue, .vc_btn3.vc_btn3-color-blue.vc_btn3-style-flat {
    font-family: 'Realist';
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #FF5D00 !important;
    text-align: center !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    border: 2px solid #ff5d00 !important;
    border-radius: 56px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    background: transparent !important;
}

.vc_btn3.vc_btn3-size-md {
    font-family: 'Realist';
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 22px !important;
    color: #FF5D00;
    text-align: center !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    border: 2px solid #ff5d00;
    border-radius: 56px !important;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    background: transparent !important;
}

.vc_btn3.vc_btn3-size-md:hover {
    color: #ffffff !important;
    border: 2px solid #ffffff;
    background: #ff5d00 !important;
}

body.home .vc_btn3.vc_btn3-size-md:hover {
    color: #ff5d00 !important;
    border: 2px solid #ff5d00;
    background: #ffffff !important;
}

/*.vc_btn3.vc_btn3-size-md:visited {
    border: 2px solid #ff5d00;
}*/

.leistung {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.leistung .wpb_wrapper {
    position: absolute;
    margin-top: 0%;
    transition: all 0.35s !important;
}

.leistung:hover .wpb_wrapper {
    margin-top: -40%;
    margin-top: -6.5vw;
    transition: all 0.35s !important;
}

.leistung .leistung-icon {
    position: relative;
    margin-top: 10%;
}

.leistung:hover .leistung-icon {
    margin-top: 0%;
}

.leistung .leistung-icon .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

.leistung-icon img {
    width: 200px !important;
    height: auto !important;
}

body.home .leistung-icon img {
    width: 160px !important;
    height: auto !important;
}

.leistung .leistung-titel {
    position: relative;
    padding-top: 0%;
    padding-bottom: 8%;
    transition: all 0.35s !important;
}

.leistung:hover .leistung-titel {
    padding-top: 20%;
    padding-bottom: 8%;
    transition: all 0.35s !important;
}

.leistung .leistung-titel .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

.leistung .leistung-text .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

.leistung .leistung-text {
    position: relative;
    padding: 0px 18% 0px 18%;
    opacity: 0;
    transition: all 0.35s !important;
}

body.home .leistung .leistung-text {
    padding: 0px 8% 0px 8%;
}

.leistung:hover .leistung-text {
    opacity: 1;
    transition: all 0.35s !important;
}

.leistung .leistung-text p {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #ffffff !important;
}

.wpb_single_image .vc_figure-caption {
    position: absolute;
    right: 5px;
    bottom: 4px;
    font-size: 12px;
    line-height: 22px;
    color: #002A52 !important;
    color: #ffffff !important;
    margin-left: 5px;
    padding: 0px 5px 0px 5px;
    background-color: rgb(256,256,256,0.8);
    background-color: rgb(0,0,0,0.2);
    border-radius: 0px;
}


/* --- KOPFBEREICH --- */

.header-block__item {
    display: flex;
    align-items: flex-end;
}

.standard-menu-container.menu-skin-main ul.menu>li>a {
    font-family: 'Realist';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0.1em;
    color: #002A52;
    top: 0px;
    transition: all 0.5s !important;
}

.standard-menu-container.menu-skin-main ul.menu>li>a:after {
    display: none;
}

.standard-menu-container ul.menu>li.current_page_item>a span, .standard-menu-container.menu-skin-main ul.menu>li>a:hover {
    color: #FF5D00 !important;
    top: -4px;
    transition: all 0.5s !important;
}

.toggle-bars.menu-skin-main .toggle-bars__bar-line {
    background-color: #002A52;
}

.mobile-menu-wrapper .mobile-menu-container div.menu > ul > li > a, .mobile-menu-wrapper .mobile-menu-container ul.menu > li > a {
    color: #002A52;
}

.mobile-menu-wrapper .mobile-menu-container .cart-icon-link-mobile-container a:hover, .mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current-menu-ancestor > a, .mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current-menu-item > a, .mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current_page_ancestor > a, .mobile-menu-wrapper .mobile-menu-container div.menu > ul li.current_page_item > a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-ancestor > a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item > a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_ancestor > a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item > a {
    color: #FF5D00;
}

.mobile-menu-wrapper .mobile-menu-container div.menu > ul li a:hover, .mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover {
    color: #FF5D00;
}


/* --- HAUPTINHALTE --- */

#home-zeile-1 {
    border-top: 20px solid #ffffff;
    border-right: 15px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    border-left: 15px solid #ffffff;
}

#home-zeile-1 img {
    margin-bottom: 0px;
}

#home-zeile-1 .links {
    padding: 4% 8% 2% 4%;
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
    background: #002A52;
}

#home-zeile-1 .links p {
    color: #ffffff;
}

#home-zeile-1 .rechts .zweier-block {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}

#home-zeile-1 .rechts .zweier-block .vc_col-sm-3 {
    width: 50% !important;
}

#home-zeile-1 .rechts .zweier-block .innen-links {
    border-right: 5px solid #ffffff;
}

#home-zeile-1 .rechts .zweier-block .innen-rechts {
    border-left: 5px solid #ffffff;
}

#home-zeile-1 .rechts .zweier-block .innen-links.oben {
    border-bottom: 5px solid #ffffff;
}

#home-zeile-1 .rechts .zweier-block .innen-rechts.oben {
    border-bottom: 5px solid #ffffff;
}

#home-zeile-1 .rechts .zweier-block .innen-links.unten {
    border-top: 5px solid #ffffff;
}

#home-zeile-1 .rechts .zweier-block .innen-rechts.unten {
    border-top: 5px solid #ffffff;
}

#home-zeile-2 {
    border-top: 0px solid #ffffff;
    border-right: 15px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    border-left: 15px solid #ffffff;
}

#home-zeile-2 .links {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}

#home-zeile-2 .mitte-links {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}

#home-zeile-2 .mitte-rechts {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}

#home-zeile-2 .rechts {
    border-left: 5px solid #ffffff;
    border-right: 5px solid #ffffff;
}

#home-kunden {
    margin-top: 60px;
    margin-bottom: 60px;
}

#home-kontakt {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #FF5D00;
}

#home-kontakt .button-a-e {
    margin-top: 30px;
}

#leistungen {
    border-top: 20px solid #ffffff;
    border-right: 15px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    border-left: 15px solid #ffffff;
}

#leistungen .wpb_content_element {
    margin-bottom: 0px;
}

#leistungen .wpb_wrapper {
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

#leistungen .leistung {
    min-height: 22vw;
}

.leistung .wpb_wrapper {
    position: absolute;
    margin-top: 0%;
    transition: all 0.35s !important;
}

#leistungen .leistung .wpb_wrapper {
    position: absolute;
    margin-top: 0%;
    transition: margin-top 0.35s !important;
    display: inherit;
    width: 100%;
    margin: inherit;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

#leistungen .leistung:hover .wpb_wrapper {
    position: absolute;
    margin-top: -40%;
    margin-top: -12vw;
    transition: margin-top 0.35s !important;
}

#leistungen .leistung .leistung-icon .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit !important;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

#leistungen .leistung .leistung-titel .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit !important;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

#leistungen .leistung .leistung-text .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit !important;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

#leistungen-beschreibung {
    padding-top: 70px;
    padding-bottom: 100px;
}

#leistungen-beschreibung .links {
    padding-right: 8%;
}

#leistungen-beschreibung .rechts {
    background-color: rgba(50, 61, 71, 0.08);
}

#leistungen-beschreibung .rechts .vc_column-inner {
    padding: 30px 30px 20px 30px;
}

#leistungen-beschreibung .rechts img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25));
}

#leistungen-beschreibung .ihr-ansprechpartner {
    padding-top: 40px;
}

#leistungen-beschreibung .ihr-ansprechpartner .wpb_content_element {
    margin-bottom: 0px;
}

#leistungen-beschreibung .ihr-ansprechpartner img {
    width: 120px;
    height: auto;
    border-radius: 50%;
}

#leistungen-beschreibung .ihr-ansprechpartner h3 {
    color: #6d6d6d;
}

#leistungen-weitere {
    border-top: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
}

#leistungen-weitere .wpb_content_element {
    margin-bottom: 0px;
}

#leistungen-weitere .wpb_wrapper {
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}

#leistungen-weitere .leistung {
    min-height: 19vw;
}

#leistungen-weitere .leistung .wpb_wrapper {
    position: absolute;
    margin-top: 0%;
    transition: margin-top 0.35s !important;
    display: inherit;
    width: 100%;
    margin: inherit;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

#leistungen-weitere .leistung:hover .wpb_wrapper {
    margin-top: -56%;
    margin-top: -12vw;
}

#leistungen-weitere .leistung .leistung-icon .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit !important;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

#leistungen-weitere .leistung .leistung-titel .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit !important;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

#leistungen-weitere .leistung .leistung-text {
    padding: 0px 8% 0px 8%;
}

#leistungen-weitere .leistung .leistung-text .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit !important;
    grid-template-columns: inherit;
    grid-gap: inherit;
}

#aufmacher-referenzen {
    margin-top: 1px;
    padding-top: 50px;
    padding-bottom: 40px;
    background: #12A5D3;
}

#aufmacher-referenzen h1 {
    color: #ffffff;
    margin-bottom: 20px !important;
}

#aufmacher-referenzen p {
    color: #ffffff;
}

#referenzen {
    border-top: 20px solid #ffffff;
    border-right: 15px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    border-left: 15px solid #ffffff;
}

#referenzen-teaserbild .wpb_single_image .vc_single_image-wrapper {
    width: 100%;
    max-height: 900px;
    overflow: hidden;
}

#referenzen-teaserbild .wpb_single_image .vc_single_image-wrapper img {
    width: 100%;
    height: auto;
}

#referenzen-beschreibung {
    padding-top: 70px;
    padding-bottom: 100px;
}

#referenzen-beschreibung .wpb_content_element {
    margin-bottom: 0px;
}

#referenzen-beschreibung .links {
    padding-right: 8%;
}

#referenzen-beschreibung .rechts {
    background-color: rgba(50, 61, 71, 0.08);
}

#referenzen-beschreibung .rechts .vc_column-inner {
    padding: 30px 20px 0px 30px;
}

#referenzen-beschreibung .rechts img {
    width: 100%;
    height: auto;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.25));
}

#referenzen-beschreibung .rechts table {
    padding: 0px;
    margin-bottom: 30px
}

#referenzen-beschreibung .rechts table h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
}

#referenzen-beschreibung .rechts table td {
    vertical-align: top;
    padding-bottom: 10px;
}

#referenzen-beschreibung .rechts table .td-links {
    font-weight: 600;
    padding-right: 20px;
    color: #FF5D00;
}

#referenzen-weitere {
    border-top: 15px solid #ffffff;
    border-right: 15px solid #ffffff;
    border-bottom: 15px solid #ffffff;
    border-left: 15px solid #ffffff;
}

#referenzen-weitere .wpb_content_element {
    margin-bottom: 0px;
}

body.single-portfolio .page-container {
    display: none;
}

#aufmacher-team {
    padding-top: 50px;
    padding-bottom: 40px;
    background: #46CB6E;
}

#aufmacher-team h1 {
    color: #ffffff;
    margin-bottom: 20px !important;
}

#aufmacher-team p {
    color: #ffffff;
}

#team {
    border-top: 20px solid #ffffff;
    border-right: 15px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    border-left: 15px solid #ffffff;
}

#team .wpb_content_element {
    margin-bottom: 0px;
}

#team .wpb_wrapper {
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

#team .teammitglied {
    position: relative;
    min-height: 32vw;
    overflow: hidden;
}

#team .teammitglied .wpb_wrapper {
    position: absolute;
    margin-top: 82%;
    transition: margin-top 0.35s !important;
    display: inherit;
    width: 100%;
    padding-bottom: 300px;
    grid-template-columns: inherit;
    grid-gap: inherit;
    background: rgba(255, 255, 255, 0.85);
}

#team .teammitglied:hover .wpb_wrapper {
    position: absolute;
    margin-top: 0%;
    transition: margin-top 0.35s !important;
}

#team .teammitglied .teammitglied-titel .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit;
    margin-top: 4%;
    padding-bottom: 0px;
    grid-template-columns: inherit;
    grid-gap: inherit;
    background: transparent;
}

#team .teammitglied:hover .teammitglied-titel .wpb_wrapper {
    margin-top: 14%;
}

#team .teammitglied .teammitglied-titel .wpb_wrapper h3, #team .teammitglied .teammitglied-titel .wpb_wrapper p {
    color: #002A52;
    margin-bottom: 0px;
}

#team .teammitglied .teammitglied-text .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit;
    margin-top: 30px;
    padding-bottom: 0px;
    padding-left: 10%;
    padding-right: 10%;
    grid-template-columns: inherit;
    grid-gap: inherit;
    background: transparent;
}

#team .teammitglied .teammitglied-text .wpb_wrapper p {
    margin-bottom: 3%;
}

#team .teammitglied .teammitglied-text .wpb_wrapper p:nth-of-type(2) {
    padding-top: 30px;
}

#team .teammitglied .teammitglied-text .wpb_wrapper a.icon {
    color: #002A52;
    line-height: 40px;
    padding-left: 30px;
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-email@2x.png) left center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

#team .teammitglied .teammitglied-text .wpb_wrapper a.icon.tel {
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-tel@2x.png) left center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

#team .teammitglied .teammitglied-text .wpb_wrapper a.icon.twitter {
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-twitter@2x.png) left center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

#team .teammitglied .teammitglied-text .wpb_wrapper a.icon.web {
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-web@2x.png) left center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

#team .teammitglied .teammitglied-text .wpb_wrapper a.icon:hover {
    color: #FF5D00;
}

#team .teammitglied .teammitglied-text .wpb_wrapper a.icon:after {
    display: none;
}

#unser-netzwerk {
    padding-top: 50px;
    padding-bottom: 40px;
}

#unser-netzwerk h1 {
    margin-bottom: 20px !important;
}

#team-netzwerk {
    border-top: 20px solid #ffffff;
    border-right: 15px solid #ffffff;
    border-bottom: 20px solid #ffffff;
    border-left: 15px solid #ffffff;
}

#team-netzwerk .wpb_content_element {
    margin-bottom: 0px;
}

#team-netzwerk .wpb_wrapper {
    display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}

#team-netzwerk .teammitglied {
    position: relative;
    min-height: 32vw;
    overflow: hidden;
}

#team-netzwerk .teammitglied .wpb_wrapper {
    position: absolute;
    margin-top: 82%;
    transition: margin-top 0.35s !important;
    display: inherit;
    width: 100%;
    padding-bottom: 300px;
    grid-template-columns: inherit;
    grid-gap: inherit;
    background: rgba(255, 255, 255, 0.85);
}

#team-netzwerk .teammitglied:hover .wpb_wrapper {
    position: absolute;
    margin-top: 0%;
    transition: margin-top 0.35s !important;
}

#team-netzwerk .teammitglied .teammitglied-titel .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit;
    margin-top: 4%;
    padding-bottom: 0px;
    grid-template-columns: inherit;
    grid-gap: inherit;
    background: transparent;
}

#team-netzwerk .teammitglied:hover .teammitglied-titel .wpb_wrapper {
    margin-top: 14%;
}

#team-netzwerk .teammitglied .teammitglied-titel .wpb_wrapper h3, #team-netzwerk .teammitglied .teammitglied-titel .wpb_wrapper p {
    color: #002A52;
    margin-bottom: 0px;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper {
    position: relative;
    display: inherit;
    width: 100%;
    margin: inherit;
    margin-top: 30px;
    padding-bottom: 0px;
    padding-left: 10%;
    padding-right: 10%;
    grid-template-columns: inherit;
    grid-gap: inherit;
    background: transparent;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper p {
    margin-bottom: 3%;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper p:nth-of-type(2) {
    padding-top: 30px;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon {
    color: #002A52;
    line-height: 40px;
    padding-left: 30px;
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-email@2x.png) left center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon.tel {
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-tel@2x.png) left center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon.twitter {
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-twitter@2x.png) left center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon.web {
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-web@2x.png) left center;
    background-repeat: no-repeat;
    background-size: 21px 21px;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon:hover {
    color: #FF5D00;
}

#team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon:after {
    display: none;
}

#headline-mitgliedschaften {
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 0px;
}

#headline-mitgliedschaften h1 {
    margin-bottom: 0px !important;
}

#home-kunden.mitgliedschaften {
    margin-top: 0px;
    margin-bottom: 60px;
}

#offene-stellen {
    padding-top: 50px;
    padding-bottom: 40px;
}

#offene-stellen h1 {
    margin-bottom: 20px !important;
}

#aufmacher-pressedienst {
    margin-top: 1px;
    padding-top: 50px;
    padding-bottom: 40px;
    background: #002A52;
}

#aufmacher-pressedienst h1 {
    color: #ffffff;
    margin-bottom: 20px !important;
}

#aufmacher-pressedienst p {
    color: #ffffff;
}

#pressedienst {
    margin-top: 90px;
    margin-bottom: 90px;
}

#pressedienst .pressedienst-element-aussen {
    -webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.2);
    margin-bottom: 30px;
}

#pressedienst .pressedienst-element {
    /*height: 494px;*/
    background-image: none !important;
    background: #ffffff !important;
}

#pressedienst .pressedienst-element .vc_gitem-zone-mini {
    padding: 20px 20px 20px 20px;
}

#pressedienst .vc_gitem-row-position-top {
    position: relative;
    top: inherit;
    padding: 0px;
}

#pressedienst .vc_gitem-row-position-middle {
    position: relative;
    top: inherit;
    transform: none;
    padding: 0px;
}

#pressedienst .pressedienst-element .vc_gitem-post-data-source-post_date {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 6px;
}

#pressedienst .pressedienst-element h3 {
    font-size: 28px !important;
    line-height: 34px !important;
    color: #002A52;
    margin-top: 0px;
    margin-bottom: 4px;
}

#pressedienst .pressedienst-element .rechts {
    padding-top: 2px;
}

#pressedienst .pressedienst-element .rechts .vc_gitem-post-data-source-post_excerpt {
    display: inline;
}

#pressedienst .pressedienst-element .rechts .vc_gitem-acf {
    display: inline;
    margin: 0px;
    padding-right: 4px;
}

#pressedienst .pressedienst-element .rechts .textlink {
    margin: 0px;
}

#pressedienst .pressedienst-element .rechts .textlink a {
    font-size: inherit !important;
    line-height: inherit !important;
    display: inline;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
    border: 0px;
    background: none !important;
}

#aufmacher-kontakt {
    margin-top: 1px;
    padding-top: 50px;
    padding-bottom: 40px;
    background: #FF5D00;
}

#aufmacher-kontakt h1 {
    color: #ffffff;
    margin-bottom: 20px !important;
}

#aufmacher-kontakt p {
    color: #ffffff;
}

#kontaktdaten {
    padding-top: 50px;
    padding-bottom: 20px;
}

#kontakt-unten {
    border-top: 0px solid #ffffff;
    border-right: 10px solid #ffffff;
    border-bottom: 10px solid #ffffff;
    border-left: 10px solid #ffffff;
}

#kontakt-unten .vc_column-inner {
    min-height: 36vw;
}

/*#kontakt-unten .rechts {
    max-height: 550px;
}*/

#mc_embed_signup form {
    padding: 10px 0 10px 0px !important;
}


/* --- GRID --- */

.vc_grid-item .vc_grid-item-mini {
    overflow: hidden;
}

.vc_grid-item .teaser .vc-zone-link {
    background-color: rgba(227, 227, 227, 0) !important;
    transition: all 0.5s !important;
}

.vc_grid-item:hover .teaser .vc-zone-link {
    background-color: rgba(0, 42, 82, 0.6) !important;
    transition: all 0.5s !important;
}


/* --- POSTS --- */

body.single-post .wrapper .site-header--sticky-absolute {
    -webkit-box-shadow: 0px 21px 21px 0px rgba(237,237,237,1);
    -moz-box-shadow: 0px 21px 21px 0px rgba(237,237,237,1);
    box-shadow: 0px 21px 21px 0px rgba(237,237,237,1);
}

body.single-post .wrapper .single-post {
    margin-top: 70px;
}

.single-post .row .post-image {
    float: left;
    width: 70% !important;
    margin-right: 5% !important;
    margin-bottom: 0px !important;
}

.single-post.single-post--has-sidebar .post {
    float: left;
    width: 70% !important;
    margin-right: 5% !important;
    margin-bottom: 60px;
}

.single-post.single-post--has-sidebar .post h1 {
    font-size: 50px !important;
    line-height: 56px !important;
    margin-top: 40px !important;
    margin-bottom: 25px !important;
}

.single-post aside {
    float: none !important;
    display: inline-block !important;
    padding-top: 40px !important;
}

#serviceseiten {
    padding-top: 80px;
    padding-bottom: 60px;
}

#serviceseiten #matomo_optout_checkbox {
    display: inline-block;
}

#serviceseiten label {
    display: inline;
}


/* --- FOOTER --- */

.site-footer {
    background-color: #323D47;
}

.site-footer a {
    color: #FF5D00 !important;
}

.site-footer .footer-widgets .widget p, .site-footer li a {
    color: #ffffff !important;
}

.site-footer a:after {
    background-color: #ffffff !important;
}

.site-footer p, .site-footer li {
    font-size: 19px !important;
    line-height: 30px !important;
}

#text-2 {
    width: 35%;
    padding-left: 100px;
    background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/A&E_Logo_Footer.png) left top;
    background-repeat: no-repeat;
    background-size: 68px 50px;
}

#text-2 .textwidget {
    padding-top: 6px;
}

#text-2 .textwidget a:after {
    background-color: #FF5D00 !important;
}

#text-3 {
    padding-top: 6px;
    width: 25%;
}

#text-3 .textwidget {
    letter-spacing: 0.1em;
}

#text-3 .textwidget .social-media {
    margin-top: 30px;
}

#text-3 .textwidget .social-media a {
    padding-right: 20px;
}

#text-3 .textwidget a:after {
    display: none;
}

#text-3 .textwidget a:hover {
    color: #FF5D00 !important;
}

#text-4 {
    padding-top: 130px;
    width: 40%;
    text-align: right;
}

.go-to-top:hover {
    background-color: #FF5D00 !important;
}


/* --- RETINA ----------------------------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
   /* Retina-specific stuff here */

}



/* --- RESPONSIVE ------------------------------------------------------------------------------------------------- */


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

    .leistung:hover .wpb_wrapper {
        margin-top: -3vw;
    }
    
    .leistung:hover .leistung-titel {
        padding-top: 10vw;
        padding-bottom: 2vw;
    }

    #leistungen-weitere .leistung:hover .wpb_wrapper {
        margin-top: -7vw;
    }

    #leistungen-weitere .leistung:hover .leistung-titel {
        padding-top: 4vw;
        padding-bottom: 2vw;
    }

}

@media only screen and (min-width: 2201px) and (max-width: 2500px) {

}

@media only screen and (min-width: 1601px) and (max-width: 2200px) {

    .leistung:hover .wpb_wrapper {
        margin-top: -3.5vw;
    }

    .leistung:hover .leistung-titel {
        padding-top: 8vw;
        padding-bottom: 3vw;
    }

    #leistungen-weitere .leistung:hover .wpb_wrapper {
        margin-top: -9vw;
    }

    #leistungen-weitere .leistung:hover .leistung-titel {
        padding-top: 4vw;
        padding-bottom: 2vw;
    }

    .leistung-icon img {
        width: 180px !important;
        height: auto !important;
    }
    
    body.home .leistung-icon img {
        width: 140px !important;
        height: auto !important;
    }

}

@media only screen and (min-width: 1401px) and (max-width: 1600px) {

    #leistungen-weitere .leistung:hover .wpb_wrapper {
        margin-top: -50%;
    }

    .leistung-icon img {
        width: 160px !important;
        height: auto !important;
    }
    
    body.home .leistung-icon img {
        width: 120px !important;
        height: auto !important;
    }

}

@media only screen and (min-width: 1261px) and (max-width: 1400px) {

    #leistungen-weitere .leistung:hover .wpb_wrapper {
        margin-top: -60%;
    }

    .leistung-icon img {
        width: 140px !important;
        height: auto !important;
    }
    
    body.home .leistung-icon img {
        width: 100px !important;
        height: auto !important;
    }

}

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

}

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

}


/* ==============================================================================================================================
/*
/* 	#Desktop Notebook	<= 1260
/* 
/* =========================================================================================================================== */

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

    body {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    h1 {
        font-size: 48px !important;
        line-height: 60px !important;
        margin-bottom: 50px !important;
    }

    h2 {
        font-size: 30px !important;
        line-height: 42px !important;
	margin-bottom: 25px;
        padding-top: 25px;
    }
    
    h3 {
        font-size: 19px !important;
        line-height: 25px !important;
    }

    body.home h3 {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    p {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    li {
        font-size: 16px !important;
        line-height: 24px !important;
    }
    
    .slide-text {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .button-a-e button {
        font-size: 15px !important;
        line-height: 15px !important;
    }
    
    .leistung:hover .wpb_wrapper {
        margin-top: -40%;
        margin-top: -6.5vw;
    }
    
    body.home .leistung:hover .wpb_wrapper {
        margin-top: -23%;
        margin-top: -3vw;
        margin-top: -6vw;
    }
    
    .leistung .leistung-icon {
        margin-top: 10%;
    }
    
    body.home .leistung .leistung-icon {
        margin-top: 12%;
        margin-top: 2.5vw;
    }
    
    .leistung-icon img {
        width: 120px !important;
        height: auto !important;
    }
    
    body.home .leistung-icon img {
        width: 110px !important;
        height: auto !important;
    }
    
    .leistung .leistung-titel {
        padding-bottom: 8%;
    }
    
    body.home .leistung .leistung-titel {
        padding-bottom: 12%;
    }
    
    .leistung:hover .leistung-titel {
        padding-top: 22%;
        padding-bottom: 8%;
    }
    
    body.home .leistung:hover .leistung-titel {
        padding-top: 28%;
        padding-top: 10vw;
        padding-bottom: 12%;
    }
    
    .leistung .leistung-text {
        padding: 0px 14% 0px 14%;
    }
    
    body.home .leistung .leistung-text {
        padding: 0px 4% 0px 4%;
    }
    
    .leistung .leistung-text p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    
    .standard-menu-container.menu-skin-main ul.menu>li>a {
        font-size: 16px;
        line-height: 16px;
    }
    
    #home-zeile-1 {
        border-top: 16px solid #ffffff;
        border-right: 12px solid #ffffff;
        border-bottom: 8px solid #ffffff;
        border-left: 12px solid #ffffff;
    }
    
    #home-zeile-1 .links {
        border-left: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block {
        border-left: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-links {
        border-right: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-rechts {
        border-left: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-links.oben {
        border-bottom: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-rechts.oben {
        border-bottom: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-links.unten {
        border-top: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-rechts.unten {
        border-top: 4px solid #ffffff;
    }

    #home-zeile-2 {
        border-top: 0px solid #ffffff;
        border-right: 12px solid #ffffff;
        border-bottom: 8px solid #ffffff;
        border-left: 12px solid #ffffff;
    }
    
    #home-zeile-2 .links {
        border-left: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
    }
    
    #home-zeile-2 .mitte-links {
        border-left: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
    }
    
    #home-zeile-2 .mitte-rechts {
        border-left: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
    }
    
    #home-zeile-2 .rechts {
        border-left: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
    }
    
    #leistungen-weitere .leistung .leistung-text {
        padding: 0px 4% 0px 4%;
    }

    #referenzen-teaserbild .wpb_single_image .vc_single_image-wrapper {
        max-height: 656px;
    }

    #team .teammitglied:hover .teammitglied-titel .wpb_wrapper {
        margin-top: 10%;
    }

    #team .teammitglied .teammitglied-text .wpb_wrapper {
        margin-top: 20px;
        padding-left: 8%;
        padding-right: 8%;
    }
    
    #team .teammitglied .teammitglied-text .wpb_wrapper p {
        margin-bottom: 2%;
    }

    #team .teammitglied .teammitglied-text .wpb_wrapper p:nth-of-type(2) {
        padding-top: 20px;
    }
    
    #team .teammitglied .teammitglied-text .wpb_wrapper a.icon {
        line-height: 30px;
        padding-left: 26px;
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-email@2x.png) left center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
    }
    
    #team .teammitglied .teammitglied-text .wpb_wrapper a.icon.tel {
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-tel@2x.png) left center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
    }
    
    #team .teammitglied .teammitglied-text .wpb_wrapper a.icon.twitter {
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-twitter@2x.png) left center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
    }
    
    #team .teammitglied .teammitglied-text .wpb_wrapper a.icon.web {
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-web@2x.png) left center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
    }

    #team .teammitglied .teammitglied-text p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    
    #team-netzwerk .teammitglied:hover .teammitglied-titel .wpb_wrapper {
        margin-top: 10%;
    }

    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper {
        margin-top: 20px;
        padding-left: 8%;
        padding-right: 8%;
    }
    
    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper p {
        margin-bottom: 2%;
    }

    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper p:nth-of-type(2) {
        padding-top: 20px;
    }
    
    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon {
        line-height: 30px;
        padding-left: 26px;
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-email@2x.png) left center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
    }
    
    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon.tel {
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-tel@2x.png) left center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
    }
    
    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon.twitter {
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-twitter@2x.png) left center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
    }
    
    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper a.icon.web {
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/icon-web@2x.png) left center;
        background-repeat: no-repeat;
        background-size: 17px 17px;
    }

    #team-netzwerk .teammitglied .teammitglied-text p {
        font-size: 15px !important;
        line-height: 22px !important;
    }
    
    .site-footer p, .site-footer li {
        font-size: 17px !important;
        line-height: 26px !important;
    }

    .social-media img {
        width: 30px !important;
        height: auto !important;
    }

}


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

    body {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    .container, .content-area {
    	width: 100%;
    }
    
    h1 {
        font-size: 40px !important;
        line-height: 50px !important;
        margin-bottom: 45px !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 28px !important;
	margin-bottom: 20px;
        padding-top: 20px;
    }

    p {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    li {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .standard-menu-container.menu-skin-main ul.menu>li>a {
        font-size: 15px;
        line-height: 15px;
    }
    
}

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

    body {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    h1 {
        font-size: 40px !important;
        line-height: 50px !important;
        margin-bottom: 40px !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 28px !important;
    }

    p {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    li {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .standard-menu-container.menu-skin-main ul.menu>li>a {
        font-size: 15px;
        line-height: 15px;
    }
    
    #home-zeile-1 {
        border-top: 8px solid #ffffff;
        border-right: 6px solid #ffffff;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid #ffffff;
    }
    
    #home-zeile-1 .links {
        width: 100%;
        border-bottom: 4px solid #ffffff;
    }

    #home-zeile-1 .rechts {
        width: 100%;
        border-bottom: 0px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block {
        border-left: 0px solid #ffffff;
        border-right: 0px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .vc_col-sm-3 {
        width: 25% !important;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-links.oben {
        border-left: 4px solid #ffffff;
        border-top: 4px solid #ffffff;
        border-bottom: 0px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-rechts.oben {
        border-top: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
        border-bottom: 0px solid #ffffff;
    }

    #home-zeile-1 .rechts .zweier-block .innen-links.unten {
        border-left: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
        border-bottom: 0px solid #ffffff;
    }

    #home-zeile-1 .rechts .zweier-block .innen-rechts.unten {
        border-left: 4px solid #ffffff;
        border-right: 4px solid #ffffff;
        border-bottom: 0px solid #ffffff;
    }

    #home-zeile-2 {
        border-top: 0px solid #ffffff;
        border-right: 6px solid #ffffff;
        border-bottom: 6px solid #ffffff;
        border-left: 6px solid #ffffff;
    }
    
}



/* ==============================================================================================================================
/*
/* 	#Tablet (Portrait) & Mobile	<= 820			OR Smartphone (Landscape)
/* 
/* =========================================================================================================================== */

@media only screen and (max-width: 834px), only screen and (max-device-width: 640px) and (orientation: landscape) {

    body {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    h1 {
        font-size: 34px !important;
        line-height: 44px !important;
        margin-bottom: 30px !important;
    }

    h2 {
        font-size: 24px !important;
        line-height: 32px !important;
	margin-bottom: 15px;
        padding-top: 15px;
    }

    h3 {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    p {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    li {
        font-size: 15px !important;
        line-height: 20px !important;
    }
    
    .vc_btn3.vc_btn3-size-md {
        font-size: 16px !important;
        line-height: 20px !important;
        border: 2px solid #ff5d00;
        border-radius: 20px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    .header-block {
        padding-bottom: 15px !important;
    }
    
    .site-header--sticky-active-padding {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .standard-menu-container.menu-skin-main ul.menu>li>a {
        font-size: 15px;
        line-height: 15px;
    }
    
    .mobile-menu-wrapper .mobile-menu-container ul.menu li.current-menu-item>a, .mobile-menu-wrapper .mobile-menu-container ul.menu li.current_page_item>a {
        color: #FF5D00;
    }
    
    .mobile-menu-wrapper .mobile-menu-container div.menu>ul li a:hover, .mobile-menu-wrapper .mobile-menu-container ul.menu li a:hover {
        color: #FF5D00;
    }

    .standard-menu-container.menu-skin-main .menu>ul>li>a:after, .standard-menu-container.menu-skin-main ul.menu>li>a:after, .toggle-bars.menu-skin-main .toggle-bars__bar-line {
        background-color: #002A52;
    }
    
    body.home .leistung-icon img {
        /*width: 70px !important;*/
    }
    
    .leistung .wpb_wrapper {
        margin-top: 15%;
    }
    
    .leistung:hover .wpb_wrapper {
        margin-top: -8.5vw;
    }

    #home-zeile-1 .links {
        padding: 6% 6% 6% 6%;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-links.oben {
        width: 50% !important;
        border-bottom: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-rechts.oben {
        width: 50% !important;
        border-bottom: 4px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .vc_col-sm-3 {
        width: 50% !important;
    }
    
    #home-zeile-2 .links {
        width: 50% !important;
        border-bottom: 8px solid #ffffff;
    }

    #home-zeile-2 .mitte-links {
        width: 50% !important;
        border-bottom: 8px solid #ffffff;
    }

    #home-zeile-2 .mitte-rechts {
        width: 50% !important;
        border-bottom: 8px solid #ffffff;
    }

    #home-zeile-2 .rechts {
        width: 50% !important;
        border-bottom: 8px solid #ffffff;
    }
    
    #home-kunden .vc_col-sm-2 {
        width: 33.333333333333%;
    }
    
    #leistungen .wpb_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    
    #leistungen .leistung {
        min-height: 32vw;
    }
    
    #leistungen-weitere .wpb_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    
    #leistungen-weitere .leistung {
        min-height: 32vw;
    }
    
    #referenzen .vc_col-sm-4 {
        width: 50%;
    }
    
    #referenzen-beschreibung .rechts table td {
        float: left;
        padding-bottom: 20px;
    }
    
    #referenzen-beschreibung .rechts table .td-links {
        float: left;
        min-width: 18vw;
        padding-right: 0px;
        padding-bottom: 0px;
    }
    
    #referenzen-weitere .vc_col-sm-3 {
       width: 50%;
    }
    
    #team .wpb_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    
    #team .teammitglied {
        min-height: 48vw;
    }
    
    #team-netzwerk .wpb_wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    
    #team-netzwerk .teammitglied {
        min-height: 48vw;
    }
    
    #pressedienst {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #pressedienst .pressedienst-element h3 {
        font-size: 24px !important;
        line-height: 32px !important;
    }
    
    #text-2 {
        width: 45%;
        padding-left: 150px;
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/A&E_Logo_Footer.png) left 40px top;
        background-repeat: no-repeat;
        background-size: 68px 50px;
    }
    
    #text-3 {
        padding-top: 6px;
        width: 25%;
    }
    
    #text-4 {
        padding-top: 130px;
        padding-right: 40px;
        width: 30%;
        text-align: right;
    }

}


/* ==============================================================================================================================
/*
/* 	#Mobile (Portrait)	<= 767																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

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

    #referenzen-weitere .vc_col-sm-3 {
        width: 50%;
        float: left;
    }

    #text-2 {
        float: none;
        width: 90%;
        margin: 0 auto;
        padding-left: 100px;
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/A&E_Logo_Footer.png) left top;
        background-repeat: no-repeat;
        background-size: 68px 50px;
    }
    
    #text-3 {
        float: none;
        width: 90%;
        margin: 0 auto;
        padding-left: 100px;
        padding-top: 6px;
    }
    
    #text-4 {
        float: none;
        width: 90%;
        text-align: left;
        margin: 0 auto;
        padding-top: 60px;
        padding-left: 100px;
    }

}



/* ==============================================================================================================================
/*
/* 	#Mobile (Portrait)	<= 490																			#Mobile (Portrait)	< 480
/* 
/* =========================================================================================================================== */

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

    body {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    h1 {
        font-size: 30px !important;
        line-height: 38px !important;
    }

    h2 {
        font-size: 22px !important;
        line-height: 28px !important;
    }

    h3 {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    p {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    
    li {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .vc_btn3.vc_btn3-size-md {
        font-size: 16px !important;
        line-height: 20px !important;
        border: 2px solid #ff5d00;
        border-radius: 20px !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .standard-menu-container.menu-skin-main ul.menu>li>a {
        font-size: 14px;
        line-height: 14px;
    }
    
    .leistung .wpb_wrapper {
        margin-top: 10%;
    }
    
    .leistung:hover .wpb_wrapper {
        margin-top: -8.5vw;
    }
    
    .leistung:hover .leistung-titel {
        padding-top: 0%;
        padding-bottom: 8%;
    }

    #home-zeile-1 {
        border-top: 8px solid #ffffff;
        border-right: 6px solid #ffffff;
        border-bottom: 0px solid #ffffff;
        border-left: 6px solid #ffffff;
    }

    #home-zeile-1 .links {
        padding: 6% 6% 6% 6%;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-links.oben {
        width: 100% !important;
        border-bottom: 8px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-rechts.oben {
        width: 100% !important;
        min-height: 64vw;
        border-top: 0px solid #ffffff;
        border-bottom: 8px solid #ffffff;
    }
    
    #home-zeile-1 .rechts .zweier-block .vc_col-sm-3 {
        width: 100% !important;
    }
    
    #home-zeile-1 .rechts .zweier-block .innen-links.unten {
        min-height: 64vw;
        border-top: 0px solid #ffffff;
        border-bottom: 8px solid #ffffff;
    }

    #home-zeile-1 .rechts .zweier-block .innen-rechts.unten {
        min-height: 64vw;
        border-top: 0px solid #ffffff;
        border-bottom: 8px solid #ffffff;
    }

    #home-zeile-2 .links {
        width: 100% !important;
        border-top: 0px solid #ffffff;
        border-bottom: 8px solid #ffffff;
    }

    #home-zeile-2 .mitte-links {
        width: 100% !important;
        min-height: 64vw;
        border-top: 0px solid #ffffff;
        border-bottom: 8px solid #ffffff;
    }

    #home-zeile-2 .mitte-rechts {
        width: 100% !important;
        border-top: 0px solid #ffffff;
        border-bottom: 8px solid #ffffff;
    }

    #home-zeile-2 .rechts {
        width: 100% !important;
        min-height: 64vw;
        border-top: 0px solid #ffffff;
        border-bottom: 8px solid #ffffff;
    }
    
    #home-kunden .vc_col-sm-2 {
        width: 50%;
    }
    
    #leistungen {
        border-top: 8px solid #ffffff;
        border-right: 10px solid #ffffff;
        border-bottom: 8px solid #ffffff;
        border-left: 10px solid #ffffff;
    }
    
    #leistungen .wpb_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    
    #leistungen .leistung {
        min-height: 64vw;
    }
    
    #leistungen .leistung .wpb_wrapper {
        margin-top: 2vw;
    }
    
    #leistungen .leistung:hover .wpb_wrapper {
        margin-top: -8.5vw;
    }

    #leistungen .leistung:hover .leistung-titel {
        padding-top: 0%;
        padding-bottom: 8%;
    }

    #leistungen-weitere {
        border-top: 8px solid #ffffff;
        border-right: 10px solid #ffffff;
        border-bottom: 8px solid #ffffff;
        border-left: 10px solid #ffffff;
    }
    
    #leistungen-weitere .wpb_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    
    #leistungen-weitere .leistung {
        min-height: 64vw;
    }
    
    #referenzen {
        border-top: 8px solid #ffffff;
        border-right: 10px solid #ffffff;
        border-bottom: 8px solid #ffffff;
        border-left: 10px solid #ffffff;
    }
    
    #referenzen .vc_col-sm-4 {
        width: 100%;
    }
    
    #referenzen-weitere {
        border-top: 8px solid #ffffff;
        border-right: 10px solid #ffffff;
        border-bottom: 8px solid #ffffff;
        border-left: 10px solid #ffffff;
    }
    
    #referenzen-weitere .vc_col-sm-3 {
       width: 100%;
    }
    
    #team {
        border-top: 8px solid #ffffff;
        border-right: 10px solid #ffffff;
        border-bottom: 8px solid #ffffff;
        border-left: 10px solid #ffffff;
    }
    
    #team .wpb_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    
    #team .teammitglied {
        min-height: 78vw;
    }
    
    #team .teammitglied .teammitglied-text .wpb_wrapper {
        margin-top: 4vw;
        padding-left: 4%;
        padding-right: 4%;
    }
    
    #team .teammitglied:hover .teammitglied-titel .wpb_wrapper {
        margin-top: 4vw;
    }
    
    #team .teammitglied .teammitglied-text .wpb_wrapper p:nth-of-type(2) {
        padding-top: 2vw;
    }
    
    #team-netzwerk {
        border-top: 8px solid #ffffff;
        border-right: 10px solid #ffffff;
        border-bottom: 8px solid #ffffff;
        border-left: 10px solid #ffffff;
    }
    
    #team-netzwerk .wpb_wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    
    #team-netzwerk .teammitglied {
        min-height: 78vw;
    }
    
    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper {
        margin-top: 4vw;
        padding-left: 4%;
        padding-right: 4%;
    }
    
    #team-netzwerk .teammitglied:hover .teammitglied-titel .wpb_wrapper {
        margin-top: 4vw;
    }
    
    #team-netzwerk .teammitglied .teammitglied-text .wpb_wrapper p:nth-of-type(2) {
        padding-top: 2vw;
    }
    
    #pressedienst {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    #pressedienst .pressedienst-element h3 {
        font-size: 22px !important;
        line-height: 28px !important;
    }
    
    #kontakt-unten .vc_column-inner {
        min-height: 78vw;
    }
    
    #text-2 {
        float: none;
        width: 90%;
        margin: 0 auto;
        padding-left: 100px;
        background: transparent url(../../../wp-content/themes/ahnen-enkel/bilder/A&E_Logo_Footer.png) left top;
        background-repeat: no-repeat;
        background-size: 68px 50px;
    }
    
    #text-3 {
        float: none;
        width: 90%;
        margin: 0 auto;
        padding-left: 100px;
        padding-top: 6px;
    }
    
    #text-4 {
        float: none;
        width: 90%;
        text-align: left;
        margin: 0 auto;
        padding-top: 60px;
        padding-left: 100px;
    }

}


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

    #referenzen-beschreibung .rechts table .td-links {
        min-width: 20vw;
    }
    
    #team .teammitglied {
        min-height: 120vw;
    }
    
    #team .teammitglied .wpb_wrapper {
        margin-top: 128%;
    }
    
}