/* ------------------------------------------------------------------------------------------------------------------->>>>> Änderungen in der main.js */

/*

    //////////////////////////////////////////////////////////////////////////////////////////////
	//Alternativer Preloader von edd - custom.css und index.html auch angepasst                 //
	//////////////////////////////////////////////////////////////////////////////////////////////


$(window).on('load', function() { // makes sure the whole site is loaded 
  $('#status').delay(550).fadeOut(); // will first fade out the loading animation 
  $('#preloader').delay(550).fadeOut('slow'); // will fade out the white DIV that covers the website. 
  $('body').delay(500).css({'overflow':'visible'});
})




	//////////////////////////////////////////////////////////////////////////////////////////////
	//smooth scroll interne Links- #klaassen hinzugefügt - single page localscroll and scrollspy//
	//////////////////////////////////////////////////////////////////////////////////////////////

if (jQuery().localScroll) {
		jQuery('.mainmenu_wrapper > ul, .mainmenu_side_wrapper > ul, #land, #slider').localScroll({
			duration:900,
			easing:'easeInOutQuart',
			offset: -navHeight+10
		});
	}



	//////////////////////////////////////////////////////////////////////////////////////////////
	//init Bootstrap JS components - aus main.js entnommen - erste Tab wird nicht geöffnet     //
	//////////////////////////////////////////////////////////////////////////////////////////////

//bootstrap collapse - show first tab 
	jQuery('.panel-group').each(function() {
		jQuery(this).find('a').first().filter('.collapsed').trigger('click');
	});





///////////////////////////////////////////////////////////////////////////
//single page localscroll and scrollspy - genauer Abschluß beim scrollen //
///////////////////////////////////////////////////////////////////////////

var navHeight = jQuery('.page_header').outerHeight(true);
if (jQuery('.mainmenu_wrapper').length) {
    $body.scrollspy({
        target: '.mainmenu_wrapper',
        offset: 110
    })
}
if (jQuery('.mainmenu_side_wrapper').length) {
    $body.scrollspy({
        target: '.mainmenu_side_wrapper',
        offset: 110
    });
}
if (jQuery().localScroll) {
    jQuery('.mainmenu_wrapper > ul, .mainmenu_side_wrapper > ul, .sf-more-li > ul, #land').localScroll({
        duration:900,
        easing:'easeInOutQuart',
        offset: -100
    });
}



///////////////////////////////////////////////////////////////////////////
//single page localscroll and scrollspy - smooth scrolling Dropdown-Menü //
///////////////////////////////////////////////////////////////////////////

// var wrapperWidth = jQuery('.sf-menu').width();
var wrapperWidth = $menuWraper.outerWidth(true);
$menuLis.each(function(index) {
    var elementWidth = jQuery(this).outerWidth();
    summaryLiWidth += elementWidth;
    if(summaryLiWidth >= (wrapperWidth-logoWidth)) {
        var $newLi = jQuery('<li class="sf-more-li"><a>...</a><ul /></li>');
        jQuery($menuLis[index - 1 ]).before($newLi);
        var newLiWidth = jQuery($newLi).outerWidth(true);
        var $extraLiElements = $menuLis.filter(':gt('+ ( index - 2 ) +')');
        $extraLiElements.clone().appendTo($newLi.find('ul'));
        $extraLiElements.addClass('sf-md-hidden');
        var navHeight = jQuery('.page_header').outerHeight(true);
        if (jQuery().localScroll) {
            jQuery('.sf-more-li > ul').localScroll({
                duration:900,
                easing:'easeInOutQuart',
                offset: -100
            });
        }
        return false;
    }
});


<input type="checkbox" required="required" oninvalid="this.setCustomValidity('{s name="AGBValidity"}Bitte bestätigen Sie mit diesem Häkchen unsere AGB{/s}')" oninput="setCustomValidity('')" aria-required="true" id="sAGB" name="sAGB"{if $sAGBChecked} checked="checked"{/if} />;



*/








/* ------------------------------------------------------------------------------------------------------->>>>>intro slider inside content Biggi verkürzt */



@media (min-width: 992px) {
    
    .intro_section .slide_description_wrapper {
        padding-left: 16px !important;
    }
}




/* ------------------------------------------------------------------------------------------------>>>>>Praxis: zentrierter Umbruch*/

@media (max-width: 992px) {
    .ed_filter {
        margin-left: 10% !important;
        margin-right: 10% !important;
    }
}

/* ------------------------------------------------------------------------------------------------------------------->>>>>Slider */

@media (max-width: 992px) {
    .intro_section .flexslider .slide_description {
        padding-bottom: 60px;
    }

    .intro_section {
        background-color: #7e7d82;
    }

    .intro_section p {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> Footer */

.tel:before {
    content: "\f095";
    color: #fff;
    font-family: "FontAwesome";
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> BG für 404 */

@media (min-width: 992px) {
    .section_404.background_cover {
        background-image: url(../images/06_404/404-frauenaerztin-dr-klaassen.jpg);
    }
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> Sprechzeiten */

.tab {
    display: inline-block;
    width: 30px;
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> kolpingstraße */
.tab2 {
    display: inline-block;
    width: 18px;
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> B: DR. Klaassen Akkordeon / Collapse: keine Freizeile oben */

.collapse-unstyled .panel h4 {
    margin: 0px;
}

ol,
ul {
    margin-bottom: 0px;
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> B: Einleitung breiter */

.text-center .section_header + hr + p,
.section_header.text-center + hr + p {
    max-width: 700px;
}

/*-------------------------------------------------------------------------------------------------->>>>>>>>>>>>> Isotope - Lightroom Nummereierung angepasst.*/

.pp_nav p {
    margin: 2px 6px;
}

/*-------------------------------------------------------------------------------------------------->>>>>>>>>>>>> Padding/Margin: Abstände anpassen */

.pktb {
    padding-top: 90px;
    padding-bottom: 89px;
}

.pttb {
    padding-top: 75px;
    padding-bottom: 35px;
}

.pltb {
    padding-top: 75px;
    padding-bottom: 79px;
}

.pptb {
    padding-top: 78px;
    padding-bottom: 60px;
}

.pmt {
    padding-top: 70px;
}

.pkotb {
    padding-top: 30px;
    padding-bottom: 84px;
}

.pntb {
    padding-top: 84px;
    padding-bottom: 53px;
}

.pitb {
    padding-top: 80px;
    padding-bottom: 83px;
}

.mm9t {
    margin-top: -9px !important;
}

.m0b {
    margin-bottom: 0px !important;
}

.m7b {
    margin-bottom: 7px !important;
    margin-top: 25px !important;
}

.m28b {
    margin-bottom: 28px !important;
}


.m15t {
    margin-top: 15px !important;
}

.p30b {
    padding-bottom: 30px;
}

.p0rl {
    padding-right: 0px !important;
    padding-left: 0px !important;
}


/* ------------------------------------------------------------------------------------------------------------------->>>>>Dr.Klaassen: Linkfarbe angepasst */

.ed_link {
    color: #7e7d82 !important;
    text-decoration: underline;
}

.ed_link:hover {
    color: #1b9db3 !important;
    text-decoration: underline;
}

.ed_link_gallery {
    color: #fff !important;
}

.ed_link_gallery:hover {
    color: #1b9db3 !important;
}

/* ------------------------------------------------------------------------------------------------------------------->>>>>Topline: Linkfarbe angepasst */

.ed_link_top {
    color: #fff !important;
    text-decoration: none;
}

.ed_link_top:hover {
    color: #fff !important;
    text-decoration: underline;
}




/* ------------------------------------------------------------------------------------------------------------------->>>>> Akkordeon / Collapse: Abstand von oben */

.tab-content.no-border {
    padding-top: 0px;
    padding-bottom: 16px;
}

.panel-group .panel + .panel {
    margin-top: 0px;
}



/* ------------------------------------------------------------------------------------------------------------------->>>>> Listenpunkt: Einrücken verhindern */

.ul_padd {
    padding-left: 18px;
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> Text anpassen */

/* Ganz oben Tel + Mail */

.ed_font_1 {
    font-weight: 400;
    letter-spacing: 0.03em;
}

/* Dr. Klaassen */

.ed_font_2 {
    letter-spacing: 0.02em;
}

/* Dr. Klaassen */

.ed_font_3 {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 27px;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
}

/* Datenschutz */

.ed_font_3_d {
    font-weight: 600 !important;
    font-size: 16px !important;
    line-height: 27px;
    letter-spacing: 0.02em;
    margin-bottom: 22px;
}

/* Team unten */

.ed_font_4 {
    padding-top: 5px;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    letter-spacing: 0.02em !important;
    text-transform: none !important;
}

/* Leistungen */

.ed_font_5 {
    font-weight: 700 !important;
    letter-spacing: 0.1em !important;

}

/* Team oben */

.ed_font_6 {
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    line-height: 20px !important;
}

/* Footer Fließtext*/

.ed_font_7 {
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 27px !important;
    letter-spacing: 0.03em !important;
    text-transform: none !important;
}

/* Headlines*/

.ed_font_8 {
    font-weight: 600 !important;
}

/* Footer Fließtext*/

.ed_font_9 {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    letter-spacing: 0.03em !important;
}

.ed_font_10 {
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400 !important;
    font-size: 24px !important;
    letter-spacing: 0.03em !important;
}

/* Filter */

.ed_font_11 {
    font-weight: 400 !important;
    letter-spacing: 0.02em !important;
    font-size: 19px !important;
    line-height: 1.5;
    text-transform: none !important;
}

/* Einleitungstexte */

.ed_intro {
    font-size: 19px !important;
    line-height: 1.5;
    letter-spacing: 0.02em;
}

.ed_no_padd {
    margin-bottom: 0px !important;
}

.thumbnail h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700 !important;
    margin-bottom: 2px;
    letter-spacing: 0.02em;
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> Navbar Textgröße */

.sf-menu a {
    font-weight: 600 !important;
}


/* ------------------------------------------------------------------------------------------------------------------->>>>> Bild Preloader */




/* Preloader */


#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* change if the mask should have another color then white */
    z-index: 1999;
    /* makes sure it stays on top */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    /* centers the loading animation horizontally one the screen */
    top: 50%;
    /* centers the loading animation vertically one the screen */
    background-image: url(../images/preloader/preloader.gif);
    /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
    /* is width and height divided by two */
}


/* ------------------------------------------------------------------------------------------------------------------->>>>> Slider Grauschleier entfernen */

.intro_section > img,
.intro_section .slides > li > img {
    opacity: 1;
}

.intro_section img {
        opacity: 1;
    }

/* ------------------------------------------------------------------------------------------------------------------->>>>> Slider Text */

@media (min-width: 1200px) {
    .intro_section h3 {
        /* font-size: 40px; /* 22.07.25 */
        /* max-width: 450px; /* 22.07.25 */
        font-weight: 600 !important;
    }
}

.intro_section h3 {
    line-height: 1.3;
    font-weight: 600 !important;
}

.intro_section p {
    font-size: 19px;
    margin: 35px 0 40px;
    /*max-width: 370px; /* 22.07.25 */
    max-width: 550px; /* 22.07.25 */
    line-height: 1.5;
    letter-spacing: 0.03em;
    font-weight: 400px !important;
}

/* ------------------------------------------------------------------------------------------------------------------->>>>> Verlaufsfarbe wie Logo */

.header_gradient,
.gradient:before,
.dark_gradient:before {
    background: #1b9db3;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #1b9db3), color-stop(100%, #148358));
    background: -webkit-linear-gradient(left, #1b9db3 0%, #148358 100%);
    background: linear-gradient(to right, #1b9db3 0%, #148358 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=1);
}

.vertical_gradient:before {
    background: #1b9db3;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #1b9db3 0%, #148358 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #1b9db3 0%, #148358 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$mainColor', endColorstr='$mainColor2', GradientType=0);
    /* IE6-9 */
}

.darken_gradient:before {
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000', GradientType=0);
}




/* ------------------------------------------------------------------------------------->>>>> Button anpassen */


.theme_buttons a,
.theme_button,
.wc-proceed-to-checkout .checkout-button,
.buttons a,
button,
input[type="submit"] {
    font-weight: 700 !important;
    letter-spacing: 0.1em;
}


@media (max-width: 418px) {
    
    .ed_button_right{
        border-bottom-left-radius: 25px !important;
        border-bottom-right-radius: 25px !important;
        border-top-left-radius: 25px !important;
        border-top-right-radius: 25px !important;
    }

    .ed_button_left{
       border-bottom-left-radius: 25px !important;
        border-bottom-right-radius: 25px !important;
        border-top-left-radius: 25px !important;
        border-top-right-radius: 25px !important;
    }
    
}

.ed_button_right{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 25px;
    padding-left: 27px !important;
}

.ed_button_left{
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 25px;
    border-top-right-radius: 0px;
    padding-right: 27px !important;

}

.color_ed {
    color: #fff !important;
    border-color: #1b9db3 !important;
    background-color: #1b9db3 !important;
}

.color_ed:hover,
.color_ed:focus,
.color_ed:active {
    color: #1b9db3 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

.color_ed_2 {
    color: #fff !important;
    border-color: #1b9db3 !important;
    background-color: #1b9db3 !important;
}

.color_ed_2:hover,
.color_ed_2:focus,
.color_ed_2:active {
    color: #fff !important;
    background-color: #148358 !important;
    border-color: #148358 !important;
}

/* ------------------------------------------------------------------------------------->>>>> geteilter Button Biggi Test */


.color_ed_3 {
    color: #1b9db3 !important;
    border-color: #fff !important;
    background-color: #fff !important;
}


.color_ed_3:hover,
.color_ed_3:focus,
.color_ed_3:active {
    color: #fff !important;
    background-color: #1b9db3 !important;
    border-color: #1b9db3 !important;
}



/* ------------------------------------------------------------------------------------->>>>> Button "senden" nach rechts/links verschieben + Abstand anpassen */

@media (max-width: 460px) {
    .ed_senden {
        float: left !important;
        margin-top: 10px;
        margin-left: 0px !important;
        margin-right: 60px !important;
    }
}


.ed_senden {
    float: right;
    margin-left: 10px;
}


.ed_captcha {
    border-radius: 10px;
    height: 50px;
    width: auto;
    margin-bottom: 4px;
    margin-right: 10px;
    border: #f2f2f2 solid 1px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------->>>>> Textfarbe: weiß */

.ed_weiss_text {
    color: #fff !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------->>>>> Hintergrundfarbe: weiß */

.ed_weiss_bg {
    background-color: #fff !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------->>>>> Hintergrundfarbe: grau */

.ed_grau_bg {
    background-color: #f2f2f2 !important;
}

/* ------------------------------------------------------------------------------------------------------------------------------------>>>>> Logo: Text Anpassungen */

a.logo img + .logo_text {
    text-align: left;
}

a.logo img + .logo_text span {
    display: block;
    text-transform: none;
}

a.logo img + .logo_text .title {
    font-size: 22px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0.02em;
}

a.logo img + .logo_text .title + span {
    font-size: 12px;
    margin-top: 6px;
    font-weight: 400;
    /* ------>>>>> Nicht verändert! */
    opacity: 1;
    letter-spacing: 0.02em;
}

/*-------------------------------------------------------------------------------------------------->>>>>>>>>>>>> Leistungen: vertical tabs - Farben geändert */

.vertical-tabs .nav > li > a {
    background-color: #1b9db3;
    /*#f2f2f2;*/
    color: #fff;
}

.vertical-tabs .nav > li > a:after {
    color: #fff;
}

.vertical-tabs .nav > li.active a,
.vertical-tabs .nav > li > a:hover {
    background-color: #148358;
    color: #ffffff;
}

.vertical-tabs .nav > li.active a:after,
.vertical-tabs .nav > li > a:hover:after {
    color: #ffffff;
}

/*-------------------------------------------------------------------------------------------------->>>>>>>>>>>>> Leistungen: regular tabs - Farben geändert */

.panel-heading .panel-title > a {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 700 !important;
    line-height: 1;
    display: block;
    padding: 18px 50px 18px 30px;
    background-color: #148358;
    color: #ffffff;
    border: none;
    border-radius: 25px;
    word-wrap: break-word;
}

.panel-heading .panel-title > a.collapsed {
    color: #fff;
    background-color: #1b9db3;
}

.panel-heading .panel-title > a.collapsed:hover {
    color: #fff;
    background-color: #148358;
}

.panel-heading .panel-title > a.collapsed:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #fff;
}


/*-------------------------------------------------------------------------------------------------->>>>>>>>>>>>> Sprechzeiten/Kontakt margin reduziert */

.zeiten p {
    margin-bottom: 0px;
}



@media (max-width: 991px) {
        #sprechzeiten{
            margin-top: 35px;
    }
}




/*--------------------------------------------------------------------------------->>>>>>>>>>>>>>>>>>>> Farbe vom Hamburger geändert - Mobile menu toggler  */

.ls .toggle_menu span,
.ls .toggle_menu span:before,
.ls .toggle_menu span:after,
.header_white .toggle_menu span,
.header_white .toggle_menu span:before,
.header_white .toggle_menu span:after {
    background-color: #1b9db3;
}


/*--------------------------------------------------------------------------------->>>>>>>>>>>>>>>>>>>>  - Mobile menu angepasst  */

@media (max-width: 991px) {
    .sf-menu {
        background-color: #fff;
        text-align: left;
    }
    .sf-menu a {
        color: #7e7d82!important;
        letter-spacing: 0.05em !important;
        font-weight: 600 !important;
    }

    .sf-menu a:hover {
        color: #1b9db3!important;
    }
}

.toggle_menu.mobile-active {

    position: fixed;
    background-color: rgba(27, 157, 181, 0);
    opacity: 1;
    top: 5px;
    /*---->>> X verschoben  */
    right: 5px;
    /*---->>> X verschoben  */
    border: #fff solid 1px;
    /*---->>> Rahmen um X  */
    -webkit-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;
}

.sf-menu {
    -webkit-transition: all 0s ease-out 0s;
    transition: all 0s ease-out 0s;

}

.toggle_menu.mobile-active:after {
    position: absolute;
    top: 14px;
    left: 10px;
    font-family: 'rt-icons-2';
    content: "\e117";
    font-size: 27px;
    color: #1b9db3;
    font-weight: 200;
}



.mobile-active .mainmenu_wrapper {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    /*---->>> kein schwarzer Hinterleger  */
}

.mobile-active .sf-menu {
    opacity: 1;
    right: 0px;
    /*---->>> keine Kante  */
}

/*--------------------------------------------------------------------------------->>>>>>>>>>>>>>>>>>>>  - verhindert das Sliderzucken am Anfang  */

.intro_section .slide_description > * {
    visibility: hidden;
}