/* Created by Jörg Wendel */

.responsive body
{
   min-width: 295px;
}

.responsive down header {
    transform: none;
}


.JW-spin{animation:JW-spin 2s infinite linear}@keyframes JW-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
	.JW{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
	.JW-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}




.BuddhaText0 {
    position: absolute;
    height: auto;
    width: 30%;
    margin-top: 2.5em;
    margin-left: -16%;
    font-size: 19px;
    font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    color: #13808e;
    display: block;
    transition: opacity 2s ease-in;
}

.Buddha-Text1 {
    position: absolute;
    height: auto;
    width: 39%;
    margin-top: 2.2em;
    margin-left: -18%;
    font-size: 20px;
    font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    color: #13808e;
    display: block;
    transition: opacity 2s ease-in;
}
.Buddha-Text3 {
    position: absolute;
    height: auto;
    width: 39%;
    margin-top: 2.2em;
    margin-left: -18%;
    font-size: 19px;
    font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    color: #13808e;
    display: block;
    transition: opacity 2s ease-in;
}
.Buddha-Text4 {
    position: absolute;
    height: auto;
    width: 42%;
	margin-top: 3em;
	margin-left: -20%;
	font-size: 19px;
    font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    color: #13808e;
    display: block;
    transition: opacity 2s ease-in;
}

.Buddha-Text5 {
    position: absolute;
    height: auto;
    width: 30%;
    margin-top: .5em;
    margin-left: -27%;
    font-size: 19px;
    font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    color: #13808e;
    display: block;
    transition: opacity 2s ease-in;
}
     .Buddha-Text6 {
            position: absolute;
            height: auto;
            width: 30%;
			margin-top: 2.5em;
			margin-left: -20%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }


.Buddha-Text7 {
    position: absolute;
    height: auto;
    width: 100%;
    margin-top: 2.5em;
    margin-left: 0%;
    font-size: 16px;
    font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    text-align: left;
    color: #13808e;
    display: block;
    transition: opacity 2s ease-in;
}
.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 38%;
		margin-top: 3.3em;
		margin-left: -24%;
		font-size: 19px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}

.glare {
    background-image: url("");
    display: block;
    top: -19px;
    width: 82%;
    height: 425px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 1;
    margin-left: 9%;
}

.joerg 

    /* Die große Variante*/
    {
        position: absolute;
        left: 40%;
        top: 6.02px;
        margin-left: 0px !important;
        overflow: hidden;
        background-image: url('images/yocome.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 2;
        width: 181px;
        height: 230px;
    }
	
.joerg2

    /* Die große Variante*/
    {
       
        position: absolute;
		left: 75%;
		top: 6.02px;
		margin-left: 0px !important;
		overflow: hidden;
		background-image: url('images/yocome.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		z-index: 2;
		width: 181px;
		height: 230px;
    }

	
	
.art-content .art-postcontent-0 .layout-item-1 
{
    color: #2B2F09;
    background: #F2F2F2;
    background: transparent;
    padding-top: 0px;
    padding-right: 50px;
    padding-bottom: 0px;
    padding-left: 20px;
	text-align: left;
}
.art-content .art-postcontent-0 .layout-item-2 {
    color: #2B2F09;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 200px;
}

    .responsive img 
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}  
  
.responsive .art-content-layout img,
.responsive .art-content-layout video
{
   max-width: 100%;
   height: auto !important;
}

.responsive.responsive-phone .art-content-layout img 
{
   margin: 0%;
   width:54%;

}

.blattgr :before {
    content: url("images/blattgr.png");
    padding-right: 5px;
}
.blattog :before {
    content: url("images/blattog.png");
    padding-right: 5px;
}

.blatttr :before {
    content: url("images/blatttr2.png");
    padding-right: 5px;
}

 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            width: 18%;
              height: 47px;
              margin-top: 4%;
              margin-left: 22%;
  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;
				font-size: 14px;
             
              cursor: pointer;
              transition-duration: 0.1s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }

.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 14%;
		height: 0%;
		margin-top: 0%;
		margin-left: 0%;
		border: none;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
		font-size: 13px;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 0px;
            padding-bottom: 0px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }
			

.art-article img, img.art-article, .art-block img, .art-footer img {
    margin: 0 0 0 0;
    width: 40%;
    height: auto
}
.responsive.responsive-phone .art-collage,
.responsive.responsive-tablet .art-collage {
   margin: 0 !important;
}

.responsive .art-content-layout .art-sidebar0, 
.responsive .art-content-layout .art-sidebar1, 
.responsive .art-content-layout .art-sidebar2 
{
   width: auto !important;
}
    
.responsive .art-content-layout, 
.responsive .art-content-layout-row, 
.responsive .art-layout-cell 
{
   display: block;
}

.responsive .art-content-layout, 
.responsive .art-content-layout-row
{
   padding: 0;
}
    
.responsive .image-caption-wrapper 
{
   width: auto;
}

.responsive.responsive-tablet .art-vmenublock,
.responsive.responsive-tablet .art-block
{
   margin-left: 1%;
   margin-right: 1%;
   width: 48%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .art-responsive-embed 
{
   height: 0;
   padding-bottom: 56.25%;
   /* 16:9 */
    position: relative;
}

.responsive .art-responsive-embed iframe,
.responsive .art-responsive-embed object,
.responsive .art-responsive-embed embed
{
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.responsive .art-header 
{
    width: auto !important;
    max-width: none !important;
    min-height: 100px !important;
    min-width: 0 !important;
    margin-right: 1% !important;
    margin-left: 1% !important;
    text-align: center;
    max-height: 0.2em;
}

.default-responsive .art-header 
{
   height: auto;
}

.default-responsive .art-header *
{
   position: relative;
   text-align: center;
  
   
}

.default-responsive .art-header .art-headline, 
.default-responsive .art-header .art-slogan 
{
   display: block !important;
   top: 0 !important;
   left: 0 !important;
   margin: 2% !important;
   text-align: center !important;
}
    
.default-responsive .art-header .art-headline a, 
.default-responsive .art-header .art-slogan 
{
   white-space: normal !important;
}

.default-responsive .art-header .art-logo
{
   display: inline-block;
   margin: auto !important;
   left: auto;
   top: auto !important;
   width: auto;
   height: auto;
}

.responsive .art-header .art-slidenavigator 
{
   position: absolute;
}

.default-responsive .art-header .art-positioncontrol 
{
   display: block !important;
   position: relative !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
   margin: 2% auto !important;
   width: auto !important;
   height: auto !important;
}

.responsive .art-header #art-flash-area
{
   display: none;
}

/* Search and other elements in header element directly */
.default-responsive .art-header>.art-textblock
{
   position: relative !important;
   display: block !important;
   margin: 1% auto !important;
   width: 75% !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
}

.default-responsive .art-header .art-textblock 
{
   position: relative !important;
   display: block !important;
   margin: auto !important;
   left: 0 !important;
   right: 0 !important;
   top: auto !important;
   height: auto !important;
   width: auto;
   background-image: none;
}

/* '.art-header *' used noram align, but for '.art-textblock *' we must force align because of preview */
.responsive .art-header .art-textblock *
{
   text-align: center !important;
}

.default-responsive .art-header .art-shapes > .art-textblock,
.default-responsive .art-header .art-slide-item > .art-textblock
{
   display: none !important;
}

.default-responsive .art-header .art-shapes > .art-textblock *
{
   text-align: center !important;
   width: auto !important;
   height: auto !important;
   display: block;
}

.default-responsive .art-header .art-slider .art-textblock *
{
   text-align: center !important;
   width: auto !important;
   height: auto !important;
   display: block;
}

/* For icons like facebook, rss, etc. */
.responsive .art-header>.art-textblock>div 
{
   width: 100%;
}
/* dynamic width nav */
/*
.responsive nav.art-nav,
.responsive .art-nav-inner
{
   width: auto !important;
   position: relative !important;
   top: auto !important;
   left: auto !important;
   right: auto !important;
   bottom: auto !important;
   margin-top: 0;
   margin-bottom: 0;
   min-width: 0;
   text-align: left !important;
}

.responsive nav.art-nav {
    min-width: 1%;
    margin-top: 1%;
    margin-right: 1% !important;
    margin-left: 1% !important;
}

.responsive .art-nav 
{
   padding-left: 0;
   padding-right: 0;
}
*/
/* full width hmenu, instead of inline-block */



.responsive .art-nav ul.art-hmenu 
{
   float: none;
   text-align: center;
   display: none;
}

/* elements on different lines */
.responsive .art-nav ul.art-hmenu li,
.responsive .art-hmenu-extra1,
.responsive .art-hmenu-extra2
{
   float: none;
}
  
/* horizontal margins */
.responsive .art-nav ul.art-hmenu>li:first-child, 
.responsive .art-nav ul.art-hmenu>li:last-child, 
.responsive .art-nav ul.art-hmenu>li
{
   margin-left: 0;
   margin-right: 0;
}
 
/* separator */ 
.responsive .art-nav ul.art-hmenu>li:before
{
   display: none;
}

/* vertical distance between items */
    .responsive .art-nav ul.art-hmenu a {
        margin-top: 1px !important;
        margin-bottom: 1px !important;
        height: auto;
        white-space: normal;
        background-color: #D7DBFF;
        border-color: #888BA2;
        border-width: 0.5px;
        border-style: solid;
    }

.responsive .art-nav ul.art-hmenu>li:first-child>a
{
   margin-top: 0 !important;
}

.responsive .art-nav ul.art-hmenu>li:last-child>a
{
   margin-bottom: 0 !important;
}

/* fixes for extended menu */
.responsive .art-nav .ext, 
.responsive .art-nav ul.art-hmenu>li>ul, 
.responsive .art-nav ul.art-hmenu>li>ul>li,
.responsive .art-nav ul.art-hmenu>li>ul>li a
{
   width: auto !important;
}

/* submenu position on hover */
.responsive .art-nav ul.art-hmenu ul
{
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   display: none !important;
   position: relative !important;
   visibility: visible !important;
}

.responsive .art-nav ul.art-hmenu li.active>ul
{
   display: block !important;
}
.responsive .art-nav ul.art-hmenu ul li.active>a
{
   font-weight: bold;
}

.art-nav .art-menu-btn 
{
   border: 1px solid #404040;
   border-radius: 3px;
   box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
   display: none;
 
   background: -moz-linear-gradient(top, #707070 0, #000 100%);
   background: -o-linear-gradient(top, #707070 0, #000 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
   background: -webkit-linear-gradient(top, #707070 0, #000 100%);
   background: linear-gradient(to bottom, #707070 0, #000 100%);
   margin: 3px;
   outline: none;
   padding: 5px;
   position: relative;
   vertical-align: bottom;
   width: 20px;
}
/*Transsition NAV und Button*/
.art-nav .art-menu-btn span 
{
   background: #E0E0E0;
   border-radius: 2px;
   display: block;
   height: 3px;
   margin: 3px 1px;
   position: relative;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   -webkit-transition: background .2s;
   transition: background .2s;
}

.art-nav .art-menu-btn:hover span
{
   background: #f3f3f3;
}

.responsive .art-nav .art-menu-btn 
{
   display: inline-block;
}

.responsive .art-nav .art-hmenu.visible 
{
   display: block;
}

.responsive .art-nav ul.art-hmenu>li>ul>li:first-child:after 
{
   display: none;
}
.responsive .art-nav ul.art-hmenu ul a
{
   padding-left: 4% !important;
}
.responsive .art-nav ul.art-hmenu ul ul a
{
   padding-left: 6% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul a
{
   padding-left: 8% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul ul a
{
   padding-left: 10% !important;
}
.responsive .art-nav ul.art-hmenu ul ul ul ul ul a
{
   padding-left: 12% !important;
}
  
.responsive .art-nav ul.art-hmenu>li>ul
{
   padding: 0;
}
  
.responsive .art-nav ul.art-hmenu>li>ul:before
{
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.responsive .art-sheet
{
   width: auto !important;
   min-width: 299px !important;
   max-width: none !important;
   margin-right: 1% !important;
   margin-left: 1% !important;
   margin-top: 15% !important;
}

#art-resp {
   display: none;
}





            #art-resp-desktop {
               display: none;
            }
            #art-resp-tablet-landscape {
               display: none;
            }
            #art-resp-tablet-portrait {
               display: none;
            }
            #art-resp-phone-landscape {
               display: none;
            }
            #art-resp-phone-portrait {
               display: none;
            }









/*-------------------@media 240 bis 316px-----------------------------*/
@media (min-width: 240px) and (max-width: 316px) {
	
	
	.JW-spin{animation:JW-spin 2s infinite linear}@keyframes JW-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
	.JW{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
	.JW-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}



	
	
    #art-resp-phone-portrait {
        display: block;
    }

    .down header {
        transform: translate3d(0, -8em, 0);
    }
    .responsive .art-header {
        width: 100% !important;
        max-width: 98.3% !important;
        min-height: 100px !important;
        min-width: 0 !important;
        margin-right: 1% !important;
        margin-left: 1% !important;
        text-align: center;
        max-height: 0.2em;
    }

    .art-header {
        position: fixed;
        text-align: center;
    }

    .glare {
        background-image: url("images/header.jpg");
        display: block;
        top: 20px;
        width: 100%;
        height: 800px;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: fixed;
        z-index: 1;
        margin-left: 0%;
    }
    .joerg
    /* Die große Variante*/ {
        position: absolute;
        left: 40%;
        top: 6.02px;
        margin-left: 0px !important;
        overflow: hidden;
        background-image: url('images/70-93k.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 2;
        width: 181px;
        height: 230px;
    }
	    .joerg2
    /* Die große Variante*/ {
        position: absolute;
        left: 40%;
        top: 6.02px;
        margin-left: 0px !important;
        overflow: hidden;
        background-image: url('images/70-93k.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 2;
        width: 181px;
        height: 230px;
    }
	
	
    .yocome {
        display: block;
        background-image: url('images/70-93k.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        z-index: 2;
        display: block;
        top: 2px;
        width: 100%;
        height: 102px;
        position: fixed;
    }

    .art-object762577129 {
        display: block;
        left: 12.68%;
        margin-left: -22px;
        top: 0px;
        width: 100%;
        height: 102px;
        background-position: 0 0;
        background-repeat: no-repeat;
        z-index: 2;
        display: block;
        background-image: url('images/80-102k.png');
        position: fixed;
    }

    .yoga1 {
        background-image: url("images/41.png");
        display: block;
        top: 45px;
        width: 100%;
        height: 43px;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: fixed;
        z-index: 400;
        margin-left: 30%;
    }

    .art-object268885521 {
        position: absolute;
        top: 119px;
        left: 75.57%;
        margin-left: -361px !important;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        overflow: hidden;
        background-image: url('images/object268885521.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 3;
        width: 478px;
        height: 59px;
    }
/*
    .art-object268885521-text {
        font-size: 36px;
        font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        text-align: left;
        vertical-align: middle;
        text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
        color: #FFFFFF !important;
    }

    .art-object268885521-text {
        display: table-cell;
        outline-style: none;
        padding: 0px 0px !important;
        height: 59px;
        width: 478px;
        word-wrap: break-word;
    }
*/
    .art-nav {
        background-image: url('images/header100.png');
        background: #D4D8FC;
        background-origin: padding-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        padding: 0px 9px;
        margin: 0px auto 0;
        margin-top: 0px;
        margin-top: 10px;
        position: relative;
        z-index: 499;
        text-align: left;
        margin-top: -3%;
    }

    .Blende {
        display: none;
    }

    .BuddhaText0 {
        position: absolute;
        height: auto;
        width: 36%;
        margin-top: -7.3em;
        margin-left: 50%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }
    .Buddha-Text1 {
        position: absolute;
        height: auto;
        width: 40%;
        margin-top: -8.5em;
        margin-left: 51%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }
    .Buddha-Text3 {
        position: absolute;
        height: auto;
        width: 50%;
        margin-top: -8.5em;
        margin-left: 51%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }
    .Buddha-Text4 {
        position: absolute;
        height: auto;
        width: 42%;
		margin-top: -10em;
		margin-left: 52%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text5 {
        position: absolute;
        height: auto;
        width: 30%;
        margin-top: .5em;
        margin-left: -27%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text6 {
        position: absolute;
        height: auto;
        width: 47%;
        margin-top: -8.5em;
        margin-left: 50%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }
	
	
	.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: -7.7em;
		margin-left: 53%;
		font-size: 12px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
	
	
	
	
	
	
 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
          width: 61%;
			height: 47px;
			margin-top: 5%;
			margin-left: 24%;
			  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.1s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }
.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 76%;
		height: 0%;
		margin-top: 0%;
		margin-left: 0%;
		border: none;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 0px;
            padding-bottom: 0px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }







    .responsive .art-sheet {
        width: auto !important;
        min-width: 240px !important;
        max-width: none !important;
        margin-right: 1% !important;
        margin-left: 1% !important;
        margin-top: 11.3em !important;
    }
  

    .art-content .art-postcontent-0 .layout-item-0, .layout-item-4 {
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        width: 100%;
    }
}




/*-------------------@media 316 bis 480px-----------------------------*/
@media (min-width: 316px) and (max-width: 480px) 
{
    #art-resp-phone-portrait {
        display: block;
    }

    .down header {
        transform: translate3d(0, -9em, 0);
    }



    .responsive .art-header {
        width: 100% !important;
        max-width: 98.3% !important;
        min-height: 100px !important;
        min-width: 0 !important;
        margin-right: 1% !important;
        margin-left: 1% !important;
        text-align: center;
        max-height: 0.2em;
    }

    .art-header {
        position: fixed;
        text-align: center;
    }
    .glare {
        background-image: url("images/header.jpg"); 
        display: block;
        top: 20px;
        width: 98%;
        height: 800px;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: fixed;
        z-index: 1;
        margin-left: 1%;
    }

    .joerg
    /* Die große Variante*/ {
        position: absolute;
        left: 40%;
        top: 6.02px;
        margin-left: 0px !important;
        overflow: hidden;
        background-image: url('images/70-93k.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 2;
        width: 80px;
        height: 123px;
    }
    .joerg2
    /* Die große Variante*/ {
        position: absolute;
        left: 40%;
        top: 6.02px;
        margin-left: 0px !important;
        overflow: hidden;
        background-image: url('images/70-93k.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 2;
        width: 181px;
        height: 230px;
    }
    .yocome {
        display: block;
        background-image: url('images/70-93k.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        z-index: 2;
        display: block;
        top: 2px;
        width: 100%;
        height: 102px;
        position: fixed;
    }

    .art-object762577129 {
        display: block;
        left: 12.68%;
        margin-left: -22px;
        top: 0px;
        width: 100%;
        height: 102px;
        background-position: 0 0;
        background-repeat: no-repeat;
        z-index: 2;
        display: block;
        background-image: url('images/80-102k.png');
        position: fixed;
    }

    .yoga1 {
        background-image: url("images/yoga4-211.png");
        display: block;
        top: 34px;
        width: 100%;
        height: 38px;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: fixed;
        z-index: 400;
        margin-left: 30%;
    }

    .art-object268885521 {
        position: absolute;
        top: 119px;
        left: 75.57%;
        margin-left: -361px !important;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        overflow: hidden;
        background-image: url('images/object268885521.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 3;
        width: 478px;
        height: 59px;
    }

    .art-object268885521-text {
        font-size: 36px;
        font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        text-align: left;
        vertical-align: middle;
        text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
        color: #FFFFFF !important;
    }

    .art-object268885521-text {
        display: table-cell;
        outline-style: none;
        padding: 0px 0px !important;
        height: 59px;
        width: 478px;
        word-wrap: break-word;
    }

    .art-nav {
        background-image: url('images/header100.png');
        background: #D4D8FC;
        background-origin: padding-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        padding: 0px 9px;
        margin: 0px auto 0;
        margin-top: 0px;
        margin-top: 10px;
        position: relative;
        z-index: 499;
        text-align: left;
        margin-top: -2.2%;
        height:47px
    }

    .Blende {
        display: none;
    }
    .art-postcontent h1 {
        color: #9AB635;
        font-size: 23px;
        font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-align: left;
    }
    .blattgr :before {
        content: url("images/blattgr.png");
        padding-right: 5px;
    }

    .blattog :before {
        content: url("images/blattog.png");
        padding-right: 5px;
    }

    .blatttr :before {
        content: url("images/blatttr2.png");
        padding-right: 5px;
    }

    .BuddhaText0 {
        position: absolute;
        height: auto;
        width: 47%;
        margin-top: -8.25em;
        margin-left: 52%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text1 {
        position: absolute;
        height: auto;
        width: 40%;
        margin-top: -7.8em;
        margin-left: 51%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text3 {
        position: absolute;
        height: auto;
        width: 40%;
        margin-top: -9.5em;
        margin-left: 51%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }
    .Buddha-Text4 {
        position: absolute;
        height: auto;
		width: 46%;
		margin-top: -10em;
        margin-left: 50%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text5 {
        position: absolute;
        height: auto;
        width: 30%;
        margin-top: .5em;
        margin-left: -27%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }
    .art-content .art-postcontent-0 .layout-item-0, .layout-item-4 {
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        width: 100%;
    }

    .Buddha-Text6 {
        position: absolute;
        height: auto;
        width: 47%;
        margin-top: -8.5em;
        margin-left: 50%;
        font-size: 13px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text7 {
        position: absolute;
        height: auto;
        width: 100%;
        margin-top: -2.5em;
        margin-left: -7%;
        font-size: 13px;
        font-weight:bold;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
       
    }
	
		.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: -7.7em;
		margin-left: 53%;
		font-size: 12px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
	
	 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 49%;
			height: 47px;
			margin-top: 5%;
			margin-left: 22%;
			border: none;
			  
              border: none;
  
              padding: 0px 0px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }
			
	.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 66%;
		height: 0%;
		margin-top: 6%;
		margin-left: 0%;
		border: none;
		padding: 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 2px;
            padding-bottom: 2px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }

	
	
        .responsive .art-sheet {
        width: auto !important;
        min-width: 240px !important;
        max-width: none !important;
        margin-right: 1% !important;
        margin-left: 1% !important;
        margin-top: 11.3em !important;
    }

    .art-content .art-postcontent-0 .layout-item-1 
    {
        color: #2B2F09;
        background: #F2F2F2;
        background: transparent;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 20px;
    }
    .art-content .art-postcontent-0 .layout-item-2 {
        color: #2B2F09;
        padding-top: 10px;
        padding-right: 10px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .art-postcontent p {
        margin: 12px 0;
        text-align: left;
        padding-left: 0px;
    }
}

 /*------------------Ende @media 316px bis 480px-------------------------*/


/*-------------------@media 480px bis 580px-----------------------------*/
@media (min-width: 480px) and (max-width: 580px) {
    #art-resp-phone-portrait {
        display: block;
    }

    .down header {
        transform: translate3d(0, -8em, 0);
    }

    .responsive.responsive-phone .art-collage,
    .responsive.responsive-tablet .art-collage {
        margin: 0 !important;
    }

    .responsive .art-header {
        width: 100% !important;
        max-width: 98.3% !important;
        min-height: 100px !important;
        min-width: 0 !important;
        margin-right: 1% !important;
        margin-left: 1% !important;
        text-align: center;
        max-height: 0.2em;
    }

    .art-header {
        position: fixed;
        text-align: center;
    }

    .glare {
        background-image: url("images/header.jpg");
        display: block;
        top: 20px;
        width: 98%;
        height: 800px;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: fixed;
        z-index: 1;
        margin-left: 1%;
    }


    .yocome {
        display: block;
        background-image: url('images/70-93k.png');
        background-position: 0 0;
        background-repeat: no-repeat;
        z-index: 2;
        display: block;
        top: 2px;
        width: 100%;
        height: 102px;
        position: fixed;
    }

    .art-object762577129 {
        display: block;
        left: 12.68%;
        margin-left: -22px;
        top: 0px;
        width: 100%;
        height: 102px;
        background-position: 0 0;
        background-repeat: no-repeat;
        z-index: 2;
        display: block;
        background-image: url('images/80-102k.png');
        position: fixed;
    }

    .yoga1 {
        background-image: url("images/yoga4-811.png");
        display: block;
        top: 24px;
        width: 100%;
        height: 68px;
        background-position: 0 0;
        background-repeat: no-repeat;
        position: fixed;
        z-index: 400;
        margin-left: 20%;
    }

    .art-object268885521 {
        position: absolute;
        top: 119px;
        left: 75.57%;
        margin-left: -361px !important;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
        overflow: hidden;
        background-image: url('images/object268885521.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 3;
        width: 478px;
        height: 59px;
    }

    .art-object268885521-text {
        font-size: 36px;
        font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        font-style: normal;
        text-align: left;
        vertical-align: middle;
        text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
        color: #FFFFFF !important;
    }

    .art-object268885521-text {
        display: table-cell;
        outline-style: none;
        padding: 0px 0px !important;
        height: 59px;
        width: 478px;
        word-wrap: break-word;
    }

    .art-nav {
        background-image: url('images/header100.png');
        background: #D4D8FC;
        background-origin: padding-box;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
        padding: 0px 9px;
        margin: 0px auto 0;
        margin-top: 0px;
        margin-top: 10px;
        position: relative;
        z-index: 499;
        text-align: left;
        margin-top: -1.06%;
        height: 46px;
    }

        .art-nav .art-menu-btn {
            border: 1px solid #404040;
            border-radius: 3px;
            box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
            display: none;
            background: -moz-linear-gradient(top, #707070 0, #000 100%);
            background: -o-linear-gradient(top, #707070 0, #000 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
            background: -webkit-linear-gradient(top, #707070 0, #000 100%);
            background: linear-gradient(to bottom, #707070 0, #000 100%);
            margin: 7px;
            outline: none;
            padding: 5px;
            position: relative;
            vertical-align: bottom;
            width: 20px;
        }

    .responsive-layout-row-3 {
        width: 100% !important;
    }


    .Blende {
        display: none;
    }

    .BuddhaText0 {
        position: absolute;
        height: auto;
        width: 44%;
        margin-top: -7.25em;
        margin-left: 52%;
        font-size: 16px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text1 {
        position: absolute;
        height: auto;
        width: 38%;
        margin-top: -10em;
        margin-left: 60%;
        font-size: 16px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text3 {
        position: absolute;
        height: auto;
        width: 38%;
        margin-top: -10em;
        margin-left: 60%;
        font-size: 16px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }
    .Buddha-Text4 {
        position: absolute;
        height: auto;
        width: 37%;
		margin-top: -11em;
        margin-left: 60%;
        font-size: 16px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text5 {
        position: absolute;
        height: auto;
        width: 30%;
        margin-top: .5em;
        margin-left: -27%;
        font-size: 16px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text6 {
        position: absolute;
        height: auto;
        width: 40%;
        margin-top: -9em;
        margin-left: 58%;
        font-size: 16px;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
        transition: opacity 2s ease-in;
    }

    .Buddha-Text7 {
        position: absolute;
        height: auto;
        width: 100%;
        margin-top: -2.5em;
        margin-left: -6%;
        font-size: 13px;
        font-weight: bold;
        font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        font-weight: bold;
        text-align: left;
        color: #13808e;
        display: block;
    }
	.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: -10.7em;
		margin-left: 62%;
		font-size: 12px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}

    .art-content .art-postcontent-0 .layout-item-0, .layout-item-4 {
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px;
        width: 100%;
    }

 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 41%;
			height: 47px;
			margin-top: 5%;
			margin-left: 28%;
			border: none;
			  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }
			
 .button2 {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 31%;
			height: 23px;
			margin-top: 5%;
			margin-left: 28%;
			border: none;
			  
              border: none;
  
              padding: 0px 0px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }
			
.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 38%;
		height: 0%;
		margin-top: 2%;
		margin-left: 0%;
		border: none;
		padding: 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 0px;
            padding-bottom: 0px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }

    .responsive .art-sheet {
        width: auto !important;
        min-width: 240px !important;
        max-width: none !important;
        margin-right: 1% !important;
        margin-left: 1% !important;
        margin-top: 10.9em !important;
    }

    .art-postcontent h1 {
        color: #9AB635;
        margin: 5px 0 0;
        font-size: 19px;
        font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-align: left;
    }

    .responsive .art-layout-cell {
        width: 100% !important;
        height: auto !important;
    }
}
    /*------------------Ende @media 480px bis 580px-------------------------*/

    /*-------------------@media 580px bis 680px-----------------------------*/

    @media (min-width: 580px) and (max-width: 680px) {
        #art-resp-phone-portrait {
            display: block;
        }

        .down header {
            transform: translate3d(0, -8em, 0);
        }

        .responsive.responsive-phone .art-collage,
        .responsive.responsive-tablet .art-collage {
            margin: 0 !important;
        }

        .responsive .art-header {
            width: 100% !important;
            max-width: 98.3% !important;
            min-height: 100px !important;
            min-width: 0 !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            text-align: center;
            max-height: 0.2em;
        }

        .art-header {
            position: fixed;
            text-align: center;
        }

        .glare {
            background-image: url("images/header.jpg");
            display: block;
            top: 20px;
            width: 98%;
            height: 800px;
            background-position: 0 0;
            background-repeat: no-repeat;
            position: fixed;
            z-index: 1;
            margin-left: 1%;
        }


        .yocome {
            display: block;
            background-image: url('images/70-93k.png');
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 2;
            display: block;
            top: 2px;
            width: 100%;
            height: 102px;
            position: fixed;
        }

        .art-object762577129 {
            display: block;
            left: 12.68%;
            margin-left: -22px;
            top: 0px;
            width: 100%;
            height: 102px;
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 2;
            display: block;
            background-image: url('images/80-102k.png');
            position: fixed;
        }

        .yoga1 {
            background-image: url("images/yoga4-81.png");
            display: block;
            top: 15px;
            width: 100%;
            height: 68px;
            background-position: 0 0;
            background-repeat: no-repeat;
            position: fixed;
            z-index: 400;
            margin-left: 23%;
        }

        .art-object268885521 {
            position: absolute;
            top: 119px;
            left: 75.57%;
            margin-left: -361px !important;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            overflow: hidden;
            background-image: url('images/object268885521.png');
            background-position: 0px 0px;
            background-repeat: no-repeat;
            z-index: 3;
            width: 478px;
            height: 59px;
        }

        .art-object268885521-text {
            font-size: 36px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            font-style: normal;
            text-align: left;
            vertical-align: middle;
            text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
            color: #FFFFFF !important;
        }

        .art-object268885521-text {
            display: table-cell;
            outline-style: none;
            padding: 0px 0px !important;
            height: 59px;
            width: 478px;
            word-wrap: break-word;
        }

        .art-nav {
            background-image: url('images/header100.png');
            background: #D4D8FC;
            background-origin: padding-box;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 0px 9px;
            margin: 0px auto 0;
            margin-top: 0px;
            margin-top: 10px;
            position: relative;
            z-index: 499;
            text-align: left;
            margin-top: -1.06%;
            height: 46px;
        }

            .art-nav .art-menu-btn {
                border: 1px solid #404040;
                border-radius: 3px;
                box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
                display: none;
                background: -moz-linear-gradient(top, #707070 0, #000 100%);
                background: -o-linear-gradient(top, #707070 0, #000 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
                background: -webkit-linear-gradient(top, #707070 0, #000 100%);
                background: linear-gradient(to bottom, #707070 0, #000 100%);
                margin: 7px;
                outline: none;
                padding: 5px;
                position: relative;
                vertical-align: bottom;
                width: 20px;
            }

        .responsive-layout-row-3 {
            width: 100% !important;
        }


        .Blende {
            display: none;
        }

        .BuddhaText0 {
            position: absolute;
            height: auto;
            width: 44%;
            margin-top: -7.25em;
            margin-left: 52%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text1 {
            position: absolute;
            height: auto;
            width: 38%;
            margin-top: -10em;
            margin-left: 60%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text3 {
            position: absolute;
            height: auto;
            width: 38%;
            margin-top: -10em;
            margin-left: 60%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text4 {
            position: absolute;
            height: auto;
            width: 40%;
			margin-top: -11em;
			margin-left: 51%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text5 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: .5em;
            margin-left: -27%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text6 {
            position: absolute;
            height: auto;
            margin-top: -9em;
            margin-left: 50%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text7 {
            position: absolute;
            height: auto;
            width: 100%;
            margin-top: -2.5em;
            margin-left: -5%;
            font-size: 13px;
            font-weight: bold;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
        }
	.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: -10.7em;
		margin-left: 53%;
		font-size: 14px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 41%;
			height: 47px;
			margin-top: 5%;
			margin-left: 28%;
			border: none;
			  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }

.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: %;
		height: 0%;
		margin-top: 0%;
		margin-left: 0%;
		border: none;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 0px;
            padding-bottom: 0px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }




        .art-content .art-postcontent-0 .layout-item-0, .layout-item-4 {
            padding-top: 0px;
            padding-right: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            width: 100%;
        }



        .responsive .art-sheet {
            width: auto !important;
            min-width: 240px !important;
            max-width: none !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            margin-top: 10.9em !important;
        }

        .art-postcontent h1 {
            color: #9AB635;
            margin: 5px 0 0;
            font-size: 19px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-align: left;
        }

        .responsive .art-layout-cell {
            width: 100% !important;
            height: auto !important;
        }
    }
    /*-------------------Ende @media 480px bis 680px-------------------------*/

    /*-------------------@media 680px bis 780px-----------------------------*/

    @media (min-width: 680px) and (max-width: 780px) {
        #art-resp-phone-portrait {
            display: block;
        }

        .down header {
            transform: translate3d(0, -8em, 0);
        }

        .responsive.responsive-phone .art-collage,
        .responsive.responsive-tablet .art-collage {
            margin: 0 !important;
        }

        .responsive .art-header {
            width: 100% !important;
            max-width: 98.3% !important;
            min-height: 100px !important;
            min-width: 0 !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            text-align: center;
            max-height: 0.2em;
        }

        .art-header {
            position: fixed;
            text-align: center;
        }

        .glare {
            background-image: url("images/header.jpg");
            display: block;
            top: 20px;
            width: 98%;
            height: 800px;
            background-position: 0 0;
            background-repeat: no-repeat;
            position: fixed;
            z-index: 1;
            margin-left: 1%;
        }


        .yocome {
            display: block;
            background-image: url('images/70-93k.png');
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 2;
            display: block;
            top: 2px;
            width: 100%;
            height: 102px;
            position: fixed;
        }

        .art-object762577129 {
            display: block;
            left: 12.68%;
            margin-left: -22px;
            top: 0px;
            width: 100%;
            height: 102px;
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 2;
            display: block;
            background-image: url('images/80-102k.png');
            position: fixed;
        }

        .yoga1 {
            background-image: url("images/yoga4-81.png");
            display: block;
            top: 15px;
            width: 100%;
            height: 68px;
            background-position: 0 0;
            background-repeat: no-repeat;
            position: fixed;
            z-index: 400;
            margin-left: 26%;
        }

        .art-object268885521 {
            position: absolute;
            top: 119px;
            left: 75.57%;
            margin-left: -361px !important;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            overflow: hidden;
            background-image: url('images/object268885521.png');
            background-position: 0px 0px;
            background-repeat: no-repeat;
            z-index: 3;
            width: 478px;
            height: 59px;
        }

        .art-object268885521-text {
            font-size: 36px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            font-style: normal;
            text-align: left;
            vertical-align: middle;
            text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
            color: #FFFFFF !important;
        }

        .art-object268885521-text {
            display: table-cell;
            outline-style: none;
            padding: 0px 0px !important;
            height: 59px;
            width: 478px;
            word-wrap: break-word;
        }

        .art-nav {
            background-image: url('images/header100.png');
            background: #D4D8FC;
            background-origin: padding-box;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 0px 9px;
            margin: 0px auto 0;
            margin-top: 0px;
            margin-top: 10px;
            position: relative;
            z-index: 499;
            text-align: left;
            margin-top: -1.06%;
            height: 46px;
        }

            .art-nav .art-menu-btn {
                border: 1px solid #404040;
                border-radius: 3px;
                box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
                display: none;
                background: -moz-linear-gradient(top, #707070 0, #000 100%);
                background: -o-linear-gradient(top, #707070 0, #000 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
                background: -webkit-linear-gradient(top, #707070 0, #000 100%);
                background: linear-gradient(to bottom, #707070 0, #000 100%);
                margin: 7px;
                outline: none;
                padding: 5px;
                position: relative;
                vertical-align: bottom;
                width: 20px;
            }

        .responsive-layout-row-3 {
            width: 100% !important;
        }


        .Blende {
            display: none;
        }

        .BuddhaText0 {
            position: absolute;
            height: auto;
            width: 40%;
            margin-top: -7.25em;
            margin-left: 45%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text1 {
            position: absolute;
            height: auto;
            width: 38%;
            margin-top: -10em;
            margin-left: 60%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
		 .Buddha-Text1.1 {
            position: absolute;
            height: auto;
            width: 38%;
            margin-top: -10em;
            margin-left: 60%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text3 {
            position: absolute;
            height: auto;
            width: 38%;
            margin-top: -10em;
            margin-left: 60%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text4 {
            position: absolute;
            height: auto;
			width: 44%;
			margin-top: -11em;
			margin-left: 46%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text5 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: .5em;
            margin-left: -27%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .art-content .art-postcontent-0 .layout-item-0, .layout-item-4 {
            padding-top: 0px;
            padding-right: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            width: 100%;
        }

        .Buddha-Text6 {
            position: absolute;
            height: auto;
            width: 40%;
            margin-top: -8.5em;
            margin-left: 44%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text7 {
            position: absolute;
            height: auto;
            width: 100%;
            margin-top: -2.5em;
            margin-left: -4%;
            font-size: 13px;
            font-weight: bold;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
        }
			.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: -8.7em;
		margin-left: 50%;
		font-size: 14px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
		
		
		
		
 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 41%;
			height: 47px;
			margin-top: 5%;
			margin-left: 28%;
			border: none;
			  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }

.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 24%;
		height: 0%;
		margin-top: 2%;
		margin-left: 0%;
		border: none;
		padding: 2px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 2px;
            padding-bottom: 2px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }



        .responsive .art-sheet {
            width: auto !important;
            min-width: 240px !important;
            max-width: none !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            margin-top: 10.9em !important;
        }

        .art-postcontent h1 {
            color: #9AB635;
            margin: 5px 0 0;
            font-size: 19px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-align: left;
        }

        .responsive .art-layout-cell {
            width: 100% !important;
            height: auto !important;
        }
    }
    /*-------------------Ende @media 480px bis 780px-------------------------*/

    /*-------------------@media 780px bis 900px-----------------------------*/

    @media (min-width: 780px) and (max-width: 900px) {
        #art-resp-phone-portrait {
            display: block;
        }

        .down header {
            transform: translate3d(0, -8em, 0);
        }

        .responsive.responsive-phone .art-collage,
        .responsive.responsive-tablet .art-collage {
            margin: 0 !important;
        }

        .responsive .art-header {
            width: 100% !important;
            max-width: 98.3% !important;
            min-height: 100px !important;
            min-width: 0 !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            text-align: center;
            max-height: 0.2em;
        }

        .art-header {
            position: fixed;
            text-align: center;
        }

        .glare {
            background-image: url("images/header.jpg");
            display: block;
            top: 20px;
            width: 98%;
            height: 800px;
            background-position: 0 0;
            background-repeat: no-repeat;
            position: fixed;
            z-index: 1;
            margin-left: 1%;
        }


        .yocome {
            display: block;
            background-image: url('images/70-93k.png');
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 2;
            display: block;
            top: 2px;
            width: 100%;
            height: 102px;
            position: fixed;
        }

        .art-object762577129 {
            display: block;
            left: 12.68%;
            margin-left: -22px;
            top: 0px;
            width: 100%;
            height: 102px;
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 2;
            display: block;
            background-image: url('images/80-102k.png');
            position: fixed;
        }

        .yoga1 {
            background-image: url("images/yoga4-81.png");
            display: block;
            top: 15px;
            width: 100%;
            height: 68px;
            background-position: 0 0;
            background-repeat: no-repeat;
            position: fixed;
            z-index: 400;
            margin-left: 29%;
        }

        .art-object268885521 {
            position: absolute;
            top: 119px;
            left: 75.57%;
            margin-left: -361px !important;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            overflow: hidden;
            background-image: url('images/object268885521.png');
            background-position: 0px 0px;
            background-repeat: no-repeat;
            z-index: 3;
            width: 478px;
            height: 59px;
        }

        .art-object268885521-text {
            font-size: 36px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            font-style: normal;
            text-align: left;
            vertical-align: middle;
            text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
            color: #FFFFFF !important;
        }

        .art-object268885521-text {
            display: table-cell;
            outline-style: none;
            padding: 0px 0px !important;
            height: 59px;
            width: 478px;
            word-wrap: break-word;
        }

        .art-nav {
            background-image: url('images/header100.png');
            background: #D4D8FC;
            background-origin: padding-box;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 0px 9px;
            margin: 0px auto 0;
            margin-top: 0px;
            margin-top: 10px;
            position: relative;
            z-index: 499;
            text-align: left;
            margin-top: -1%;
            height: 46px;
        }

            .art-nav .art-menu-btn {
                border: 1px solid #404040;
                border-radius: 3px;
                box-shadow: 0 0 3px 0 rgba(0, 0, 0, .2);
                display: none;
                background: -moz-linear-gradient(top, #707070 0, #000 100%);
                background: -o-linear-gradient(top, #707070 0, #000 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #707070), color-stop(1, #000));
                background: -webkit-linear-gradient(top, #707070 0, #000 100%);
                background: linear-gradient(to bottom, #707070 0, #000 100%);
                margin: 7px;
                outline: none;
                padding: 5px;
                position: relative;
                vertical-align: bottom;
                width: 20px;
            }

        .responsive-layout-row-3 {
            width: 100% !important;
        }


        .Blende {
            display: none;
        }

        .art-postcontent h1 {
            color: #9AB635;
            font-size: 23px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-align: left;
        }

        .blattgr :before {
            content: url("images/blattgr.png");
            padding-right: 5px;
        }

        .blattog :before {
            content: url("images/blattog.png");
            padding-right: 5px;
        }

        .blatttr :before {
            content: url("images/blatttr4.png");
            padding-right: 5px;
        }


        .BuddhaText0 {
            position: absolute;
            height: auto;
            width: 44%;
            margin-top: -7.25em;
            margin-left: 37%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text1 {
            position: absolute;
            height: auto;
            width: 48%;
            top: 2%;
            margin-left: 42%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text3 {
            position: absolute;
            height: auto;
            width: 38%;
            margin-top: -10em;
            margin-left: 60%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text4 {
            position: absolute;
            height: auto;
			width: 55%;
            margin-top: -11em;
			margin-left: 39%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text5 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: .5em;
            margin-left: -27%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text6 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: -9em;
            margin-left: 39%;
            font-size: 16px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text7 {
            position: absolute;
            height: auto;
            width: 100%;
            margin-top: -2.5em;
            margin-left: -4%;
            font-size: 13px;
            font-weight: bold;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
        }
			.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: -9.7em;
		margin-left: 50%;
		font-size: 14px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
		 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 41%;
			height: 47px;
			margin-top: 5%;
			margin-left: 28%;
			border: none;
			  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }
		
		
		.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 14%;
		height: 0%;
		margin-top: 0%;
		margin-left: 0%;
		border: none;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 0px;
            padding-bottom: 0px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }

		
		
        .art-content .art-postcontent-0 .layout-item-0, .layout-item-4 {
            padding-top: 0px;
            padding-right: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            width: 100%;
        }



        .responsive .art-sheet {
            width: auto !important;
            min-width: 240px !important;
            max-width: none !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            margin-top: 10.9em !important;
        }

        .art-postcontent h1 {
            color: #9AB635;
            margin: 5px 0 0;
            font-size: 19px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-align: left;
        }

        .responsive .art-layout-cell {
            width: 100% !important;
            height: auto !important;
        }
    }


    .Blende {
        display: none;
    }

    .art-postcontent h1 {
        color: #9AB635;
        font-size: 23px;
        font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
        text-align: left;
    }

    .blattgr :before {
        content: url("images/blattgr.png");
        padding-right: 5px;
    }

.blattog :before {
 
    content: url("images/blattog.png");
    padding-right: 5px;

}

    .blatttr :before {
        content: url("images/blatttr2.png");
        padding-right: 5px;
    }

    /*-------------------Ende @media 780px bis 900px--------------------------*/


    /*-------------------@media 900px bis 1215px-----------------------------*/


    @media (min-width: 900px) and (max-width: 1215px) {

        #art-resp-phone-portrait {
            display: block;
        }

        .down header {
            transform: translate3d(0, -8em, 0);
        }


        .responsive .art-header {
            width: 100% !important;
            max-width: 98.3% !important;
            min-height: 100px !important;
            min-width: 0 !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            text-align: center;
            max-height: 0.2em;
        }

        .art-header {
            position: fixed;
            text-align: center;
        }

        .glare {
            background-image: url("images/header.jpg");
            display: block;
            top: 20px;
            width: 98%;
            height: 800px;
            background-position: 0 0;
            background-repeat: no-repeat;
            position: fixed;
            z-index: 1;
            margin-left: 1%;
        }

        .joerg {
            position: absolute;
            left: 46%;
            top: 13.02px;
            margin-left: 0px !important;
            overflow: hidden;
            background-image: url('images/image150.png');
            background-position: 0px 0px;
            background-repeat: no-repeat;
            z-index: 2;
            width: 75px;
            height: 110px
        }
    .joerg2
    /* Die große Variante*/ {
        position: absolute;
        left: 40%;
        top: 6.02px;
        margin-left: 0px !important;
        overflow: hidden;
        background-image: url('images/70-93k.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 2;
        width: 181px;
        height: 230px;
    }
        .yocome {
            display: block;
            background-image: url('images/70-93k.png');
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 2;
            display: block;
            top: 2px;
            width: 100%;
            height: 102px;
            position: fixed;
        }

        .art-object762577129 {
            display: block;
            left: 12.68%;
            margin-left: -22px;
            top: 0px;
            width: 100%;
            height: 102px;
            background-position: 0 0;
            background-repeat: no-repeat;
            z-index: 2;
            display: block;
            background-image: url('images/80-102k.png');
            position: fixed;
        }

        .yoga1 {
            background-image: url("images/yoga4-81.png");
            display: block;
            top: 15px;
            width: 100%;
            height: 68px;
            background-position: 0 0;
            background-repeat: no-repeat;
            position: fixed;
            z-index: 400;
            margin-left: 32%;
        }

        .art-object268885521 {
            position: absolute;
            top: 119px;
            left: 75.57%;
            margin-left: -361px !important;
            -webkit-transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -o-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
            transform: rotate(0deg);
            overflow: hidden;
            background-image: url('images/object268885521.png');
            background-position: 0px 0px;
            background-repeat: no-repeat;
            z-index: 3;
            width: 478px;
            height: 59px;
        }

        .art-object268885521-text {
            font-size: 36px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            font-style: normal;
            text-align: left;
            vertical-align: middle;
            text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
            color: #FFFFFF !important;
        }

        .art-object268885521-text {
            display: table-cell;
            outline-style: none;
            padding: 0px 0px !important;
            height: 59px;
            width: 478px;
            word-wrap: break-word;
        }

        .art-nav {
            background-image: url('images/header100.png');
            background: #D4D8FC;
            background-origin: padding-box;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 0px 9px;
            margin: 0px auto 0;
            margin-top: 0px;
            margin-top: 10px;
            position: relative;
            z-index: 499;
            text-align: left;
            margin-top: -0.8%;
        }

        .responsive-layout-row-3 {
            width: 50% !important;
        }


        .Blende {
            display: none;
        }

        .BuddhaText0 {
            position: absolute;
            height: auto;
            width: 47%;
            margin-top: -5.25em;
            margin-left: 33%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text1 {
            position: absolute;
            height: auto;
            width: 50%;
            margin-top: -6.5em;
            margin-left: 38%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text3 {
            position: absolute;
            height: auto;
            width: 51%;
            margin-top: -7.5em;
            margin-left: 37%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text4 {
            position: absolute;
            height: auto;
            width: 58%;
            margin-top: -8em;
            margin-left: 32%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text5 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: .5em;
            margin-left: -27%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text6 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: 2.5em;
            margin-left: -21%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text7 {
            position: absolute;
            height: auto;
            width: 100%;
            margin-top: -2.5em;
            margin-left: -2%;
            font-size: 13px;
            font-weight: bold;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
        }
	.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: -9.7em;
		margin-left: 40%;
		font-size: 14px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 41%;
			height: 47px;
			margin-top: 5%;
			margin-left: 28%;
			border: none;
			  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }
			
			.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 28%;
		height: 0%;
		margin-top: 6%;
		margin-left: 0%;
		border: none;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 2px;
            padding-bottom: 2px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }
			
        .art-content .art-postcontent-0 .layout-item-0, .layout-item-4 {
            padding-top: 0px;
            padding-right: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            width: 100%;
        }



        .responsive .art-sheet {
            width: auto !important;
            min-width: 240px !important;
            max-width: none !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            margin-top: 10.8em !important;
        }

        .art-postcontent h1 {
            color: #9AB635;
            margin: 5px 0 0;
            font-size: 19px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-align: left;
        }

        .responsive .art-layout-cell {
            width: 100% !important;
            height: auto !important;
        }
    }
    /*-------------------Ende @media 900px bis 1215px--------------------------*/


    /*-------------------@media 1215px bis 1366px-----------------------------*/
    @media (min-width: 1215px) and (max-width: 1366px) {
        #art-resp-desktop {
            display: block;
        }
        .down header {
            transform: translate3d(0, -16.6em, 0);
        }


.glare {
    background-image: url("images/header.jpg");
    display: block;
    top: -27px;
    width: 82%;
    height: 425px;
    background-position: 0 0;
    background-repeat: no-repeat;
    position: fixed;
    z-index: 1;
    margin-left: 9%;
}





.art-hmenu > li > a, .art-hmenu > li > a:link, .art-hmenu > li > a:visited, .art-hmenu > li > a.active, .art-hmenu > li > a:hover {
    font-size: 10px;
    font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    text-transform: uppercase;
    font-variant: normal;
    text-align: left;
}


ul.art-hmenu > li > a {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0 24px;
    margin: 0 auto;
    position: relative;
    display: block;
    height: 37px;
    cursor: pointer;
    text-decoration: none;
    color: #148190;
    line-height: 37px;
    text-align: center;
}

		.joerg {
			position: absolute;
			left: 40%;
			top: -23.98px;
			margin-left: 0px !important;
			overflow: hidden;
			background-image: url('images/yocome.png');
			background-position: 0px 0px;
			background-repeat: no-repeat;
			z-index: 2;
			width: 181px;
			height: 230px;
		}
    .joerg2
    /* Die große Variante*/ {
        position: absolute;
        left: 40%;
        top: 6.02px;
        margin-left: 0px !important;
        overflow: hidden;
        background-image: url('images/70-93k.png');
        background-position: 0px 0px;
        background-repeat: no-repeat;
        z-index: 2;
        width: 181px;
        height: 230px;
    }
        .responsive .art-header {
            width: 100% !important;
            max-width: 98.3% !important;
            min-height: 100px !important;
            min-width: 0 !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            text-align: center;
            max-height: 0.2em;
        }

        .art-header {
            position: fixed;
            text-align: center;
			top:-28px;
        }
        .art-object268885521 {
            position: absolute;
            left: 200px;
            top: 50px;
            margin-left: 0px !important;
            overflow: hidden;
            background-image: url('images/object268885521.png');
            background-position: 0px 0px;
            background-repeat: no-repeat;
            z-index: 3;
            width: 1000px;
            height: 300px;
        }

        .art-sheet {
            background: #D4D8FC;
            background-origin: padding-box;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 7px;
            margin: 10px auto 0;
            margin-top: 10px;
            position: relative;
            cursor: auto;
            width: 82.76%;
            min-width: 700px;
            max-width: 1920px;
            margin-top: 19.5%;
            z-index: 498 !important;
        }



        .Blende {
            display: none;
        }

        .art-nav {
            background: #D4D8FC;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 0px 9px;
            margin: 10px auto 0;
            position: relative;
            z-index: 499;
            text-align: left;
            margin-top: 23.1%;
        }

        .BuddhaText0 {
            position: absolute;
            height: auto;
            width: 29%;
            margin-top: 2.75em;
            margin-left: -14%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text1 {
            position: absolute;
            height: auto;
            width: 37%;
            margin-top: 2.5em;
            margin-left: -20%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text3 {
                position: absolute;
				height: auto;
				width: 38%;
				margin-top: 1.5em;
				margin-left: -18%;
				font-size: 19px;
				font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
				font-weight: bold;
				text-align: left;
				color: #13808e;
				display: block;
				transition: opacity 2s ease-in;
				-moz-hyphens: auto;
				-o-hyphens: auto;
				-webkit-hyphens: auto;
				-ms-hyphens: auto;
				hyphens: auto;
			
        }
        .Buddha-Text4 {
            position: absolute;
            height: auto;
            width: 41%;
			margin-top: 1.5em;
			margin-left: -19%;
			font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text5 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: .5em;
            margin-left: -27%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text6 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: 2.5em;
            margin-left: -21%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text7 {
            position: absolute;
            height: auto;
            width: 100%;
            margin-top: 2.5em;
            margin-left: 0%;
            font-size: 19px;
            font-weight: bold;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
        }
			.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: 1.3em;
		margin-left: -23%;
		font-size: 14px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
		
		
		.button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 17%;
			height: 31px;
			margin-top: 2%;
			margin-left: 34%;
			border: none;
			  
              border: none;
  
              padding: 0px 0px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

        .button2:hover {
            box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
			background: #13555e;
            color: #fff;
            padding-top: 0px;
            padding-bottom: 0px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }
					.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 28%;
		height: 0%;
		margin-top: 6%;
		margin-left: 0%;
		border: none;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 2px;
            padding-bottom: 2px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }
			
			
			
        .art-content .art-postcontent-0 .layout-item-0, .layout-item-4 {
            padding-top: 0px;
            padding-right: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            width: 100%;
        }



        .responsive .art-sheet {
            width: auto !important;
            min-width: 240px !important;
            max-width: none !important;
            margin-right: 1% !important;
            margin-left: 1% !important;
            margin-top: 10.8em !important;
        }

        .art-postcontent h1 {
            color: #9AB635;
            margin: 5px 0 0;
            font-size: 19px;
            font-family: 'Open Sans', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            text-align: left;
        }

        .responsive .art-layout-cell {
            width: 100% !important;
            height: auto !important;
        }
    }
    /*-------------------Ende @media 1215px bis 1366px---------------------------------*/


    /*-------------------@media 1366px bis 1440px---------------------------------*/
    @media (min-width: 1366px) and (max-width: 1440px) {
        #art-resp-desktop {
            display: block;
        }

        .art-nav {
            background: #D4D8FC;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 0px 9px;
            margin: 10px auto 0;
            position: relative;
            z-index: 499;
            text-align: left;
            margin-top: 20.5%;
        }

        .art-sheet {
            background: #D4D8FC;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 7px;
            margin: 10px auto 0;
            position: relative;
            cursor: auto;
            width: 82.76%;
            min-width: 700px;
            max-width: 1920px;
            margin-top: 19.8%;
            z-index: 498 !important;
        }

        .BuddhaText0 {
            position: absolute;
            height: auto;
            width: 47%;
            margin-top: 3.25em;
            margin-left: -21%;
            font-size: 25px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text1 {
            position: absolute;
            height: auto;
            width: 27%;
            margin-top: 2em;
            margin-left: -18%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text3 {
            position: absolute;
            height: auto;
            width: 27%;
            margin-top: 2em;
            margin-left: -18%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text4 {
            position: absolute;
            height: auto;
            width: 37%;
			margin-top: 10em;
			margin-left: -20%;
			font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text5 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: .5em;
            margin-left: -27%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text6 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: 2.5em;
            margin-left: -21%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text7 {
            position: absolute;
            height: auto;
            width: 100%;
            margin-top: 2.5em;
            margin-left: 0%;
            font-size: 16px;
            font-weight: bold;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
        }
		
			.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: -7.7em;
		margin-left: 53%;
		font-size: 12px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
		
 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 41%;
			height: 47px;
			margin-top: 5%;
			margin-left: 28%;
			border: none;
			  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }
			
			.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 28%;
		height: 0%;
		margin-top: 6%;
		margin-left: 0%;
		border: none;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 2px;
            padding-bottom: 2px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }
    }
    /*-------------------Ende @media 1366px bis 1440px---------------------------------*/


    /*-------------------@media 1800px bis 1925px---------------------------------*/
    @media (min-width: 1800px) and (max-width: 1925px) {
        #art-resp-desktop {
            display: block;
        }

        .art-nav {
            background: #D4D8FC;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 0px 9px;
            margin: 10px auto 0;
            position: relative;
            z-index: 499;
            text-align: left;
            margin-top: 13.5%;
        }

        .art-sheet {
            background: #D4D8FC;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.25);
            padding: 7px;
            margin: 10px auto 0;
            position: relative;
            cursor: auto;
            width: 82.76%;
            min-width: 700px;
            max-width: 1920px;
            margin-top: 13.8%;
            z-index: 498 !important;
        }

        .BuddhaText0 {
            position: absolute;
            height: auto;
            width: 47%;
            margin-top: 3.25em;
            margin-left: -21%;
            font-size: 25px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text1 {
            position: absolute;
            height: auto;
            width: 27%;
            margin-top: 2em;
            margin-left: -18%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text3 {
            position: absolute;
            height: auto;
            width: 27%;
            margin-top: 2em;
            margin-left: -18%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text4 {
            position: absolute;
            height: auto;
            width: 37%;
			margin-top: 4em;
			margin-left: -20%;
			font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }

        .Buddha-Text5 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: .5em;
            margin-left: -27%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text6 {
            position: absolute;
            height: auto;
            width: 30%;
            margin-top: 2.5em;
            margin-left: -21%;
            font-size: 19px;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
            transition: opacity 2s ease-in;
        }
        .Buddha-Text7 {
            position: absolute;
            height: auto;
            width: 100%;
            margin-top: 2.5em;
            margin-left: 0%;
            font-size: 16px;
            font-weight: bold;
            font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
            font-weight: bold;
            text-align: left;
            color: #13808e;
            display: block;
        }
		
			.Buddha-Text8 {
		position: absolute;
		height: auto;
		width: 36%;
		margin-top: 4.3em;
		margin-left: -22%;
		font-size: 17px;
		font-family: 'Open Sans SemiBold', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
		font-weight: bold;
		text-align: left;
		color: #13808e;
		display: block;
		transition: opacity 2s ease-in;	
	}
		
 .button {
            background-color: #13808e; /* Yo-co-me Color */
            color: #fff;
            border-top: 2px solid #63512C;
            border-left: 2px solid #63512C;
            border-bottom: 2px solid #63512C;
            border-right: 2px solid #63512C;
              -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
			width: 19%;
			height: 47px;
			margin-top: 5%;
			margin-left: 28%;
			border: none;
			  
              border: none;
  
              padding: 12px 12px;
              text-align: center;
              text-decoration: none;
              display: inline-block;

             
              cursor: pointer;
              transition-duration: 0.8s;
            }

            .button2:hover {
              box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 12px;
            padding-bottom: 12px;
            border-top: 2px solid #83a00d;
            border-left: 2px solid #83a00d;
            border-bottom: 2px solid #83a00d;
            border-right: 2px solid #83a00d;
            }
			
			.button3 {
        background-color: #13808e;
		color: #fff;
		border-top: 2px solid #63512C;
		border-left: 2px solid #63512C;
		border-bottom: 2px solid #63512C;
		border-right: 2px solid #63512C;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		width: 14%;
		height: 0%;
		margin-top: 1%;
		margin-left: 0%;
		border: none;
		padding: 0px 0px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		transition-duration: 0.1s;
            }

            .button3:hover {
              box-shadow: 0 0 0 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
              background: #13555e;
            color: #fff;
            padding-top: 2px;
            padding-bottom: 2px;
            border-top: 0px solid #83a00d;
            border-left: 0px solid #83a00d;
            border-bottom: 0px solid #83a00d;
            border-right: 0px solid #83a00d;
            }
    }
    /*-------------------Ende @media 1366px bis 1925px---------------------------------*/


    /*-------------------@media all bis 1215px---------------------------------*/
    @media all and (max-width: 1215px) {
        #art-resp, #art-resp-m {
            display: block;
        }

        #art-resp-t {
            display: none;
        }
    }
    /*-------------------Ende @media all bis 1215px---------------------------------*/
	
	
	
	
	
    < /*++++++++++++++++++++++Ende++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    .responsive .art-content-layout, .responsive .art-content-layout-row, .responsive .art-layout-cell {
        display: block;
    }



        .responsive .art-content-layout:after,
        .responsive .art-content-layout-row:after,
        .responsive .art-layout-cell:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }

    .responsive .responsive-tablet-layout-cell,
    .responsive.responsive-tablet .art-footer .art-content-layout .art-layout-cell {
        margin: 1%;
        width: 98% !important;
        float: left;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,
    .responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-2 .art-layout-cell {
        width: 48% !important;
    }

    .responsive-tablet-layout-cell,
    .responsive.responsive-tablet .art-footer .art-content-layout .responsive-layout-row-3 .art-layout-cell {
        width: 31% !important;
    }

    .responsive .art-post {
        border-radius: 0;
    }

    .responsive .art-footer-inner {
        min-width: 0;
    }