/*GENERAL*/


*, *:before, *:after {
  
  border:0px;
  padding:0px;
  margin:0px;
  box-sizing: border-box;
  -webkit-tap-highlight-color:transparent; 

}



html 
{ 
  width:100%;
  height:100%;
}


body
{
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;

  width:100%;
  height:auto;
  font-size:1rem;
  color:rgb(75,78,79);
  line-height: 1.5rem;
  font-family: Arial, sans-serif;
}




h1 
{ 

}

h2 
{ 
	font-size:1.3125rem;

}



h3 
{ 
}




a
{
  text-decoration: none;
	color:rgb(75,78,79);
  font-weight:600;

}

a:hover
{
  font-weight:100;
}

a[href$=".pdf"]:after {
	content:" (pdf)";
	font-size:0.7rem;
	min-height:20px;
	min-width:20px;
}

img
{
}

figcaption
{
}

ol
{
}


ol li
{  
}

ul
{
}


ul li
{  
  list-style: none;
}



em
{
}




strong
{
}


iframe
{
}

iframe:empty
{
}

table
{  
}



td
{
}


tr
{
}

p
{
  margin:0px 0px 1rem 0px;
}



th
{
}


/*//////////////////////////////////////////*/
/* B A C K G R O U N D */

img#fullscreen-background {
  

  z-index: -999;
  min-width: 1024px;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display:block;

}

img#image-mobile 
{
  
  display:none;
}

/*//////////////////////////////////////////*/
/* W R A P P E R */

div#wrapper
{
  max-width:960px;
  margin:0px auto;
  position:relative;
  margin-bottom:200px;
}

/*//////////////////////////////////////////*/
/* M A I N */

main
{
  position:relative;
  min-height:calc(90vh);

}

 main div#content 
{
  height:100%;
  margin:55px 0 0 0;
  padding:35px 35px 0px 35px;

  color:white;
  font-size:0.9rem;



}


main div#content  article
{
  height:100%;





}

main div#content  article hr
{
  border-bottom:4px solid rgb(255,255,255);
  margin:35px 0 35px 0;
}


main div#content  article a.button-read-more
{
  margin:0px 0px 1rem 0px;
  display:block;
}




main div#content article img
{
  max-width:100%;
  margin:10px 0px 10px 0px;

}



/*//////////////////////////////////////////*/
/* T E M P L A T E : H O M E */



body#home main div#content 
{
  min-height:100%;
  height:100%;
  position:relative;
  padding:35px;
}


body#home main div#content article p
{
  margin:0px;
  padding:0px;
  
}

body#home main div#content article 
{
  margin:0px;
  padding:0px;
  
}




/*//////////////////////////////////////////*/
/* T E M P L A T E : AKTUELL-OVERVIEW */
body#aktuell-overview article image
{
  margin:10px 0 10px 0;
}

body#aktuell-overview article div.event-time
{
  font-weight:900;
}

body#aktuell-overview  hr
{
  border-bottom:4px solid rgb(255,255,255);
  margin:35px 0 35px 0;
}



/*//////////////////////////////////////////*/
/* T E M P L A T E : VERANSTALTUNGEN */
body#veranstaltungen article div.time
{
  margin:0px 0 0px 10px;
}

body#veranstaltungen article div.time-date
{
  margin:0px 0 20px 0px;
}

body#veranstaltungen article div.weekday
{
  margin:0px 5px 0px 0px;
}

body#veranstaltungen  hr
{
  border-bottom:4px solid rgb(255,255,255);
  margin:35px 0 35px 0;
}






/*//////////////////////////////////////////*/
/* T E M P L A T E : A R T I C L E */

body#article .arrow-back
{
	max-width:20px!Important;
	position:absolute;
	right:5px;
  top:10px;
}

body#article main 
{
  
  background:rgb(233,236,241);

}



body#article main article
{
    color:rgb(75,78,79);
    position:relative;
    
    margin:0px auto;
    margin-bottom:-40px;
}



/*//////////////////////////////////////////*/
/* T E M P L A T E : D E F A U L T */
body#default 
{
}



/*//////////////////////////////////////////*/
/* H E A D E R */
header
{
  position:fixed;
  z-index:1;
  top:0;
  max-width:490px;
  overflow:visible;


}

/*//////////////////////////////////////////*/
/* A S I D E */
aside
{
  position:relative;
  background:rgb(233,236,241);

  left:5px;
  height:100%;
  padding:35px 35px 0px 35px;
  max-width:475px;

  color:rgb(75,78,79);
}

aside  article
{
  padding:0px 0px 35px 0px;
  height:100%;


}

aside img
{
	max-width:100%;
	margin:10px 0 10px 0px;
}




aside   article hr
{
  border-bottom:4px solid rgb(75,78,79);
  margin:-1rem 0 0 0;
  padding:35px 0 0 0;
}


aside article   a.button-read-more
{
  margin:0px 0px 10px 0px;
  display:block;


}

/*//////////////////////////////////////////*/
/* F O O T E R */

footer
{
  bottom:0px;
  background:white;
  color:rgb(148,179,223);
  min-width:100%;
  font-size:0.9rem;



}
footer a 
{
   color:rgb(148,179,223);
}

div#footer-content
{
  margin:0px auto;
  padding:35px 35px 0px 35px;


}


div#footer-content div
{


}




/*//////////////////////////////////////////*/
/* N A V I G A T I O N */
nav
{
  background:rgb(75,78,79);
  color:rgb(233,236,241);
  position:relative;
  height:100%;
  padding:10px 30px 10px 35px;
  

  }

nav a
{
  color:rgb(233,236,241);
  text-decoration: none;
  font-weight:600;
}

nav input[type=checkbox]
{
 display:none;
}



body#article nav
{
	 min-width:100%;
}

nav  ul.mobile-navigation-button-open li
{
	max-width:120px;
	display:inline-block;

 }

nav  ul.mobile-navigation-button-open li:last-child
{
	position:absolute;
	right:0px;
	cursor:pointer;

}

nav  ul.mobile-navigation-button-open 
{
	position:relative;
}



nav div#logo
{
  max-width:400px;
  border-bottom:3px solid white;
  margin:20px 0 40px 0;
}

nav div#logo img
{
  margin-left:-10px;
}






body#home nav ul.mobile-navigation-button-open
{
	display:none;
}

nav ul.mobile-navigation-button-open
{
	display:block;
}

nav div#navigation-content
{
    padding:0px 0px 20px 0px;
}


nav div#navigation-content #mainmenu
{
  margin:-10px 0 0 0;
  width:100%;
  }


/*WHEN CLICKED*/


nav input#mobile-navigation-button:checked ~  div#navigation-content 
{

  display:none;


}


nav input#mobile-navigation-button:not(:checked) ~ label ul
{
	display:none;
}





/*LANG NAV*/
div#only-mobile
{
	display:none;
}

div#nav-lang
{
  position:fixed;
  top:0px;
  min-width:100%;
  z-index:0;

  

}

div#nav-lang div#nav-lang-wrapper
{
  min-width:1100px;
  max-width:1100px;
  position:relative;
  margin:0px auto;
	


}


div#nav-lang div#nav-lang-wrapper ul
{
  margin-left:95%;
  max-width:60px;
  margin-top:10px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;


  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;



}



div#nav-lang div#nav-lang-wrapper  ul li:first-child:after
{
	content: '/';
	padding:0px 5px 0px 5px;

}


div#nav-lang div#nav-lang-wrapper  ul li a
{
	font-weight:600;
  color:rgb(233,236,241)
}

div#nav-lang div#nav-lang-wrapper  ul li 
{
  font-weight:600;
  color:rgb(233,236,241);
}

body#article div#nav-lang div#nav-lang-wrapper  ul li a
{
  font-weight:600;
  color:rgb(75,78,79);
}

body#article div#nav-lang div#nav-lang-wrapper  ul li 
{
  font-weight:600;
  color:rgb(75,78,79);
}





/*//////////////////////////////////////////*/
/* G R I D */


.grid-24-1
{
width:40px;
}

.grid-24-2
{

width:80px;

}

.grid-24-3
{
width:120px;
}

.grid-24-4
{
width:160px;
}

.grid-24-5
{
  width:200px;
}
.grid-24-6
{
  width:240px;
}

.grid-24-7
{
  width:280px;
}

.grid-24-8
{
  width:320px;
}

.grid-24-9
{
  width:360px;
}

.grid-24-10
{
  width:400px;
}

.grid-24-11
{
  width:440px;
}

.grid-24-12
{
  width:480px;
}

.grid-24-13
{
width:520px;
}

.grid-24-14
{
width:560px;
}

.grid-24-15
{
width:600px;
}

.grid-24-16
{
width:640px;
}

.grid-24-17
{
width:680px;
}

.grid-24-18
{
width:720px;
}

.grid-24-19
{
width:760px;
}

.grid-24-20
{
  width:800px;
}

.grid-24-21
{
  width:840px;
}

.grid-24-22
{
  width:880px;
}

.grid-24-23
{
  width:920px;
}


.grid-24-24
{
  min-width:960px;
  max-width:960px;


  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;


  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;

}

.flex
{
  display:-webkit-flex;
  display:flex;



  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;

}

.justify-content-start
{
  -webkit-align-items: flex-start;
  align-items: flex-start;

}

.justify-content-end
{
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  
}

.algin-item-start
{
   -webkit-align-items: flex-start;
  align-items: flex-start;
  
}

.algin-item-end
{
    -webkit-align-items: flex-end;
    align-items: flex-end;
  
}

.justify-content-spacebetween
{
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.width-100
{
  min-width:100%;
}



[class*='grid-'] 
{

 overflow:hidden;

}




 /* 

 _                 _             _     _   
| |__ _ _ ___ __ _| |___ __  ___(_)_ _| |_ 
| '_ \ '_/ -_) _` | / / '_ \/ _ \ | ' \  _|
|_.__/_| \___\__,_|_\_\ .__/\___/_|_||_\__|
                      |_|                  

  ___   ___   ___   ___  
 |__ \ / _ \ / _ \ / _ \ 
    ) | | | | | | | | | |
   / /| | | | | | | | | |
  / /_| |_| | |_| | |_| |
 |____|\___/ \___/ \___/ 
                         
                         



  */


@media only screen and (min-width: 2000px) {





}


/*
  
   ___   ___   ___  
  / _ \ / _ \ / _ \ 
 | (_) | | | | | | |
  \__, | | | | | | |
    / /| |_| | |_| |
   /_/  \___/ \___/ 
                    
                    



*/
                   

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


html,body
{
  max-width:100%;
  min-width:100%;

}

/*//////////////////////////////////////////*/
/* G R I D */



	[class*='grid-'] 
{

 overflow:hidden;
 max-width:100%;
 min-width:100%;

}

aside
{
	//display:none;
	margin-left:-5px;
	position:relative;
}

img#fullscreen-background
{
	display:none;
}

img#image-mobile 
{
  min-width:100%;
  width:100%;
  height:auto;
  display:block;
  margin-top:10px;
}
  
 body#home main
{
  position:relative;
  margin-top:60px;
  height:100%;
  min-height:calc(80vh - 400px);
  margin-top:0px;


}

body#home main div#content 
{
  height:100%;
  margin-top: 55px;



}

/*//////////////////////////////////////////*/
/* W R A P P E R */

div#wrapper
{
  margin-bottom:20px;
}


/*//////////////////////////////////////////*/
/* N A V I G A T I O N */




body#home nav ul.mobile-navigation-button-open
{
	display:block;
}

nav div#navigation-content
{
	display:block;
  min-height:2000px;
}

/*WHEN CLICKED*/





body#home nav input#mobile-navigation-button:not(:checked) ~ label ul
{
	display:block;
}

body#home nav input#mobile-navigation-button:not(:checked) ~ div#navigation-content
{
	display:none;
}

body#home nav input#mobile-navigation-button:checked ~ label ul

{
  display:none;
}

body#home nav input#mobile-navigation-button:checked ~ div#navigation-content
{
	display:block;
}

nav input#mobile-navigation-button:checked ~ ul.mobile-navigation-button-open

{
  display:none;
}

nav input#mobile-navigation-button:checked ~ div#navigation-content div#only-mobile

{
  display:block;
}





 nav div#only-mobile div#nav-lang
{
  display:block;
  


}

  div#nav-lang
{
	display:none;

}
div#navigation-content div#only-mobile 
{
	display:block;
	min-width:100px;
  max-width:100px;
  margin:0px;
  position:relative;
  
}



div#navigation-content div#only-mobile div#nav-lang div#nav-lang-wrapper
{
	display:block;
	position:relative;
	min-width:100px;
	max-width:100px;
	margin-left:70%;
	margin-top:10px;

}

div#navigation-content div#only-mobile div#nav-lang div#nav-lang-wrapper ul
{
	min-width:100px;
	margin:0px;
}

/*//////////////////////////////////////////*/
/* F O O T E R */

footer div#footer-content
{
  max-width:100%;
  min-width:100%;
  display:block;

}

footer div#footer-content div
{
  margin:0 0 20px 0;

}

footer
{
  max-width:100%;
  min-width:100%;
  position:relative;

}

}