@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,700" rel="stylesheet");

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 400;
    src: local("Noto Sans"), local("NotoSans"), url(http://fonts.gstatic.com/s/notosans/v6/LeFlHvsZjXu2c3ZRgBq9nLO3LdcAZYWl9Si6vvxL-qU.woff) format("woff")
}

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 700;
    src: local("Noto Sans Bold"), local("NotoSans-Bold"), url(http://fonts.gstatic.com/s/notosans/v6/PIbvSEyHEdL91QLOQRnZ16RDOzjiPcYnFooOUGCOsRk.woff) format("woff")
}

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 400;
    src: local("Noto Serif"), local("NotoSerif"), url(http://fonts.gstatic.com/s/notoserif/v4/eCpfeMZI7q4jLksXVRWPQ73hpw3pgy2gAi-Ip7WPMi0.woff) format("woff")
}

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: 700;
    src: local("Noto Serif Bold"), local("NotoSerif-Bold"), url(http://fonts.gstatic.com/s/notoserif/v4/lJAvZoKA5NttpPc9yc6lPXbFhgvWbfSbdVg11QabG8w.woff) format("woff")
}

.menu-toggle {
    float: right;
    display: block;
    cursor: pointer;
    color: #000000;
    padding: 2px 10px;
    border: 1px solid #000000;
    text-transform: uppercase;
    font-size: 16px
}

@media (min-width:50em) {
    .menu-toggle {
        display: none
    }
}

.menu-toggle .icon {
    font-size: 20px
}

{
    .menu-toggle {
        display: none
    }
}



#logo {
height:200px;
position:fixed;
left: 40%;
margin-left: -1px;
top:58px;
width:150px;
text-align:center;
font-family: Arial;
}

@media (min-width:50em) {
    .logoo {
align: right;
        display: none
    }
}

.logoo-big {
    display: none;
    margin: 0 0 25px
}

@media (min-width:50em) {
    .logoo-big {
        display: block
    }
}

.open .nav-main {
    display: block
}

.nav-main {
    display: none
}

@media (min-width:50em) {
    .nav-main {
        display: block
    }
}

.nav-main ul {
    margin: 0;
    padding: 0
}

.nav-main ul:after {
    content: "";
    display: table;
    clear: both
}

.nav-main ul li {
    list-style: none
}

@media (min-width:50em) {
    .nav-main ul li {
        float: left;
        margin-right: 20px
    }
}

@media (min-width:70em) {
    .nav-main ul li {
        margin-right: 50px
    }
}

.nav-main ul li:last-child {
    margin-right: 0
}

.nav-main ul li  a {
    display: block;
    line-height: 40px;
    font-family: "Noto Serif", sans-serif;
font-size:18px;
    font-weight: bolder;
    color: #000000;
text-decoration: none;
    text-transform: uppercase;
    text-align: center
}

.nav-main ul li a:hover {
   color:rgba(236, 78, 163, 0.863);

}

.nav-main ul li.activ  a {
   color:rgba(236, 78, 163, 0.863);
}


* {
    box-sizing: border-box
}

body {
    overflow-y: scroll;
    font-family: "Noto Sans", sans-serif;
    color: black;
    margin: 0;
    font-size: 16px
}

@media (min-width:50em) {
    body {
        background-image: url(img/my-khan-yoga-hintergrund.png)
background-repeat: repeat
    }
}

iframe {
    display: block
}

h1 {
    font-family: "Noto Serif", sans-serif;
    font-weight: 400;
    font-size: 48px;
color:black;
    line-height: 1em
}
h2 {
    line-height: 1.2em;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 10px 0
color: #000000;
}

p {
    margin: 0 0 10px;
color: black;
}

h2.feature {
    background: url (img/my-khan-yoga-hintergrund.png);
    line-height: 1.6em;
    font-family: "Noto Serif", sans-serif;
font-size: 18px;
    text-align: center;
    margin: 0;
    color: black;
    padding: 15px
}
h2.christmas{
	background: url (img/my-khan-yoga-hintergrund.png);
	display: none;
}

@media (min-width:50em) {
    h2.feature {
        padding: 15px 50px
    }
}

@media (min-width:70em) {
    h2.feature {
        padding: 15px 150px
    }
}

img.full {
    display: block;
    width: 100%;
    height: auto
}

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

#image img.lupe {
        width:24px;
        height:24px;
        position: relative;
        top: -30px;
        right:5px;
        float: right;
color: rgba(236, 78, 163, 0.863);
        opacity: solid;
}

#image: hover img.lupe {
        opacity: 3;
}

.lupe1 {
        width:24px;
        height:24px;
        position: relative;
        top: -30px;
        right:5px;
        float: right;
        opacity: solid;
}
.lupe1:hover {
        opacity: 1;
}

#image img.lupe3 {
        width:24px;
        height:24px;
        position: relative;
        top: 450px;
        right: 5px;
        float: right;
        opacity: solid;
}
#image: hover img.lupe3 {
        opacity: 5;
}



#image img.lupe2 {
        width:24px;
        height:24px;
        position: relative;
        top: -30px;
        left: -700px;
        float: right;
        opacity: solid;
}

#image:hover img.lupe2 {
        opacity: 10;
}


@media (min-width:50em) {
    .col-md-6 {
        width: 48.78049%;
        float: left;
        margin-right: 2.43902%
    }
}

.abstract {
        display: block;
        border: 1px solid black;
        border-radius: 3px;
        text-decoration: none;
        color: #CCFFCC;
        text-align: center;
        margin-bottom: 5px;
background-color:#000000;
border:1px solid rgba(236, 78, 163, 0.863); 
    border-radius:3px;
    
}
.abstract a: hover {
        color: #FF6666;
        background-color: black;
}

.order {
        display: block;
        border: 1px solid black;
        border-radius: 3px;
        text-decoration: none;
        color: FF6666;
        text-align: center;
        margin-bottom: 5px;
background-color:black;
border:1px solid rgba(236, 78, 163, 0.863); 
    border-radius:3px;
    
}
.order a: hover {
        color: #FF6666;
        background-color: white;
}


@media (min-width:50em) {
    .col-md-6:last-child {
        width: 48.78049%;
        float: right;
        margin-right: 0
    }
}

.page {
background: url(img/my-khan-yoga-hintergrund.png);
background-repeat: repeat;
    max-width: 1200px;
    margin: 0 auto;
    }


@media (min-width:50em) {
    .logo {
        display: none
    }
}

#publications {
        max-width:1200px;
        float: left;
}
#publications img {
        width:220px;
        height: auto;
}


.logo-big {
    display: none;
    margin: 0 0 25px
}

@media (min-width:50em) {
    .logo-big {
        display: block
    }
}
 
.button {
    display: inline-block;
    background: rgba(236, 78, 163, 0.863);
    color: #000000;
    padding: 5px 10px;
    margin: 0 0 50px;
font-weight: bolder;
    text-decoration: none
}

.button1 {
    display: inline-block;
    background: #CCFFCC;
    color: #000000;
    padding: 5px 10px;
    margin: 0 0 50px;
    border:1px solid black; 
    border-radius:3px;
    text-decoration: none
}

.header-main {
background: #C2D4C2;
    border-bottom: 5px solid black;
    padding: 5px 0
}

.header-main:after {
    content: "";
    display: table;
    clear: both
}

#infos {
        margin-left:20px;
        width: 250px;
        text-align: left;
color:black;
font-weight: bolder;
}

.content {
    margin: 0 0 50px
}

.page-wrapper {
line-height:1.8em;
    padding: 0 15px
}

.page-wrapper:after,
.wrapper:after {
line-height:1.8em;
    content: "";
    display: table;
    clear: both
}

@media (min-width:50em) {
    .page-wrapper {
     line-height:1.8em;
        padding: 0 37px
    }
}

@media (min-width:64em) {
    .wrapper .left-side {
line-height: 1.2em;
        width: 50%;
        float: left
    }
}

@media (min-width:64em) {
    .wrapper .right-side {
line-height:1.2em;
        width: 50%;
        float: left
    }
}

.footer-main {
    background: #000000;
    line-height: 1.6em;
    color: #fff;
    font-size: 12px;
    padding: 40px 0 60px
}

.footer-main:after {
    content: "";
    display: table;
    clear: both
}

.footer-main a {
    display: block;
    color: #C2D4C2;
    text-decoration: none
}

.footer-main h3 {
    color: #E7CBCB;
    font-family: "Noto Serif", sans-serif;
    border-bottom: 1px solid #545454
    font-weight: 400
}

.footer-main ul {
    margin: 0;
    padding: 0
}

.footer-main ul li {
    list-style: none
}

@media (min-width:50em) {
    .footer-main .col {
        width: 23.17073%;
        float: left;
        margin-right: 2.43902%
    }
}

@media (min-width:50em) {
    .footer-main .col:last-child {
        width: 23.17073%;
        float: right;
        margin-right: 0
    }
}

 #down {
        color:black;
text-decoration: none;
        font-size: 10px;
disply:block;
        margin-left:40px;
        border-top: solid transparent 20px;
}


form {
    max-width: 400px
}

form label {
    display: none
}

form input {
    border: 1px solid #aaa;
    font-size: 14px;
    width: 100%;
    padding: 5px;
background: #FFFFFF;
    margin: 0 0 10px
}

form input[type=checkbox] {
    max-width: 30px;
    height: 60px;
    float: left;
    background-color: #CCFFCC;
    border-radius: 2px
}


form input[type=submit] {
    font-size: 14px;
    cursor: pointer;
    max-width: 200px;
    height: 40px;
font-weight: bolder;
    background: #CCFFCC;
    color: #000000;
    border: 0;
    border-radius: 2px
}

form input[type=reset] {
    font-size: 14px;
    cursor: pointer;
    max-width: 200px;
    height: 40px;
font-weight: bolder;
    background: rgba(236, 78, 163, 0.863);
    color: #000000;
    border: 0;
    border-radius: 2px
}


form textarea {
    border: 1px solid #aaa;
    font-size: 14px;
    width: 100%;
    min-height: 200px;
background:#FFFFFF;
    padding: 5px
}

#check {
color:black;
font-family: "Noto Serif", sans-serif;
font-weight: bolder;
 font-size: 14px;
}

.menu-card h2 {
    font: 30px/1.2em "Noto Serif", sans-serif;
    color: black;
    text-transform: none;
    margin: 0 0 10px
}

.menu-card h3 {
    font: 18px/1.4em "Noto Sans", sans-serif;
    color: black;
    margin: 0 0 20px
}

.menu-card .item {
    margin: 0 0 15px
}

.menu-card .item:after {
    content: "";
    display: table;
    clear: both
}

.menu-card .item .top {
    border-bottom: 1px dashed #666
}

.menu-card .item .top:after {
    content: "";
    display: table;
    clear: both
}

.menu-card .item .top .name {
    font: 700 18px/1.6em "Noto Serif", sans-serif
}

.menu-card .item .top .price {
    font: 700 20px/1.6em "Noto Serif", sans-serif;
    color: #000000;
    float: right
}

.menu-card .item .description {
    font: 16px/1.6em "Noto Sans", sans-serif
}

.menu-card .col-md-6 {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0 0 20px;
    padding: 10px
}

@media (min-width:50em) {
    .menu-card .col-md-6 {
        padding: 20px
    }
}

.contact-info {
 color: black;
    font-size: 16px
}

.content a {
    color: rgba(236, 78, 163, 0.863);
    text-decoration: none
}

.content a:hover {
    text-decoration: underline
}

.spacer {
    height: 17px;
}

.item .name {
    color: rgba(236, 78, 163, 0.863);
}

.galerie-wrapper a {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    line-height: 0px;
    width: 170px;
    height: 170px;
    margin-right: 14px;
    margin-bottom: 18px;
}

.galerie-wrapper img {
    margin: 0px;
    padding: 0px;
    line-height: 0px;
}

.clear {
    clear: both;
}

.tabs {
    width: 100%;
    display: inline-block;
}

.tab-links:after {
    display: block;
    clear: both;
    content: '';
}

.tab-links li {
    margin: 0px 5px;
    float: left;
    list-style: none;
}

.tab-links a {
    padding: 9px 15px;
    display: inline-block;
    border-radius: 3px 3px 0px 0px;
    background: rgba(236, 78, 163, 0.863);
    border-bottom: 5px solid #000000;
    font-size: 16px;
    font-family: "Noto Serif", sans-serif;
    color: #000000;
    transition: all linear 0.15s;
}

.tab-links a:hover {
    background: #C2D4C2;
    border-bottom: 5px solid #FFFFFF;
    text-decoration: none;
}

li.active a,
li.active a:hover {
    background: #000000;
    border-bottom: 5px solid rgba (224, 32, 138, 0.863);
    color: #fff;
}

.tab-content {
    padding: 15px;
    border-radius: 3px;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.tab {
    display: none;
}

.tab.active {
    display: block;
}

.extraprice {
    width: 75px;
    text-align: right;
}

.small {
    font: 400 12px/1.1em "Noto Serif", sans-serif;
}

.ceText {
    margin-left: 20px;
    margin-top: 0;
}

.clearfix:before,
.clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.gallery {
    float: right;
    margin-left: 20px;
    margin-top: 25px;
}

.ceText {
    margin-left: 20px;
    margin-top: 25px;
}

.links {
    float: left;
}

.ceText .last {
    float: none;
}

.ceTextPic > a {
    float: left;
}

.divider hr {
    border: medium none;
    height: 1px;
}

.content-inner .head {
    width: 100%;
    float: none;
}

.ceHeader {
    width: 100%;
}
.ruf {
    position: fixed;
    right: 90;
    top: 10%;
}
# image img.lupe {
        width:24px;
        height:24px;
        position: relative;
        top: -30px;
        right:5px;
        float: right;
        opacity: 0.5;
}
# image img.closelabel {
        width:24px;
        height:24px;
        position: relative;
        top: 30px;
        right:5px;
        float: right;
        opacity: 0.5;
}

/* SLIMBOX */

#lbOverlay {
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #000;
        cursor: pointer;
}
#lbCenter, #lbBottomContainer {
        position: absolute;
        z-index: 9999;
        overflow: hidden;
        background-color: #fff;
}
.lbLoading {
        background: #fff url(javascript/loading.gif) no-repeat center;
}
#lbImage {
        position: absolute;
        left: 0;
        top: 0;
        border: 10px solid #fff;
        background-repeat: no-repeat;
}
#lbBottom {
        font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
        font-size: 10px;
        color: #666;
        line-height: 1.4em;
        text-align: left;
        border: 10px solid #fff;
        border-top-style: none;
}

#lbCloseLink {
        display: block;
        float: right;
        width: 66px;
        height: 22px;
        background: transparent url(javascript/closelabel.gif) no-repeat center;
        margin: 5px 0;
        outline: none;
}
#lbCaption, #lbNumber {
        margin-right: 71px;
}
#lbCaption {
        font-weight: bold;
}