/*
Theme Name: Wootstrap
Theme URI: http://mehne.biz
Description: Design: Annette Österreicher. Development by Kai Meinhardt. It is not allowed for usage by others. Thank you.  
Author: Kai Meinhardt / Annette Österreicher
Version: 0.9.8 beta
*/


/* Fonts importieren */
/*@import url('//klassische-homoeopathie-bad-homburg.de/wp-content/themes/mehne-custom/includes/typography.css');*/
/*@import url(//klassische-homoeopathie-bad-homburg.de/wp-content/uploads/omgf/local-stylesheet-import-56/local-stylesheet-import-56.css);*/
/*@import url(//klassische-homoeopathie-bad-homburg.de/wp-content/uploads/omgf/local-stylesheet-import-102/local-stylesheet-import-102.css);*/
@import url('//klassische-homoeopathie-bad-homburg.de/wp-content/uploads/omgf/local-stylesheet-import-73/local-stylesheet-import-73.css');
/*@import url('//klassische-homoeopathie-bad-homburg.de/wp-content/uploads/omgf/local-stylesheet-import-69/local-stylesheet-import-69.css');*/
    
/* kleiner reset */
*:focus {
    outline: none;   
}

html, body {
    margin: 0;
    padding: 0;
    font-family: 'Alegreya Sans', sans-serif;
    color: #4d3a40;
    font-size: 10px;
    line-height: 1.375em;
}

body {
    font-size: 19px;
}

.container-fluid {
    
}

img { max-width: 100%; height: auto; }
iframe { 
    /* use bootstrap classes to achive this */ 
    /*
    <!-- 16:9 aspect ratio -->
    <div class="embed-responsive embed-responsive-16by9">
      <iframe class="embed-responsive-item" src="…"></iframe>
    </div>

    <!-- 4:3 aspect ratio -->
    <div class="embed-responsive embed-responsive-4by3">
      <iframe class="embed-responsive-item" src="…"></iframe>
    </div>
    */
}

/* wordpress klassen */
.alignright {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

.alignleft {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* bootstrap heading-reset */
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400;}


h1, h1 a { 
    font-family: sans-serif;
    font-size: 1.14em;
    color: #d1005d;
    position: relative;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: 3px;
}

h2, h2 a { 
    
    font-size: 2.9rem; /*2.1rem;*/
    line-height: 1.3em;
    font-weight: 500;
    color: #d1005d; 
    letter-spacing: 1px;
    margin-bottom: 0.571em;
}

h3, h3 a { 
    font-size: 1.9rem;
    line-height: 1.375em;
    font-weight: 500;
    color: #4d3a40;
    margin-bottom: .8em;
    margin-top: 1.2em;
}

h3.widgettitle {
    color: #d1005d;
    text-transform: uppercase;
}

h4, h4 a { 
    font-size: 1.8rem;
    line-height: 1.375em;
    font-weight: 700;
    color: #3f413d;
    margin-bottom: .8em;
    margin-top: 1.2em;
}

h5, h5 a { 
    font-size: 1.083em;
    font-weight: 500;
    color: #d1005d;
    background-color: rgba(169,0,0,.05);
    padding: 0.3em 0 .3em .7em;
    margin-bottom: .9em;
}

h6, h6 a { 
    font-size: 1.167em;
    font-weight: 900;
    color: #8b8b8e; 
}


/* Nur wenn Bootstrap-Slider verwendet wird: */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    margin: auto;
}
/* Ende Bootstrap Slider */


/* Anpassungen individuell für diese Seite */

.page-header {
    border: 0;
    margin: 0; /* standard 40 0 20 */
    padding: 0; /* standard 9 */
}

.navbar-default {
    background: transparent;
    padding: 0;
    margin: 0;
    border: 0; /*wichtig*/
    max-width: 100%;
    border-radius: 0;
    
    -webkit-box-shadow: none;
    box-shadow: none;
    
    /*font-family: 'Ubuntu Condensed', sans-serif;*/
    font-family: 'Alegreya Sans', sans-serif;
}

.navbar-collapse {
    border-color: transparent;
    width: 100%; /* wichtig für FF! */
    /*font-family: 'Ubuntu Condensed', sans-serif;*/
    font-family: 'Alegreya Sans', sans-serif;
}

.navbar-header {
    /* bootstrap reset */
    float: none;
    /**/
    background: #fff;
}


/* mobiler Button */
.navbar-default .navbar-toggle {
    background-color: rgba(45,45,45,0);
    border: 0px;
    border-radius: 0px;
    margin: 0;
    padding: 11px 15px 10px 10px;
}

.navbar-default .navbar-toggle:focus, 
.navbar-default .navbar-toggle:hover {
    background-color: rgba(45,45,45,0);
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #d1005d;
    height: 6px;
    border-radius: 0px;
    width: 42px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}

/* Ende mobiler Button */


.navbar-brand {
    /* bootstrap resets */
    line-height: 100%;
    height: auto;
    /* individuell */
    width: 100%;
    padding: 0;
}

.logo {
    /* immer gleich */
    display: block;
    padding: 0;
    /*margin: 0;*/
    /*background: url(//klassische-homoeopathie-bad-homburg.de/wp-content/themes/mehne-custom/images/TAM_Smartphone.svg) no-repeat;*/
    background: url(//klassische-homoeopathie-bad-homburg.de/wp-content/themes/mehne-custom/images/TAM_Smartphone.png) no-repeat;
    background-size: contain;
    text-indent: -9999px;
    background-position: 50%;
    
    color: #fff;
    
    max-width: 460px;
    margin: auto;
}

.logo:after {
    border: 0 !important;   
}

a.navbar-brand, a.navbar-brand:hover {
    text-decoration: none!important;
    overflow: hidden;
}

/**/
.nav li.close-menu {
    display: none!important;
}

/* Menü - Ebene 1 und Tiefer */
.nav>li {
    position: static;
}

.nav>li a {
    font-size: 1.751rem;
    text-align: left;
    text-transform: none;
    letter-spacing: 1px;
}

/* Menü - Ebene 1 */
.nav>li>a {
    padding: 7px 15px 8px 25px;
    margin: 0;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #998a85;
    color: #fbebcc;
    font-weight: 400;
}
/*
.nav>li:nth-child(2)>a {
    border-top-width: 1px;
}
*/
.nav>li.disable a {
    min-height: 38px;
    pointer-events: none;
    cursor: default;
    color: #746363;
}

body:not(.home) .nav>li.current-menu-item>a,
body:not(.home) .nav>li.current-menu-ancestor>a {
    color:#d1005d;
    font-weight: 500;
    background-color: #fff; 
}

.nav>li>a:focus, 
.nav>li>a:hover {
    font-weight: 500;
    background-color: #908282; 
}

.menu-item-has-children {
    cursor: pointer;
    position: relative; /*for position of menu level 3*/
    background: transparent; /*mobile*/
}

/* sorgt dafür, dass submenüs sichtbar werden bei hover */
.menu-item-has-children:hover > ul {
    display: block;
    height: 100%;
}

/*
.menu-item-has-children > a:after {
    content: '\f107';
    font-family: FontAwesome;
    color: rgb(170,135,67);
    padding-left: .5em;
    font-size: .8em;
    vertical-align: text-bottom;
}
*/
/* Untermenüs */
.navbar .sub-menu,
.dropdown-menu {
    /*resets*/
    list-style: none;
    padding: 41px 0 0 0;
    margin: 0;
    border:0;
    border-radius: 0;
    
    /*mobile*/
    
    width: 100%;
    float: none;
    background: transparent;
    
    position: absolute;
    top: 0px!important;
    left: 100%!important;
    
    /* shadows */
    
        -moz-box-shadow: 10px 5px 15px 5px rgba(0,0,0,.2);
        -webkit-box-shadow: 10px 5px 15px 5px rgba(0,0,0,.2);
        box-shadow: 10px 5px 15px 5px rgba(0,0,0,.2);
    
    
    /*indiv. background */
    background: rgba(255,255,255,.85);
}

.nav .dropdown-menu > li {
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #bfb6b3;
}
/*
.nav .dropdown-menu > li:nth-child(2) {
    border-top-width: 1px;
}*/

.arrow {
    display: inline-block;
    width: 13%;
    color:#d1005d; 
    padding-left: 2rem;
}

.nav .dropdown-menu > li > a {
    display: inline-block;
    width: 87%;
    color:#4d3a40; 
    background-color: transparent;
    line-height: 1.2em;
    text-align: left; /* mobil */
    font-weight: 300;
    padding: 8px 25px;
    letter-spacing: 0px;
    
}

.nav .sub-menu > li:hover i,
.nav ul.sub-menu>li.current-menu-item>a,
.nav .sub-menu > li > a:hover {
    background-image: none; /*reset important*/
    background-color: transparent;
    color: #d1005d;
    
    text-decoration: none;
}

.nav .sub-menu .sub-menu > li > a {
  
    background-color: transparent;
}



.obalken:before {
    display: inline-block;
    content:'.';
    background-color: #d1005d;
    color: #d1005d;
    height: 43px;
    position: absolute;
    margin-top: -1px;
    width: 10px;
    padding-right: 10px;
    z-index: 999;
}





/* Farbdefinitionen */
.orange {color: #d1005d;}
a, a:active, a:focus, a:visited {
    color: rgb(42,42,42);
}

a:hover {
    color: rgb(130,178,175);
}

/* MAIN */
article p {
    font-weight: 300;   
}

article a, article a:active, article a:focus, article a:visited {
    color: #d1005d;
    text-decoration: none;
}

article a:hover, .home article a:hover {
    color: #d1005d;
    text-decoration: underline;
}

article ul, article ol {
    list-style: none;  
    padding-left: 43px;
}

article li {
    font-weight: 300;   
}

article ul li {
    padding-left: 0rem;
    text-indent: -1.4rem;
    margin-bottom: 0.3em;
    
}

/*
.home article ul li {
    padding-left: 0rem;
    text-indent: -1.4rem;
    color: #d1005d;
    margin-bottom: 0.3em;
}
*/

article ul li:before {
    content: '\f111';
    font-family: FontAwesome;
    color: #d1005d;
    font-size: .4em;
    position: relative;
    top: 0.2em;
    vertical-align: bottom;
    margin-right: 1.3em;
}

article ul ul {
    padding-top: .2em;
}

article ul ul li:before {
    color: #3f413d;
}

article ol { counter-reset: item; }
article ol li:before {
    content: counter(item) ".";
    counter-increment: item;
    color: #d1005d;
    margin-right: .7em;
}

article img {
    max-width: 100%;
    height: auto;
}

article .thumb  {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow: hidden; /*??*/
    background-color: #746363;
}
article .thumb img {
    width: 100%;
    height: auto;
}

article blockquote {
    color: #4d3a40;
    font-style: italic;
    font-size: 1.9rem;
    line-height: 1.5em;
    font-weight: 300;
    border-left: 0;
    padding-left: 1.7em;
    padding-top:5px;
    padding-bottom: 15px;
}

article blockquote:before {
    content: '\201d';
    color: #d1005d;
    font-weight: 700;
    font-size: 4.7rem;
    position: absolute;
    left: 10px;
}

figure {
    max-width: 100%;
}

article .wp-caption-text {
    background: #fff;
    color: rgb(70,70,70);
    padding-bottom: 24px;
    padding-left: 28px;
    padding-right: 27px;
    font-size: 0.833em;
}


button {
    border: 0;
    background-color: rgb(56,125,170);
    color: #fff;
    font-size: .833em;
    min-height: 2.2em;
    padding: 0px 25px;
    border-radius: 4px;
    line-height: 2.2em;   
}

button:hover {
    background-color: rgb(38,103,146);   
}


button:active {
    background-color: rgb(38,103,146);   
    -webkit-box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
    box-shadow: inset -5px 5px 14px -4px rgba(0,0,0,0.75);
}

/* 
 * Wordpress Gallery 
 */
.gallery:after {
    content: ' ';
    display: block;
    clear: both;
}

.gallery-item {
    float:left;
    margin-right: 3%;
    margin-bottom: 1rem;
}

.gallery-item img {
    width: 100%;
    height: auto;
}


/* the different columns */
.gallery-columns-3 .gallery-item {
    width: 30.33%;
}

.gallery-item:nth-child(3n) {
    margin-right: 0;
}


/* 
 * PAGINATION 
 */
.pagination li:before {
    content: "";
    display: none;
}

/* standard-status */
.pagination li a,
.pagination>li.inactive>a:focus, .pagination>li.inactive>a:hover, .pagination>li.inactive>span:focus, .pagination>li.inactive>span:hover {
    color: #33c660;
    font-weight: 600;
    background-color: #f2f9f4;
    border-color: #f2f9f4;
    margin-right: 3px;
    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    
    padding-left: 2.9rem;
}

.pagination li.inactive a,
.pagination>li.inactive>a:focus, .pagination>li.inactive>a:hover, .pagination>li.inactive>span:focus, .pagination>li.inactive>span:hover {
    cursor: default;
    color: #c6c6c6;
}

/* hover-status */
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    background-color: #4fd076;
    border-color: #4fd076;
    color: #fff;
    
    -webkit-box-shadow: 0 0 29px 5px rgba(0,255,77,.51);
    -moz-box-shadow: 0 0 29px 5px rgba(0,255,77,.51);
    box-shadow: 0 0 29px 5px rgba(0,255,77,.51);
}

/* active-status */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #4fd076;
    border-color: #4fd076;
    cursor: pointer;
}

/* inactive-status */
.pagination .inactive a {
    pointer-events: none;
}

/* erstes und letztes element (bootstrap reset) */
.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span {
    
}



aside {
    position: relative;
    top: -1rem;
}

aside li.widget {
    list-style: none;
    /*font-family: 'Ubuntu Condensed', sans-serif;*/
    font-family: 'Alegreya Sans', sans-serif;
}

aside li.widget ul {
    padding-left: 1.5rem;
}

aside li.widget a {
    color: #746363;
    /*font-family: 'Ubuntu Condensed', sans-serif;*/
    font-family: 'Alegreya Sans', sans-serif;
}



/* FOOTER */
.page-footer {
    
}

.page-footer .nav  {
    display: inline-block;
}

.page-footer .nav li {
    float: left;
}

.page-footer .nav li a {
    font-size: 1.6rem;
    padding: 1em;
}


/* eigene Abstände */
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb110 {margin-bottom: 110px;}
.mb120 {margin-bottom: 120px;}

/**/
.pt20 {padding-top: 20px;}
.pt25 {padding-top: 25px;}
.pt30 {padding-top: 30px;}
.pt45 {padding-top: 45px;}
.pt50 {padding-top: 50px;}

/**/
.pd0 {padding: 0px;}





/*
 *
 * MOBILE ANPASSUNGEN
 *
 */

/*==========  Mobile First Method  ==========*/

@media (max-width : 767px) {
    .navbar-header, #navbar {
        position: fixed;
        width: 100%;
    }
    
}



@media (max-width : 1399px) {
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        padding: 0;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }

    .navbar-collapse.collapse.in { 
        display: block!important;
        overflow: visible;
        position: absolute;
        
        border-top: 0;
        
        padding: 41px 0 164px 0;
        
        width: 100%;
        margin: 0 0 0 0;
        
        background-color: #746363;
        
        -webkit-box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
        box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
    }
    
    .collapsing {
        overflow: hidden!important;
        display: none; /*nich schön aber zielführend*/
    }
    
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-collapse .navbar-nav>li,
    .navbar-collapse .nav-justified>li {
        float: none;
        display: block;
        width: 100%;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    
}


@media (min-width:768px) and (max-width : 1399px) { 
    .collapse.width {
        height: auto;
        -webkit-transition: width 0.35s ease;
        -moz-transition: width 0.35s ease;
        -o-transition: width 0.35s ease;
        transition: width 0.35s ease;
    }
    
    .page-header { 
        max-width: 72px;
        position: fixed;
        z-index: 999;
    }
    
    .navbar-default .navbar-toggle {
        padding: 11px 0px 10px 0px;
    }
    
    /**/
    .nav li.close-menu {
        display: block!important;
    }
    .nav li.close-menu a {
        cursor: pointer;
        text-align: right;
        padding-right: 2.5rem;
    }
    .nav>li:first-child>a {
        border-top-width: 1px;
    }
    
    .nav>li:nth-child(2)>a {
        border-top-width: 0px;
    }
}


@media (min-width: 768px) { 
    h1, h1 a { 
        font-size: 2.157rem;
    }
    html, body, main {height:100%;}
    html,body  {overflow:hidden;}
    
    .logo {
        /*background-image: url(//klassische-homoeopathie-bad-homburg.de/wp-content/themes/mehne-custom/images/TAM_Tablet-01.svg);*/
        background-image: url(//klassische-homoeopathie-bad-homburg.de/wp-content/themes/mehne-custom/images/TAM_Desktop.png);
    }
    
    article .thumb img {
        position: relative;
        /*top: 50%;
        transform: translateY(-50%);*/
    }
    
    .navbar-collapse.collapse.in {
        position: fixed;
        width: 320px;
        top: 0;
    }
    
    .navbar-collapse.collapse.in {
        height: 100%!important; 
    }    
}



@media (min-width: 992px) {

}

@media (min-width: 1400px) {
    
    .logo {
        /*background-image: url(//klassische-homoeopathie-bad-homburg.de/wp-content/themes/mehne-custom/images/TAM_Desktop-01.svg);*/
        background-image: url(//klassische-homoeopathie-bad-homburg.de/wp-content/themes/mehne-custom/images/TAM_Desktop.png);
    }
    
    
    .navbar-collapse {
        border-top: 0;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        
        position: relative;
        width: 25%;
        
        padding: 41px 0 164px 0;
        
        margin: 0;
        
        background-color: #746363;
        
        -moz-box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
        -webkit-box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
        box-shadow: 0 5px 15px 5px rgba(0,0,0,.2);
    }
    
    .navbar-collapse.collapse {
        height: 100%!important;
        z-index: 998;
    }
    
    .navbar-collapse .navbar-nav>li,
    .navbar-collapse .nav-justified>li {
        float: none;
        display: block;
        width: 100%;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    
    
    
}

.visible-xlg {display: none;}
@media (min-width: 1400px) {
    .hidden-xlg {display: none;}
    .visible-xlg {display: block;}
    
    .col-xlg-2 {
        width: 16.66%;
    }
    .col-xlg-9 {
        width: 75%;
    }
    .col-xlg-10 {
        width: 83.33%;
    }
}