@charset "UTF-8";
/*
 
 */
/* Änderungen AEG  */

@import url("aeg-stile.css");

/* ALLGEMEIN */

body{
//	border:yellow 1px solid !important;	background-color: var(--cassiopeia-color-primary) !important;	background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%) !important;	
}

body.fullwidth{
		margin:0px !important;
		//border:yellow 3px solid;
}


#header{
  background-color: var(--cassiopeia-color-primary) !important;
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%) !important;	
  //margin:0px !important;
  //margin-bottom:-20px;
 // border:green 2px solid;
}
#nav{
  a:text-decoration:none;
}

#logo{
	//padding-bottom:50px;
}

#nav{
	background-color: transparent;
	position: sticky;
	top:0;
	//position: realtive;
	//margin: 0px 0 50px 0;
	width: 100%;
	//margin-bottom:20px;
	//     padding:  0 5px 0 5px;
	//padding-left:25px;
	//margin-bottom:0px;
	//border:green solid 1px;
}
#nav.scrolled {
	position: fixed;
	top: 0;
	background-color: var(--cassiopeia-color-primary);
	background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);  
	background-size:contain;
	background-repeat: no-repeat;
	background-position: right;
	background-origin: padding-box;
	//margin-bottom:150px;
	/*
	border:transparent 4px solid; */
/* das Hintergrundbild wird im Sytle-Bereich der index.php festgelegt */  
  /*
  left: 0;
  right: 0;
  margin: 0;*/
}

#nav a:hover{
  background:url('../images/Textmarker_gelb_kurz.png') no-repeat;
  background-color:transparent !important;
  color:#2a69b9 !important;
}

.page-header h1{
  border-bottom:0px silver solid !important;
  line-height:110% !important;
  margin: 18px 0 3px 0 !important;
  background-image:url('../images/Textmarker_gruen_lang.png');
  position: relative; left:-10px;
  background-repeat:no-repeat;
  background-clip: inherit;
}

/*
.festhalten{
	position:fixed;
	top:0;
	//width:100%;
	//height:auto;
	//background-color:silver;
	//transition:background-color 1s;
	//transition:background-image 1s;
	background-image:none;
	z-index:100; 		
}
.loslassen{
	position:static;
	//background-color:transparent;
	//transition:background-color 0.1s;
	//transition:background-image 0.1s;
	background-image:none;
	//height:auto;
}
*/

#inhalt{
	//border:2px solid red;
	margin:0px 8% 10px 8%; /*!important;*/
	//border:red solid 2px; 
	//position:absolute;
	//margin-top:150px;	background-color:white;
	background-color:var(--cassiopeia-color-secondary);
 }
 #inhalt.inhalt-fullwidth{
	margin:0px; /*!important;*/
   //padding: 0 10px 0 10px;
 }

#inhalt .container-banner{
  //margin:-10px !important;
 // border:solid 1px red;
}

main{
 // border:solid 1px green;
  margin-top:-10px;
}

/* Blog-Layout */
div.blog-items .item-image img, div.item-page .item-image img{
 	box-shadow: 10px 10px 5px #ccc;
      		-moz-box-shadow: 10px 10px 5px #ccc;
      		-webkit-box-shadow: 10px 10px 5px #ccc;
      		-khtml-box-shadow: 10px 10px 5px #ccc;
  	width:100px;height:auto; //height:100px;
  	border-radius: 5px; //50px;
  		
  	//max-width:40%;
	float: left !important;
	margin-right: 6px !important; //10px
	//padding-right:15px;
  	
	object-fit: cover;
	//position:relative;
	left:0pc; /*-20px; // -50px;			 */
}

div.item-content div.page-header h2{

}
div.blog-items div.item-content div.page-header a{
	text-decoration:none;
}
div.blog-items div.item-content{
	border-bottom:2px silver solid;	
	margin-bottom:40px;
}
div.blog-items div.item-content img{
	max-width:60%;
	height:auto;
}





/* RESPONSIVE */

@media (min-width: 992px) {
  .festhalten {
   // position:static;
  }
  #inhalt{
	//margin-top:50px;
}
/* *************** */


