/** Project: NACHBARN24
 *  
 *
 *  
 *  @framework     YAML v4.1.2
 *  @file          screen.css
 */

@media screen {

	.ym-wrapper {
		margin: 0 auto;
		max-width: 50em;
	}

/*
	.ym-wrapper-min {
		background: #fff
	}
*/

	.ym-wbox {
		padding: 0 10px;
/* 		background: rgba(255,255,255,0.3) */
	}
	
	header {padding: 3em 0;}
	
	#logo {text-align:right}
	
	.adresse {
		padding: 0.5em 0 0;
		color: #666;
		text-align: center;
		font-style: normal;
		font-weight:300
	}
	
	
	.ym-column .ym-col1 {
		float: left;
		margin: 0px;
		width: 20%;
	}

	.ym-cbox-left {  }
	}


	.ym-column .ym-col2 {
	}

	.ym-cbox-right {
	}

	.ym-column .ym-col3 {
		margin: 0px 0px 0px 20%;
	}

	.ym-cbox {padding: 0 30px}
	}
	
	section {
		margin-top: 1em;
		margin-bottom:4em;
		}
		
	article {
		margin-bottom: 2em;
		padding-bottom: 3em;
		border-bottom: 2px dashed #dac691;}
		
	article:last-child {border: 0 none}
		
	.ym-contain-dt article {border-bottom: 0 none}
	.ym-contain-dt article:first-child {float: left; display: inline}
	.ym-contain-dt article:nth-child(2) {float: right; display: inline; text-align: right}

	.spacer {padding-right:5%;}
/* 	#bgpreise {background: url(../images/blatt250.jpg) right bottom no-repeat;} */

	
	.ym-grid > h2 {margin-top: 1em}
	section#yogaverstaendnis h2,
	section.zwo h2 {margin-top: -0.5em}

	.ym-gbox-left {
	}

	.ym-gbox {
	}

	.ym-gbox-right {padding: 0 0 0 20px;}
	#wechsler {
		padding: 0 0 0.5em 10px;
		text-align: right;
	}
	
	.zweispalter {
		-moz-column-count: 2;
		-moz-column-gap: 30px;
		-webkit-column-count: 2;
		-webkit-column-gap: 30px;
		column-count: 2;
		column-gap: 30px;
		
	}
	
	.dreispalter {
		-moz-column-count: 3;
		-moz-column-gap: 30px;
		-webkit-column-count: 3;
		-webkit-column-gap: 30px;
		column-count: 3;
		column-gap: 30px;
	}
	
/*
	hr {
		padding:0;
		margin-left: 70%;
		height:1px;
		line-height: 1px;
		border: 0px none;
		background-color: #7B7C7E;
		}
*/
	
	.zit {
		text-align: right;
		font-family: Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size: 135%;
		margin-bottom: 0;
		color:#cccccc;
	}
	
	.kontakt {
		color:#7B7C7E;
		font-style: normal;
		font-size: 90%;
	}
	
	footer {
		margin: 4em 0;
		border-top: 1px dashed #7B7C7E;
	}
	
	.kontakt a {color:#7B7C7E}
	
	.kontakt a:hover,
	.kontakt a:focus {
		color:#fff;
	}
	
	footer section {
		padding: 0 10px;
		font-size: 80%;
		color: #B3B5B6
	}
	
	/* SLIDER */

.track {
  position: relative;
  height: 400px;
  width: 100%;
/*   border-left:12px solid #F6CC80; */
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



/*
@media only screen and (max-width: 1024px) {
	
	.ym-vlist li {font-size: 200%}
}
*/

@media only screen and (max-width: 768px) {

	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"],
	.linearize-level-1 > [class*="ym-col"] {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: auto !important;
	}

	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-1 > [class*="ym-col"] > [class*="ym-cbox"] {
		margin: 0;
		overflow: hidden;
		padding: 0;
	}
	header {padding: 1em 0;}
	h1 {font-size: 150%}
	p {text-align:justify; font-size: 105%;}
	.flexible {max-width: 95%;}
	
/* 	.ym-vlist ul {width:100%} */

}

@media only screen and (max-width: 480px) {

	.linearize-level-2,
	.linearize-level-2 > [class*="ym-g"],
	.linearize-level-2 > [class*="ym-col"] {
		display: block;
		float: none;
		margin: 0;
		padding: 0;
		width: auto !important;
	}

	.linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"],
	.linearize-level-2 > [class*="ym-col"] > [class*="ym-cbox"] {
		margin: 0;
		overflow: hidden;
		padding: 0;
	}
		
	p {text-align:justify; font-size: 100%; /* padding-left: 10px; padding-right: 10px */}
	
	.flexible {max-width: 95%;}
	

}