/* ---  Defaults ****************************************************************/


html{
   overflow-y: scroll;
   /*
   background: url(../img/pyramide_big.png) no-repeat bottom right fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

*/}

body {
	font-family: oxygen, sans-serif;
	font-size: 14px;
	font-weight: 300;
	text-align: left; 
	line-height: 1.42857143;
	color: #333;
	-webkit-hyphens: auto;
   	-moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	background: url(../img/bgBild_mit.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}



html { 
}
a {
  color: #6f2080;
  text-decoration: none;
}
a:hover,
a:focus {
	color:#333;
  text-decoration: underline;
}




.tb {
	margin-top:10px;
	margin-left:-35px;
}

/*p {margin-bottom: 1em;}
*/
h1{
font-size: 2.2em;
color: #6f2080;
font-weight: inherit;
text-align: left;
}



h2 {
	font-size: 1.25em;
	margin-bottom:5px;
}




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


::selection{
background: #fffaeb;
text-shadow: none;
color: black;
}

a::selection{
 color: inherit;
}


/*p, li {
	text-align:left;
}*/

/* ---  Containers & Rows *******************************************************/




.container{
width: 96%;
max-width: 99rem;
}

.row{
margin-top: 10px;
margin-bottom: 10px;
margin-left:40px;
margin-right:15px;
}


/* ---  Header, Bereiche, Footer ************************************************/

#seite{
}


/* HEADER -------------*/
header{
 padding: 0 0 15px 0;
 margin: 0;
}



/* FOOTER -------------*/

footer {
	margin-top:40px;
	line-height:1.6em;

}



 
.ccm-block-edit[data-block-type-handle="youtube"] .ccm-edit-mode-disabled-item {
    width:100% !important;
    height:0 !important;
    padding-bottom: 56.25%;
}



/* ---  Mediaqueries ********************************************************/


/* ----------------------------- */
@media (max-width: 768px){

.ccm-layout-col {float: none !important; width: 100% !important;}
.ccm-layout-col-spacing {margin: 0 0 20px 0 !important;} 

.container {
 width: 98%;
}


}

@media (min-width: 481px) and (max-width:991px) {
.row {
	margin-right:5px;
	margin-left:2px;
}
		h1 {
		font-size:1.7em;
		line-height:1.2em;
	}


/* ----------------------------- */}

@media (min-width:320px) and (max-width:480px) {
	
	.row{
	margin-left:5px;
	margin-right:5px;
}
	
	h1 {
		font-size:1.6em;
		line-height:1.2em;
	}
}





/* ----------------------------- */
@media (min-width: 992px) and (max-width: 1024px) {

/*stickyfooter
footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 200px;
  background-color: #bcbcbc;
  background-image: url('../media/footerbgr.png');
  background-repeat: repeat-x;
  padding: 10px 0;
} */


/*.row{
	margin-left:80px !important;
	margin-right:5px;
}
*/
h1 {
		font-size:1.8em !important;
		line-height:1.2em;
	}

/* ----------------------------- */}


/* ----------------------------- */
@media (min-width: 1025px) {


/*.row{
	margin-left:40px !important;
	margin-right:15px !important;
}*/
/* ----------------------------- */}