/*
 Theme Name:     Swiss Trafo
 Theme URI:      https://www.concedra.de
 Description:    Divi Child Theme
 Author:         Concedra
 Author URI:     https://www.concedra.de
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* =======================
==========FONTS============
========================*/

    @font-face{
        font-family:"FF Good";
        font-weight: 400;
        font-style: normal;
        src:url("fonts/234454cb-91e9-406f-b206-cf61ec434ccf.eot?#iefix");
        src:url("fonts/234454cb-91e9-406f-b206-cf61ec434ccf.eot?#iefix") format("eot"),
            url("fonts/2a832e99-cce9-4606-8071-65ffc39d86c9.woff2") format("woff2"),
            url("fonts/0dd06801-8307-4d8b-a0f2-45380ad93220.woff") format("woff"),
            url("fonts/a31a1110-712b-4d6a-899f-ac872ac93fbe.ttf") format("truetype"),
            url("fonts/f1c08c35-7bae-4e1a-87ae-b214a63a7630.svg#f1c08c35-7bae-4e1a-87ae-b214a63a7630") format("svg");
    }
    @font-face{
        font-family:"FF Good";
        font-weight: 400;
        font-style: italic;
        src:url("fonts/6223f29b-381f-46c5-9072-089f66d48939.eot?#iefix");
        src:url("fonts/6223f29b-381f-46c5-9072-089f66d48939.eot?#iefix") format("eot"),
            url("fonts/dc4c2a07-439e-4603-a299-b16245cd4480.woff2") format("woff2"),
            url("fonts/72cfc67c-9b5e-475b-888e-79dad574d48f.woff") format("woff"),
            url("fonts/0a90ae4d-d481-442e-a211-f3b290fd5f70.ttf") format("truetype"),
            url("fonts/fd720d16-bdba-4247-9abe-64331b86cd1e.svg#fd720d16-bdba-4247-9abe-64331b86cd1e") format("svg");
    }
    @font-face{
        font-family:"FF Good";
        font-weight: 700;
        font-style: normal;
        src:url("fonts/a3290316-6873-4922-8b07-e824c32c65f7.eot?#iefix");
        src:url("fonts/a3290316-6873-4922-8b07-e824c32c65f7.eot?#iefix") format("eot"),
            url("fonts/db94c89c-e4f2-4c57-a9f5-b647e414f61e.woff2") format("woff2"),
            url("fonts/37493bc9-8ee1-45c6-a1d7-65bf1af8a3d5.woff") format("woff"),
            url("fonts/81b5656b-bacc-4013-a9d3-024382343afb.ttf") format("truetype"),
            url("fonts/5d51d13b-5a48-4a68-875f-0d3ae6e6c338.svg#5d51d13b-5a48-4a68-875f-0d3ae6e6c338") format("svg");
    }
    @font-face{
        font-family:"FF Good";
        font-weight: 700;
        font-style: italic;
        src:url("fonts/d73ba632-c763-4227-b71a-b847b9708f39.eot?#iefix");
        src:url("fonts/d73ba632-c763-4227-b71a-b847b9708f39.eot?#iefix") format("eot"),
            url("fonts/0639c114-6d95-45b8-b214-efc9aa0edbd2.woff2") format("woff2"),
            url("fonts/3994a696-1b84-409d-ad7f-a43672dbc3b6.woff") format("woff"),
            url("fonts/f41c4d6b-5a78-4543-9d8f-f51c473e4155.ttf") format("truetype"),
            url("fonts/ea9ad08c-bd8a-4ea8-903a-35a1342cfc66.svg#ea9ad08c-bd8a-4ea8-903a-35a1342cfc66") format("svg");
    }
    @font-face{
        font-family:"FF Good";
        font-weight: 800;
        font-style: normal;
        src:url("fonts/47abb60f-891b-4338-be91-9cf6978cb8fb.eot?#iefix");
        src:url("fonts/47abb60f-891b-4338-be91-9cf6978cb8fb.eot?#iefix") format("eot"),
            url("fonts/3d87e730-2385-4f7a-a181-b3983e59e545.woff2") format("woff2"),
            url("fonts/102feaa5-abd2-44cb-b3ec-4c3e0126b35d.woff") format("woff"),
            url("fonts/67f40abd-13f6-4dce-af21-7f86ec58dc7b.ttf") format("truetype"),
            url("fonts/103c9ebe-1f60-4352-a5ed-d4ab35b211e6.svg#103c9ebe-1f60-4352-a5ed-d4ab35b211e6") format("svg");
    }
    @font-face{
        font-family:"FF Good";
        font-weight: 800;
        font-style: italic;
        src:url("fonts/0529aab8-2afe-49f7-9782-c7a2dfd94c57.eot?#iefix");
        src:url("fonts/0529aab8-2afe-49f7-9782-c7a2dfd94c57.eot?#iefix") format("eot"),
            url("fonts/da5990ab-3e8d-45fa-b4d2-4d0f92f1fdd7.woff2") format("woff2"),
            url("fonts/8534ee3e-85b1-47e1-ba56-67971c80a0b9.woff") format("woff"),
            url("fonts/0fd645c2-8df1-4fc0-bfda-fac3e271192e.ttf") format("truetype"),
            url("fonts/b2873978-39f9-4f21-a96e-010b67d6b2a2.svg#b2873978-39f9-4f21-a96e-010b67d6b2a2") format("svg");
    }



/* =======================
==========TEXT============
========================*/
* {
    font-family: 'FF Good';
}

body {
    font-weight: 400;
}


h1 {
    font-size: 4rem!important;
    font-weight: 800!important;
    text-transform: uppercase!important;
    line-height: 1.5!important;
    letter-spacing: 0.05em!important;
}

h1>strong {
    height: 100%;
    position: relative;
    display: table;
}

h1>strong:before {
    content: " ";
    height: 50%;
    width: 100%;
    background: rgba(156,17,37,.6);
    position: absolute;
    transform: translateY(75%) translateX(-10px);
    z-index: -1;
}

h2 {
    font-size: 2rem!important;
    font-weight: 800!important;
    text-transform: uppercase!important;
    line-height: 1.5!important;
    letter-spacing: 0.05em!important;

    height: 100%;
    position: relative;
    display: inline-block;
}

h2:before {
    content: " ";
    height: 50%;
    width: 100%;
    background: rgba(0,0,0,.1);
    position: absolute;
    z-index: 100;
    float: left;
    transform: translateY(75%) translateX(-10px);
    z-index: -1;
}

.et_pb_with_background h2:before {
    background: rgba(255,255,255,.2);
}

.et_pb_bg_layout_dark h2:before {
    background: rgba(255,255,255,.2);
}

h3 {
    font-size: 1.5rem!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    line-height: 1.5!important;
    letter-spacing: 0.05em!important;
}

h4 {
    color: #9c1125 !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
    margin: .5em 0 1em 0;
}

h5 {
    font-weight: 700 !important;
    font-size: 1rem !important;
    margin: .5em 0 1em 0;
}

h6 {
    font-size: 1.25rem!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    line-height: 1.5!important;
    letter-spacing: 0.05em!important;
}

p {
    font-size: 1.25rem;
    line-height: 1.5;
}

.et_pb_blurb_description p {
    font-size: 1rem;
}

.et_teaser {
    text-align: center;
    padding: 1rem 2rem;
}

.et_teaser p {
    font-size: 1rem;
}

.et_pb_bg_layout_light a,
.et_pb_bg_layout_dark a {
    font-weight: bold;
    transition: all 0.25s;
}

.et_pb_bg_layout_dark a {
    color: #FFF;
}

.et_pb_bg_layout_light a:hover,
.et_pb_bg_layout_dark a:hover {
    text-decoration: underline;
}




/* =======================
============HEADER==========
========================*/


.et_menu_container {
    display: flex;
    width: 100%;
}


/* HEADER / LOGO */

.et_menu_container .logo_container,
.et_menu_container #et-top-navigation,
.et_menu_container #lang-toggle {
    width: unset;
    height: unset;
    padding: 0 1rem!important;
}

@media only screen and (min-width: 1100px) {
    .et_menu_container .logo_container,
    .et_menu_container #et-top-navigation,
    .et_menu_container #lang-toggle {
        padding: 1rem!important;
    }
}

.et_menu_container .logo_container {
    flex: 0 0 auto;
    position: relative;
}

.et_menu_container .logo_container #logo {
    height: 3rem;
    max-height: 3rem;
    max-width: none!important;
}

@media only screen and (min-width: 981px) {
    .et_menu_container .logo_container #logo {
        height: 4rem;
        max-height: 4rem;
    }
}

/* HEADER / NAVI */

.et_menu_container #et-top-navigation {
    flex: 0 0 auto;
    order: 3;
    width: auto;
}

@media only screen and (min-width: 981px) {
    .et_menu_container #et-top-navigation {
        flex: 0 1 auto;
        order: 2;
        width: 100%;
    }
}

.et_menu_container #et-top-navigation #top-menu-nav {
    float: none;
}

.et_menu_container #et-top-navigation #top-menu-nav #top-menu {
    float: none;
    text-align: center;
    padding-top: 1.75rem;
}

@media only screen and (min-width: 1100px) {
    .et_menu_container #et-top-navigation #top-menu-nav #top-menu {
        padding-top: 2rem;
    }
}

.et_menu_container #et-top-navigation #top-menu-nav #top-menu li {
    padding: 0;
    margin: 0;
}

.et_menu_container #et-top-navigation #top-menu-nav #top-menu li a {
    padding: 1rem 0.5rem;
    line-height: 1rem;
    font-size: 1rem;
    transition: all 0.25s;
}

@media only screen and (min-width: 1100px) {
    .et_menu_container #et-top-navigation #top-menu-nav #top-menu li a {
        font-size: 1.25rem;
    }  
}

@media only screen and (min-width: 1280px) {
    .et_menu_container #et-top-navigation #top-menu-nav #top-menu li a {
        padding: 1rem;
    }  
}

.et_menu_container #et-top-navigation #top-menu-nav #top-menu li a:after {
    display: none;
}

.et_menu_container #et-top-navigation #top-menu-nav #top-menu li a:hover {
    color: #000!important;
}

.et_menu_container #et-top-navigation #top-menu-nav #top-menu li ul li {
    margin: 0;
    display: block;
}

.et_menu_container #et-top-navigation #top-menu-nav #top-menu li ul li a {
    width: auto;
    font-size: 1rem;
    color: #636363;
    text-transform: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
} 


.mobile_menu_bar {
    padding: 2.25rem 0 0.5rem 0!important;
}


/* HEADER / LANG-TOGGLE */

.et_menu_container #lang-toggle {
    flex: 0 1 auto;
    order: 2;
    width: 100%;
}

@media only screen and (min-width: 981px) {
    .et_menu_container #lang-toggle {
        flex: 0 0 auto;
        order: 3;
        width: auto;
    }
}

.et_menu_container #lang-toggle .wpml-ls {
    padding: 1.75rem 0 0 0;
    border: none;
}

@media only screen and (min-width: 1100px) {
    .et_menu_container #lang-toggle .wpml-ls {
       padding: 2rem 0 0 0; 
    }
}

.et_menu_container #lang-toggle .wpml-ls a {
    padding: 1rem 0.5rem;
    line-height: 1rem;
    font-size: 1rem;
    text-transform: uppercase;
    transition: all 0.25s;
}

@media only screen and (min-width: 1100px) {
    .et_menu_container #lang-toggle .wpml-ls a {
        font-size: 1.25rem;
    }  
}

@media only screen and (min-width: 1280px) {
    .et_menu_container #lang-toggle .wpml-ls a {
        padding: 1rem;
    }  
}

.et_menu_container #lang-toggle .wpml-ls a span {
    line-height: inherit;
    display: block;
}

.et_menu_container #lang-toggle .wpml-ls .wpml-ls-item:not(.wpml-ls-current-language) a {
    opacity: 0.25;
}

.et_menu_container #lang-toggle .wpml-ls a:hover {
    opacity: 1.0!important;
}





/* =======================
=======CONTACT FORM=======
========================*/

textarea { resize: vertical; }



/* =======================
=========OVERLAP==========
========================*/

.overlapp {
    padding-bottom: 8% !important;
    margin-bottom: -10%;
}



/* =======================
========6-COL-IMG=========
========================*/

.et_pb_column_1_2 .et_pb_image_wrap img {
    /* max-height: 30vh; */
}


/* =======================
==========FOOTER==========
========================*/

/* Footer menu */
div#footer-widgets {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

div.footer-widget p {
    font-size: 1rem;
}

div.footer-widget:first-child p {
    text-transform: uppercase;
    font-size: 2rem;
}

div.footer-widget.last div.widget_nav_menu {
    width: 100%;
    margin-bottom: 2rem !important;
    text-transform: uppercase;
}

div.footer-widget.last div.widget_nav_menu:last-child {
    margin-bottom: 0rem !important;
}

.et_pb_widget ul li:last-child {
    margin-bottom: 0 !important;
}

.et_pb_widget {
    float: unset;
}

div.footer-widget.last ul {
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    list-style: none !important;
}

/* Bottom Bar Menu */

div#footer-info {
    float: left;
    margin: 0;
}

div#footer-menu {
    width: auto;
    float: right;
    text-transform: uppercase;
}

div#footer-menu ul {
    padding: 0;
}

div#footer-widgets div.footer-widget li:before {
    display: none;
}

div#footer-widgets div.footer-widget li ul.sub-menu {
    display: none;
}

.bottom-nav li {
    padding: 0 0 0 1rem;
}

#footer-bottom {
    background-image: linear-gradient(90deg,#b51125 0%,#9c1125 100%)!important;
}

/* =======================
==========PRODUKT=========
========================*/


/* Übersicht */

.uebersicht .et_pb_row_4col .et_pb_image {
    height: 300px;
    padding: 1rem;
    border: 2px solid #eee;
    background: #fff;
}

/* Mehr Produkte */

.transform-center .et_pb_image {
    height: 300px;
}

.transform-center .et_pb_image span, .et_pb_row_4col .et_pb_image span {
    height: 100%;
    display: flex;
    justify-content: center;
}

.transform-center .et_pb_image img, .et_pb_row_4col .et_pb_image img  {
    max-height: 100%;
    max-width: 100%;
    align-self: center;
    flex: 0 0 auto;
}


/* =======================
==========TABLE==========
========================*/

table {
    border: none!important;
    margin: 1rem 0;
}

td, th {
    border: none!important;
    margin: 0!important;
    padding: 0.25em 0 !important;
    font-size: 1.25em;
    line-height: 1.5;
}

th {
    font-weight: 700;
}

.et_pb_column_4_4 tr {
    background: #fff;
    border-bottom: 4px solid #eeeeee;
}

.et_pb_column_4_4 tr:last-child {
    border-bottom: 0px solid #eeeeee;
}

.et_pb_column_4_4 tr th, .et_pb_column_4_4 tr td {
    padding: 5px 1em !important;
    font-size: 1rem;
}




/* =======================
=======MOBILE STYLES======
========================*/

@media only screen and (max-width: 1024px) {
    
/*    Font-Size     */
    
    h1 {
        font-size: 3rem !important;
    }
    
    h2 {
        font-size: 1.5rem !important;
    }
    
    h4 {
        font-size: 1.25rem !important;
    }
    
    
/*    Button     */
    
    .et_pb_button {
        float: left;
    }
    
    
/*    Footer        */
    div.footer-widget.last ul {
        text-align: left;
    }    

    #footer-widgets div.footer-widget.last ul li {
        padding-left: 0;
    }

    h1>strong:before, h2:before {
        display: none;
    }
    
    

/*    Table     */
    

    .et_pb_column_4_4 tr th {
        display: none;
    }
    
    tr td {
        display: block;
        font-weight: 400;
    }
    
    tr th {
        display: block;
    }
    
    .et_pb_column_4_4 tr td:before {
        font-weight: 700;
    }
    
    .et_pb_column_4_4 tr td:nth-child(1):before {
        content: "Typ: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(2):before {
        content: "Leistung: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(3):before {
        content: "A: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(4):before {
        content: "B: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(5):before {
        content: "C: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(6):before {
        content: "D: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(7):before {
        content: "E: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(8):before {
        content: "F: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(9):before {
        content: "G: ";
    }
    
    .et_pb_column_4_4 tr td:nth-child(10):before {
        content: "Gewicht: ";
    }
    
    
/*    Ring Kern Table */
    
    .et_pb_column_4_4 .ring-kern tr td:nth-child(3):before {
        content: "b: ";
    }
    
    .et_pb_column_4_4 .ring-kern tr td:nth-child(4):before {
        content: "b1: ";
    }
    
    .et_pb_column_4_4 .ring-kern tr td:nth-child(5):before {
        content: "c: ";
    }
    
    .et_pb_column_4_4 .ring-kern tr td:nth-child(6):before {
        content: "c1: ";
    }
    
    .et_pb_column_4_4 .ring-kern tr td:nth-child(7):before {
        content: "c2: ";
    }
    
    .et_pb_column_4_4 .ring-kern tr td:nth-child(8):before {
        content: "c3: ";
    }
    
    .et_pb_column_4_4 .ring-kern tr td:nth-child(9):before {
        content: "Gewicht: ";
    }
    
    
/*    Ring Regel Table */
    .et_pb_column_4_4 .ring-regel tr td:nth-child(1):before {
        content: "Bestell-Nr.: ";
    }
    
    .et_pb_column_4_4 .ring-regel tr td:nth-child(2):before {
        content: "Spezifikationen: ";
    }
    
    .et_pb_column_4_4 .ring-regel tr td:nth-child(3):before {
        content: "U prim: ";
    }
    
    .et_pb_column_4_4 .ring-regel tr td:nth-child(4):before {
        content: "U sec: ";
    }
    
    .et_pb_column_4_4 .ring-regel tr td:nth-child(5):before {
        content: "I nom: ";
    }
    
    .et_pb_column_4_4 .ring-regel tr td:nth-child(6):before {
        content: "I max: ";
    }
    
    .et_pb_column_4_4 .ring-regel tr td:nth-child(7):before {
        content: "Kerngrösse: ";
    }
    
    
    
    
/*    Slider     */
    
    .et_pb_slide_description {
        padding: 16% 0;
    }
    
    
    
    
}


@media only screen and (max-width: 512px) {
    
    
/*    Slider     */
    .et_pb_slide_description {
        min-height: 30vh;
    }
    
/*    Footer     */
    
    div#footer-info, div#footer-menu {
        float: none;
    }
    
    #footer-bottom {
        padding: 20px 0;
    }
    
}