/*!
Theme Name: tegra
Theme URI: http://www.jsp-web.de/gallery/tegra/
Version: 1.0.0
Description: tegra .
Author: JSP-Web
Author URI: http://www.jsp-web.com
Template: Divi
Text Domain: tegra wordpress theme
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*


semibold: 600
light: 300
normal: 400
bold: 700


Überschrift:
    h1
    //color: #70706f;
    color: rgb(227, 7, 21);
    font-size: 33/44;
    font-family: 'OpenSans';

    h2
    font-size: 28/


4 Spalten //opensans semibold italic
    color: #70706f; // grau
    rgb(112, 112, 111)
        font-family: 'OpenSans';
    font-style: italic;
    font-weight: 400;

    font-size: 14px;
    line-height: 24px;


Body:
schwarz:
     //opensans light
    color: #000000;
    color: rgb(0, 0, 0);
    font-family: 'OpenSans';
    font-weight: 300;

    font-size: 14px;
    line-height: 24px;


slider text overlay
gruen: #97b867  rgba( 151, 184, 103, 0.3)

Linie grau : #70706f rgb(112, 112, 111)

grau footer : #70706f


 */


/* global */

body {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13pt;
    font-weight: 400;
    color: #595959;
    /* hyphens */
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

/* Header und Menü */

@media (max-width: 980px) {
    .et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
        display: block;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}

#main-header {
    -webkit-box-shadow: 0px 2px 10px 0px rgba(201,201,201,1);
    -moz-box-shadow: 0px 2px 10px 0px rgba(201,201,201,1);
    box-shadow: 0px 2px 10px 0px rgba(201,201,201,1);
}


#top-menu li a {
    text-transform: uppercase;
    font-family: "Open Sans Condensed", "Open Sans", Helvetica, Arial;
    font-weight: 300;
    font-stretch: 75%;
    font-size: 14pt;
    line-height: 16.8pt;
    color: #000;
}

@media (min-width: 981px) {
    ul#top-menu > li.menu-item:last-child .sub-menu {
        right: 0;
    }
}


#top-menu-nav > ul > li > a:hover,
#et-secondary-menu > ul > li > a:hover,
#et-info-email:hover, .et-social-icons a:hover {
    opacity: 0.7;
    color: rgb(227, 7, 21);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}


#top-menu li.current-menu-item >a {
    color: rgb(227, 7, 21);
}


/* Headlines */

.et_pb_row.tegra-linie {
    border-top-width: 1px;
    border-top-color: rgba(112, 112, 111, 0.7);
    border-top-style: solid;
}

.et_pb_row.tegra-headline .et_pb_text h1,
.et_pb_row.tegra-headline .et_pb_text h2,
.tegra-headline.et_pb_text h3,
.tegra-headline.et_pb_text h4 {
    text-align: center;
    font-style: italic;
    /* hyphens */
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
}

.et_pb_row.tegra-headline .et_pb_text h1,
.et_pb_row.tegra-headline .et_pb_text h2 {
     color: rgb(227, 7, 21);
}
.tegra-headline.et_pb_text h3,
.tegra-headline.et_pb_text h4 {
    color: rgb(112, 112, 111);
}

.et_pb_row.tegra-headline .et_pb_text h1 {
    font-size: 34pt;
    line-height: 1.333em;
}

.et_pb_row.tegra-headline .et_pb_text h2 {
    font-size: 28pt;
    line-height: 1.333em;
}
.tegra-headline.et_pb_text h3 {
    font-size: 28pt;
    line-height: 1.333em;
}
.tegra-headline.et_pb_text h4 {
    font-size: 22pt;
    line-height: 1.333em;
}

@media (max-width: 980px) {
    .et_pb_row.tegra-headline .et_pb_text h1 {
        font-size: 24pt;
    }
    .et_pb_row.tegra-headline .et_pb_text h2 {
        font-size: 18pt;
    }
    .tegra-headline .et_pb_text h3 {
        font-size: 24pt;
    }
    .tegra-headline .et_pb_text h4 {
        font-size: 18pt;
    }

}
/* Teaser Texte */

.tegra-teaser-4s.et_pb_row_4col .et_pb_text,
.tegra-teaser-4s.et_pb_row_4col .et_pb_text p{
    text-align: center;
    font-family: "Open Sans", Arial, sans-serif;
    color:  #70706f;
    font-style: italic;
    font-weight: 600;
    font-size: 14pt;
    line-height: 24pt;
}

.tegra-teaser-4s.et_pb_row_4col .et_pb_column_1_4:after {
    content: "";
    display: block;
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background-color: rgb(227, 7, 21);

}
.tegra-teaser-4s.et_pb_row_4col .et_pb_text li { min-height: 120px; }


.et_pb_column_4_4 .et_pb_slide {
    border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
}


.et_pb_button_module_wrapper {
    text-align: center !important;
}


/* Bilder Runde Ecke */

.tegra-rund {}
.et_pb_column_1_2:first-child img {
    border-bottom-left-radius: 20px !important;
}
.tegra-rund {}
.et_pb_column_1_2:last-child img {
    border-bottom-right-radius: 20px !important;
}

.et_pb_column_4_4:last-child {}
.et_pb_column_4_4 .rounded img{
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
}


/* Accordeon */

.et_pb_accordion.tegra-accordeon .et_pb_row {
    width: 100%;
    padding: 0em;
}

.et_pb_accordion.tegra-accordeon .et_pb_accordion_item {
    margin: 1em 0 ;
    padding: 0;
    border: 0;
}

.referenz > .et_pb_row {
    margin-left:0;
    margin-right:0;
}

/* Footer */

#main-footer {
    background-color: #70706f;
}
.tegra-footer {
    padding: 2em 0 1em;
    border-bottom-width: 1px;
    border-bottom-color: rgba(255, 255, 255, 0.7);
    border-bottom-style: solid;
}

#footer-widgets {
    padding: 1em 0 2em 0;
    font-size: 14pt;
    line-height: 24pt;
}

#footer-widgets .et_pb_widget a {
    color: #ffffff;
}
#footer-widgets .et_pb_widget a:hover {
    color: rgba(255,255,255,0.7);
}

@media (min-width: 981px){
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget {
        width: 25%;
    }
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-child(2){
        width: 31%;
    }
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-child(3){
        width: 22%;
    }
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget:nth-child(4){
        width: 22%;
    }

}
@media (min-width: 981px){
    .et_pb_gutters3 .footer-widget {
        margin-right: 0%;
        margin-bottom: 5.5%;
    }
}

#footer-widgets p {
    margin-bottom: 0;
    padding-bottom: 0.5em;
}

#footer-widgets .footer-widget li {
    position: relative;
    padding-left: 0px;
    display: block;
}
#footer-widgets .footer-widget li ul li {
    padding-left: 0.5em;
}

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

/* Tegra Slider */

.tegra-slider .et_pb_slide {
    padding: 0 0 0 50%;
    background-color: transparent;
}

.tegra-slider .et_pb_slide_description,
.tegra-slider .et_pb_slider_fullwidth_off .et_pb_slide_description {
    width: auto;
    margin: auto;
    padding: 50% 0 20% 2rem;
}

.tegra-slider .et_pb_bg_layout_dark.et_pb_slider_with_overlay .et_pb_slide_overlay_container,
.tegra-slider .et_pb_bg_layout_dark.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {
    background-color: rgba(23, 126, 0, 0.6); /* rgba(6, 84, 7, 0.6);*/
}

.tegra-slider .et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {
    padding: 30px 40px;
    border-radius: 0;
}

/* Texte */

@media only screen and (min-width: 768px) {
    .tegra-2spaltig {
        -webkit-column-count: 2;
        -webkit-column-gap: 30px;
        column-count: 2;
        column-gap: 30px;
    }

    .tegra-3spaltig {
        -webkit-column-count: 3;
        -webkit-column-gap: 30px;
        column-count: 3;
        column-gap: 30px;

    }
}

span.plazadur {
    white-space: nowrap;
}

em.plaza,
span.plazadur em{
    font-weight: 300;
}

strong.dur,
span.plazadur strong {
    font-weight: 600;
}


/* Farben Tabelle */

table.tabelle_breit{
    width: 100%!important;
    border: 0;
}
table.tabelle_breit td {
    padding: 0 0.5em 0.5em 0;
    text-align: center;
    vertical-align: top;
    width: 16.666%
}

table.tabelle_breit td img {
    width: 100%;
    height: auto;
}





#et_search_icon:hover, .mobile_menu_bar:before, .mobile_menu_bar:after, .et-social-icon a:hover, .comment-reply-link, .form-submit .et_pb_button, .entry-summary p.price ins, .woocommerce div.product span.price, .woocommerce-page div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page #content div.product span.price, .woocommerce div.product p.price, .woocommerce-page div.product p.price, .woocommerce #content div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button.alt.disabled:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .wp-pagenavi span.current, .wp-pagenavi a:hover, .et_password_protected_form .et_submit_button, .nav-single a, .posted_in a, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .footer-widget h4 {
    color: rgb(227, 7, 21);
}

:root {
    --svg-icon-raute: url('data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 20 28" style="enable-background:new 0 0 20 28;" xml:space="preserve"><g><path class="st0" fill="rgb(227, 7, 21)"d="M0,14L10,0l10,14L10,28L0,14z"/></g></svg>');
}

.svg-raute-rot,
.entry-content .et_pb_text div ul li {}

.entry-content .et_pb_text ul {
    padding-left: 0;
}
.et_pb_text ul li {
    list-style:none;
    position: relative;
    padding-left: 2em;
    line-height: 1.7em !important;
    font-style: italic;
}
.et_pb_text ul li:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 26px;
    background-position: 0 6px;
    background-repeat: no-repeat;
    background-image: url("images/bulletpoint_raute.svg");
    margin-left: -2em;
    background-size: contain;
}
/* Tegrae Toogle */

/* Section */
.tegra-toggle {
    padding: 0 !important;
    /*
    border-bottom-width: 1px;
    border-bottom-color: rgba(112, 112, 111, 0.7);
    border-bottom-style: solid;
    */
}

/* row clickable */
.tegra-toggle-head {
    padding: 12px 0 !important;
    border-top-width: 1px;
    border-top-color: rgba(112, 112, 111, 0.7);
    border-top-style: solid;
}
/*
.tegra-toggle > div:last-of-type {
    border-bottom-width: 1px;
    border-bottom-color: rgba(112, 112, 111, 0.7);
    border-bottom-style: solid;
}
*/

.tegra-toggle-head h1 ,
.tegra-toggle-head h2 {
    text-align: center;
    font-style: italic;
    /* hyphens */
    -moz-hyphens: manual;
    -o-hyphens: manual;
    -webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;

}


/* row shrinkable */
.tegra-toggle-body {

}

.tegra-toggle > div.tegra-toggle-body {
    height: auto;
    visibility: visible;
    display: block;
    transition: height 3s;
    overflow: hidden;
}

.tegra-toggle.collapsed > div.tegra-toggle-body  {
    height: 0;
    display: none;
}




/*
.et_pb_text ul li:before { background-position: 0px -16px; }
 */

/*
body .et_pb_button, .woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce-message a.button.wc-forward {
    background-color: #e30715;
    border-color: #e30715;
    border-radius: 18px;
}
body .et_pb_bg_layout_light.et_pb_button:hover, body .et_pb_bg_layout_light .et_pb_button:hover, body .et_pb_button:hover {
    color: #e30715 !important;
    background-color: #ffffff;
    border-color: #e30715 !important;
    border-radius: 18px;
}
*/

/* Fly-In Menü */

.flyin {
    position: fixed;
    left: calc(100% - 60px);
    width: 60px;
    height: 100px;
    background: rgb(227, 7, 21);
    color: #ffffff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    overflow:hidden;
    z-index: 100001;
    transition: all .3s ease-in-out 0s;
/*    -webkit-animation: slide 0.5s forwards;
    -webkit-animation-delay: 2s;
    animation: flyin 0.5s forwards;
    animation-delay: 2s;
*/

}
.flyin.tennis {
    top: calc(50% - 150px);
}
.flyin.reiten {
    top: calc(50% - 50px);
}
.flyin.suche {
    top: calc(50% + 50px);
}

.flyin .flyin-icon {
    width: 65px;
    height: 100px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    float:left;
}
.flyin.tennis .flyin-icon {
    background-image: url("images/icon_tennis.svg");
}
.flyin.reiten .flyin-icon {
    background-image: url("images/icon_reiten.svg");
}
.flyin.suche .flyin-icon {
    background-image: url("images/icon_suche.svg");
}

.flyin a { color: #ffffff !important;}

.flyin .flyinbody {
    float: left;
    padding-top: 1em;
    padding-bottom: 1em;
    font-family: "Open Sans Condensed", "Open Sans", Helvetica, Arial;
    font-stretch: 75%;
}

.flyin span.subline {
    font-size: 14px;
}

.flyin:hover,
.flyin.aktiv {
    width: 320px;
    left: calc(100% - 320px);
}

.flyin.suche .flyinbody {
    padding-top: 1.5em;
}

.flyin input[type=text] {
    background-color: transparent;
    border: 1px solid #ffffff;
    padding: 1em 0.7em;
    color: #ffffff;
}
.flyin input[type=text]::placeholder {
    color: #ffffff;
}


/*@-webkit-keyframes flyin {
    100% { left: 0; }
}

@keyframes flyin {
    100% { left: 0; }
}

*/

/* weisse welle startslider */

div.et_pb_module.welle {
    position:absolute;
    margin-top: -90px;
    z-index: 9;
    border-bottom-width: 56px;
    border-bottom-color: #FFFFFF;
    margin-bottom: -90px;
    width: 100%;
/*    width: 100vW; */
    max-width: 100%;
    max-height: 180px;
    overflow: hidden;
}

.menu-item a { hyphens: none;}

/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local(''),
    url('fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-500 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('fonts/open-sans-v34-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('fonts/open-sans-v34-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-condensed-300normal - latin-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src:
            local('Open Sans Condensed Light'),
            local('OpenSansCondensed-Light'),
            url('fonts/open-sans-condensed-latin-ext-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonts/open-sans-condensed-latin-ext-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-condensed-300italic - latin-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: italic;
    font-display: swap;
    font-weight: 300;
    src:
            local('Open Sans Condensed Light Italic'),
            local('OpenSansCondensed-LightItalic'),
            url('fonts/open-sans-condensed-latin-ext-300-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonts/open-sans-condensed-latin-ext-300-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-condensed-700normal - latin-ext */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src:
            local('Open Sans Condensed Bold'),
            local('OpenSansCondensed-Bold'),
            url('fonts/open-sans-condensed-latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
            url('fonts/open-sans-condensed-latin-ext-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}